/* Gemeinsames Design auf Basis der orangefarbenen Werkstatt-Seite. */
:root{--primary:#15243a;--primary-light:#203654;--accent:#f25b38;--accent-hover:#c83e20;--bg-light:#f2f5f8;--bg-warm:#f2f5f8;--text-dark:#111b2b;--text-light:#5a6677;--ink:#111b2b;--navy:#15243a;--navy2:#203654;--paper:#fff;--ice:#f2f5f8;--muted:#5a6677;--max-width:1240px}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:'Segoe UI',Arial,sans-serif;color:#111b2b;background:#fff;line-height:1.65}::selection{background:#f25b38;color:#111b2b}a,button,input,select,textarea{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c83e20!important}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance}h1{line-height:1.08}h2{line-height:1.2}p{overflow-wrap:break-word}section[id]{scroll-margin-top:100px}
header{background:#111b2b!important;border-bottom:1px solid #304157;backdrop-filter:none;box-shadow:none}.nav-container{max-width:1280px;min-height:80px;padding:12px 24px;gap:20px}.nav-container .logo img{width:145px!important;height:auto!important}.nav-menu{gap:2px!important}.nav-menu a{color:#e8edf4!important;padding:10px 11px;font-size:.9rem;border-radius:6px;white-space:nowrap}.nav-menu a:hover,.nav-menu a.active{background:#203654!important;color:#ff9a65!important}.nav-menu a::before,.nav-menu a::after{display:none!important}.nav-menu .cta-button,.cta-button{background:#f25b38!important;color:#111b2b!important;border-radius:6px!important;box-shadow:none!important;font-weight:750}.nav-menu .cta-button:hover,.cta-button:hover{background:#ff8a4c!important;color:#111b2b!important;transform:none}.hamburger{color:#fff!important;min-width:44px;min-height:44px}
.s-hero{background:#15243a!important;padding:72px 24px!important}.s-hero::before,.s-hero::after{display:none}.s-hero-inner{gap:48px}.s-hero h1{font-size:clamp(2.25rem,4.5vw,4rem);letter-spacing:-.03em}.s-gradient,.s-hero h1 .s-gradient,.s-badge-num{background:none!important;-webkit-text-fill-color:currentColor!important;color:#ff9a65!important}.s-hero-text{color:#e2e9f1!important}.s-hero-label{background:transparent!important;border:0!important;color:#ff9a65!important;padding:0!important;border-radius:0!important}.s-hero-label::before{display:none!important}.s-hero-visual img{border-radius:12px;box-shadow:none}.s-hero-badge,.s-hero-badge2{background:#111b2b!important;border:1px solid #34445b;box-shadow:none}.s-btn-primary,.btn.primary{background:#f25b38!important;color:#111b2b!important;border-radius:6px!important;box-shadow:none!important;border:1px solid #f25b38!important;font-weight:750}.s-btn-primary:hover,.btn.primary:hover{background:#ff8a4c!important;transform:none}.s-btn-ghost{border:1px solid #7a8b9e!important;background:transparent!important;color:#e8edf4!important;border-radius:6px!important}.s-btn-ghost:hover{border-color:#ff9a65!important;color:#ff9a65!important}
.s-intro,.s-demos{padding:72px 24px}.s-intro-inner{max-width:1180px}.s-intro-head h2{color:#111b2b}.s-intro-head{margin-bottom:36px}.s-bento-card,.compare-card,.step-card,.s-demo-card,.faq-item{border-radius:10px!important;box-shadow:none!important;border:1px solid #d8dee7!important}.s-bento-card:hover,.s-demo-card:hover{transform:none;box-shadow:none!important;border-color:#bdc9d6!important}.s-bento-card.dark,.compare-card.dark{background:#15243a!important;color:#f2f5f8!important}.s-bento-card.dark p,.compare-card.dark p{color:#dae3ed}.s-bento-card .icon-box,.step-number{background:#15243a!important;color:#ff9a65!important;border-radius:6px!important;box-shadow:none}.s-bento-card.dark .icon-box{background:#203654!important}.compare-price,.s-demo-card-price{color:#c83e20!important;background:none!important;-webkit-text-fill-color:currentColor!important}.compare-card.dark .compare-price{color:#ff9a65!important}.compare-card ul li::before{color:#c83e20!important}.compare-card.dark ul li::before{color:#ff9a65!important}.s-demo-card-img img{object-position:top}.s-demo-card-body{display:flex;flex-direction:column;gap:12px;padding:24px}.s-demo-card-body h3,.s-demo-card-body p,.s-demo-card-price{margin:0!important}.s-demo-card-body p{flex:1;color:#5a6677;line-height:1.65}.s-demo-grid{align-items:stretch}.s-demo-card{display:flex;flex-direction:column;background:#fff}.s-demo-card-body{flex:1}.s-demo-card-link,.demo-order{display:flex;justify-content:center;align-items:center;min-height:46px;padding:10px 14px;border-radius:6px;font-weight:700;text-decoration:none}.s-demo-card-link{color:#15243a!important;border:1px solid #aab8c8!important;background:#fff!important}.demo-order{background:#f25b38;color:#111b2b;border:1px solid #f25b38}.demo-order:hover{background:#ff8a4c}.s-cta,.cta{background:#15243a!important;color:#fff!important}.s-cta::before,.s-cta::after{display:none}.s-cta p{color:#dae3ed!important}.s-cta h2{color:#fff}.s-cta .s-btn-ghost{color:#e8edf4!important}
footer{background:#111b2b!important;color:#dbe4ef!important;box-shadow:none!important}footer::before,footer::after{display:none!important}.footer-brand .logo{color:#fff!important}.footer-brand .logo span,.footer-col h5,.footer-contact h5{color:#ff9a65!important;background:none!important;-webkit-text-fill-color:currentColor!important}.footer-top{max-width:1180px}.footer-bottom{border-top:1px solid #304157}.footer-bottom a{color:#dbe4ef}.footer-col a:hover{color:#ff9a65!important}.footer-contact-item img{max-width:180px}
.orange-home .hero{padding:82px 0 70px;background:#15243a;min-height:0}.orange-home .hero h1{font-size:clamp(2.7rem,6vw,5.25rem);letter-spacing:-.035em}.orange-home .hero h1 span{color:#ff9a65}.orange-home .services{background:#fff}.orange-home .s-intro h2,.orange-home .s-bento-card h2{font-size:clamp(1.45rem,2.5vw,2.3rem);margin-bottom:20px}.orange-home .steps-grid{margin-top:32px}.orange-home .s-cta h2{color:#fff}.orange-home .step-number{margin-bottom:18px}.orange-home .s-btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px}.orange-home .s-intro-head h2{margin:0}.orange-home .s-bento{margin-top:32px}.orange-home .compare-card h3{font-size:1.4rem}.orange-home .s-cta{padding:72px 24px}.orange-home .s-cta p{margin:20px auto}.orange-home .trust .wrap{gap:0}
.order-selection{padding:48px 24px;background:#f2f5f8}.order-selection h2{margin-bottom:20px}.order-selection label{display:block;font-weight:700;margin-bottom:8px}.order-selection select{display:block;width:min(100%,620px);min-height:50px;padding:10px 12px;border:1px solid #aab8c8;border-radius:6px;background:#fff;color:#111b2b;font:inherit}.order-selection p{margin-top:16px}.selection-note{font-size:.9rem;color:#5a6677}#awf-form{scroll-margin-top:110px}#awf input:focus-visible,#awf button:focus-visible{outline:3px solid #c83e20!important}#awf .awf-butsubmit{background:#f25b38!important;color:#111b2b!important;border-color:#c83e20!important}#order-loading{padding:24px;background:#f2f5f8;border-radius:8px}.form-load-error{padding:24px;background:#fff3ec;color:#762c16;border:1px solid #db7c5b}
/* Keep legacy landing-page content in the same visual system. */
.container{max-width:1180px;margin:auto;padding:0 24px}.hero-flex{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}.hero-text h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.1}.hero-image img{max-width:100%;border-radius:12px}.benefits{padding:72px 0;background:#f2f5f8}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.benefits .card{background:#fff;border:1px solid #d8dee7;border-radius:10px;padding:28px}.hero-text .btn{display:inline-flex;padding:12px 20px;background:#f25b38;color:#111b2b;border-radius:6px;margin-top:20px}.trust-badges{margin-top:24px;display:grid;gap:8px}.legal-content,.content-container{max-width:850px;margin:auto}main>section:not(.hero):not(.s-hero):not(.s-cta) .s-btn-ghost{color:#15243a!important;border-color:#7a8b9e!important}.s-cta .s-btn-ghost{color:#fff!important}
@media(max-width:1200px){.hamburger{display:block!important}.nav-menu{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;max-height:calc(100dvh - 80px);overflow:auto;background:#111b2b!important;flex-direction:column!important;align-items:stretch!important;padding:12px 20px!important;border-radius:0!important}.nav-menu.active{display:flex!important}.nav-menu li{width:100%;text-align:left}.nav-menu a{display:block!important;padding:12px 16px!important;border-bottom:1px solid #304157!important}.nav-menu .cta-button{margin:8px 0!important;text-align:center}.nav-container{min-height:76px}.hero-flex{grid-template-columns:1fr}.benefits-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1201px){.hamburger{display:none!important}.nav-menu{display:flex!important;position:static!important;width:auto!important;flex-direction:row!important}}
@media(max-width:640px){.s-hero{padding:48px 20px!important}.s-intro,.s-demos{padding:48px 20px}.s-hero h1{font-size:2.3rem}.s-demo-grid{grid-template-columns:1fr!important}.s-demo-card-body{padding:20px}.s-bento,.compare-grid,.steps-grid{grid-template-columns:1fr!important}.s-bento-card.span2{grid-column:auto!important}.s-hero-btns,.s-cta-btns{flex-direction:column;align-items:stretch}.s-btn-primary,.s-btn-ghost{justify-content:center;min-height:48px}.orange-home .hero{padding:48px 0}.orange-home .hero h1{font-size:2.65rem}.orange-home .hero .wrap{gap:28px}.orange-home .price-card{padding:24px}.order-selection{padding:36px 20px}.benefits-grid{grid-template-columns:1fr}.footer-top{padding-left:20px;padding-right:20px}.nav-container{padding:12px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.page-support .s-hero{padding:44px 24px!important}.page-support .s-hero-inner{grid-template-columns:1fr;max-width:900px;text-align:left}.page-support .s-hero-visual{display:none}.page-support .s-hero h1{font-size:clamp(2rem,4vw,3.2rem)}.page-support .s-hero-text{margin:20px 0}.page-support .s-hero-btns{justify-content:flex-start}.orange-home .s-intro,.orange-home .s-cta{padding:72px 24px}.orange-home .s-intro .s-intro-inner{width:min(100%,1180px)}
@media(max-width:640px){.orange-home .s-intro,.orange-home .s-cta{padding:48px 20px}.page-support .s-hero{padding:36px 20px!important}}

/* Kompakte Demo-Aktionen; Bestellparameter bleiben unverändert. */
.demo-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.demo-actions .s-demo-card-link,.demo-actions .demo-order{flex:1 1 125px;min-height:42px;padding:8px;font-size:.8rem;line-height:1.25;white-space:nowrap;margin:0;box-sizing:border-box}

/* Größere Menüschrift und ausgewogener Demo-Hero. */
.nav-menu a,.nav-menu .cta-button{font-size:1rem!important}
.demo-page-hero .s-hero-inner{grid-template-columns:1fr 1.05fr;align-items:stretch;gap:40px}
.demo-page-hero .s-hero-visual{position:relative;min-height:480px;max-width:none;background:#000;border-radius:12px;overflow:hidden}
.demo-page-hero .s-hero-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0;border-radius:0;box-shadow:none}
@media(max-width:1024px){.demo-page-hero .s-hero-inner{grid-template-columns:1fr;gap:32px}.demo-page-hero .s-hero-visual{width:100%;max-width:620px;min-height:0;aspect-ratio:1200/1000;margin:0 auto}}
@media(max-width:640px){.demo-page-hero .s-hero-visual{display:flex;justify-content:center;width:100%;max-width:100%;height:auto;min-height:0;aspect-ratio:auto;background:transparent}.demo-page-hero .s-hero-visual img{position:static;inset:auto;width:auto;height:auto;max-width:100%;max-height:240px;object-fit:contain;border-radius:12px}.demo-page-hero .s-hero-inner{gap:28px;min-width:0}}

/* Zentrierter Hero nur auf der Werkstatt-Spezialseite. */
.orange-home .workshop-hero-centered .wrap{grid-template-columns:1fr;text-align:center;justify-items:center;gap:0}.orange-home .workshop-hero-centered h1{max-width:1000px;margin-left:auto;margin-right:auto}.orange-home .workshop-hero-centered .lead{max-width:760px;margin-left:auto;margin-right:auto}.orange-home .workshop-hero-centered .actions{justify-content:center}