.purple{color:#86415e}.pomegranate{color:#ff7a00}.citrus{color:#ffc745}.gras{color:#16a085}.midnight{color:#215d96}.belize{color:#2980b9}.light-theme{background-color:#fff;color:#32363a}.dark-theme{background-color:#32363a;color:#eee}a{text-decoration:none}ul{list-style:none}h1{display:none}.p-fixed{position:fixed}.p-absolute{position:absolute}.border-test{border:2px solid red}.f-bold{font-weight:700}.f-regular{font-weight:300}.f-size-xl{font-size:25vh}.f-size-l{font-size:15vw}.f-size-m{font-size:8vw}.f-size-sm{font-size:7vw}.f-size-s{font-size:5vw}.f-size-xs{font-size:3.5vw}.f-uppercase{text-transform:uppercase}.viewport-page{height:100vh;width:100%}.bg-light{background-color:#eee}.bg-dark{background-color:#32363a;color:#eee}.portrait{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;text-align:center;font-size:7vh}body{font-family:"Dosis",sans-serif;font-size:16px;text-rendering:optimizeLegibility;width:100%;overflow-x:hidden}body main{overflow:auto}body main .parallax .ci-logo-start{height:100vh;width:100%;will-change:transform;transform:translateZ(-20px);z-index:-1}body main .parallax .ci-logo-start img{width:300%;height:300%}body main .parallax .cci-intro-text-03{bottom:16vh;right:0;left:0;margin-right:auto;margin-left:auto;width:100%;text-align:center}body main .parallax .firstPage{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}body main .parallax .firstPage .snowflakes{font-size:1em;font-family:Arial;text-shadow:0 0 1px #000}body main .parallax .firstPage .title-maplab{display:inline-flex;padding-bottom:5rem}body main .parallax .firstPage .title-maplab .letter{will-change:transform;transform:translateZ(20px);padding:0 .5rem 0 .5rem}body main .parallax .firstPage .svg-title{height:20vh;width:60%;top:5%;left:50%}body main .parallax .makethatpagebigger{height:100vh;width:100%;height:400vh;margin-top:150vh}body main .parallax .make-it-purple{top:0;left:0;background-color:#86415e;height:100%;z-index:-999}body main .parallax .makethatpageevenbigger{height:100vh;width:100%;height:400vh;margin-top:400vh}body main .parallax .make-it-yellow{top:0;left:0;background-color:#ffc745;height:100%;z-index:-999}body main .parallax .sentence{top:20%;right:0;left:0;margin-right:auto;margin-left:auto;width:50%}body main .parallax .sentence .sentence-we .we-00{top:0;bottom:0;right:0;left:0;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;width:100%;height:7vw;text-align:center}body main .parallax .sentence .sentence-we .we-01{top:15%;right:0;left:0;margin-right:auto;margin-left:auto;width:100%;height:5vw;text-align:center}body main .parallax .sentence .sentence-we .we-02{right:0;left:0;margin-right:auto;margin-left:auto;width:100%;height:5vw;bottom:15%;text-align:center}body main .parallax .sentence .sentence-we .we-03{right:5%;top:40%;text-align:center}body main .parallax .sentence .sentence-we .we-04{left:12%;bottom:35%;text-align:center}body main .parallax .sentence .sentence-we .we-05{top:0;bottom:0;right:0;left:0;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:3%;width:100%;height:5vw;text-align:center}body main .parallax .sentence .sentence-maps{color:#fff}body main .parallax .sentence .sentence-maps .maps-01{top:20%;left:10%;width:50%}body main .parallax .sentence .sentence-maps .maps-02{left:-10%;width:100%;bottom:20%;text-align:right}body main .parallax .sentence .sentence-maps .maps-03{top:0;bottom:0;right:0;left:0;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;width:100%;height:7vw;font-size:7vw;text-align:center}body main .parallax .sentence .sentence-maps .maps-04{color:#86415e;top:0;bottom:0;right:0;left:0;margin-top:auto;margin-bottom:auto;margin-right:auto;margin-left:auto;width:100%;font-size:12vw;height:25vw;text-align:center}body main .parallax .sentence .sentence-times .times-01{left:10%;width:100%;top:15%;text-align:left}body main .parallax .sentence .sentence-times .times-02{left:10%;width:100%;top:30%;text-align:left}body main .parallax .sentence .sentence-times .times-03{left:38%;width:100%;top:30%;text-align:left}body main .parallax .sentence .sentence-times .times-04{left:10%;width:100%;top:20%;text-align:left}body main .parallax .sentence .sentence-times .times-05{display:inline-flex;justify-content:center;top:0;right:0;left:0;bottom:0;margin:auto;width:100%;height:7vw;text-align:center;font-size:7vw;font-weight:700}body main .parallax .sentence .sentence-times .times-05 .t-05-l{padding-right:2%}body main .parallax .lastPage{height:100vh;width:100%;height:200vh;font-size:4vw}body main .parallax .lastPage .text-1{top:40vh}body main .parallax .lastPage .text-2{top:52vh}body main .parallax .lastPage .text-3{top:64vh}body main .parallax .lastPage .impressum{bottom:2%;right:0;left:0;margin-right:auto;margin-left:auto;width:100%;font-size:1.5vw;text-align:center}body main .parallax .lastPage .social{display:inline-flex;z-index:9000;width:80%;height:auto;left:15%;will-change:transform;transform:translateZ(0)}body main .parallax .lastPage .social .inner{display:flex}body main .parallax .lastPage .social .inner .arrow{color:#ff3101;will-change:transform;transform:translateZ(0)}body main .parallax .lastPage .social .inner a{padding-left:1rem;padding-right:1rem}body main .parallax .lastPage .social .inner a:link{color:#ff7a00}body main .parallax .lastPage .social .inner a:visited{color:#ff7a00}body main .parallax .lastPage .social .inner a:hover{color:#86415e}body main .parallax .lastPage .ci-logo-end{width:100%;height:100%}body main .parallax .text{font-size:3.5vw;position:fixed;width:100%;left:10%;height:40px;top:20vh;margin-top:-20px}body main .parallax .text p{display:inline-block;vertical-align:top;margin:0}body main .parallax .text .word{position:absolute;width:220px;opacity:0;margin-left:.5rem}body main .parallax .text .letter{display:inline-block;position:relative;transform:translateZ(25px);transform-origin:50% 50% 25px}body main .parallax .text .letter.out{transform:rotateX(90deg);transition:transform .32s cubic-bezier(0.55, 0.055, 0.675, 0.19)}body main .parallax .text .letter.behind{transform:rotateX(-90deg)}body main .parallax .text .letter.in{transform:rotateX(0deg);transition:transform .38s cubic-bezier(0.175, 0.885, 0.32, 1.275)}body main .parallax .tp-wrap{z-index:9999;position:fixed;width:800px;left:30%;margin-left:-20%;height:30px;top:10%}body main .parallax .tp-wrap .tp{height:30px;text-align:left}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(50px)}100%{transform:translateX(0px)}}body main .snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}body main .snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}body main .snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}body main .snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}body main .snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}body main .snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}body main .snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}body main .snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}body main .snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}body main .snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}body main .snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.scroll-hint{display:none;margin:0 auto;width:23px;height:40px;border-radius:13px;border:2px solid #32363a;position:fixed;top:80%;left:50%}.scroll-hint span{display:block;margin:6px auto;width:3px;height:7px;border-radius:100%;background:#32363a;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:scroll;animation-name:scroll}@-webkit-keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}}@keyframes scroll{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(12px);-ms-transform:translateY(12px);transform:translateY(12px)}}@media(orientation: portrait){.parallax{display:none}.portrait{display:flex}}@media(orientation: landscape){.portrait{display:none}.parallax{display:block}}