@charset "UTF-8";*{box-sizing:border-box}html{font-family:"Onest",sans-serif;overflow-x:hidden;scroll-behavior:smooth}body{position:relative}.mobile-nav{display:none;position:absolute;top:64px;right:0;background-color:#333;text-align:center}.mobile-nav a{display:block;padding:1rem;color:white;text-decoration:none}.burger-menu{position:relative;display:none;flex-direction:column;cursor:pointer;position:relative;width:30px;height:24px}.burger-line{position:absolute;width:30px;height:4px;background-color:white;margin:0;transition:all .3s ease;position:absolute}.burger-menu .burger-line:nth-child(1){top:0}.burger-menu .burger-line:nth-child(2){top:10px}.burger-menu .burger-line:nth-child(3){top:20px}.burger-menu.active .burger-line:nth-child(1){transform:rotate(45deg);position:absolute;top:10px}.burger-menu.active .burger-line:nth-child(2){opacity:0}.burger-menu.active .burger-line:nth-child(3){transform:rotate(-45deg);position:absolute;top:10px}.mobile-nav{display:none;position:absolute;top:80px;left:0;height:auto;background-color:#fff;text-align:center;padding:64px 0;border-radius:5px}.mobile-nav a{display:block;padding:1rem;color:#192f40;text-decoration:none}.show{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;box-shadow:0 0 20px 5px rgba(0,0,0,0.1)}h1,h2,h3,h4,h5,h6,a,p{line-height:1;padding:0;margin:0;color:#192f40;-webkit-hyphens:auto;hyphens:auto}p{font-size:1rem;font-weight:400;line-height:150%}a{font-size:1rem;text-decoration:none}h1{font-size:80px;font-weight:900;text-transform:uppercase;color:white;margin-bottom:16px}h2{font-size:80px;font-weight:900;margin-bottom:16px}h3{font-size:48px;font-weight:900;margin-bottom:16px;word-break:break-word}dialog{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border:0}dialog .close-button-wrapper{width:100%;display:flex;justify-content:flex-end;outline:0}dialog .close-button-wrapper img{outline:0}dialog h2{margin-top:80px;margin:80px 0 24px}dialog h3{margin:24px 0}dialog h4{font-size:32px;margin:24px 0 24px}dialog h5{font-size:24px;margin:16px 0}dialog p{margin-bottom:8px}dialog button{background:0;border:0;cursor:pointer}.content{width:1440px;max-width:calc(100vw - 64px);padding:80px 16px;margin:0 auto}.double-padding{padding:160px 16px}.centered-restricted{text-align:center;max-width:75vw;margin:auto}.flex-wrapper{position:relative;display:flex;gap:64px;height:auto;justify-content:center;align-items:flex-start;z-index:1}.flex-wrapper .img-wrapper,.flex-wrapper .txt-wrapper{width:50%}.flex-wrapper .txt-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.flex-wrapper .img-wrapper img{width:100%;height:auto}.btn-wrapper{display:flex;justify-content:center;align-items:center;gap:8px}.btn{display:flex;justify-content:center;align-items:center;padding:16px 16px;border-radius:5px;color:white;font-weight:700;line-height:1;background:#192f40;transition:all ease-in-out .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:24px;margin-bottom:24px}.btn.btn-ghost{box-shadow:inset 0 0 2px white;background:0}.btn:hover{background:#5093c8;box-shadow:none;transition:all ease-in-out .2s}.pill{display:flex;justify-content:center;align-items:center;padding:8px 16px;border-radius:500px;border:1px solid rgba(25,47,64,0.25);color:#192f40;line-height:1;font-size:12px;opacity:.75;margin-bottom:24px}.claim-pill{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 16px;border-radius:500px;border:1px solid rgba(25,47,64,0.25);padding:48px 48px;color:#192f40;font-weight:900;font-size:80px;line-height:1;text-transform:uppercase;text-align:center}.claim-pill span span{color:#5093c8}.accordion-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.accordion{display:flex;justify-content:space-between;align-items:center;background:0;font-weight:700;color:#192f40;cursor:pointer;padding:16px;width:100%;text-align:left;border:0;outline:0;transition:.4s}.panel{box-sizing:border-box;padding:0 16px;background-color:white;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.accordion.active+.panel{box-sizing:content-box;padding:16px 16px}.accordion:after{content:"+";font-weight:400;font-size:24px;color:#192f40;float:right;margin-left:5px}.accordion.active:after{content:"−"}body{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}body .sticky{background:rgba(80,147,200,0.6);padding:16px 32px!important;transition:all .3s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body .sticky img#logo{width:96px;height:auto;transition:all .5s ease-in-out}body header{position:fixed;display:flex;justify-content:space-between;align-items:center;background:rgba(80,147,200,0);padding:16px 32px!important;margin:16px auto 0 auto!important;left:50%;transform:translateX(-50%);border-radius:8px;transition:all .5s ease-in-out;z-index:10}body header img#logo{width:124px;height:auto;transition:all .5s ease-in-out}body header nav{display:flex;gap:32px}body header nav a{font-weight:700;color:white}body header nav a:hover{text-decoration:underline}body main{justify-self:flex-start}body main #hero{position:relative;display:block;width:100vw;height:100vh;background:#192f40}body main #hero .flex-wrapper{align-items:center;height:100%}body main #hero .pill{color:white;border:solid 1px white}body main #hero #hero-animation{position:absolute;width:100vw;height:100vh;top:0;left:0;opacity:.5;z-index:0}body main #hero .img-wrapper img{width:auto;max-width:100%;max-height:70vh}body main #hero p{color:white}body main #hero #scroll-hint{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;bottom:16px;left:0;text-transform:uppercase}body main #hero #scroll-hint img{width:auto;height:auto;filter:invert(1);margin-bottom:4px}body main #hero #scroll-hint p{font-size:10px}body main #claim-leicht{padding-top:160px}body main #funktionen .flex-wrapper{margin-top:80px}body main #preis,body main #kontakt{background:#5093c8}body main #preis h2,body main #preis p,body main #kontakt h2,body main #kontakt p{color:white}body main #preis .claim-pill,body main #kontakt .claim-pill{background:white;border:0}body main #preis .btn:hover,body main #kontakt .btn:hover{background:white;color:#192f40}body main #einleitung{display:flex;justify-content:space-between;align-items:center;gap:32px}body main #einleitung img{width:50%;border:1px solid grey;margin-top:-15vh}body main #einleitung .txt-wrapper{width:50%}body main #kontakt #contactForm{display:flex;flex-direction:column;gap:16px;width:100%}body main #kontakt #contactForm input,body main #kontakt #contactForm textarea{border:0;padding:16px;font-size:1rem;border-radius:5px}body main #kontakt #contactForm textarea{resize:vertical}body main #kontakt #contactForm button.btn{border:0;cursor:pointer}body footer{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#192f40;padding:32px 0}body footer .content{padding:0}body footer p{width:50%;position:relative;color:white;font-size:12px;margin-bottom:8px;z-index:1;margin:0;line-height:100%}body footer span{color:white;font-size:12px;line-height:100%}body footer span:hover{text-decoration:underline;cursor:pointer}body footer #footer-nav{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:8px;z-index:1;width:50%}body footer #footer-nav a{font-size:12px;font-weight:400;color:white}body footer #footer-nav a:hover{text-decoration:underline}body footer #footer-animation{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:0;opacity:.5}@media only screen and (max-width:992px){p{font-size:1rem;font-weight:400;line-height:150%}a{font-size:1rem;text-decoration:none}h1{font-size:48px;font-weight:900;text-transform:uppercase;color:white;margin-bottom:16px}h2{font-size:40px;font-weight:900;margin-bottom:16px}h3{font-size:32px;font-weight:900;margin-bottom:16px}.burger-menu{display:flex;position:relative}.desktop-nav{display:none}.claim-pill{-webkit-hyphens:auto;hyphens:auto;font-size:40px;padding:16px 16px;word-break:break-word}.flex-wrapper{flex-direction:column;gap:64px}.flex-wrapper .txt-wrapper,.flex-wrapper .img-wrapper{width:100%}.centered-restricted{text-align:left;max-width:100vw}.content{max-width:calc(100vw - 32px)}.hero .flex-wrapper{flex-direction:column-reverse}.hero .flex-wrapper .img-wrapper{display:none}body header{padding:16px!important}body .sticky{padding:16px!important}body .accordion{padding:16px 0}body .accordion.active+.panel{padding:16px 0!important}body footer{padding:32px 16px}body footer .flex-wrapper{gap:8px}body footer .flex-wrapper #footer-nav{width:100%;justify-content:flex-start}}