@keyframes scaleDouble{0%{transform:scale(1)}60%{transform:scale(2)}100%{transform:scale(1)}}@keyframes moveRight{0%{opacity:0;transform:translateX(-100px)}100%{opacity:1;transform:translateX(0)}}@keyframes moveLeft{0%{opacity:0;transform:translateX(100px)}100%{opacity:1;transform:translateX(0)}}@keyframes scaleBig{0%{transform:scale(0)}80%{transform:scale(2)}100%{transform:scale(1)}}@keyframes scaleAndMoveDwn{0%{transform:scale(1) translateY(0);opacity:0}60%{transform:scale(1.3) translateY(0.5rem);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}@keyframes strokeLogo{0%{stroke-dasharray:1443.4924316406px;stroke-dashoffset:1443.4924316406px;opacity:0}100%{stroke-dashoffset:0;opacity:1}}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box}body{font-size:1.6em;font-family:sans-serif}.section-headline-1{text-transform:uppercase;letter-spacing:0.5rem;font-weight:800;margin-right:10px}.section-headline-2{font-size:6rem}.section-headline-3{letter-spacing:1.3rem;font-size:4rem;margin-left:10px}.svg{stroke-dashoffset:0px;opacity:1;stroke-width:20px;fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round}svg #backside,svg #frontside,svg #flash,svg #fill-lens-side,svg #lens-frontside,svg #lens-frontside-small,svg #okular,svg #deckel,svg #seitenabdeckung,svg #trigger-bottom,svg #trigger-top{stroke:#313131;stroke-width:5.85px;fill:none;opacity:0}#lens-backside{display:none}#backside{stroke-dashoffset:-2704.8029785156px;stroke-dasharray:-2704.8029785156px;-webkit-transition:stroke-dashoffset 0.5s ease 0s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 0s;transition:stroke-dashoffset 0.5s ease 0s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 0s}#frontside{stroke-dashoffset:2704.8029785156px;stroke-dasharray:2704.8029785156px;-webkit-transition:stroke-dashoffset 0.5s ease 0.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 0.5s;transition:stroke-dashoffset 0.5s ease 0.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 0.5s}#lens-frontside{stroke-dashoffset:1478.3187255859px;stroke-dasharray:1478.3187255859px;-webkit-transition:stroke-dashoffset 0.5s ease 1s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 1s;transition:stroke-dashoffset 0.5s ease 1s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 1s}#deckel{stroke-dashoffset:1914.3228759766px;stroke-dasharray:1914.3228759766px;-webkit-transition:stroke-dashoffset 0.5s ease 1.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 1.5s;transition:stroke-dashoffset 0.5s ease 1.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 1.5s}#seitenabdeckung{stroke-dashoffset:1386.3276367188px;stroke-dasharray:1386.3276367188px;-webkit-transition:stroke-dashoffset 0.5s ease 2s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 2s;transition:stroke-dashoffset 0.5s ease 2s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 2s}#flash{stroke-dashoffset:470.365447998px;stroke-dasharray:470.365447998px;-webkit-transition:stroke-dashoffset 0.5s ease 2.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 2.5s;transition:stroke-dashoffset 0.5s ease 2.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 2.5s}#fill-lens-side{stroke-dashoffset:1072.5014648438px;stroke-dasharray:1072.5014648438px;-webkit-transition:stroke-dashoffset 0.5s ease 3s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 3s;transition:stroke-dashoffset 0.5s ease 3s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 3s}#lens-frontside-small{stroke-dashoffset:1215.3959960938px;stroke-dasharray:1215.3959960938px;-webkit-transition:stroke-dashoffset 0.5s ease 3.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 3.5s;transition:stroke-dashoffset 0.5s ease 3.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 3.5s}#okular{stroke-dashoffset:241.9739227295px;stroke-dasharray:241.9739227295px;-webkit-transition:stroke-dashoffset 0.5s ease 4s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 4s;transition:stroke-dashoffset 0.5s ease 4s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 4s}#trigger-bottom{stroke-dashoffset:299.0163269043px;stroke-dasharray:299.0163269043px;-webkit-transition:stroke-dashoffset 0.5s ease 4.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 4.5s;transition:stroke-dashoffset 0.5s ease 4.5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 4.5s}#trigger-top{stroke-dashoffset:299.0163269043px;stroke-dasharray:299.0163269043px;-webkit-transition:stroke-dashoffset 0.5s ease 5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 5s;transition:stroke-dashoffset 0.5s ease 5s, fill 1s ease 5.5s, stroke 1s ease 0s, opacity 0.1s ease 5s}svg:hover #backside,svg:hover #frontside,svg:hover #flash,svg:hover #fill-lens-side,svg:hover #lens-frontside,svg:hover #lens-frontside-small,svg:hover #okular,svg:hover #deckel,svg:hover #seitenabdeckung,svg:hover #trigger-bottom,svg:hover #trigger-top{stroke:black;fill:none;stroke-width:5.85}#contao-logo #logo #surface{fill:#404040;transition:all 1s ease;opacity:0}#contao-logo #logo #c-letter{fill:#e6e6e6;stroke:#fff;stroke-width:1px;transition:all 1s ease 1s;opacity:0}#contao-logo #text #c,#contao-logo #text #o,#contao-logo #text #n,#contao-logo #text #t,#contao-logo #text #a,#contao-logo #text #o2{fill:#404040;stroke:#000;stroke-width:1px;opacity:0}#contao-logo #text #c{transition:all 0.2s ease 2s}#contao-logo #text #o{transition:all 0.2s ease 2.2s}#contao-logo #text #n{transition:all 0.2s ease 2.4s}#contao-logo #text #t{transition:all 0.2s ease 2.6s}#contao-logo #text #a{transition:all 0.2s ease 2.8s}#contao-logo #text #o2{transition:all 0.2s ease 3s}*{padding:0;margin:0;box-sizing:border-box}#desktop-design{margin:50px;max-width:90vw;max-height:90vh}#desktop-design #table-bottom-line{fill:none;stroke:#000;stroke-width:5px;opacity:0;stroke-dashoffset:992;stroke-dasharray:992;transition:stroke-dashoffset 0.3s ease, opacity 0s ease}#desktop-design #table-top-line{fill:none;stroke:#000;stroke-width:5px;opacity:0;stroke-dashoffset:862;stroke-dasharray:862;transition:stroke-dashoffset 0.3s ease 0.3s, opacity 0.3s ease 0s}#desktop-design #keyboard{stroke:#000;stroke-width:5px;opacity:0;transition:opacity 0.3s ease 1.5s}#desktop-design #keyboard-cable{fill:none;stroke:#000;stroke-width:2px;opacity:0;stroke-dashoffset:62.0076942444;stroke-dasharray:62.0076942444;transition:stroke-dashoffset 0.3s ease 1.8s, opacity 0.3s ease 1.8s}#desktop-design #mouse{stroke:#000;stroke-width:5px;opacity:0;transition:opacity 0.3s ease 1.5s}#desktop-design #mouse-cable{fill:none;stroke:#000;stroke-width:2px;stroke-dashoffset:99.805480957;stroke-dasharray:99.805480957;transition:stroke-dashoffset 0.3s ease 1.8s, opacity 0.3s ease 1.8s}#desktop-design #screen #screen-stand-bottom{stroke:#000;stroke-width:5px;opacity:0;transition:opacity 0.3s ease 0.6s}#desktop-design #screen #screen-stand-top{stroke:#000;stroke-width:5px;opacity:0;transition:opacity 0.3s ease 0.9s}#desktop-design #screen #screen-frame{fill:none;stroke:#000;stroke-width:5px;opacity:0;stroke-dashoffset:2140;stroke-dasharray:2140;transition:stroke-dashoffset 0.3s ease 1.2s, opacity 0.3s ease 1.2s}#desktop-design #screen #screen-background-white{fill:#fff;opacity:0;transition:opacity 0.2s ease 2.1s, fill 1s ease 0s}#desktop-design #screen #screen-content #main #blindtext-right{opacity:0;transition:opacity 0.3s ease 5.2s}#desktop-design #screen #screen-content #main #azores{opacity:0;transition:opacity 0.3s ease 4.9s}#desktop-design #screen #screen-content #main #blindtext-left{opacity:0;transition:opacity 0.3s ease 4.6s}#desktop-design #screen #screen-content #main #headline{opacity:0;transition:opacity 0.3s ease 4.3s}#desktop-design #screen #screen-content #header #header-background{fill:#356d74;opacity:0;transition:opacity 0.3s ease 4s, fill 1s ease 0s}#desktop-design #screen #screen-content #header #header-logo{fill:none;stroke:#000;stroke-width:1.82px;opacity:0;transition:opacity 0.3s ease 2.5s}#desktop-design #screen #screen-content #header #header-text{opacity:0;transition:opacity 0.3s ease 2.8s}#desktop-design #screen #screen-content #header #header-hamburger{opacity:0;transition:opacity 0.3s ease 3.1s}#desktop-design #screen #screen-content #header #header-hamburger path{fill:none;stroke:#000;stroke-width:2.19px}#desktop-design #main{opacity:1;transition:opacity 1s ease 0}#desktop-design #main2{opacity:0;transition:opacity 1s ease 0s}#desktop-design #main2 #headline{fill:#fff}#desktop-design #screen-background-white{transition:fill 1s ease 0s}.fullscreen-section{width:100%;height:100vh;background:#628b9b;background-image:linear-gradient(to bottom right, #628b9b, #222)}.fullscreen-section__sec-container{position:absolute;width:90%;height:60%;max-width:90vw;max-height:90vh;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center}.fullscreen-section__sec-container .svg__logo{width:50rem;height:auto;max-height:80%;max-width:80%;animation:strokeLogo 2s;stroke-dasharray:1443.4924316406px;stroke-dashoffset:0}.fullscreen-section__sec-container .fullscreen-section__headline-text-container{text-align:center;padding:2rem}.svg__logo::after{content:'';display:inline-block;position:absolute;background-color:blue;height:5rem;width:5rem}.section-headline-1,.section-headline-2,.section-headline-3{display:inline-block}.section-headline-1{animation:moveRight 0.5s}.section-headline-2{animation:scaleDouble 1s}.section-headline-3{animation:moveLeft 0.5s}.svg__arrow-down-container{cursor:pointer;position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);transition:all 0.2s}.svg__arrow-down-container:hover .svg__arrow-down{transform:scale(1.1) translateY(0.5rem)}.svg__arrow-down-container:hover .svg__arrow-down{animation:scaleAndMoveDwn 0.5s}.svg__arrow-down-container:hover .svg__arrow-down::after{content:'';outline:5px solid black;border-radius:25%}.svg__arrow-down{width:10rem;stroke-width:5rem;animation:scaleAndMoveDwn 2s;transition:all 0.2s}.svg-container{max-width:80%;margin:0 auto}