.m{stroke:#fff}header{overflow:hidden;overflow-y:hidden}header,header .bg{height:100%;width:100%}header .bg{background:url(./lofoten.6606493b.jpg) 35% 0 no-repeat;background-size:cover;position:absolute;z-index:-1}header .hello{position:relative;text-align:center;top:37.5%}header .coin{height:10em;margin:0 auto;transform-style:preserve-3d;width:10em}header .coin .side{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:6px solid #228461;border-radius:100%;height:100%;left:0;position:absolute;text-align:center;top:-50%;width:100%}header .coin .logo{background-color:#228461;transform:rotateY(180deg)}header .coin .logo svg{margin:25% auto 0;transition:.5s ease-in-out;width:50%}header .me{color:#fff;position:relative;top:-4em}header .me span:not(.pipe){display:block}header .me .name{font-size:2em;font-weight:700;text-transform:uppercase}@keyframes flip{0%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}header .image img{border-radius:100%}@keyframes intro2{0%{opacity:0}50%{opacity:0}to{opacity:1}}header nav.header{opacity:0;width:100%;z-index:200}header nav.header ul{margin:0;padding:1em 0 0}header nav.header li{background:#228461;border-radius:5px;color:#fff;cursor:pointer;float:right;line-height:.75;list-style-type:none;margin:0 .25em;padding:.5em;transition:background-color 1s}header nav.header li:first-child{float:left;margin:0;padding:0}header nav.header li:first-child svg{padding:.5em;width:3em}header nav.header li.kontakt{background:#fff;color:#228461;cursor:pointer;float:right;line-height:2em;margin-right:0;padding:.5em 0}header nav.header li.kontakt:hover{background-color:#333e3d}header nav.header li.kontakt:hover a{background-color:#333e3d;color:#fff}header nav.header li i{font-size:1.25em;max-width:32px}header nav.header li:not(.kontakt) i{padding:.3em}header .intro{background:#000;height:75%;left:0;opacity:.9;position:absolute;top:0;width:100%}@keyframes intro{0%{opacity:.85}50%{opacity:.9}to{opacity:.5}}.cmp-subpage,.cmp-subpage .bg,.cmp-subpage .intro{height:50%}@media screen and (orientation:landscape) and (max-width:47.975em){.cmp-subpage,.cmp-subpage .bg,.cmp-subpage .intro{height:100%}.cmp-subpage .hello{font-size:.7em}}@media screen and (max-width:39.975em){.cmp-subpage .hello{font-size:.7em;top:45%}}body.ready .coin{animation:flip 1.5s ease-in forwards}body.ready .intro{animation:intro 1.5s ease-in forwards}body.ready nav.header{animation:intro2 3s ease-in forwards}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(./OpenSans-Regular.aee69b34.woff2) format("woff2"),url(./OpenSans-Regular.47b84010.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:url(./OpenSans-Bold.2ac5af19.woff2) format("woff2"),url(./OpenSans-Bold.10f50ec4.woff) format("woff")}footer{background:#228461;color:#fff;padding:4em 0 1em}footer svg{width:3em}footer .subtext{font-size:.8em;padding:2.25em 0 3em}footer .pipe{top:-1px}footer nav.footer ul{display:inline-block;margin:0 auto;padding:0}footer nav.footer li{border-radius:5px;cursor:pointer;float:left;line-height:1.5em;margin:0 .15em;padding:.25em 0}footer nav.footer li a{font-size:.8em}footer nav.footer li a i{color:#228461;font-size:1em;line-height:1.125em;transition:color .5s}footer nav.footer li:first-child,footer nav.footer li:last-child{padding:.25em .5em}footer nav.footer li:first-child a,footer nav.footer li:last-child a{color:#fff;font-size:.8em}footer nav.footer li:first-child a i,footer nav.footer li:last-child a i{color:#fff;line-height:1em;padding-right:.25em}footer nav.footer li:first-child a:hover,footer nav.footer li:last-child a:hover{text-decoration:underline}footer nav.footer li.social{background-color:#fff;transition:background-color .5s;width:2em}footer nav.footer li.social:hover{background-color:#333e3d}footer nav.footer li.social:hover i{color:#fff}