@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto&display=swap);
*{box-sizing:border-box}html,body{overflow-x:hidden}.hidden{display:none}*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}header{background-color:#1a1a1a;display:flex;justify-content:center;align-items:center;height:80vh}@media(orientation: landscape){header img{height:70vh}}@media(orientation: portrait){header img{width:70vw}}nav{background-color:#1a1a1a;height:10vh;display:flex;justify-content:center}nav a.el{padding:15px;color:#d7d7d7;font-size:2rem;text-decoration:none}nav a.el:hover{color:#e6e6e6;text-decoration:underline;cursor:pointer}.divider{box-sizing:border-box;border-style:solid;border-width:10vh 50vw;border-color:#1a1a1a transparent transparent;height:5vh;width:100%}html,body{min-height:100vh;background-color:#2a2a2a;font-family:"Roboto",Helvetica,Arial,sans-serif;color:#d7d7d7}main{margin:5rem 0}.content-block{max-width:850px;margin:0 25px}@media(min-width: 900px){.content-block{margin:0 auto}}h1{font-weight:normal;font-size:2.5rem;font-family:"Montserrat",sans-serif;margin-left:.5rem;margin-bottom:1.75rem}p{font-weight:normal;font-size:1.25rem;line-height:1.5rem;margin-bottom:2rem}#dgpslock{margin:2rem}#dgpslock label{font-size:1.25rem}#dgpslock input,#dgpslock button{background:#1a1a1a;border:none;padding:.5rem;border-radius:.2rem;margin:.5rem;font-size:1.2rem;color:#d7d7d7}footer{background-color:#1a1a1a;padding:2rem;width:100%;text-align:center}footer .impressum{text-align:left}footer .impressum h3{font-size:1.3rem;padding:0 0 .75rem}footer .impressum p{font-size:1.1rem;line-height:1.4rem}.card{border-radius:15px;margin:15px auto;background-color:transparent;width:300px;height:400px;perspective:1000px;filter:drop-shadow(0 10px 15px #0000003f)}@media(min-width: 330px){.card{margin:15px}}.card .inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.card .inner .front,.card .inner .back{border-radius:15px;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card .inner .front{background-color:#1a1a1a;color:#e6e6e6}.card .inner .front img{margin:50px 50px 50px;border-radius:50%;width:200px;height:200px}.card .inner .front h2{font-size:2.5rem}.card .inner .back{background-color:#1a1a1a;padding:50px;color:#d7d7d7;transform:rotateY(180deg)}.card:hover .inner{transform:rotateY(180deg)}.cards{margin:3rem 0;display:flex;justify-content:center;flex-wrap:wrap}