/* SAAMEDIA – ruhiges, redaktionelles Design-System. Keine Parallax-Effekte, keine Dauer-Animationen. */
@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-wght-normal.woff2) format("woff2");font-weight:200 800;font-display:swap}

:root{
  --bg:#F6F2EA; --bg-2:#EFE9DE; --surface:#FFFDF9; --line:#DDD4C4;
  --ink:#1B2433; --ink-2:#454C5B; --muted:#5A606E;
  --gold:#76521D; --gold-soft:#C9A05A; --gold-grad:linear-gradient(135deg,#F3D9A0,#D9A75A 45%,#A9742C);
  --dark:#15181D; --dark-2:#1D2128; --on-dark:#EEE8DD; --on-dark-2:#B9B2A6; --gold-on-dark:#E3C285;
  --focus:#2F6FDB;
  --radius:14px; --radius-s:8px;
  --wrap:1200px; --gutter:clamp(16px,4vw,40px);
  --f-display:Poppins,system-ui,sans-serif; --f-text:Manrope,system-ui,sans-serif;
  color-scheme:light;
}
[data-theme="dark"]{
  --bg:#111317; --bg-2:#171A1F; --surface:#1B1F25; --line:#2C313A;
  --ink:#EEE8DD; --ink-2:#C4BDB1; --muted:#9C978D;
  --gold:#E3C285; --gold-soft:#D9A75A;
  --dark:#0B0D10; --dark-2:#15181D;
  --focus:#7FA8F0;
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--f-text);text-rendering:optimizeLegibility}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--gold)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{overflow-wrap:break-word;font-family:var(--f-display);font-weight:400;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.2vw,4rem);font-weight:300}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:300}
h3{font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:500}
p{margin:0 0 1em;text-wrap:pretty}
ul{padding-left:1.1em}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:6px;z-index:100}
.skip:focus{left:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:760px}
.eyebrow{font:500 .78rem/1.2 var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem}
.lead{font-size:clamp(1.1rem,1.6vw,1.3rem);color:var(--ink-2);max-width:62ch}
.muted{color:var(--muted)}
.small{font-size:.9rem}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:24px;height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex-shrink:0}
.brand svg{width:30px;height:auto}
.brand span{font:400 1.18rem/1 var(--f-display);letter-spacing:.2em}
.nav{margin-left:auto}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;align-items:center}
.nav a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;font-size:.93rem;color:var(--ink-2);white-space:nowrap}
.nav a:hover,.nav a[aria-current="page"]{color:var(--ink);background:var(--bg-2)}
.nav .has-sub{position:relative}
.nav .sub{display:none;position:absolute;top:100%;left:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.08);flex-direction:column;align-items:stretch}
.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub{display:flex}
.nav .sub a{padding:10px 12px}
.header-tools{display:flex;align-items:center;gap:8px}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}
.icon-btn:hover{border-color:var(--gold-soft)}
.icon-btn svg{width:18px;height:18px}
.menu-btn{display:none}
.theme-btn .moon{display:none}
[data-theme="dark"] .theme-btn .sun{display:none}
[data-theme="dark"] .theme-btn .moon{display:block}

/* Buttons */
.nav a.btn{color:var(--bg);background:var(--ink);padding:11px 18px;border-radius:999px}
.nav a.btn:hover{background:var(--gold);color:#fff}
.btn{background:transparent;color:inherit;display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font:500 .98rem/1 var(--f-display);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.btn-primary{background:var(--ink);color:var(--bg)}
.btn-primary:hover{background:var(--gold);color:#fff}
[data-theme="dark"] .btn-primary:hover{color:#15181D}
.btn-ghost{border-color:var(--line);color:var(--ink)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
.on-dark .btn-primary{background:var(--on-dark);color:#15181D}
.on-dark .btn-primary:hover{background:var(--gold-on-dark)}
.on-dark .btn-ghost{border-color:rgba(238,232,221,.35);color:var(--on-dark)}
.on-dark .btn-ghost:hover{border-color:var(--gold-on-dark);color:var(--gold-on-dark)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.arrow{width:16px;height:16px}

/* Sections */
section{padding:clamp(64px,9vw,120px) 0}
.alt{background:var(--bg-2)}
.on-dark{background:var(--dark);color:var(--on-dark)}
.on-dark .lead,.on-dark p{color:var(--on-dark-2)}
.on-dark h2,.on-dark h3{color:var(--on-dark)}
.on-dark .eyebrow{color:var(--gold-on-dark)}
.section-head{max-width:720px;margin-bottom:clamp(32px,5vw,56px)}
.rule{height:1px;background:var(--line);border:0;margin:0}

/* Hero */
.hero{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;padding:0;background:#0E1014;color:#F4F0E8;overflow:hidden}
.hero-media{position:absolute;inset:0}
.hero-media video,.hero-media img{width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,12,15,.25) 0%,rgba(10,12,15,.15) 40%,rgba(10,12,15,.82) 100%)}
.hero .wrap{position:relative;z-index:1;width:100%;padding-bottom:clamp(40px,7vw,88px);padding-top:120px}
.hero h1{max-width:16ch;color:#F7F3EB}
.hero .lead{color:rgba(244,240,232,.86)}
.hero .eyebrow{color:#E8CC92}
.hero .btn-primary{background:#F4F0E8;color:#15181D}
.hero .btn-primary:hover{background:#E8CC92}
.hero .btn-ghost{border-color:rgba(244,240,232,.4);color:#F4F0E8}
.hero .btn-ghost:hover{border-color:#E8CC92;color:#E8CC92}
.video-toggle{position:absolute;right:var(--gutter);top:20px;z-index:2;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(244,240,232,.35);background:rgba(14,16,20,.45);color:#F4F0E8;font:500 .82rem/1 var(--f-display);cursor:pointer}
.video-toggle svg{width:14px;height:14px}
.video-toggle .play{display:none}
.video-toggle[aria-pressed="true"] .play{display:block}
.video-toggle[aria-pressed="true"] .pause{display:none}

/* Page hero (Unterseiten) */
.page-hero{padding:clamp(56px,8vw,104px) 0 clamp(40px,6vw,72px)}
.page-hero .grid-2{align-items:center}
.crumbs{font-size:.88rem;color:var(--muted);margin-bottom:24px}
.crumbs a{color:var(--muted)}

/* Grids & Cards */
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}
.card h3{margin-bottom:.4em}
.card p{color:var(--ink-2);font-size:.98rem}
.area-card{padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s}
.area-card:hover{border-color:var(--gold-soft);color:inherit}
.area-card picture img{aspect-ratio:4/3;object-fit:cover;width:100%}
.area-card .body{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1}
.area-card .num{font:500 .78rem/1 var(--f-display);letter-spacing:.16em;color:var(--gold);margin-bottom:12px}
.area-card .more{margin-top:auto;padding-top:12px;font:500 .92rem/1 var(--f-display);display:flex;gap:8px;align-items:center}
.area-card:hover .more{color:var(--gold)}
.figure{border-radius:var(--radius);overflow:hidden;background:var(--bg-2)}
.figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
figcaption{font-size:.82rem;color:var(--muted);padding-top:10px}
.tag{display:inline-block;font:500 .72rem/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}
.tag-demo{border-color:var(--gold-soft);color:var(--gold)}

/* Problem-Liste */
.problems{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.problems li{padding:22px 0;border-top:1px solid rgba(238,232,221,.14)}
.problems strong{display:block;font:400 1.15rem/1.35 var(--f-display);color:var(--on-dark);margin-bottom:6px}
.problems span{color:var(--on-dark-2);font-size:.98rem}

/* Prozess */
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid var(--line);padding-top:20px}
.steps li::before{content:"0" counter(s);display:block;font:500 .8rem/1 var(--f-display);letter-spacing:.14em;color:var(--gold);margin-bottom:14px}
.steps h3{font-size:1.1rem}
.steps p{font-size:.95rem;color:var(--ink-2)}
.steps.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Listen */
.check{list-style:none;padding:0;margin:0}
.check li{position:relative;padding:10px 0 10px 30px;border-bottom:1px solid var(--line)}
.check li::before{content:"";position:absolute;left:2px;top:19px;width:12px;height:7px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.check li:last-child{border-bottom:0}
.def{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
.def div{padding:20px 0;border-top:1px solid var(--line)}
.def h3{font-size:1.05rem;margin-bottom:.3em}
.def p{margin:0;color:var(--ink-2);font-size:.97rem}

/* Avatar / Video-Slot */
.avatar{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.avatar-media{position:relative;border-radius:var(--radius);overflow:hidden;background:#0E1014;aspect-ratio:16/9}
.avatar-media img,.avatar-media video{width:100%;height:100%;object-fit:cover}
.avatar-media .badge{position:absolute;left:16px;bottom:16px;background:rgba(14,16,20,.72);color:#F4F0E8;border-radius:999px;padding:8px 14px;font:500 .8rem/1 var(--f-display)}
.play-btn{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;border:1px solid rgba(244,240,232,.5);background:rgba(14,16,20,.5);color:#F4F0E8;display:grid;place-items:center;cursor:pointer}
.play-btn:hover{background:rgba(14,16,20,.7);border-color:#E8CC92}
.play-btn svg{width:26px;height:26px;margin-left:4px}
.transcript{font-size:1.02rem;color:var(--ink-2)}
.transcript blockquote{margin:0;padding:0 0 0 20px;border-left:2px solid var(--gold-soft)}
.transcript details summary{cursor:pointer;font:500 .95rem/1.4 var(--f-display);color:var(--ink);margin-bottom:12px}
.on-dark .transcript{color:var(--on-dark-2)}

/* Markenfilm */
.film{position:relative;border-radius:var(--radius);overflow:hidden;background:#0E1014;aspect-ratio:16/9}
.film img,.film video{width:100%;height:100%;object-fit:cover}

/* Branchen */
.industry{display:flex;flex-direction:column;gap:12px}
.industry .top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.industry h3{font-size:1.05rem;letter-spacing:.1em;margin:0}
.industry h3 b{font-weight:500;color:var(--gold)}

/* Use-Case */
.usecase{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,44px);background:var(--surface)}
.usecase ol{margin:0;padding-left:1.2em}
.usecase li{margin-bottom:.6em}

/* FAQ */
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font:400 1.1rem/1.4 var(--f-display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:28px;width:10px;height:10px;border-right:1.5px solid var(--ink-2);border-bottom:1.5px solid var(--ink-2);transform:rotate(45deg)}
.faq details[open] summary::after{transform:rotate(-135deg);top:32px}
.faq details p{color:var(--ink-2);max-width:70ch;padding-bottom:12px}

/* CTA */
.cta{text-align:left}
.cta .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:40px;align-items:end}

/* Formular */
.form{display:grid;gap:18px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field label{display:block;font:500 .9rem/1.3 var(--f-display);margin-bottom:8px}
.field .opt{color:var(--muted);font-weight:400}
.field input,.field select,.field textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}
.field textarea{min-height:160px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:transparent}
.err{color:#B3261E;font-size:.86rem;margin:6px 0 0}
.err:empty{display:none}
[data-theme="dark"] .err{color:#F2B8B5}
.field.invalid input,.field.invalid textarea{border-color:#B3261E}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.93rem;color:var(--ink-2)}
.consent input{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:var(--ink)}
.hp{position:absolute;left:-9999px}
.consent.invalid{color:#B3261E}
[data-theme="dark"] .consent.invalid{color:#F2B8B5}
.note{border-left:3px solid var(--gold-soft);background:var(--bg-2);padding:14px 18px;border-radius:0 10px 10px 0;font-size:.93rem;color:var(--ink-2)}
.ph{background:#FFF1B8;color:#5A4500;padding:0 4px;border-radius:3px}
[data-theme="dark"] .ph{background:#5A4A12;color:#FFF1B8}

/* Prose (Rechtstexte) */
.prose{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.prose h2{font-size:1.5rem;margin-top:2em}
.prose h3{margin-top:1.6em}
.prose p,.prose li{color:var(--ink-2)}

/* Footer */
.site-footer{background:var(--dark);color:var(--on-dark-2);padding:64px 0 32px;font-size:.95rem}
.site-footer .top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid rgba(238,232,221,.12)}
.site-footer .f-h{font:500 .78rem/1 var(--f-display);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-on-dark);margin-bottom:16px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin-bottom:8px}
.site-footer a{color:var(--on-dark-2);text-decoration:none}
.site-footer a:hover{color:var(--on-dark)}
.footer-logo{width:220px;margin-bottom:16px}
.site-footer .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:.85rem}

/* Responsive */
@media (max-width:1080px){
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
  .site-footer .top{grid-template-columns:1fr 1fr}
}
@media (max-width:1240px){
  .menu-btn{display:grid}
  .nav{position:fixed;inset:72px 0 auto 0;background:var(--bg);border-bottom:1px solid var(--line);max-height:calc(100vh - 72px);overflow:auto;display:none;margin:0}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;padding:12px var(--gutter) 20px;gap:0}
  .nav a{padding:14px 4px;border-radius:0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .nav .sub{display:flex;position:static;border:0;box-shadow:none;padding:0 0 0 16px;background:transparent;min-width:0}
  .header-tools{margin-left:auto}
  .nav a.btn{border:0;justify-content:center;margin:16px 0 0!important;padding:14px 20px}
}
@media (max-width:860px){
  .grid-2,.grid-3,.avatar,.cta .wrap{grid-template-columns:1fr}
  .problems,.def{grid-template-columns:1fr}
  .steps,.steps.cols-4{grid-template-columns:1fr 1fr}
  .form .row{grid-template-columns:1fr}
  .hero{min-height:82vh}
}
@media (max-width:560px){
  .grid-4,.steps,.steps.cols-4,.site-footer .top{grid-template-columns:1fr}
  .brand span{font-size:1.05rem;letter-spacing:.16em}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}
@media print{.site-header,.video-toggle,.site-footer{display:none}.hero{min-height:0;color:#000;background:none}.hero::after,.hero-media{display:none}}
.film .play-btn{inset:auto auto 20px 20px;margin:0;width:64px;height:64px}
@media (max-width:860px){.hero::after{background:linear-gradient(180deg,rgba(10,12,15,.2) 0%,rgba(10,12,15,.55) 35%,rgba(10,12,15,.9) 100%)}}

/* ===================================================================== Erweiterungen v5 */
.h2-s{font-size:clamp(1.45rem,2.6vw,2rem)}
.h3{font:500 1.2rem/1.3 var(--f-display);margin:0}
.grid-2.center{align-items:center}
.grid-2.end{align-items:end}
.figure{margin:0}
.btn-s{padding:10px 16px;font-size:.88rem}
.linkish{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer}
.linkish:hover{color:var(--gold)}
.nav-link{background:none;border:0;font:inherit;font-size:.95rem;color:var(--ink-2);padding:8px 12px;border-radius:8px;cursor:pointer;width:100%;text-align:left}
.nav-link:hover{color:var(--ink);background:var(--bg-2)}
.nav-extra{display:none}
.def-1{grid-template-columns:1fr}
.area-card{position:relative}
.area-card::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gold-grad);opacity:0;transition:opacity .25s}
.area-card:hover::after,.area-card:focus-visible::after{opacity:1}

/* Versprechen */
.promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:clamp(40px,6vw,72px);padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--line)}
.promise h3{font-size:1.08rem;margin-bottom:.35em}
.promise h3::before{content:"";display:block;width:28px;height:2px;background:var(--gold-grad);margin-bottom:16px}
.promise p{color:var(--ink-2);font-size:.98rem;margin:0}

/* Medien-Leiste */
.media-strip{margin-top:20px;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;text-decoration:none;color:inherit}
.media-strip:hover{border-color:var(--gold-soft);color:inherit}
.media-strip .eyebrow{margin-bottom:8px}
.media-strip-text{margin:0;max-width:640px;color:var(--ink-2)}
.media-strip .more{font:500 .92rem/1 var(--f-display);display:flex;gap:8px;align-items:center;white-space:nowrap}
.media-strip:hover .more{color:var(--gold)}

/* Ausprobieren */
.try-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px}
.try{background:var(--dark-2);border:1px solid rgba(238,232,221,.1);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}
[data-theme="dark"] .try{background:#15181D}
.try h3{color:var(--on-dark);margin-bottom:.5em}
.try p{color:var(--on-dark-2);font-size:.97rem}
.try .btn-row{margin-top:auto;padding-top:18px}
.try .dictate-box textarea{background:rgba(255,255,255,.04);color:var(--on-dark);border-color:rgba(238,232,221,.18)}
.try .status,.try .small{color:var(--on-dark-2)}
.mini-steps{margin:0 0 4px;padding-left:1.2em;color:var(--on-dark-2);font-size:.95rem}
.modal .mini-steps{color:var(--ink-2)}
.mini-steps li{margin-bottom:6px}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}

/* Chips */
.chip{font:500 .86rem/1.2 var(--f-display);padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left}
.chip:hover{border-color:var(--gold-soft);color:var(--gold)}
.on-dark .chip{background:transparent;border-color:rgba(238,232,221,.25);color:var(--on-dark)}
.on-dark .chip:hover{border-color:var(--gold-on-dark);color:var(--gold-on-dark)}

/* Diktat */
.dictate-box{position:relative}
.dictate-box textarea{width:100%;font:inherit;font-size:1rem;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 14px 62px;resize:vertical;min-height:140px}
.dictate-box textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:transparent}
.dictate-actions{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;pointer-events:none}
.dictate-actions>*{pointer-events:auto}
.mic{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:500 .88rem/1 var(--f-display);cursor:pointer}
.mic svg{width:18px;height:18px}
.mic:hover{border-color:var(--gold-soft)}
.mic.listening{background:#B3261E;border-color:#B3261E;color:#fff}
.mic.listening svg{animation:puls 1.4s ease-in-out infinite}
@keyframes puls{50%{opacity:.45}}
.try .mic{background:transparent;color:var(--on-dark);border-color:rgba(238,232,221,.3)}
.status{font-size:.88rem;color:var(--muted);margin:8px 0 0}
.status:empty{display:none}
.status-alert{color:#B3261E}
[data-theme="dark"] .status-alert{color:#F2B8B5}

/* Kontakt */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:start}
.contact h1{font-size:clamp(2rem,4.2vw,3.2rem)}
.contact-direct{list-style:none;padding:0;margin:28px 0 32px;display:grid;grid-template-columns:auto 1fr;gap:0}
.contact-direct li{display:contents}
.contact-direct span{font:500 .78rem/1 var(--f-display);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:14px 24px 14px 0;border-top:1px solid var(--line)}
.contact-direct a{padding:10px 0;border-top:1px solid var(--line);text-decoration:none;font-size:1.02rem;word-break:break-word}
.form legend{font:500 .9rem/1.3 var(--f-display);margin-bottom:10px;padding:0}
fieldset.field{border:0;padding:0;margin:0;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.chips span{display:block;padding:9px 14px;border-radius:999px;border:1px solid var(--line);font-size:.9rem;background:var(--bg);transition:background-color .15s,border-color .15s}
.chips input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.chips input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.chips label:hover span{border-color:var(--gold-soft)}
.voice{border:1px dashed var(--line);border-radius:12px;padding:16px 18px;background:var(--bg)}
.voice.recording{border-style:solid;border-color:#B3261E}
.voice-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.93rem;margin-bottom:12px}
.voice-time{font:500 .88rem/1.4 var(--f-display);font-variant-numeric:tabular-nums;color:var(--muted)}
.voice-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.voice audio{width:100%;margin-top:12px}
.rec-dot{width:10px;height:10px;border-radius:50%;background:#B3261E;display:inline-block}
.submit-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.form .opt{color:var(--muted);font-weight:400}

/* Finder */
.finder{padding:26px}
.finder-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.finder-progress{font:500 .78rem/1 var(--f-display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.finder-step{border:0;padding:0;margin:14px 0 0;min-width:0}
.finder-step legend{font:400 1.08rem/1.4 var(--f-display);margin-bottom:14px;padding:0}
.finder-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.finder-opts button{text-align:left;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:.95rem;cursor:pointer;transition:border-color .15s,background-color .15s}
.finder-opts button:hover{border-color:var(--gold-soft);background:var(--surface)}
.finder-result{margin-top:16px;padding-top:18px;border-top:1px solid var(--line)}
.finder-result h3{font-size:1.2rem}
.finder-result p{color:var(--ink-2)}

/* Ausbaustufen */
.stages{margin-top:clamp(48px,7vw,88px)}
.stage .num{font:500 .78rem/1 var(--f-display);letter-spacing:.16em;color:var(--gold);margin-bottom:12px;text-transform:uppercase}

/* Dialoge */
dialog{border:0;padding:0;color:var(--ink);background:var(--surface)}
dialog::backdrop{background:rgba(12,14,18,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.modal{width:min(520px,calc(100vw - 32px));border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.modal-body{padding:28px}
.modal h2{font-size:1.4rem;font-weight:400}
.modal p{color:var(--ink-2);font-size:.97rem}
html.dialog-open{overflow:hidden}

/* Concierge */
.concierge-fab{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;border:1px solid rgba(238,232,221,.18);background:#15181D;color:#F4F0E8;font:500 .9rem/1 var(--f-display);cursor:pointer;box-shadow:0 10px 30px rgba(10,12,15,.25);transition:transform .2s,box-shadow .2s}
.concierge-fab:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(10,12,15,.32)}
.fab-dot{width:9px;height:9px;border-radius:50%;background:var(--gold-grad);box-shadow:0 0 0 4px rgba(217,167,90,.18)}
[data-theme="dark"] .concierge-fab{background:#EEE8DD;color:#15181D;border-color:transparent}
.concierge{position:fixed;inset:auto max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) auto;margin:0;width:min(420px,calc(100vw - 32px));height:min(640px,calc(100vh - 40px));border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.3);flex-direction:column;overflow:hidden}
.concierge[open]{display:flex}
.cg-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 14px 20px;border-bottom:1px solid var(--line);background:var(--surface)}
.cg-id{display:flex;gap:12px;align-items:center}
.cg-avatar{width:40px;height:40px;border-radius:12px;background:#15181D;color:#D9A75A;display:grid;place-items:center}
.cg-avatar svg{width:20px}
.cg-head h2{font:500 1.05rem/1.2 var(--f-display);margin:0}
.cg-sub{font-size:.78rem;color:var(--muted);margin:2px 0 0}
.cg-log{flex:1;overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.cg-msg{max-width:88%;padding:12px 14px;border-radius:16px;font-size:.95rem;line-height:1.55}
.cg-bot{background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}
.cg-me{background:var(--ink);color:var(--bg);border-bottom-right-radius:6px;align-self:flex-end}
.cg-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cg-action{font:500 .82rem/1.2 var(--f-display);padding:8px 12px;border-radius:999px;border:1px solid var(--gold-soft);color:var(--gold);background:transparent;text-decoration:none;cursor:pointer}
.cg-action:hover{background:var(--gold);color:#fff}
[data-theme="dark"] .cg-action:hover{color:#15181D}
.cg-typing{display:flex;gap:4px;padding:14px 16px}
.cg-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:puls 1s infinite}
.cg-typing i:nth-child(2){animation-delay:.15s}.cg-typing i:nth-child(3){animation-delay:.3s}
.cg-chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 16px 12px;background:var(--bg)}
.cg-chips .chip{font-size:.8rem;padding:8px 12px}
.cg-input{display:flex;gap:8px;align-items:flex-end;padding:12px;border-top:1px solid var(--line);background:var(--surface)}
.cg-input textarea{flex:1;resize:none;font:inherit;font-size:1rem;line-height:1.4;padding:11px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);max-height:140px}
.cg-input textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:transparent}
.mic-round{width:44px;height:44px;padding:0;justify-content:center;flex-shrink:0}
.cg-send{width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:var(--bg);display:grid;place-items:center;cursor:pointer;flex-shrink:0}
.cg-send svg{width:18px;height:18px}
.cg-send:hover{background:var(--gold)}
.cg-status{padding:0 16px 10px;margin:0;background:var(--surface)}

/* Footer-Ergänzungen */
.footer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.site-footer .btn-ghost{border-color:rgba(238,232,221,.25);color:var(--on-dark)}
.site-footer .btn-ghost:hover{border-color:var(--gold-on-dark);color:var(--gold-on-dark)}
.site-footer .linkish{color:var(--on-dark-2);text-decoration:none}
.site-footer .linkish:hover{color:var(--on-dark)}
.legal-links{margin-top:14px}
.site-footer .app-status{color:var(--gold-on-dark)}
.site-footer .app-status:empty{display:none}


/* Responsive Ergänzungen */
/* ===== App-Ansicht: Handy (≤860 px) und installierte App ===== */
.app-bar{display:none}
.is-app .app-bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;padding:7px 8px max(10px,env(safe-area-inset-bottom));background:rgba(14,16,20,.92);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid rgba(238,232,221,.08);box-shadow:0 -10px 30px rgba(10,12,15,.18)}
.is-app .app-bar a,.is-app .app-bar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-height:50px;padding:4px 2px 2px;background:none;border:0;color:#9C978D;text-decoration:none;font:500 .66rem/1 var(--f-display);letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.is-app .app-bar svg{width:22px;height:22px}
.is-app .app-bar a[aria-current="page"],.is-app .app-bar button[data-current]{color:#F4F0E8}
.is-app .app-bar a[aria-current="page"] svg,.is-app .app-bar button[data-current] svg{color:#E3C285}
.is-app .app-bar a[aria-current="page"]::after,.is-app .app-bar button[data-current]::after{content:"";position:absolute;top:-7px;left:30%;right:30%;height:2px;border-radius:2px;background:var(--gold-grad)}
.is-app .app-bar .ring{width:52px;height:52px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:#15181D;box-shadow:0 10px 24px rgba(169,116,44,.45),0 0 0 5px rgba(14,16,20,.92)}
.is-app .app-bar .ring svg{width:24px;height:24px}
.is-app .app-bar-main{color:#E3C285!important}
.is-app .app-bar a:active,.is-app .app-bar button:active{transform:scale(.96)}
.is-app .concierge-fab{display:none}
.is-app body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.is-app .menu-btn{display:none}
.is-app .concierge{inset:auto 8px calc(88px + env(safe-area-inset-bottom)) 8px;width:auto;height:min(640px,calc(100dvh - 120px - env(safe-area-inset-top)))}
@media (max-width:860px){
.app-bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:45;padding:7px 8px max(10px,env(safe-area-inset-bottom));background:rgba(14,16,20,.92);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border-top:1px solid rgba(238,232,221,.08);box-shadow:0 -10px 30px rgba(10,12,15,.18)}
.app-bar a,.app-bar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;min-height:50px;padding:4px 2px 2px;background:none;border:0;color:#9C978D;text-decoration:none;font:500 .66rem/1 var(--f-display);letter-spacing:.04em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.app-bar svg{width:22px;height:22px}
.app-bar a[aria-current="page"],.app-bar button[data-current]{color:#F4F0E8}
.app-bar a[aria-current="page"] svg,.app-bar button[data-current] svg{color:#E3C285}
.app-bar a[aria-current="page"]::after,.app-bar button[data-current]::after{content:"";position:absolute;top:-7px;left:30%;right:30%;height:2px;border-radius:2px;background:var(--gold-grad)}
.app-bar .ring{width:52px;height:52px;margin-top:-26px;border-radius:50%;display:grid;place-items:center;background:var(--gold-grad);color:#15181D;box-shadow:0 10px 24px rgba(169,116,44,.45),0 0 0 5px rgba(14,16,20,.92)}
.app-bar .ring svg{width:24px;height:24px}
.app-bar-main{color:#E3C285!important}
.app-bar a:active,.app-bar button:active{transform:scale(.96)}
.concierge-fab{display:none}
body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
.menu-btn{display:none}
.concierge{inset:auto 8px calc(88px + env(safe-area-inset-bottom)) 8px;width:auto;height:min(640px,calc(100dvh - 120px - env(safe-area-inset-top)))}
}
.is-app .site-header{padding-top:env(safe-area-inset-top)}
.is-app .site-header .wrap{height:60px}
.is-app .area-tabs{top:calc(60px + env(safe-area-inset-top))}
@media (min-width:1241px){.is-app .app-bar{display:none}.is-app body{padding-bottom:0}.is-app .concierge-fab{display:flex}.is-app .concierge{inset:auto max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) auto;width:min(420px,calc(100vw - 32px));height:min(640px,calc(100vh - 40px))}}

/* Bottom-Sheets */
.sheet{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:640px;margin-inline:auto;max-height:86dvh;overflow-y:auto;border-radius:26px 26px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));background:var(--surface);box-shadow:0 -20px 60px rgba(0,0,0,.3)}
.sheet[open]{animation:sheetup .32s cubic-bezier(.2,.8,.2,1)}
@keyframes sheetup{from{transform:translateY(100%)}to{transform:none}}
.sheet-grip{width:44px;height:5px;border-radius:5px;background:var(--line);margin:0 auto 12px}
.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.sheet-head h2{font:400 1.5rem/1.1 var(--f-display);margin:0}
.sheet-head .eyebrow{margin:0 0 6px}
.sheet-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.sheet-x svg{width:16px;height:16px}
.sheet-brand{display:flex;align-items:center;gap:10px}
.sheet-brand svg{width:30px}
.sheet-brand h2{font-size:1.15rem;letter-spacing:.2em}
.sheet-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sheet-tile{position:relative;display:block;aspect-ratio:16/11;border-radius:16px;overflow:hidden;background:#0E1014;text-decoration:none}
.sheet-tile img{width:100%;height:100%;object-fit:cover;opacity:.75}
.sheet-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,12,.88),rgba(8,9,12,.05) 70%)}
.sheet-tile .n{position:absolute;left:12px;top:10px;z-index:1;font:500 .68rem/1 var(--f-display);letter-spacing:.14em;color:#E3C285}
.sheet-tile .t{position:absolute;left:12px;bottom:11px;z-index:1;font:400 1.02rem/1.1 var(--f-display);color:#F4F0E8}
.sheet-all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:14px;border-radius:14px;border:1px solid var(--line);text-decoration:none;font:500 .92rem/1 var(--f-display)}
.sheet-cta{width:100%;justify-content:center;padding:16px 22px;font-size:1rem}
.sheet-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:10px;margin:14px 0 8px}
.sheet-actions button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:500 .78rem/1.2 var(--f-display);cursor:pointer}
.sheet-actions svg{width:22px;height:22px;color:var(--gold)}
.sheet-links{list-style:none;padding:0;margin:8px 0 0}
.sheet-links a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid var(--line);text-decoration:none;font-size:1rem}
.sheet-links svg{width:14px;height:14px;color:var(--muted)}
.sheet-foot{font-size:.82rem;color:var(--muted);margin:16px 0 0;text-align:center}
.sheet-foot a{color:var(--muted)}
@media (prefers-reduced-motion:reduce){.sheet[open]{animation:none}}
@media (min-width:861px){.sheet{bottom:24px;border-radius:26px}}
@media (max-width:1080px){.try-grid{grid-template-columns:1fr 1fr}.try:first-child{grid-column:1/-1}}
@media (max-width:1240px){.nav-extra{display:block}.nav-link{padding:14px 4px;border-radius:0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .is-app .nav{top:100%;bottom:auto;max-height:calc(100dvh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:0 20px 40px rgba(0,0,0,.12)}}
@media (max-width:860px){.promise{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.try-grid{grid-template-columns:1fr}}
@media (max-width:560px){.finder-opts{grid-template-columns:1fr}.concierge-fab span:not(.fab-dot):not(.sr-only){display:inline}
  .concierge-fab{right:16px;bottom:16px;padding:11px 16px 11px 13px}}
@media (prefers-reduced-motion:reduce){.mic.listening svg,.cg-typing i{animation:none}}
@media print{.concierge-fab,.app-bar{display:none}}
.try .dictate-box textarea{padding-bottom:14px}
.try .dictate-actions{position:static;margin-top:10px}
.site-footer{border-top:1px solid rgba(238,232,221,.08)}

/* ===================================================================== v6 – Premium-Startbühne, Übersicht, ONE-Serie */
.nav ul{gap:2px}
.nav a[aria-current="page"]{color:var(--ink);background:transparent;box-shadow:inset 0 -2px 0 var(--gold-soft);border-radius:0}

/* Startbühne */
.stage{position:relative;min-height:min(92vh,900px);display:flex;flex-direction:column;justify-content:flex-end;background:#0E1014;color:#F4F0E8;overflow:hidden;padding:0}
.stage-media{position:absolute;inset:0}
.stage-bg{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.stage-bg.on{opacity:1}
.stage-bg img,.stage-bg picture{width:100%;height:100%;object-fit:cover;display:block}
.stage-bg img{transform:scale(1.04);transition:transform 7s ease-out}
.stage-bg.on img{transform:scale(1)}
.stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,15,.88) 0%,rgba(10,12,15,.62) 42%,rgba(10,12,15,.15) 75%),linear-gradient(0deg,rgba(10,12,15,.92) 0%,rgba(10,12,15,0) 38%);pointer-events:none}
.stage-content{position:relative;z-index:1;width:100%;padding-top:clamp(96px,14vh,160px);padding-bottom:clamp(36px,6vh,64px)}
.stage .eyebrow{color:#E8CC92}
.stage-title{font-size:clamp(2.4rem,5.6vw,5rem);font-weight:300;line-height:1.04;letter-spacing:-.02em;color:#F7F3EB;max-width:14ch;margin-bottom:.4em}
.stage-title i{font-style:normal;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage .lead{color:rgba(244,240,232,.86);max-width:56ch}
.stage .btn-primary{background:#F4F0E8;color:#15181D}
.stage .btn-primary:hover{background:#E8CC92}
.stage .btn-ghost{border-color:rgba(244,240,232,.4);color:#F4F0E8}
.stage .btn-ghost:hover{border-color:#E8CC92;color:#E8CC92}
.stage-rail{position:relative;z-index:1;border-top:1px solid rgba(244,240,232,.16);background:linear-gradient(0deg,rgba(10,12,15,.55),rgba(10,12,15,.15));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.stage-rail-in{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.stage-item{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 24px;text-decoration:none;color:rgba(244,240,232,.7);border-left:1px solid rgba(244,240,232,.1);transition:color .3s,background-color .3s}
.stage-item:first-child{border-left:0;padding-left:0}
.stage-item .n{font:500 .74rem/1 var(--f-display);letter-spacing:.16em;color:#E8CC92}
.stage-item .t{font:400 1.2rem/1.2 var(--f-display);color:#F4F0E8}
.stage-item .s{font-size:.86rem;line-height:1.45}
.stage-item .bar{position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left}
.stage-item:first-child .bar{left:0}
.stage-item.on{color:rgba(244,240,232,.92)}
.stage-item.on .bar{transform:scaleX(1);transition:transform .4s}
.stage.auto .stage-item.on .bar{transform:scaleX(1);animation:stagebar 6.5s linear}
@keyframes stagebar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.stage-item:hover,.stage-item:focus-visible{color:#F4F0E8}
.stage-item:hover .t{color:#E8CC92}

/* Bereichs-Navigation auf Unterseiten */
.area-tabs{position:sticky;top:72px;z-index:30;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.area-tabs-in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.area-tabs-in::-webkit-scrollbar{display:none}
.area-tabs a{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:15px 16px;text-decoration:none;color:var(--ink-2);font:500 .92rem/1 var(--f-display);border-bottom:2px solid transparent}
.area-tabs a .n{font-size:.7rem;letter-spacing:.12em;color:var(--muted)}
.area-tabs a:hover{color:var(--ink)}
.area-tabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--gold-soft)}
.area-tabs a[aria-current="page"] .n{color:var(--gold)}

/* Übersicht */
.section-head.wide{max-width:none}
.section-head.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,5vw,72px);align-items:end}
.section-head.split h2,.section-head.split h1{margin:0}
.section-head.split .lead{margin:0}
.section-head.split .btn-row{margin-top:20px}
.ov-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ov-col{position:relative;display:flex;flex-direction:column;padding:32px 28px 30px;text-decoration:none;color:inherit;border-left:1px solid var(--line);transition:background-color .25s}
.ov-col:first-child{border-left:0;padding-left:0}
.ov-col::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--gold-grad);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.ov-col:hover::before,.ov-col:focus-visible::before{transform:scaleX(1)}
.ov-col:hover{color:inherit}
.ov-col .num{font:500 .78rem/1 var(--f-display);letter-spacing:.16em;color:var(--gold);margin-bottom:20px}
.ov-col h3{font-size:1.55rem;font-weight:300;margin-bottom:.4em}
.ov-col p{color:var(--ink-2);font-size:.97rem}
.ov-col ul{list-style:none;padding:0;margin:8px 0 24px;font-size:.93rem}
.ov-col li{padding:9px 0;border-top:1px solid var(--line);color:var(--ink)}
.ov-col .more,.ov-wide .more{margin-top:auto;font:500 .9rem/1 var(--f-display);display:flex;gap:8px;align-items:center}
.ov-col:hover .more,.ov-wide:hover .more{color:var(--gold)}
.ov-extra{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:24px}
.ov-wide{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:26px 28px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:inherit;background:var(--surface);transition:border-color .25s}
.ov-wide:hover{border-color:var(--gold-soft);color:inherit}
.ov-wide .num{font:500 .78rem/1 var(--f-display);letter-spacing:.16em;color:var(--gold)}
.ov-wide-t{display:block;font:400 1.3rem/1.2 var(--f-display);margin-bottom:4px}
.ov-wide-s{display:block;color:var(--ink-2);font-size:.95rem}
.ov-wide.dark{background:#15181D;border-color:#15181D;color:#F4F0E8}
.ov-wide.dark .ov-wide-s{color:#B9B2A6}
.ov-wide.dark .num,.ov-wide.dark:hover .more{color:#E3C285}

/* Showroom */
.showroom-section{background:#0F1115}
[data-theme="dark"] .showroom-section{background:#0B0D10}
.showroom{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(24px,3vw,44px);align-items:start}
.sr-tabs{display:flex;flex-direction:column;border-top:1px solid rgba(238,232,221,.12)}
.sr-tabs [role="tab"]{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;padding:18px 16px 18px 18px;background:transparent;border:0;border-bottom:1px solid rgba(238,232,221,.12);color:var(--on-dark-2);cursor:pointer;transition:background-color .2s,color .2s}
.sr-tabs [role="tab"]::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--gold-grad);transform:scaleY(0);transition:transform .25s}
.sr-tabs [role="tab"][aria-selected="true"]{background:rgba(238,232,221,.05);color:var(--on-dark)}
.sr-tabs [role="tab"][aria-selected="true"]::before{transform:scaleY(1)}
.sr-tabs [role="tab"]:hover{color:var(--on-dark)}
.sr-code{font:400 1.02rem/1.2 var(--f-display);letter-spacing:.14em;color:inherit;grid-column:1}
.sr-code b{font-weight:500;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sr-branche{font-size:.82rem;color:var(--on-dark-2);grid-column:1}
.sr-dot{grid-column:2;grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%;background:rgba(238,232,221,.3)}
.sr-dot.live{background:#6FCF97;box-shadow:0 0 0 4px rgba(111,207,151,.15)}
.sr-stage{position:relative;border-radius:16px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.sr-stage video{width:100%;height:100%;object-fit:cover;display:block}
.sr-plate{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:56px 22px 20px;background:linear-gradient(0deg,rgba(8,9,12,.82),rgba(8,9,12,0));pointer-events:none}
.plate{font:400 clamp(1.1rem,2vw,1.6rem)/1 var(--f-display);letter-spacing:.16em;color:#F4F0E8}
.plate b{font-weight:500;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.status-badge{font:500 .72rem/1 var(--f-display);letter-spacing:.06em;padding:8px 12px;border-radius:999px;background:rgba(14,16,20,.7);border:1px solid rgba(238,232,221,.25);color:#EEE8DD;white-space:nowrap}
.status-badge.live{border-color:rgba(111,207,151,.5);color:#BDF0D0}
.status-badge.live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#6FCF97;margin-right:8px;vertical-align:1px}
.sr-info{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:8px 40px;margin-top:28px}
.sr-claim{font:300 clamp(1.3rem,2.2vw,1.7rem)/1.3 var(--f-display);color:var(--on-dark);margin:0 0 12px;grid-column:1/-1}
.sr-text{color:var(--on-dark-2)}
.sr-mods{list-style:none;padding:0;margin:0;grid-row:2/4;grid-column:2;columns:1}
.sr-mods li{padding:9px 0 9px 22px;border-top:1px solid rgba(238,232,221,.1);font-size:.93rem;color:var(--on-dark);position:relative}
.sr-mods li::before{content:"";position:absolute;left:2px;top:17px;width:9px;height:5px;border-left:1.5px solid #D9A75A;border-bottom:1.5px solid #D9A75A;transform:rotate(-45deg)}
.sr-info .btn-row{margin-top:8px;grid-column:1}
.sr-next{min-height:100%}
.sr-next-body{border:1px solid rgba(238,232,221,.14);border-radius:16px;padding:clamp(28px,4vw,48px);background:radial-gradient(circle at 80% 0%,rgba(217,167,90,.12),transparent 55%)}
.sr-next-body h3{font:300 clamp(1.5rem,2.6vw,2.1rem)/1.2 var(--f-display);color:var(--on-dark)}
.sr-planned{list-style:none;padding:0;margin:20px 0 8px}
.sr-planned li{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 0;border-top:1px solid rgba(238,232,221,.12);color:var(--on-dark-2);font-size:.95rem}

/* ONE-Karten auf Bereichsseiten */
.one-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.one-cards.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.one-cards.n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.one-card{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);text-decoration:none;color:inherit;transition:border-color .25s}
.one-card:hover{border-color:var(--gold-soft);color:inherit}
.one-card-media{position:relative;display:block;aspect-ratio:16/9;background:#000}
.one-card-media img{width:100%;height:100%;object-fit:cover}
.one-card-media .plate{position:absolute;left:16px;bottom:14px;font-size:1rem;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.one-card-body{display:flex;flex-direction:column;gap:6px;padding:18px 20px 22px;flex:1}
.one-card-text{font-size:.98rem}
.one-card .more{margin-top:auto;padding-top:10px;font:500 .88rem/1 var(--f-display);display:flex;gap:8px;align-items:center}
.one-card:hover .more{color:var(--gold)}

/* ONE-Seite */
.one-hero{padding:clamp(56px,8vw,96px) 0 clamp(48px,6vw,72px)}
.one-hero .crumbs,.one-hero .crumbs a{color:var(--on-dark-2)}
.one-hero h1{color:var(--on-dark);font-size:clamp(2.6rem,6vw,4.6rem)}
.one-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:clamp(36px,5vw,56px)}
.one-index-item{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;text-decoration:none;background:#000}
.one-index-item img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:opacity .3s,transform .6s}
.one-index-item:hover img{opacity:1;transform:scale(1.03)}
.one-index-item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,12,.85),rgba(8,9,12,0) 60%)}
.one-index-item .plate{position:absolute;left:16px;bottom:34px;z-index:1;font-size:1.05rem}
.one-index-b{position:absolute;left:16px;bottom:14px;z-index:1;font-size:.8rem;color:#B9B2A6}
.one-sec{padding:clamp(64px,8vw,110px) 0;scroll-margin-top:130px}
.one-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.one-row.rev .one-media{order:2}
.one-title{font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:.1em;font-weight:300}
.one-title b{font-weight:500;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.one-text .sr-claim{color:var(--ink);font-size:clamp(1.15rem,1.8vw,1.4rem)}
.mods-h{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:24px 0 6px}
.planned h3{letter-spacing:.12em;font-weight:400;margin-top:14px}
.planned h3 b{color:var(--gold);font-weight:500}
.planned .tag{align-self:flex-start}
.planned .more{margin-top:auto;padding-top:12px;font:500 .9rem/1 var(--f-display);display:flex;gap:8px;align-items:center;text-decoration:none}
.dark-card{background:#15181D;border-color:#15181D;color:#F4F0E8}
.dark-card p{color:#B9B2A6}
.stage-card .num{font:500 .78rem/1 var(--f-display);letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}

/* Responsive v6 */
@media (max-width:1100px){
  .ov-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ov-col:nth-child(3){border-left:0;padding-left:0}
  .ov-col:nth-child(n+3){border-top:1px solid var(--line)}
  .showroom{grid-template-columns:1fr}
  .sr-tabs{flex-direction:row;overflow-x:auto;border-top:0;border-bottom:1px solid rgba(238,232,221,.12);scrollbar-width:none}
  .sr-tabs::-webkit-scrollbar{display:none}
  .sr-tabs [role="tab"]{flex:0 0 auto;border-bottom:0;padding:14px 18px}
  .sr-tabs [role="tab"]::before{left:14px;right:14px;top:auto;bottom:0;width:auto;height:2px;transform:scaleX(0)}
  .sr-tabs [role="tab"][aria-selected="true"]::before{transform:scaleX(1)}
  .one-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .one-cards.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-rail-in{grid-template-columns:repeat(5,minmax(180px,1fr));overflow-x:auto;scrollbar-width:none}
  .stage-rail-in::-webkit-scrollbar{display:none}
}
@media (max-width:860px){
  .section-head.split{grid-template-columns:1fr;align-items:start}
  .ov-extra{grid-template-columns:1fr}
  .sr-info{grid-template-columns:1fr}
  .sr-mods{grid-row:auto;grid-column:1}
  .one-row,.one-row.rev{grid-template-columns:1fr}
  .one-row.rev .one-media{order:0}
  .one-cards,.one-cards.n2{grid-template-columns:1fr}
  .stage::after{background:linear-gradient(0deg,rgba(10,12,15,.95) 0%,rgba(10,12,15,.7) 55%,rgba(10,12,15,.35) 100%)}
  .stage-item{padding:18px 18px 20px}
  .stage-item:first-child{padding-left:0}
  .stage-item .s{display:none}
}
@media (max-width:560px){
  .ov-grid{grid-template-columns:1fr}
  .ov-col,.ov-col:nth-child(3){border-left:0;padding:26px 0}
  .ov-col+.ov-col{border-top:1px solid var(--line)}
  .ov-wide{grid-template-columns:1fr;gap:10px}
  .one-index,.one-cards.n4{grid-template-columns:1fr 1fr;gap:10px}
  .one-index-item .plate{font-size:.82rem;letter-spacing:.1em}
  .sr-planned li{grid-template-columns:1fr;gap:4px}
  .sr-plate{padding:40px 14px 12px}
  .status-badge{font-size:.66rem;padding:6px 9px}
  .stage-rail-in{grid-template-columns:repeat(5,minmax(140px,1fr))}
  .area-tabs{top:72px}
}
@media (prefers-reduced-motion:reduce){.stage-bg,.stage-bg img{transition:none!important;transform:none!important}.stage.auto .stage-item.on .bar{animation:none}}
.one-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.one-head .one-title{margin:0}
.one-film{aspect-ratio:21/9;border-radius:18px}
.one-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);margin-top:clamp(28px,4vw,44px)}
.one-body .mods-h{margin-top:4px}
.status-badge.solid{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.status-badge.solid.live{background:#123524;border-color:#123524;color:#BDF0D0}
.concierge-fab{transition:opacity .3s,transform .3s}
.has-stage:not(.fab-on) .concierge-fab{opacity:0;pointer-events:none;transform:translateY(10px)}
@media (max-width:860px){.one-body{grid-template-columns:1fr}.one-film{aspect-ratio:16/9}}
@media (max-width:560px){.ov-col ul{display:none}.ov-col p{margin-bottom:14px}}
.area-hero{position:relative;min-height:min(72vh,680px);display:flex;align-items:flex-end;background:#0E1014;color:#F4F0E8;overflow:hidden;padding:0}
.area-hero-bg{position:absolute;inset:0}
.area-hero-bg picture,.area-hero-bg img{width:100%;height:100%;object-fit:cover;display:block}
.area-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,15,.9) 0%,rgba(10,12,15,.6) 45%,rgba(10,12,15,.1) 80%),linear-gradient(0deg,rgba(10,12,15,.7),rgba(10,12,15,0) 50%)}
.area-hero .wrap{position:relative;z-index:1;width:100%;padding-top:110px;padding-bottom:clamp(44px,7vw,84px)}
.area-hero h1{color:#F7F3EB;max-width:15ch;font-size:clamp(2.3rem,5vw,4.2rem)}
.area-hero .lead{color:rgba(244,240,232,.86)}
.area-hero .eyebrow{color:#E8CC92}
.area-hero .crumbs,.area-hero .crumbs a{color:rgba(244,240,232,.65)}
.area-hero .btn-primary{background:#F4F0E8;color:#15181D}
.area-hero .btn-primary:hover{background:#E8CC92}
.area-hero .btn-ghost{border-color:rgba(244,240,232,.4);color:#F4F0E8}
.area-hero .btn-ghost:hover{border-color:#E8CC92;color:#E8CC92}
.area-tabs{border-top:0}
@media (max-width:860px){.area-hero::after{background:linear-gradient(0deg,rgba(10,12,15,.94) 0%,rgba(10,12,15,.6) 60%,rgba(10,12,15,.3) 100%)}.area-hero{min-height:78vh}}
.one-body .sr-claim{color:var(--ink);font-size:clamp(1.2rem,1.9vw,1.5rem)}
.one-index-b{right:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:860px){.stage{min-height:calc(100svh - 72px - 78px - env(safe-area-inset-bottom))}.stage-content{padding-top:64px}}
/* Handy: Bild oben frei, Text darunter – kein Text über Gesichtern */
@media (max-width:860px){
  .stage{display:block;min-height:0}
  .stage::after{display:none}
  .stage-media{position:relative;height:clamp(260px,44svh,420px)}
  .stage-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,20,0) 55%,rgba(14,16,20,1) 100%);pointer-events:none}
  .stage-bg img{object-position:55% 30%}
  .stage-content{padding-top:4px;padding-bottom:28px;margin-top:-28px}
  .stage-title{font-size:clamp(1.9rem,8.4vw,2.4rem);line-height:1.08;margin-bottom:.45em}
  .stage .lead{font-size:1rem}
  .stage .btn-row{margin-top:20px}
  .area-hero{display:block;min-height:0}
  .area-hero::after{display:none}
  .area-hero-bg{position:relative;height:clamp(240px,40svh,380px)}
  .area-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,16,20,0) 55%,rgba(14,16,20,1) 100%)}
  .area-hero-bg img{object-position:55% 30%}
  .area-hero .wrap{padding-top:0;margin-top:-24px;padding-bottom:36px}
  .area-hero h1{font-size:clamp(1.9rem,8vw,2.4rem)}
}
.one-status{font-size:.95rem;color:var(--ink-2);border-left:2px solid var(--gold-soft);padding-left:14px;margin:4px 0 0}
.one-facts{display:grid;gap:24px}
.one-facts p{color:var(--ink-2);margin:0}
.one-grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);margin-top:clamp(28px,4vw,40px);padding-top:clamp(24px,3vw,32px);border-top:1px solid var(--line)}
ul.dash{list-style:none;padding:0;margin:0}
ul.dash li{position:relative;padding:8px 0 8px 22px;border-bottom:1px solid var(--line);color:var(--ink-2)}
ul.dash li::before{content:"";position:absolute;left:2px;top:19px;width:10px;height:1.5px;background:var(--gold-soft)}
@media (max-width:860px){.one-grid2{grid-template-columns:1fr}}
.stage-title{max-width:16ch;font-size:clamp(2.3rem,5vw,4.4rem)}
.facts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.facts>div{border-top:2px solid var(--line);padding-top:18px}
.facts .num{font:500 .78rem/1 var(--f-display);letter-spacing:.16em;color:var(--gold);display:block;margin-bottom:12px}
.facts h3{font-size:1.05rem}
.facts p{font-size:.95rem;color:var(--ink-2);margin:0}
.case{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.case-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.case-steps p{color:var(--ink-2);margin:0}
.case-side h3{margin-bottom:16px}
.case-side .btn{width:100%;justify-content:center}
.app-links{list-style:none;padding:0;margin:0}
.app-links a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:.95rem}
@media (max-width:1080px){.facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.case,.case-steps{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.facts{grid-template-columns:1fr}}

.dark-card b,.dark-card .tag-demo{color:#E3C285}.dark-card .tag-demo{border-color:rgba(227,194,133,.5)}
.dark-card .more{color:#F4F0E8}
.planned.dark-card h3 b{color:#E3C285}