@import "https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300;400;500;600;700&family=Geist:wght@300;400;500;600&display=swap";
:root{--bg:#fafafa;--bg-dark:#111;--bg-section:#f0f0ee;--accent:#eafc53;--accent-num:#eafc53;--text:#111;--text-muted:#666;--text-light:#999;--border:#e5e5e5;--border-dark:#ffffff1f;--font-head:"Host Grotesk", sans-serif;--font-body:"Geist", "Host Grotesk", sans-serif;--text-xs:12px;--text-sm:13px;--text-btn:14px;--text-base:15px;--text-md:18px;--text-lg:clamp(20px, 2vw, 24px);--text-xl:clamp(22px, 2.5vw, 30px);--text-2xl:clamp(28px, 3.5vw, 46px);--text-3xl:clamp(28px, 3.5vw, 48px);--text-hero:clamp(36px, 5.5vw, 64px);--text-about:clamp(22px, 3.2vw, 40px);--text-subtext:clamp(14px, 1.6vw, 17px);--text-nav-mob:28px;--max-w:1200px;--pad:40px;--radius-btn:4px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max-w);padding:0 var(--pad);margin:0 auto}.btn{border-radius:var(--radius-btn);font-family:var(--font-body);font-size:var(--text-btn);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:11px 20px;font-weight:500;line-height:1;transition:opacity .15s,transform .15s;display:inline-flex}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#000}.btn-outline{color:var(--text);background:0 0;border:1.5px solid #ccc}.btn-outline-white{color:#fff;background:0 0;border:1.5px solid #ffffff59}.btn-outline-white:hover{border-color:#fff9}.label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.01em;background-color:#f4f4f5;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:16px;padding:6px 12px;font-weight:400;display:inline-block}.faq-head .label{font-size:var(--text-2xl);font-family:var(--font-head);letter-spacing:-.01em;color:var(--text);text-align:center;background:0 0;border:none;padding:0;font-weight:400;display:inline-block}#navbar{z-index:100;background:#ffffff40;padding:0;transition:background .3s;position:fixed;top:0;left:0;right:0;-webkit-backdrop-filter:blur(40px)!important}#navbar.scrolled{background:#fff9;border-bottom:1px solid #0000000f}#navbar:not(.scrolled) .nav-logo,#navbar:not(.scrolled) .nav-links a{color:#ffffffe6}#navbar:not(.scrolled) .nav-links a:hover{color:#fff}#navbar:not(.scrolled) .nav-hamburger span{background:#fff}#navbar:not(.scrolled) .btn-outline{color:#fff;border-color:#fff6}#navbar:not(.scrolled) .btn-outline:hover{border-color:#ffffffb3}.nav-inner{max-width:var(--max-w);padding:0 var(--pad);justify-content:space-between;align-items:center;gap:20px;height:56px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-head);font-size:var(--text-base);color:var(--text);align-items:center;gap:6px;font-weight:600;display:flex}.nav-logo-icon{flex-shrink:0;width:25px;height:auto}#navbar:not(.scrolled) .nav-logo-icon{filter:none}#navbar.scrolled .nav-logo-icon{filter:brightness(0)}.nav-actions-desktop{gap:8px;display:flex}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{font-size:var(--text-sm);color:#444;transition:color .15s}.nav-links a:hover{color:#000}.page-back-link{font-size:var(--text-sm);color:var(--text-muted);align-items:center;gap:6px;margin-bottom:32px;font-weight:500;text-decoration:none;transition:color .15s,gap .15s;display:inline-flex}.page-back-link:hover{color:var(--text);gap:4px}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.nav-hamburger span{background:var(--text);width:20px;height:1.5px;transition:all .25s;display:block}.nav-hamburger.open span:first-child{transform:rotate(45deg)translate(4px,4px)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(4px,-4px)}#nav-mobile{z-index:99;opacity:0;pointer-events:none;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:36px;transition:opacity .25s;display:none;position:fixed;inset:0}#nav-mobile.open{opacity:1;pointer-events:all}.nav-mobile-links{flex-direction:column;align-items:center;gap:24px;list-style:none;display:flex}.nav-mobile-links a{font-family:var(--font-head);font-size:var(--text-nav-mob);font-weight:400}.nav-mobile-btns{flex-direction:column;gap:10px;width:200px;display:flex}.nav-mobile-btns .btn{justify-content:center}#hero{text-align:center;justify-content:center;align-items:center;height:100vh;min-height:600px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg-placeholder{color:#fff3;width:100%;height:100%;font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(#2a3a4a 0%,#1a2530 50%,#0d1820 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.hero-bg-placeholder svg{opacity:.2}.hero-bg img{object-fit:cover;object-position:center;transform-origin:50%;width:100%;height:100%;animation:12s ease-out forwards hero-zoom}@keyframes hero-zoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-bg-overlay{background:#00000061;position:absolute;inset:0}.hero-content{z-index:1;max-width:760px;padding:0 24px;position:relative}.hero-logo{object-fit:contain;width:120px;height:40px;margin:0 auto 30px;display:block}.hero-content h1{font-family:var(--font-head);font-size:var(--text-hero);color:#fff;letter-spacing:-.03em;margin-bottom:16px;font-weight:400;line-height:1.05}.hero-content p{font-size:var(--text-subtext);color:#ffffffd1;max-width:540px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.55}.hero-btns{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#uebersicht{background:#fff;padding:160px 0}.about-inner{text-align:center}.about-inner .label{border:none;border-radius:4px;margin-bottom:24px;display:inline-block}.about-inner p{font-family:var(--font-head);font-size:var(--text-about);letter-spacing:-.02em;max-width:880px;color:var(--text);margin:0 auto;font-weight:400;line-height:1.25}#features{background:#fafafa;padding:160px 0 0}.features-top{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-bottom:60px;display:grid}.features-top-left .label{border:none}.features-top-left h2{font-family:var(--font-head);font-size:var(--text-2xl);letter-spacing:-.025em;margin-bottom:20px;font-weight:400;line-height:1.1}.features-top-left p{font-size:var(--text-base);color:var(--text-muted);max-width:420px;margin-bottom:28px;line-height:1.65}.features-top-right{position:relative}.features-top-right img{object-fit:cover;border-radius:6px;width:100%;height:480px}.features-img-placeholder{color:#00000040;width:100%;height:480px;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#dde8d0 0%,#c8dbc0 100%);border:1px dashed #0000001f;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.features-grid{grid-template-columns:1fr 1fr;display:grid}.feature-item{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:24px 0;display:flex}.feature-item:nth-child(odd){border-right:1px solid var(--border);padding-right:48px}.feature-item:nth-child(2n){padding-left:48px}.feature-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.feature-icon-wrap svg{width:22px;height:22px;stroke:var(--text);fill:none;stroke-width:1.4px}.feature-label{font-size:var(--text-btn);color:var(--text);font-weight:400}#leistungen{background:#fafafa;padding:160px 0}.services-header{grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:80px;display:grid}.services-header-left .label{border:none}.contact-info .label{border:none;align-self:flex-start}.services-header-left h2{font-family:var(--font-head);font-size:var(--text-3xl);letter-spacing:-.025em;font-weight:400;line-height:1.1}.services-header-right p{font-size:var(--text-base);color:var(--text-muted);margin-bottom:20px;line-height:1.65}.service-block{background:#fff;border:1px solid #e5e5e5;border-radius:12px;grid-template-columns:1fr 1fr;align-items:start;gap:48px;margin-bottom:24px;padding:40px 40px 40px 48px;display:grid;position:sticky;top:80px}.service-block:first-child{z-index:1}.service-block:nth-child(2){z-index:2}.service-block:nth-child(3){z-index:3}.service-block:nth-child(4){z-index:4}.service-block:nth-child(5){z-index:5}.service-block:last-child{margin-bottom:0}.service-num-badge{background:var(--accent);width:40px;height:40px;font-size:var(--text-sm);color:#000;font-weight:600;font-family:var(--font-body);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:inline-flex}.service-title{font-family:var(--font-head);font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:24px;font-weight:400}.service-items{flex-direction:column;gap:12px;list-style:none;display:flex}.service-items li{font-size:var(--text-btn);color:var(--text-muted);align-items:center;gap:10px;line-height:1.4;display:flex}.service-items li svg{width:16px;height:16px;stroke:var(--text-muted);fill:none;stroke-width:1.5px;flex-shrink:0}.service-img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.service-img-placeholder{aspect-ratio:4/3;width:100%;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:#00000040;border:1px dashed #00000026;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.service-block[data-alt=true] .service-left{order:2}.service-block[data-alt=true] .service-right{order:1}#cta{background:#fafafa;padding:0 0 80px}.cta-banner{background:var(--accent);border-radius:16px;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:52px 56px;display:grid}.cta-heading{font-family:var(--font-head);font-size:var(--text-xl);color:#000;letter-spacing:-.025em;font-weight:500;line-height:1.1}.cta-right{flex-direction:column;gap:20px;display:flex}.cta-subtext{font-size:var(--text-base);color:#000000a6;line-height:1.6}.cta-btn{align-self:flex-start;color:#000!important;border-color:#0000004d!important}.cta-btn:hover{border-color:#000!important}@media (max-width:900px){.cta-banner{grid-template-columns:1fr;gap:24px;padding:40px 36px}}@media (max-width:768px){#cta{padding:0 0 56px}.cta-banner{border-radius:12px;padding:32px 24px}.cta-btn{justify-content:center;align-self:stretch}}#faq{background:#fafafa;padding:160px 0}.faq-head{text-align:center;margin-bottom:60px}.faq-head h2{font-family:var(--font-head);font-size:var(--text-2xl);letter-spacing:-.025em;font-weight:400}.faq-grid{background:var(--border);border:1px solid var(--border);border-radius:6px;grid-template-columns:1fr 1fr;gap:0 1px;display:grid;overflow:hidden}.faq-item{border-bottom:1px solid var(--border);background:#fff}.faq-item:nth-last-child(-n+2){border-bottom:none}.faq-q{text-align:left;cursor:pointer;width:100%;font-family:var(--font-head);font-size:var(--text-base);color:var(--text);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;font-weight:400;transition:color .15s;display:flex}.faq-q:hover{color:#000}.faq-toggle{font-size:var(--text-md);color:var(--text-muted);flex-shrink:0;font-weight:300;line-height:1;transition:transform .25s}.faq-item.open .faq-toggle{color:#000}.faq-a-inner{font-size:var(--text-btn);color:var(--text-muted);padding:0 28px 24px;line-height:1.65}.contact-header{margin-bottom:40px}.contact-header .label{border:none;margin-bottom:12px;display:inline-block}.contact-subtext{font-size:var(--text-base);color:var(--text-muted);max-width:480px;margin-top:12px}.contact-bottom-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.contact-bottom-grid .contact-map{height:100%;min-height:420px}.kontakt-options{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:48px;display:grid}.kontakt-option-card{border:1px solid var(--border);color:var(--text);border-radius:10px;align-items:flex-start;gap:14px;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.kontakt-option-card:hover{border-color:#ccc;box-shadow:0 2px 12px #0000000f}.kontakt-option-icon{width:40px;height:40px;color:var(--text);background:#f4f4f5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kontakt-option-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:2px}.kontakt-option-value{font-size:var(--text-base);font-weight:500;line-height:1.4}.kontakt-form-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;padding:40px}.kontakt-form{flex-direction:column;gap:20px;display:flex}.kontakt-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.kontakt-form-field{flex-direction:column;gap:6px;display:flex}.kontakt-form-field label{font-size:var(--text-sm);font-weight:500}.kontakt-form-field input,.kontakt-form-field select,.kontakt-form-field textarea{border:1px solid var(--border);font-size:var(--text-base);color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;transition:border-color .15s}.kontakt-form-field input:focus,.kontakt-form-field select:focus,.kontakt-form-field textarea:focus{border-color:#999}.kontakt-form-field textarea{resize:vertical}.kontakt-success{text-align:center;flex-direction:column;align-items:center;padding:48px 24px;display:flex}@media (max-width:768px){.kontakt-options,.kontakt-form-row{grid-template-columns:1fr}.kontakt-form-wrap{padding:24px}.contact-bottom-grid{grid-template-columns:1fr}.contact-bottom-grid .contact-map{min-height:280px}}#footer{background:var(--bg-dark);color:#fff;position:relative;overflow:hidden}.footer-hero{position:absolute;inset:0}.footer-hero img{object-fit:cover;opacity:.18;width:100%;height:100%}.footer-overlay{background:#0009;position:absolute;inset:0}.footer-top{z-index:1;border-bottom:1px solid var(--border-dark);padding:80px 0 60px;position:relative}.footer-top-inner{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.footer-logo{font-family:var(--font-head);font-size:var(--text-lg);letter-spacing:-.02em;align-items:center;gap:8px;margin-bottom:12px;font-weight:400;display:flex}.footer-logo-icon{color:var(--accent)}.footer-logo-icon-img{object-fit:contain;width:25px;height:25px}.footer-right-col{flex-direction:column;align-items:flex-end;gap:24px;display:flex}.footer-tagline{font-size:var(--text-btn);color:#ffffff80;margin-bottom:32px}.footer-nav{flex-wrap:wrap;gap:40px;display:flex}.footer-nav a{font-size:var(--text-sm);color:#ffffff8c;transition:color .15s}.footer-nav a:hover{color:#fff}.footer-social{gap:12px;display:flex}.social-btn{border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .15s,background .15s;display:flex}.social-btn:hover{background:#ffffff0d;border-color:#fff6}.social-btn svg{fill:#ffffffb3;width:14px;height:14px}.footer-bottom{z-index:1;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex;position:relative}.footer-copy{font-size:var(--text-xs);color:#ffffff59}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}#kontakt{background:#fff;padding:160px 0}.contact-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:64px;display:grid}.contact-info{flex-direction:column;gap:32px;display:flex}.contact-heading{font-size:var(--text-2xl);font-family:var(--font-head);letter-spacing:-.02em;color:var(--text);font-weight:500;line-height:1.15}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-detail-item{flex-direction:column;gap:4px;display:flex}.contact-detail-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.contact-detail-item a,.contact-detail-item span:last-child{font-size:var(--text-base);color:var(--text);line-height:1.6}.contact-detail-item a:hover{color:var(--text-muted)}.contact-btns{flex-wrap:wrap;gap:12px;display:flex}.map-placeholder{cursor:pointer;background:#f4f4f5;justify-content:center;align-items:center;width:100%;height:100%;transition:background .2s;display:flex}.map-placeholder:hover{background:#ebebec}.map-placeholder-inner{text-align:center;color:var(--text-muted);padding:24px}.map-placeholder-inner svg{margin:0 auto 12px;display:block}.map-placeholder-title{font-size:var(--text-base);color:var(--text);margin-bottom:6px;font-weight:500}.map-placeholder-hint{font-size:var(--text-sm);color:var(--text-muted);max-width:220px}.contact-map{border:1px solid var(--border);border-radius:12px;height:420px;overflow:hidden}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}@media (max-width:900px){:root{--pad:24px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-map{height:300px}#kontakt{padding:80px 0}.features-top{grid-template-columns:1fr}.features-top-right{order:-1;display:block}.features-top-right img{height:260px}#features{padding:64px 0}.services-header{grid-template-columns:1fr;margin-bottom:48px}.service-block{grid-template-columns:1fr;gap:28px;padding:40px 28px}.service-block[data-alt=true] .service-left{order:1}.service-block[data-alt=true] .service-right{order:2}.service-img,.service-img-placeholder{aspect-ratio:16/9}#uebersicht,#leistungen,#faq{padding:72px 0}.faq-grid{grid-template-columns:1fr}.faq-item:nth-last-child(-n+2){border-bottom:1px solid var(--border)}.faq-item:last-child{border-bottom:none}.footer-top-inner{grid-template-columns:1fr;gap:40px}.footer-top-inner>div:last-child{align-items:flex-start!important}.footer-nav{justify-content:flex-start;gap:20px}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width:768px){:root{--pad:20px}.nav-links,.nav-actions-desktop{display:none!important}.nav-hamburger,#nav-mobile{display:flex}#hero{min-height:100svh}.hero-content h1{font-size:var(--text-hero)}.hero-btns{flex-direction:column;align-items:center}.hero-btns .btn{justify-content:center;width:100%;max-width:280px}#uebersicht,#features{padding:56px 0}.features-top-left .btn{justify-content:center;width:100%}.feature-item:nth-child(odd){border-right:none;padding-right:0}.feature-item:nth-child(2n){padding-left:0}.features-grid{grid-template-columns:1fr}.feature-item{border-bottom:1px solid var(--border)}.feature-item:last-child{border-bottom:none}#leistungen{padding:56px 0}.service-block{border-radius:8px;gap:20px;margin-bottom:12px;padding:24px;position:static}#faq{padding:56px 0}.faq-q{font-size:var(--text-btn);padding:20px}.faq-a-inner{padding:0 20px 20px}.footer-top{padding:56px 0 40px}.footer-nav{gap:16px}.footer-social{justify-content:flex-start}}@media (max-width:430px){.nav-mobile-links a{font-size:var(--text-lg)}.service-title{font-size:var(--text-xl)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}