:root{--color-text:#000;--color-a:#00008b;--color-bg:#eee;--color-bg2:#eeeeee00;--shade:0 0 4px rgba(0,0,0,.4);--shade2:0 0 6px rgba(0,0,0,.6)}*,:after,:before{box-sizing:inherit;font-size:1.4rem;line-height:normal;margin:0;padding:0}html{font-size:68.75%;scroll-behavior:smooth}@media only screen and (min-width:56.25em){html{font-size:75%}}body{box-sizing:border-box;color:var(--color-text);font-family:Arial,Helvetica Neue,Helvetica,Liberation Sans,Nimbus Sans L,sans-serif;font-weight:400;height:100dvh;position:relative;z-index:0}#container2{margin:0 auto;max-width:114rem;width:100%;z-index:5}#container{height:100dvh;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:4}header{align-items:center;border:1px solid #fff;display:flex;justify-content:space-between;padding:1rem;z-index:10}#container2{display:flex;flex-direction:column;left:50%;position:absolute;top:0;transform:translateX(-50%);z-index:7}footer{display:block;height:auto;line-height:2rem;padding:1rem;text-align:center;width:100%}footer ul{list-style:none}footer ul li{display:inline-block;padding:0 2rem 2rem}ul{list-style-position:inside}footer p{padding-bottom:4rem}#container3{background:var(--color-bg);border:1px solid #fff;box-shadow:var(--shade2);z-index:11}#bg_img,#blur,#overlay{height:100dvh;left:0;position:fixed;top:0;width:100%;z-index:2}#intro{height:auto;left:50%;max-height:100dvh;max-width:399px;opacity:0;position:absolute;top:50dvh;transform:translate(-50%,-50%);width:80%;z-index:15}#bg_img{background:#fff;opacity:1}#overlay{background:linear-gradient(to bottom right,#f0fff0,#fff,#cfc);opacity:.5;z-index:6}.bg_blured{background-color:rgba(220,255,220,.5);box-shadow:var(--shade);z-index:6}#blur{background-color:hsla(0,0%,100%,.5);z-index:3}a{color:var(--color-a);display:inline-block;text-decoration:none}@supports (-webkit-backdrop-filter:blur(4px)) or (backdrop-filter:blur(4px)){#blur,.bg_blured{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}#logo{background-image:url(../img/logo_sds.png);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:6rem;order:1;width:14rem}#references{order:2;text-align:center}#references a{padding:1rem}h1{font-weight:400;padding-top:1rem}#imprint h1,#privacy-policy h1,h2{background:linear-gradient(to bottom right,#555,#000);border-radius:5px;color:#fff;display:inline-block;font-weight:600;margin-bottom:1rem;padding:.8rem}h2 span{color:#f55;display:inline-block;font-size:1rem;padding-left:.5rem;vertical-align:super;white-space:nowrap}#privacy-policy h1{display:block;margin:0 auto 2rem;width:fit-content}main{text-align:center}main .image figcaption,main p{display:block;line-height:1.4;text-align:center}main p{padding-bottom:4rem}main .image figcaption{background:#fff;box-shadow:var(--shade);padding:1.5rem;width:100%}.ref{display:none}main img{border:0;box-shadow:var(--shade);display:block;height:auto;padding:0;width:100%}.no-shade{box-shadow:none!important}.w100{width:100%}.w80{margin:0 auto;max-width:70rem}.p-rem{padding:4rem}.d-none{display:none}.image+.image{padding-top:4rem}a.disabled{opacity:.5;pointer-events:none}a.enlarge{box-shadow:var(--shade);cursor:pointer;display:block;height:60rem;margin:0;overflow:hidden;padding:0}.handy{margin:0 auto;max-width:500px}.hover_effect{position:relative}.hover_effect:hover{animation:animPulse .6s ease-in-out;transform-origin:bottom center}@keyframes animPulse{0%,to{box-shadow:var(--shade);filter:brightness(1);transform:scale(1)}50%{box-shadow:0 0 0 transparent;filter:brightness(.93);transform:scale(.99)}}.img_click{animation:animPulse .3s ease-in-out;transform-origin:bottom center}.img_clicked{box-shadow:var(--shade);cursor:default;display:block;height:auto;margin:0;overflow:hidden;padding:0}@media only screen and (min-width:768px) and (min-height:480px){#container2{padding:4rem}}@media only screen and (orientation:landscape) and (min-width:35rem) and (max-height:480px){h1{display:inline-block}#logo{background-image:url(../img/logo_sds_2.png);height:3rem;width:30rem}}.icon{height:auto;width:1.5rem}.r90{transform:rotate(90deg)}.r180{transform:rotate(180deg)}.r270{transform:rotate(270deg)}.continue{background:linear-gradient(to bottom,var(--color-bg2),var(--color-bg));bottom:0;height:50px;position:absolute;text-align:center;width:100%}.continue svg{bottom:15px;position:absolute}#imprint p,#imprint ul,#itkanzlei_txt_copyright,#privacy-policy img,#privacy-policy p,#privacy-policy ul{box-shadow:none;text-align:start}