/* Sechs eigenständige, styleguide-konforme Seitensysteme. Basis: #33425E, #8CAEDC, #F8FAFC. */
:root{--hero-left:#fbfdff;--hero-mid:#eef5fc;--hero-right:#c9e0f7;--hero-aura:rgba(140,174,220,.28);--theme-line:rgba(51,66,94,.13);--theme-shadow:0 22px 55px rgba(38,57,89,.14)}
.hero{background:linear-gradient(104deg,var(--hero-left) 0%,var(--hero-mid) 51%,var(--hero-right) 100%)}
/* Historische Rekonstruktion aus Commit 5c09ab1: ruhige, flache Produktseite. */
body[data-visual-theme="prototyp"]{--hero-left:#f8fafc;--hero-mid:#f8fafc;--hero-right:#f8fafc}body[data-visual-theme="prototyp"] .hero{padding:60px 0;background:#f8fafc}body[data-visual-theme="prototyp"] .hero-aura,body[data-visual-theme="prototyp"] .hero:before,body[data-visual-theme="prototyp"] .hero:after,body[data-visual-theme="prototyp"] .signal-card,body[data-visual-theme="prototyp"] .proof-line,body[data-visual-theme="prototyp"] .hero-points{display:none}body[data-visual-theme="prototyp"] .hero{position:relative;overflow:clip;background:linear-gradient(106deg,#f8fafc 0%,#f8fafc 42%,#eaf2fa 100%)}body[data-visual-theme="prototyp"] .hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:48px;min-height:520px}body[data-visual-theme="prototyp"] .hero-product{position:relative;inset:auto;z-index:0;width:100%;padding:0;pointer-events:auto;opacity:1}body[data-visual-theme="prototyp"] .product-window-main[data-hero-rotator]{width:100%;max-width:none;min-height:0;margin:0;aspect-ratio:16 / 10;overflow:hidden;background:transparent;border:0;border-radius:14px;box-shadow:none}body[data-visual-theme="prototyp"] .product-window-main .window-bar{display:none}body[data-visual-theme="prototyp"] .product-window-main[data-hero-rotator] .hero-product-image{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none;transform:scale(1.16);transform-origin:right center;will-change:opacity;transition:opacity 1.2s ease}body[data-visual-theme="prototyp"] .hero-image-status{position:static;width:max-content;margin:14px auto 0;z-index:3;pointer-events:auto;background:rgba(248,250,252,.82);box-shadow:none}body[data-visual-theme="prototyp"] .hero-image-status button{padding:0;border:0;appearance:none;cursor:pointer}body[data-visual-theme="prototyp"] .hero-image-status button:focus-visible{outline:2px solid #33425e;outline-offset:3px}body[data-visual-theme="prototyp"] .hero-copy{position:relative;z-index:1;max-width:560px;padding:74px 0;background:transparent}@media(max-width:760px){body[data-visual-theme="prototyp"] .hero{padding:34px 0 42px;min-height:0}body[data-visual-theme="prototyp"] .hero-grid{display:grid;grid-template-columns:1fr;min-height:0;gap:0}body[data-visual-theme="prototyp"] .hero-copy{max-width:100%;padding:0 0 30px;background:transparent}body[data-visual-theme="prototyp"] .hero-product{position:relative;inset:auto;width:100%;margin:0;opacity:1}body[data-visual-theme="prototyp"] .hero-image-status{position:static;width:max-content;margin:14px auto 0}}body[data-visual-theme="prototyp"] .hero-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:48px}body[data-visual-theme="prototyp"] .hero h1{max-width:570px;font-size:clamp(38px,3.4vw,48px);letter-spacing:-.035em}body[data-visual-theme="prototyp"] .lead{max-width:600px;font-size:15px}body[data-visual-theme="prototyp"] .product-window-main{max-width:510px;margin-left:auto;border:0;border-radius:14px;box-shadow:none;transform:none}body[data-visual-theme="prototyp"] .window-bar{display:none}body[data-visual-theme="prototyp"] .hero-product{padding:0}body[data-visual-theme="prototyp"] .hero-product-image{border-radius:14px}
/* Dossier: Akten-/Dokumentlogik, seitlicher Maßstab, keine automatische Bewegung. */
body[data-visual-theme="dossier"]{--hero-left:#fff;--hero-mid:#f8fafc;--hero-right:#dceafa}body[data-visual-theme="dossier"] .hero{border-top:8px solid #33425e;border-bottom:1px solid var(--theme-line)}body[data-visual-theme="dossier"] .hero-grid{grid-template-columns:46% 54%;gap:34px}body[data-visual-theme="dossier"] .hero-copy{padding:32px 0 32px 32px;border-left:4px solid #8caedc}body[data-visual-theme="dossier"] .hero h1{font-size:clamp(36px,3vw,50px)}body[data-visual-theme="dossier"] .hero-product{padding:30px 0 30px 22px;border-left:1px solid var(--theme-line)}body[data-visual-theme="dossier"] .product-window-main{border-radius:7px;box-shadow:12px 12px 0 #dbe9f7}.dossier-only{display:none}body[data-visual-theme="dossier"] .section-kicker{letter-spacing:.18em}
/* Cockpit: operative, dunkle Arbeitsfläche mit klaren Statusflächen. */
body[data-visual-theme="cockpit"]{--hero-left:#33425e;--hero-mid:#33425e;--hero-right:#56749a}body[data-visual-theme="cockpit"] .hero{padding:36px 0 175px;background:linear-gradient(122deg,#33425e 0 64%,#56749a 64% 100%)}body[data-visual-theme="cockpit"] .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 64%,rgba(140,174,220,.18) 64% 65%,transparent 65%);pointer-events:none}body[data-visual-theme="cockpit"] .hero-copy.reveal,body[data-visual-theme="cockpit"] .hero-product.reveal{transform:translateY(8px) scale(.995)}body[data-visual-theme="cockpit"] .hero-copy.reveal.is-visible,body[data-visual-theme="cockpit"] .hero-product.reveal.is-visible{transform:none}body[data-visual-theme="cockpit"] .hero-copy h1{color:#fff}body[data-visual-theme="cockpit"] .hero-copy .lead,body[data-visual-theme="cockpit"] .hero-points{color:#e7eef7}body[data-visual-theme="cockpit"] .hero-copy .button{background:#fff;border-color:#fff;color:#33425e}body[data-visual-theme="cockpit"] .hero-copy .text-link{color:#fff}body[data-visual-theme="cockpit"] .product-window-main{position:relative;contain:layout paint;overflow:hidden;aspect-ratio:16 / 10;min-height:0;border:0;border-radius:14px;box-shadow:var(--theme-shadow)}body[data-visual-theme="cockpit"] .hero-product.reveal,body[data-visual-theme="cockpit"] .hero-product.reveal.is-visible{transform:translateY(140px) scale(.96);transform-origin:top center}body[data-visual-theme="cockpit"] .product-window-main[data-hero-rotator] .hero-product-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;transform:scale(1.16);transform-origin:right center;will-change:opacity;transition:opacity 1.2s ease}body[data-visual-theme="cockpit"] .hero-image-status{position:absolute;z-index:6;left:50%;top:4px;bottom:auto;width:max-content;transform:translateX(-50%);display:flex;gap:6px;padding:6px 8px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(32,45,68,.78);box-shadow:0 8px 20px rgba(16,28,47,.24)}body[data-visual-theme="cockpit"] .hero-image-status button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#bcd2ea;cursor:pointer}body[data-visual-theme="cockpit"] .hero-image-status button.is-active{background:#fff;box-shadow:0 0 0 3px rgba(140,174,220,.48)}body[data-visual-theme="cockpit"] .hero-image-status button:focus-visible{outline:2px solid #fff;outline-offset:3px}body[data-visual-theme="cockpit"] .signal-card{border-radius:7px;border-left:4px solid #8caedc}body[data-visual-theme="cockpit"] .feature-grid .feature-card{border-top:4px solid #33425e}body[data-visual-theme="cockpit"] .hero-proof-divider{padding:14px 0;background:#fff;border-bottom:1px solid #dfe6ed}body[data-visual-theme="cockpit"] .proof-line{position:relative;z-index:2;min-width:460px;width:max-content;justify-content:center;margin:0 auto;padding:11px 24px;border:1px solid #bcd2ea;border-radius:999px;background:#fff;color:#33425e;font-size:12px;font-weight:800;letter-spacing:.04em;box-shadow:0 6px 16px rgba(31,51,79,.08)}body[data-visual-theme="cockpit"] .proof-line i{width:5px;height:5px;background:#8caedc;box-shadow:0 0 0 3px rgba(140,174,220,.16)}
/* Galerie: kuratierte, helle Produktbühne mit ruhiger Bilddominanz statt schräger Collage. */
body[data-visual-theme="galerie"]{--hero-left:#f8fafc;--hero-mid:#fff;--hero-right:#dceafa}body[data-visual-theme="galerie"] .hero{padding:74px 0 88px;background:linear-gradient(180deg,#fff 0 66%,#edf5fc 66% 100%)}body[data-visual-theme="galerie"] .hero-grid{grid-template-columns:minmax(320px,.74fr) minmax(0,1.26fr);gap:56px;align-items:center}body[data-visual-theme="galerie"] .hero-copy{padding:26px 0;border-top:6px solid #33425e}body[data-visual-theme="galerie"] .hero h1{max-width:500px;font-size:clamp(40px,3.7vw,60px)}body[data-visual-theme="galerie"] .hero-product{padding:0}body[data-visual-theme="galerie"] .product-window-main{border:10px solid #fff;border-radius:14px;box-shadow:0 28px 62px rgba(31,51,79,.18);transform:none}body[data-visual-theme="galerie"] .signal-card{right:22px;bottom:-34px;border:1px solid #d5e4f3;border-radius:10px;box-shadow:0 16px 34px rgba(31,51,79,.15)}body[data-visual-theme="galerie"] .proof-line{margin-top:52px;padding:18px 22px;border-top:1px solid #cfe0f0;border-bottom:1px solid #cfe0f0}body[data-visual-theme="galerie"] .issue-band{background:#f8fafc}body[data-visual-theme="galerie"] .feature-grid{gap:18px}body[data-visual-theme="galerie"] .feature-grid article{border-radius:10px}
/* Chronik: sachliches Aktenregister mit dunklem Seitensteg und klarer Inhaltskarte. */
body[data-visual-theme="chronik"]{--hero-left:#eef4fa;--hero-mid:#eef4fa;--hero-right:#eef4fa}body[data-visual-theme="chronik"] .hero{padding:0;background:#eef4fa;border-bottom:1px solid #c9dbea}body[data-visual-theme="chronik"] .hero:before{content:"";position:absolute;inset:0 auto 0 0;width:27%;background:#33425e;opacity:1}body[data-visual-theme="chronik"] .hero:after{content:"";position:absolute;left:calc(27% - 1px);top:0;bottom:0;width:1px;background:#8caedc;pointer-events:none}body[data-visual-theme="chronik"] .hero-grid{position:relative;grid-template-columns:27% 73%;gap:0;min-height:610px;align-items:stretch}body[data-visual-theme="chronik"] .hero-copy{z-index:1;grid-column:2;padding:88px 68px 72px;max-width:760px;color:#28364b}body[data-visual-theme="chronik"] .hero-copy .eyebrow{color:#54769d}body[data-visual-theme="chronik"] .hero-product{position:absolute;z-index:2;right:0;bottom:50px;width:48%;padding:0}body[data-visual-theme="chronik"] .product-window-main{border:8px solid #fff;border-radius:7px;box-shadow:0 22px 45px rgba(31,51,79,.2);transform:none}body[data-visual-theme="chronik"] .signal-card{right:24px;bottom:-38px;border-radius:7px;border-left:4px solid #8caedc}body[data-visual-theme="chronik"] .proof-line{position:relative;z-index:1;margin-top:-76px;padding-left:31%;justify-content:flex-start;color:#fff}body[data-visual-theme="chronik"] .workflow-band{background:#f8fafc}body[data-visual-theme="chronik"] .workflow-layout{padding-left:26px;border-left:4px solid #33425e}
/* Fokus: zentrierte Einführung, viel Weißraum, akzentuierte Produktbühne und sehr langsame, optionale Aura. */
body[data-visual-theme="fokus"]{--hero-left:#fcfdff;--hero-mid:#f2f7fc;--hero-right:#d3e5f7}body[data-visual-theme="fokus"] .hero{text-align:center;padding:96px 0 120px}body[data-visual-theme="fokus"] .hero-grid{display:flex;flex-direction:column;gap:32px;align-items:center}body[data-visual-theme="fokus"] .hero-copy{max-width:770px}body[data-visual-theme="fokus"] .hero h1{max-width:760px;margin-inline:auto;font-size:clamp(42px,4vw,66px)}body[data-visual-theme="fokus"] .lead{max-width:660px;margin-inline:auto}body[data-visual-theme="fokus"] .actions,body[data-visual-theme="fokus"] .hero-points,body[data-visual-theme="fokus"] .proof-line{justify-content:center}body[data-visual-theme="fokus"] .hero-product{width:min(84%,870px);padding:0}body[data-visual-theme="fokus"] .product-window-main{max-width:none;border-radius:14px;box-shadow:var(--theme-shadow)}body[data-visual-theme="fokus"] .signal-card{right:-26px;bottom:-30px;border-radius:999px}body[data-visual-theme="fokus"] .hero-aura{animation:focus-breathe 12s ease-in-out infinite alternate}
/* Cockpit-Standard: Der Hero und der anschließende Workflow bleiben als zusammenhängender dunkler Einstieg erhalten. Anschließend folgt ein eindeutiger Dunkel/Hell-Wechsel mit einer gemeinsamen Navy-Fläche. */
body[data-visual-theme="cockpit"] .issue-band,
body[data-visual-theme="cockpit"] .case-types-band,
body[data-visual-theme="cockpit"] .band-soft{background:#f8fafc;color:#28364b}
body[data-visual-theme="cockpit"] .contact-band{background:#33425e;color:#fff}
body[data-visual-theme="cockpit"] .faq-band{background:#fff;color:#28364b}
body[data-visual-theme="cockpit"] .roles-band{background:#33425e;color:#fff}
body[data-visual-theme="cockpit"] .contact-band .eyebrow{color:#bcd2ea}
body[data-visual-theme="cockpit"] .contact-band .contact-copy>p{color:#e4edf7}
body[data-visual-theme="cockpit"] .contact-band .contact-note{color:#dbe6f2}
body[data-visual-theme="cockpit"] .contact-band .fallback-contact,
body[data-visual-theme="cockpit"] .contact-band .fallback-contact a{color:#fff}
body[data-visual-theme="cockpit"] .contact-form{background:#eef3f8;color:#28364b;border:1px solid #cbd9e8;box-shadow:0 18px 44px rgba(31,51,79,.12)}
body[data-visual-theme="cockpit"] .band-soft .feature-grid>article{border:1px solid #d6e2ef}
body[data-visual-theme="cockpit"] .faq-band .faq details p{color:#526070}
body[data-visual-theme="cockpit"] .roles-band .eyebrow{color:#bcd2ea}
body[data-visual-theme="cockpit"] .roles-band .section-heading>p:last-child{color:#e4edf7}
body[data-visual-theme="cockpit"] .roles-band .section-heading>p:last-child a{color:#fff;text-decoration-color:#bcd2ea;text-underline-offset:3px}
body[data-visual-theme="cockpit"] .faq-band .eyebrow{color:#54769d}
body[data-visual-theme="cockpit"] .roles-band .role-card{background:#fff;color:#28364b}
body[data-visual-theme="cockpit"] .faq-band .faq details{border-color:#d6e2ef}
body[data-visual-theme="cockpit"] .faq-band .faq summary:after{color:#54769d}
@keyframes focus-breathe{to{transform:scale(1.08);opacity:.72}}body[data-visual-theme="cockpit"] .product-window-main[data-hero-rotator] .hero-product-image[src$="hero-overview.webp"],body[data-visual-theme="cockpit"] .product-window-main[data-hero-rotator] .hero-product-image[src$="hero-collaboration.webp"]{object-fit:contain;object-position:center;transform:none}
@media(prefers-reduced-motion:reduce){body[data-visual-theme="prototyp"] .hero-product-image{animation:none!important}body[data-visual-theme="fokus"] .hero-aura{animation:none}}@media(max-width:600px){body[data-visual-theme="cockpit"] .hero{padding:34px 0 42px;overflow:clip;background:linear-gradient(142deg,#33425e 0 62%,#56749a 62% 100%)}body[data-visual-theme="cockpit"] .hero-grid{grid-template-columns:minmax(0,1fr);gap:30px}body[data-visual-theme="cockpit"] .hero-copy{min-width:0}body[data-visual-theme="cockpit"] .hero-copy h1{max-width:100%;font-size:clamp(28px,7.5vw,34px);overflow-wrap:normal}body[data-visual-theme="cockpit"] .hero-copy .lead{max-width:100%;overflow-wrap:anywhere}body[data-visual-theme="cockpit"] .hero-product.reveal,body[data-visual-theme="cockpit"] .hero-product.reveal.is-visible{width:100%;max-width:100%;min-width:0;margin:0;transform:none}body[data-visual-theme="cockpit"] .product-window-main{width:100%;min-height:0;transform:none}body[data-visual-theme="cockpit"] .hero-image-status{left:50%;right:auto;top:8px;bottom:auto;transform:translateX(-50%);pointer-events:auto}body[data-visual-theme="cockpit"] .signal-card{right:8px;bottom:-18px;max-width:calc(100% - 16px)}body[data-visual-theme="cockpit"] .hero-proof-divider{padding:12px 0}body[data-visual-theme="cockpit"] .proof-line{min-width:0;width:100%;padding:10px 14px;justify-content:center;gap:8px;font-size:10px;letter-spacing:.02em}}@media(max-width:900px){body[data-visual-theme="dossier"] .hero-grid,body[data-visual-theme="chronik"] .hero-grid{grid-template-columns:1fr;gap:24px}body[data-visual-theme="dossier"] .hero-product,body[data-visual-theme="chronik"] .hero-product{padding:0;border-left:0}body[data-visual-theme="chronik"] .hero:after{left:20px}body[data-visual-theme="galerie"] .hero-grid{grid-template-columns:1fr}body[data-visual-theme="galerie"] .hero-product{padding-left:0}body[data-visual-theme="galerie"] .feature-card:nth-child(3n+2){transform:none}}@media(max-width:900px){body[data-visual-theme="chronik"] .hero{padding:30px 0 64px}body[data-visual-theme="chronik"] .hero:before{inset:0 0 auto;width:auto;height:14px}body[data-visual-theme="chronik"] .hero:after{left:0;right:0;top:14px;bottom:auto;width:auto;height:1px}body[data-visual-theme="chronik"] .hero-grid{display:flex;flex-direction:column;min-height:0;gap:28px}body[data-visual-theme="chronik"] .hero-copy{padding:44px 0 0;max-width:none}body[data-visual-theme="chronik"] .hero-product{position:relative;right:auto;bottom:auto;width:100%}body[data-visual-theme="chronik"] .proof-line{margin-top:0;padding-left:0;color:#33425e}body[data-visual-theme="chronik"] .workflow-layout{padding-left:0;border-left:0}}@media(max-width:600px){body[data-visual-theme="prototyp"] .hero-grid{gap:0}body[data-visual-theme="fokus"] .hero{padding-top:72px}body[data-visual-theme="fokus"] .hero-product{width:100%}}body[data-visual-theme="prototyp"] .product-window-main[data-hero-rotator] .hero-product-image{transform-origin:right center}body[data-visual-theme="prototyp"] .workflow-gallery-frame img,body[data-visual-theme="prototyp"] .issue-band .bento-visual img,body[data-visual-theme="prototyp"] .screen-card img{object-position:right center;transform:scale(1.16);transform-origin:right center}body[data-visual-theme="prototyp"] .feature-grid .visual-feature:before{background-position:68% center}@media(max-width:760px){body[data-visual-theme="prototyp"] .hero-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row;align-items:start}body[data-visual-theme="prototyp"] .hero-copy{display:contents}body[data-visual-theme="prototyp"] .hero-copy .eyebrow,body[data-visual-theme="prototyp"] .hero-copy h1,body[data-visual-theme="prototyp"] .hero-copy .lead,body[data-visual-theme="prototyp"] .hero-copy .actions,body[data-visual-theme="prototyp"] .hero-product{grid-column:1!important;width:100%;min-width:0}body[data-visual-theme="prototyp"] .hero-copy .eyebrow{order:1;margin-bottom:10px}body[data-visual-theme="prototyp"] .hero-copy h1{order:2;margin-bottom:22px}body[data-visual-theme="prototyp"] .hero-product{order:3;margin:0 0 24px}body[data-visual-theme="prototyp"] .hero-product .product-window-main{width:100%;max-width:none;margin:0}body[data-visual-theme="prototyp"] .hero-copy .lead{order:4;margin:0 0 24px}body[data-visual-theme="prototyp"] .hero-copy .actions{order:5;margin:0}body[data-visual-theme="prototyp"] .hero-copy .hero-points{display:none}}