@charset "UTF-8";:root{--color-primary: rgb(16, 24, 32);--color-secondary: rgb(244, 244, 244)}body.dark-mode{--color-primary: rgb(255, 255, 255);--color-secondary: rgb(16, 24, 32)}.noscroll{overflow:hidden}*{box-sizing:border-box;margin:0;padding:0;overscroll-behavior:none}body{background-color:var(--color-secondary);color:var(--color-primary)}a{color:var(--color-primary)}section{padding-top:100px;width:100%;padding-left:24px;padding-right:24px}@media (min-width: 900px){section{padding-left:10%;padding-right:10%;padding-top:184px}}@media (min-width: 1200px){section{padding-left:15%;padding-right:15%}}.content-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:10vh}@media (min-width: 1200px){.content-container{flex-direction:row;align-items:flex-start}}@media (min-width: 1200px){.content-container h2{flex:2}}@media (min-width: 1200px){.content-container h1{flex:2}}.content-container p{font-size:1rem;line-height:1.5rem}@media (min-width: 1200px){.content-container p{flex:3}}@font-face{font-family:Inter;font-weight:500;font-style:normal;src:url(/fonts/Inter/Inter_18pt-Medium.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:400;font-style:normal;src:url(/fonts/Inter/Inter_18pt-Regular.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:600;font-style:normal;src:url(/fonts/Inter/Inter_18pt-SemiBold.ttf) format("truetype")}@font-face{font-family:Inter;font-weight:700;font-style:normal;src:url(/fonts/Inter/Inter_28pt-Bold.ttf) format("truetype")}@font-face{font-family:Satoshi;font-weight:500;font-style:normal;src:url(/fonts/Satoshi/Satoshi-Medium.otf) format("opentype")}@font-face{font-family:Satoshi;font-weight:700;font-style:normal;src:url(/fonts/Satoshi/Satoshi-Bold.otf) format("opentype")}@font-face{font-family:Satoshi;font-weight:800;font-style:normal;src:url(/fonts/Satoshi/Satoshi-Black.otf) format("opentype")}*{font-family:Inter,sans-serif,sans-serif;font-weight:400;font-style:normal;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}strong{font-weight:600}h1,h2,h3,h4{font-family:Satoshi,sans-serif,sans-serif;font-weight:700}.section-headline{font-size:2rem}body,h2,h3,h4{font-size:1rem}header{width:100%;display:flex;position:fixed;top:0;left:0;justify-content:space-between;align-items:flex-start;padding-top:12px;padding-left:12px;padding-right:24px;z-index:11}@media (min-width: 900px){header{padding-top:24px;padding-left:48px;padding-right:96px}}header nav{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:2rem;background:var(--color-secondary);box-shadow:none;padding:20px 30px;border-radius:10px}@media (min-width: 1200px){header nav{display:flex;flex-direction:row;align-items:flex-start;gap:4rem}}header nav .nav-menu{position:fixed;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;background:var(--color-secondary);right:0;top:0;width:100%;height:100vh}@media (min-width: 900px){header nav .nav-menu{box-shadow:0 0 10px #0000004d;right:96px;top:calc(64px + 1.5rem);margin-top:12px;width:auto;height:auto;padding:20px 30px;border-radius:10px}}@media (min-width: 1200px){header nav .nav-menu{display:flex;position:relative;flex-direction:row;align-items:flex-start;gap:3rem;margin-top:0;right:0;top:0;padding:0;box-shadow:none;background:none}}header nav .nav-menu li{list-style:none}header nav .nav-menu li a{text-decoration:none;font-size:1.5rem;transition:opacity .4s ease}header nav .nav-menu:hover li a{opacity:.4}header nav .nav-menu:hover li a:hover{opacity:1}header nav .menu-open{display:flex}.dropdown{display:block}@media (min-width: 1200px){.dropdown{display:none}}.dropdown li{margin-top:12px}.dropdown li a{font-size:1.25rem}.has-dropdown{position:relative}@media (min-width: 1200px){.has-dropdown:hover{height:calc(15rem + 80px)}.has-dropdown:hover .dropdown{display:block;position:absolute;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}}.menu-button{cursor:pointer;z-index:10;display:flex;border:none;outline:none;background:none;padding:0;transition:transform .3s ease}@media (min-width: 1200px){.menu-button{display:none}}.menu-button svg{height:1.25rem;transition:transform .3s ease}@media (min-width: 900px){.menu-button svg{height:1.5rem}}.menu-button svg rect{fill:var(--color-primary);transition:all .3s ease;transform-origin:center}.menu-button.open svg .top{transform:rotate(45deg) translateY(44px)}.menu-button.open svg .middle{transform:rotate(-45deg)}.menu-button.open svg .bottom{transform:rotate(45deg) translateY(-44px)}.switch{position:relative;display:inline-block;width:2.5rem;height:1.25rem}@media (min-width: 900px){.switch{width:3rem;height:1.5rem}}@media (min-width: 900px) and (min-width: 1200px){.switch{margin-top:2px}}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-secondary);outline:solid .125rem var(--color-primary);transition:.4s;border-radius:1.25rem}@media (min-width: 900px){.switch .slider{border-radius:1.5rem}}.switch .slider:before{content:"";position:absolute;height:1rem;width:1rem;border-radius:50%;right:.125rem;bottom:.125rem;background-color:var(--color-primary);transition:.4s}@media (min-width: 900px){.switch .slider:before{height:1.125rem;width:1.125rem;right:.1875rem;bottom:.1875rem}}.switch input:checked+.slider:before{transform:translate(-1.25rem)}@media (min-width: 900px){.switch input:checked+.slider:before{transform:translate(-1.5rem)}}.logo{z-index:10}.logo:hover{cursor:pointer}.logo svg{height:64px;width:auto}@media (min-width: 900px){.logo svg{height:112px}}.logo svg path{fill:var(--color-primary)}footer{display:block;padding:24px 24px 48px}@media (min-width: 900px){footer{padding:24px 96px 48px}}footer .footer-container{height:100%;width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px}@media (min-width: 900px){footer .footer-container{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 1200px){footer .footer-container{grid-template-columns:1fr 1fr 2fr}}footer .footer-container .footer-social p a{text-decoration:none}@media (min-width: 900px){footer .footer-container .footer-social{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right}}footer .footer-container .footer-social .footer-legal{margin-bottom:24px}footer .footer-container .footer-social .social-media{text-decoration:none;display:flex;align-items:center}footer .footer-container .footer-hours .opening-hours{list-style:none;padding:0;margin:0}footer .footer-container .footer-hours .opening-hours li{display:grid;grid-template-columns:70px 1fr;column-gap:10px;padding:2px}footer .footer-container .footer-hours .opening-hours .day{text-align:left;white-space:nowrap}footer .footer-container .footer-hours .opening-hours .time{text-align:left}footer .footer-bottom{font-size:.75rem;display:flex;flex-direction:column;justify-content:space-between;margin-top:24px;padding-top:12px;border-top:1px solid var(--color-primary)}@media (min-width: 600px){footer .footer-bottom{flex-direction:row}}#instagram-logo{width:2rem;margin-right:12px}#instagram-logo path{fill:var(--color-primary)}.experience{width:100%;height:100vh}.btn{padding:6px 12px;width:fit-content;height:fit-content;background:transparent;border:2px solid var(--color-primary);border-radius:2rem;color:var(--color-primary);cursor:pointer}.loader-container .loader path{stroke:var(--color-secondary);stroke-width:1px}.loader-container .loader .letter{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-letter 3s linear forwards;animation-delay:.5s}.loader-container .loader .icon{stroke-dasharray:1500;stroke-dashoffset:1500;animation:draw-icon 3.5s linear forwards}@keyframes draw-letter{0%{stroke-dashoffset:200;fill:transparent}70%{fill:transparent}90%{stroke-dashoffset:0}to{stroke-dashoffset:0;fill:var(--color-secondary)}}@keyframes draw-icon{0%{stroke-dashoffset:1500;fill:transparent}70%{fill:transparent}90%{stroke-dashoffset:0}to{stroke-dashoffset:0;fill:var(--color-secondary)}}#landing{padding-top:0}.landing-container{position:relative;width:100%;height:100vh}.landing-container canvas{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.slogan{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;text-align:center}.slogan h1{font-size:2.5rem;line-height:2.5rem;width:clamp(0px,100%,390px);-moz-hyphens:none;-o-hyphens:none;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;padding:0 24px}@media (min-width: 600px){.slogan h1{font-size:4rem;line-height:4rem;width:550px}}@media (min-width: 900px){.slogan h1{font-size:5rem;line-height:5rem;width:800px}}@media (min-width: 1200px){.slogan h1{font-size:6rem;line-height:6rem;width:clamp(800px,50%,850px)}}.slogan p{font-size:1rem;transform:translateY(48px);padding:0 24px}@media (min-width: 1200px){.slogan p{font-size:1.25rem}}.welcome-text{margin-top:10vh;width:100%}.welcome-text p{font-family:Satoshi,sans-serif,sans-serif;font-weight:700;font-size:1.25rem}@media (min-width: 900px){.welcome-text p{width:clamp(420px,70%,1000px);font-size:2rem}}.services-introduction{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:10vh;gap:24px}@media (min-width: 1200px){.services-introduction{flex-direction:row;align-items:flex-start}}.card-list .card-item{list-style:none}.card-list .card-item .card-link{-webkit-user-select:none;user-select:none;display:block;background:#101820;aspect-ratio:3/4;padding:18px;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;color:#fff;box-shadow:0 0 10px #0000004d}.card-list .card-item .card-link button{border-color:#fff;color:#fff}.card-list .card-link{position:relative;display:block}.card-list .card-link img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;border-radius:12px}.card-list .card-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#10182000 20%,#101820bf);pointer-events:none;border-radius:12px}.card-list .card-link .card-title{font-size:1.125rem;z-index:1}.card-list .card-link .card-description,.card-list .card-link .service-link{z-index:1}.card-wrapper{margin:0 0 35px;padding:20px 10px;overflow:hidden}@media (min-width: 600px){.card-wrapper{margin:0 60px 35px}}.card-wrapper .swiper-pagination-bullet{opacity:.5;background:var(--color-primary)}.card-wrapper .swiper-pagination-bullet-active{opacity:1}.card-wrapper .swiper-slider-button{color:var(--color-primary);display:none}@media (min-width: 600px){.card-wrapper .swiper-slider-button{display:block}}.slider-container{z-index:0}@media (min-width: 1200px){.about-text{flex:3}}.about-text p{font-size:1rem;line-height:1.5rem}.logo-innungsbetrieb{margin:24px 0;width:clamp(40%,40%,200px)}.group-picture{width:100%}@media (min-width: 1200px){.text-container{flex:3}}.text-container p{font-size:1rem;line-height:1.5rem}.accordion{border-bottom:1px solid var(--color-primary)}.accordion-btn{background:transparent;color:var(--color-primary);cursor:pointer;width:100%;text-align:left;padding:12px;border:none;outline:none;transition:.4s;font-size:1rem;border-top:1px solid var(--color-primary)}.accordion-btn:after{content:"➕";font-size:1rem;color:var(--color-primary);margin-left:5px}.accordion-btn.active:after{content:"➖"}.panel{padding:0 12px;overflow:hidden;max-height:0;transition:max-height .2s ease-out}.panel ul{padding-left:12px}.panel ul li{padding-bottom:12px}.panel ul li h3{font-size:1rem}.ezubis-logo{width:clamp(40%,40%,200px)}.contact-form{width:100%}@media (min-width: 1200px){.contact-form{flex:3}}.contact-form input,.contact-form textarea{width:100%;border:none;background:transparent;border-bottom:solid 1px var(--color-primary);padding:6px 12px;margin:6px 0}.contact-form input:focus,.contact-form textarea:focus{outline:none;border:none;border-bottom:solid 1px var(--color-primary)}.contact-form .contact-btn{display:block;margin:0 auto}@media (min-width: 1200px){.contact-form .contact-btn{margin:0}}.contact-form textarea{height:50vh}.info-notice{font-size:.75rem;opacity:.5;margin:12px 0}.service img{width:100%;height:50vh;object-fit:cover;padding-bottom:48px}