:root{
  --bg:#080A0F;--bg2:#0D1017;--bg3:#131820;--bg4:#1A2232;
  --gold:#C9A84C;--gold-l:#E2C46E;--gold-b:rgba(201,168,76,.22);--gold-dim:rgba(201,168,76,.07);
  --tx:#F4F7FC;--tb:#A8BACE;--tm:#5A6B80;
  --silv:#8FA0B8;--silv-d:rgba(143,160,184,.4);
  --bdr:rgba(143,160,184,.11);
  --r8:8px;--r14:14px;--r22:22px;
  --ease:cubic-bezier(.4,0,.2,1);--spd:.28s;
}
[data-theme=light]{
  --bg:#F8F6F1;--bg2:#F2EFE8;--bg3:#E8E4D8;--bg4:#DDD8CC;
  --gold:#A8782A;--gold-l:#C9A84C;--gold-b:rgba(168,120,42,.28);--gold-dim:rgba(168,120,42,.05);
  --tx:#1A1A1A;--tb:#3A4A5C;--tm:#7A8899;
  --silv:#4A5568;--silv-d:rgba(74,85,104,.4);
  --bdr:rgba(74,85,104,.14);
}
[data-theme=light] .nav{background:rgba(248,246,241,.95)}
[data-theme=light] .btn-gold,[data-theme=light] .btn-nav{background:linear-gradient(135deg,#A8782A,#8A5E18);color:#FAF9F7}
[data-theme=light] .lb.on{background:#A8782A;color:#FAF9F7}
[data-theme=light] .bg-mesh{background:radial-gradient(ellipse 80% 50% at 10% 20%,rgba(168,120,42,.05) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(180,160,120,.06) 0%,transparent 60%)}
[data-theme=light] .bg-grid{background-image:linear-gradient(rgba(74,85,104,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(74,85,104,.05) 1px,transparent 1px);mask-image:none}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--tb);line-height:1.6;overflow-x:hidden}
.bg-mesh{position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 50% at 10% 20%,rgba(201,168,76,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(30,60,100,.1) 0%,transparent 60%);
  animation:meshA 25s ease infinite alternate}
@keyframes meshA{0%{opacity:.8}100%{opacity:1}}
.bg-grid{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(143,160,184,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(143,160,184,.035) 1px,transparent 1px);
  background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,black 20%,transparent 80%)}
/* Multipage v2: jede Seite ist eine eigene HTML-Datei, daher immer sichtbar */
.page{display:block;position:relative;z-index:1;animation:pgIn .4s var(--ease)}
@keyframes pgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
#header-mount{position:sticky;top:0;z-index:200}
.nav{position:sticky;top:0;z-index:200;padding:0 1.25rem;background:rgba(8,10,15,.93);backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid var(--bdr)}
.nav-in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px;gap:.5rem}
.nav-logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex-shrink:0}
.logo-mk{width:32px;height:32px;flex-shrink:0;border:1px solid var(--gold-b);border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(201,168,76,.1),rgba(201,168,76,.02))}
.logo-wm{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:500;color:var(--tx);letter-spacing:.02em;white-space:nowrap}
.logo-sub{font-size:9px;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:var(--tm);display:block;margin-top:1px}
.nav-links{display:flex;gap:2rem}
.nav-links a{font-size:13px;font-weight:300;color:var(--tm);text-decoration:none;cursor:pointer;transition:color var(--spd)}
.nav-links a:hover{color:var(--tx)}
.nav-r{display:flex;align-items:center;gap:.6rem;flex-shrink:0}
.lang-sw{display:flex;border:1px solid var(--bdr);border-radius:6px;overflow:hidden;flex-shrink:0}
.lb{padding:5px 9px;font-size:11px;font-weight:400;letter-spacing:.04em;background:transparent;border:none;cursor:pointer;color:var(--tm);font-family:'Outfit',sans-serif;transition:all var(--spd)}
.lb.on{background:var(--gold);color:var(--bg);font-weight:500}
.btn-nav{padding:7px 14px;font-size:12px;font-weight:400;font-family:'Outfit',sans-serif;white-space:nowrap;background:linear-gradient(135deg,var(--gold),#A8782A);color:var(--bg);border:none;border-radius:var(--r8);cursor:pointer;letter-spacing:.02em;transition:all var(--spd);box-shadow:0 2px 12px rgba(201,168,76,.18)}
.btn-nav:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(201,168,76,.32)}
.theme-wrap{position:relative;flex-shrink:0}
.theme-btn{width:32px;height:32px;border-radius:7px;border:1px solid var(--bdr);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--tm);transition:all var(--spd)}
.theme-btn:hover{border-color:var(--gold-b);color:var(--gold)}
.theme-tip{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bg3);border:1px solid var(--gold-b);border-radius:6px;padding:5px 10px;font-size:11px;color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;z-index:300;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.theme-tip::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-bottom-color:var(--gold-b)}
.theme-wrap:hover .theme-tip{opacity:1}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:var(--r8);font-size:14px;font-weight:400;font-family:'Outfit',sans-serif;cursor:pointer;border:none;transition:all var(--spd) var(--ease);text-decoration:none;letter-spacing:.02em}
.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#A8782A 100%);color:var(--bg);font-weight:500;box-shadow:0 4px 20px rgba(201,168,76,.22)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(201,168,76,.38)}
.btn-ghost{background:rgba(143,160,184,.05);color:var(--silv);border:1px solid var(--bdr)}
.btn-ghost:hover{background:rgba(143,160,184,.09);color:var(--tx);transform:translateY(-2px)}
.sec{max-width:1180px;margin:0 auto;padding:5rem 2.5rem;position:relative;z-index:1}
.sep{max-width:1180px;margin:0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--bdr),transparent)}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:1rem}
.eye-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.eye-line-s{width:24px}.eye-line-l{width:32px}
.eye-txt{font-size:11px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.sec-h{font-family:'Cormorant Garamond',serif;font-size:clamp(28px,3.5vw,44px);font-weight:300;color:var(--tx);letter-spacing:-.02em;line-height:1.15;margin-bottom:1rem}
.sec-intro{font-size:16px;font-weight:300;color:var(--tb);line-height:1.75;max-width:580px;margin-bottom:3rem}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.vis{opacity:1;transform:translateY(0)}
.hero{max-width:1180px;margin:0 auto;padding:6rem 2.5rem 5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center;position:relative}
.hero::before{content:'';position:absolute;top:0;left:-20%;right:-20%;height:1px;background:linear-gradient(90deg,transparent,var(--gold-b),transparent)}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(38px,5vw,66px);font-weight:300;line-height:1.1;letter-spacing:-.025em;color:var(--tx);margin-bottom:1.5rem}
.hero h1 em{font-style:italic;color:var(--gold);font-weight:300}
.hero-desc{font-size:16px;font-weight:300;color:var(--tb);line-height:1.75;margin-bottom:.75rem;max-width:490px}
.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;background:var(--gold-dim);border:1px solid var(--gold-b);border-radius:99px;font-size:11px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem}
.hero-act{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:3rem}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--bdr);border-radius:var(--r14);overflow:hidden;max-width:400px}
.stat{padding:1.2rem;background:rgba(143,160,184,.03);text-align:center;border-right:1px solid var(--bdr)}
.stat:last-child{border-right:none}
.stat-n{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;color:var(--gold);display:block;line-height:1}
.stat-l{font-size:11px;font-weight:300;color:var(--tm);letter-spacing:.04em;margin-top:4px;display:block}
.hero-vis{position:relative}
.chip{position:absolute;background:var(--bg3);border:1px solid var(--bdr);border-radius:40px;padding:9px 16px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:300;color:var(--silv);white-space:nowrap;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.cd{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.cg{background:#22C55E;box-shadow:0 0 8px rgba(34,197,94,.4)}.cgold{background:var(--gold);box-shadow:0 0 8px rgba(201,168,76,.4)}
.c1{top:-18px;right:30px;animation:fl 4s ease-in-out infinite}.c2{bottom:-18px;right:30px;left:auto;animation:fl 4s ease-in-out infinite 2s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.doc{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r22);overflow:hidden;box-shadow:0 0 0 1px rgba(201,168,76,.04),0 40px 80px rgba(0,0,0,.55),0 0 50px rgba(201,168,76,.03);position:relative}
.doc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--gold-l),var(--gold),transparent);opacity:.75}
.doc-tb{padding:.9rem 1.5rem;border-bottom:1px solid var(--bdr);display:flex;align-items:center;gap:8px;background:rgba(201,168,76,.025)}
.dot{width:10px;height:10px;border-radius:50%}
.dr{background:#FF5F57}.dy{background:#FEBC2E}.dg{background:#28C840}
.doc-fn{font-size:12px;font-weight:300;color:var(--tm);letter-spacing:.04em;margin-left:4px}
.doc-bd{padding:1.75rem}
.doc-wm{font-family:'Cormorant Garamond',serif;font-size:11px;font-weight:400;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:10px}
.doc-wm::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--gold-b),transparent)}
.doc-h{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--tx);margin-bottom:.25rem}
.doc-co{font-size:12px;color:var(--tm);margin-bottom:1.5rem;font-weight:300}
.doc-sr{margin-bottom:1.25rem}
.doc-sl{font-size:9px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}
.bars{display:flex;flex-direction:column;gap:5px}
.bar{height:7px;border-radius:3px;background:rgba(143,160,184,.08);position:relative;overflow:hidden}
.bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(201,168,76,.25),transparent);animation:bsc 3.5s ease infinite}
@keyframes bsc{0%,100%{opacity:.3;transform:translateX(-100%)}60%{opacity:1;transform:translateX(100%)}}
.b90{width:90%}.b70{width:70%}.b55{width:55%}.b80{width:80%}
.doc-st{margin-top:1.25rem;padding:10px 14px;background:rgba(201,168,76,.05);border:1px solid var(--gold-b);border-radius:var(--r8);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--gold);font-weight:300}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--gold);flex-shrink:0;animation:pls 2s ease infinite}
@keyframes pls{0%,100%{box-shadow:0 0 0 0 rgba(201,168,76,.4)}50%{box-shadow:0 0 0 6px rgba(201,168,76,0)}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--bdr);border:1px solid var(--bdr);border-radius:var(--r22);overflow:hidden}
.fc{background:var(--bg2);padding:2.5rem 2rem;transition:background var(--spd);position:relative;overflow:hidden}
.fc::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-b),transparent);opacity:0;transition:opacity var(--spd)}
.fc:hover{background:var(--bg3)}.fc:hover::before{opacity:1}
.fc-ico{width:48px;height:48px;border:1px solid var(--gold-b);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:var(--gold-dim)}
.fc h3{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--tx);margin-bottom:.75rem}
.fc p{font-size:14px;font-weight:300;color:var(--tb);line-height:1.7}
.pipe-wrap{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r22);padding:2.5rem;margin-top:3rem;position:relative;overflow:hidden}
.pipe-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.pipe-lbl{font-size:10px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:2rem;display:flex;align-items:center;gap:10px}
.pipe-lbl::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--gold-b),transparent)}
.pipeline{display:flex;align-items:flex-start;justify-content:center;gap:0}
.ps{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.pn{width:54px;height:54px;border:1px solid var(--gold-b);border-radius:14px;background:linear-gradient(135deg,rgba(201,168,76,.07),rgba(201,168,76,.02));display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all var(--spd)}
.pn:hover{border-color:var(--gold);box-shadow:0 0 20px rgba(201,168,76,.18);transform:translateY(-3px)}
.pt{font-size:12px;font-weight:400;color:var(--tx);margin-bottom:4px}
.pb{font-size:11px;font-weight:300;color:var(--tm);line-height:1.5}
.pc{width:46px;flex-shrink:0;display:flex;align-items:flex-start;padding-top:24px}
.pc-line{
  flex:1;height:2px;border-radius:2px;position:relative;overflow:hidden;
  background:linear-gradient(90deg,rgba(201,168,76,.15),rgba(201,168,76,.55));
}
/* wandernder Glanz (Wisch nach rechts) */
.pc-line::before{
  content:'';position:absolute;top:0;left:0;height:100%;width:45%;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--gold-l),transparent);
  animation:pcSweep 2.4s cubic-bezier(.45,0,.55,1) infinite;
}
/* echte Pfeilspitze am Ende */
.pc-arr{
  position:absolute;right:-1px;top:50%;width:7px;height:7px;
  border-top:2px solid var(--gold);border-right:2px solid var(--gold);
  transform:translateY(-50%) rotate(45deg);font-size:0;line-height:0;
  border-top-right-radius:1px;z-index:2;
}
@keyframes pcSweep{
  0%{left:-45%;opacity:0}
  25%{opacity:1}
  75%{opacity:1}
  100%{left:100%;opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .pc-line::before{animation:none;opacity:0}
}
.price-bg{background:var(--bg2);border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);position:relative;z-index:1;overflow:hidden}
.price-bg::before{content:'';position:absolute;top:-40%;right:-10%;width:700px;height:700px;background:radial-gradient(circle,rgba(201,168,76,.04) 0%,transparent 70%);pointer-events:none}
.price-in{max-width:1180px;margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.price-amt{font-family:'Cormorant Garamond',serif;font-size:70px;font-weight:300;color:var(--tx);letter-spacing:-.04em;line-height:1;margin:1.5rem 0 .5rem}
.price-amt span{font-size:24px;color:var(--silv);font-weight:300}
.price-note{font-size:13px;font-weight:300;color:var(--tm);margin-bottom:2rem;letter-spacing:.04em}
.price-card{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r22);overflow:hidden}
.pc-head{padding:1.5rem 2rem;border-bottom:1px solid var(--bdr);font-size:11px;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.pf{display:flex;align-items:center;gap:14px;padding:1rem 2rem;border-bottom:1px solid rgba(143,160,184,.05);font-size:14px;font-weight:300;color:var(--tb);transition:background var(--spd)}
.pf:last-child{border-bottom:none}.pf:hover{background:rgba(201,168,76,.025)}
.pf-ck{width:22px;height:22px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.faq-list{display:flex;flex-direction:column;gap:2px}
.fi{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r8);overflow:hidden;transition:border-color var(--spd)}
.fi:hover{border-color:rgba(201,168,76,.13)}.fi.open{border-color:var(--gold-b)}
.fq{padding:1.4rem 1.75rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none;font-size:15px;font-weight:300;color:var(--tx)}
.fi-ico{width:28px;height:28px;flex-shrink:0;border:1px solid var(--bdr);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--spd)}
.fi.open .fi-ico{background:var(--gold);border-color:var(--gold);transform:rotate(45deg)}
.fi.open .fi-ico svg path{stroke:var(--bg)}
.fa{max-height:0;overflow:hidden;padding:0 1.75rem;font-size:14px;font-weight:300;color:var(--tb);line-height:1.75;transition:max-height .4s var(--ease),padding .4s var(--ease)}
.fi.open .fa{max-height:240px;padding:0 1.75rem 1.4rem}
.form-wrap{max-width:860px;margin:0 auto;padding:4rem 2.5rem;position:relative;z-index:1}
.wz-prog{margin-bottom:2.5rem}
.wz-row{display:flex;align-items:center;margin-bottom:1rem}
.wz-s{display:flex;align-items:center;gap:8px;flex:1}
.wz-s:last-child{flex:0}
.wz-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--bdr);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:400;color:var(--tm);background:var(--bg2);flex-shrink:0;transition:all var(--spd);cursor:pointer}
.wz-dot.done{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.wz-dot.active{border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,76,.15)}
.wz-line{flex:1;height:1px;background:var(--bdr);margin:0 4px;transition:background var(--spd)}
.wz-line.done{background:var(--gold)}
.wz-bar-t{height:2px;background:var(--bdr);border-radius:1px;overflow:hidden}
.wz-bar-f{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-l));border-radius:1px;transition:width .4s var(--ease)}
.wz-lbl{font-size:12px;font-weight:300;color:var(--tm);margin-top:.5rem}
.wz-lbl strong{color:var(--gold);font-weight:400}
.fb{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r22);padding:2.25rem;margin-bottom:1.5rem;display:none;transition:border-color var(--spd)}
.fb.active{display:block;animation:pgIn .3s var(--ease)}
.fb:hover{border-color:rgba(201,168,76,.11)}
.fb-t{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--tx);margin-bottom:.25rem}
.fb-s{font-size:13px;font-weight:300;color:var(--tm);margin-bottom:1.75rem}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.fg.full{grid-template-columns:1fr}
.ff{display:flex;flex-direction:column;gap:7px}
.fl{font-size:12px;font-weight:400;color:var(--silv);letter-spacing:.04em;display:flex;align-items:center;gap:6px}
.fl em{color:var(--gold);font-style:normal}
.tip-w{position:relative;display:inline-flex}
.tip-btn{width:16px;height:16px;border-radius:50%;border:1px solid var(--bdr);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;color:var(--tm);transition:all var(--spd)}
.tip-btn:hover{border-color:var(--gold);color:var(--gold)}
.tip-box{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--bg3);border:1px solid var(--gold-b);border-radius:var(--r8);padding:10px 14px;font-size:12px;font-weight:300;color:var(--silv);line-height:1.6;max-width:260px;white-space:normal;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:50;opacity:0;pointer-events:none;transition:opacity var(--spd)}
.tip-box::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--gold-b)}
.tip-w:hover .tip-box{opacity:1}
.inp,.ta{width:100%;padding:11px 16px;background:rgba(143,160,184,.04);border:1px solid var(--bdr);border-radius:var(--r8);font-size:14px;font-weight:300;font-family:'Outfit',sans-serif;color:var(--tx);outline:none;transition:border-color var(--spd),box-shadow var(--spd),background var(--spd)}
.inp::placeholder,.ta::placeholder{color:var(--tm)}
.inp:focus,.ta:focus{border-color:var(--gold-b);background:rgba(201,168,76,.035);box-shadow:0 0 0 3px rgba(201,168,76,.06)}
.inp.err,.ta.err{border-color:rgba(239,68,68,.6)!important;background:rgba(239,68,68,.05)!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}
.ta{resize:vertical;min-height:90px;line-height:1.65;max-width:100%}
.wz-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 0;margin-top:.5rem}
.rv-wrap{max-width:860px;margin:0 auto;padding:4rem 2.5rem;position:relative;z-index:1}
.rv-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(201,168,76,.08);border:1px solid var(--gold-b);border-radius:99px;font-size:11px;font-weight:300;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.rv-blk{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r22);padding:2.25rem;margin-bottom:1.5rem}
.rv-blk-t{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--tx);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--bdr)}
.rv-row{display:flex;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(143,160,184,.05)}
.rv-row:last-child{border-bottom:none}
.rv-lbl{font-size:12px;font-weight:400;color:var(--tm);min-width:200px;flex-shrink:0;padding-top:1px}
.rv-val{font-size:14px;font-weight:300;color:var(--tx);line-height:1.6;word-break:break-word}
.rv-val.empty{color:var(--tm);font-style:italic}
.self-chk{background:rgba(201,168,76,.04);border:1px solid var(--gold-b);border-radius:var(--r8);padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;gap:12px;align-items:flex-start}
.sc-ico{font-size:15px;flex-shrink:0;margin-top:2px}
.sc-txt{font-size:13px;font-weight:300;color:var(--silv);line-height:1.65}
.sc-txt strong{color:var(--gold);font-weight:400;display:block;margin-bottom:.2rem}
.em-blk{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r22);padding:2.25rem;margin-bottom:1.5rem}
.em-blk.err-blk{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.04)}
.em-t{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--tx);margin-bottom:.25rem}
.em-sub{font-size:13px;font-weight:300;color:var(--tm);margin-bottom:1.5rem}
.em-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.em-fw{display:flex;flex-direction:column;gap:7px}
.em-lbl{font-size:12px;font-weight:400;color:var(--silv);letter-spacing:.04em}
.em-lbl em{color:var(--gold);font-style:normal}
.em-wrap{position:relative;display:flex;align-items:center}
.em-inp{width:100%;padding:11px 16px;background:rgba(143,160,184,.04);border:1.5px solid var(--bdr);border-radius:var(--r8);font-size:14px;font-weight:300;font-family:'Outfit',sans-serif;color:var(--tx);outline:none;transition:border-color var(--spd),box-shadow var(--spd)}
.em-inp:focus{border-color:var(--gold-b);background:rgba(201,168,76,.035);box-shadow:0 0 0 3px rgba(201,168,76,.06)}
.em-inp.err{border-color:rgba(239,68,68,.6)!important;background:rgba(239,68,68,.05)!important;box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}
.em-inp.ok{border-color:rgba(34,197,94,.4)!important;background:rgba(34,197,94,.04)!important}
.em-inp.pad-r{padding-right:44px}
.eye-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:var(--tm);padding:4px;display:flex;align-items:center;transition:color var(--spd)}
.eye-btn:hover{color:var(--gold)}
.err-msg{font-size:12px;color:#EF4444;margin-top:4px;display:none;align-items:center;gap:6px}
.err-msg.show{display:flex}
.err-dot{width:6px;height:6px;border-radius:50%;background:#EF4444;flex-shrink:0}
.rv-acts{display:flex;justify-content:space-between;align-items:center;padding:2rem 0 1rem;flex-wrap:wrap;gap:1rem}
.rv-hint{font-size:13px;font-weight:300;color:var(--tm);margin-top:.5rem}
.f-err{border-color:rgba(239,68,68,.6)!important;background:rgba(239,68,68,.04)!important;box-shadow:0 0 0 3px rgba(239,68,68,.09)!important}
.ex-ov{position:fixed;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(8px);z-index:500;display:none;align-items:center;justify-content:center;padding:1.5rem}
.ex-ov.show{display:flex;animation:pgIn .3s var(--ease)}
.ex-box{background:var(--bg2);border:1px solid var(--gold-b);border-radius:var(--r22);padding:2.5rem;max-width:440px;width:100%;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.ex-box::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;border-radius:var(--r22) var(--r22) 0 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.ex-close{position:absolute;top:1rem;right:1rem;width:28px;height:28px;border-radius:50%;border:1px solid var(--bdr);background:none;cursor:pointer;color:var(--tm);display:flex;align-items:center;justify-content:center;transition:all var(--spd)}
.ex-close:hover{border-color:var(--gold);color:var(--gold)}
.ex-eye{font-size:10px;font-weight:300;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;display:flex;align-items:center;gap:8px}
.ex-eye::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--gold-b),transparent)}
.ex-h{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:300;color:var(--tx);margin-bottom:.5rem}
.ex-sub{font-size:14px;font-weight:300;color:var(--tb);margin-bottom:1.5rem;line-height:1.6}
.ex-flds{display:flex;flex-direction:column;gap:.85rem}
.ex-inp{width:100%;padding:11px 16px;background:rgba(143,160,184,.04);border:1px solid var(--bdr);border-radius:var(--r8);font-size:14px;font-weight:300;font-family:'Outfit',sans-serif;color:var(--tx);outline:none;transition:border-color var(--spd)}
.ex-inp::placeholder{color:var(--tm)}
.ex-inp:focus{border-color:var(--gold-b);box-shadow:0 0 0 3px rgba(201,168,76,.06)}
.ex-ta{resize:none;min-height:80px;line-height:1.6}
.ex-acts{display:flex;gap:.75rem;padding-top:.25rem}
.ex-ok{display:none;text-align:center;padding:1.5rem 0}
.ex-ok-ico{font-size:32px;margin-bottom:.75rem}
.ex-ok p{font-size:14px;font-weight:300;color:var(--tb);line-height:1.65}
.ex-ok strong{color:var(--gold);font-weight:400}
.prose{max-width:780px;margin:0 auto;padding:4rem 2.5rem;position:relative;z-index:1}
.prose h1{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,5vw,48px);font-weight:300;color:var(--tx);letter-spacing:-.03em;margin-bottom:.5rem}
.prose .lead{font-size:16px;font-weight:300;color:var(--tb);margin-bottom:3rem;line-height:1.75}
.prose h2{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:var(--tx);margin:2.5rem 0 .75rem}
.prose p{font-size:15px;font-weight:300;color:var(--tb);line-height:1.8;margin-bottom:1rem}
.prose a{color:var(--gold);text-decoration:underline}
.notice{background:rgba(201,168,76,.05);border:1px solid var(--gold-b);border-radius:var(--r8);padding:1.25rem 1.5rem;font-size:13px;font-weight:300;color:var(--silv);line-height:1.65;margin-top:2.5rem}
.footer{background:var(--bg2);border-top:1px solid var(--bdr);padding:2.5rem;position:relative;z-index:1}
.footer-in{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:400;color:var(--tm)}
.footer-links{display:flex;gap:2rem}
.footer-links a{font-size:13px;font-weight:300;color:var(--tm);text-decoration:none;cursor:pointer;transition:color var(--spd)}
.footer-links a:hover{color:var(--silv)}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.25rem 2.5rem}
  .hero-vis .chip{display:none}
  .cards{grid-template-columns:1fr}
  .price-in{grid-template-columns:1fr;gap:2.5rem;padding:3rem 1.25rem}
  .fg{grid-template-columns:1fr}
  .pipeline{flex-direction:column;align-items:center;gap:2rem}
  .ps{width:100%;max-width:260px}
  .pc{display:none}
  .nav-links{display:none}
  .em-grid{grid-template-columns:1fr}
  .rv-row{flex-direction:column;gap:4px}
  .rv-lbl{min-width:unset}
  .sec{padding:3rem 1.25rem}
  .form-wrap,.rv-wrap,.prose{padding:2.5rem 1.25rem}
  .fb,.rv-blk,.em-blk{padding:1.5rem 1.25rem}
  .price-amt{font-size:52px}
  .nav{padding:0 1rem}
  .footer{padding:1.75rem 1.25rem}
  .footer-in{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
  .hero-stats{grid-template-columns:1fr;max-width:100%}
  .stat{border-right:none;border-bottom:1px solid var(--bdr)}.stat:last-child{border-bottom:none}
  .hero-act,.wz-nav,.rv-acts,.ex-acts{flex-direction:column;align-items:stretch}
  .hero-act .btn,.wz-nav .btn,.rv-acts .btn,.ex-acts .btn{justify-content:center;width:100%}
  .wz-nav{flex-direction:column-reverse;gap:.75rem}
  .rv-acts{flex-direction:column-reverse}
  .btn-nav{padding:7px 10px;font-size:11px}
}

/* ── Document Language Switch (Review) ─────────────────────────── */
.doc-lang-box{margin:2rem 0 1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--bdr);border-radius:12px;background:var(--bg2)}
.doc-lang-lbl{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tm);margin-bottom:.4rem;font-weight:500}
.doc-lang-sub{font-size:13px;color:var(--tb);font-weight:300;margin-bottom:1rem}
.doc-lang-switch{
  display:inline-flex;
  position:relative;
  border:1px solid var(--bdr);
  border-radius:10px;
  background:var(--bg3);
  padding:4px;
  gap:0;
}
.doc-lang-switch::before{
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 8px);
  background:linear-gradient(135deg, var(--gld), var(--silv));
  border-radius:6px;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
  box-shadow:0 4px 12px rgba(201,168,76,.35), 0 0 24px rgba(201,168,76,.15);
  z-index:0;
}
.doc-lang-switch::after{
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 8px);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  border-radius:6px;
  transition:transform .45s cubic-bezier(.4,0,.2,1);
  z-index:1;
  animation:dl-shimmer 2.8s ease-in-out infinite;
  background-size:200% 100%;
}
@keyframes dl-shimmer{
  0%,100%{background-position:200% 0}
  50%{background-position:-200% 0}
}
.doc-lang-switch.de-active::before,
.doc-lang-switch.de-active::after{
  transform:translateX(100%);
}
.dl-opt{
  position:relative;
  z-index:2;
  padding:10px 28px;
  background:transparent;
  border:none;
  color:var(--tm);
  font-size:13px;
  font-weight:400;
  cursor:pointer;
  transition:color .35s ease;
  letter-spacing:.02em;
  min-width:90px;
}
.dl-opt:hover{color:var(--tx)}
.dl-opt.active{
  color:#0a0a0a;
  font-weight:500;
}

/* ── Legal Checkboxes (B2B + AGB) ───────────────────────────── */
.legal-box{margin:1.5rem 0;display:flex;flex-direction:column;gap:.85rem}
.legal-chk{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:14px;color:var(--tb);font-weight:300;line-height:1.5}
.legal-chk input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}
.legal-chk-mark{
  display:inline-block;
  flex-shrink:0;
  width:20px;
  height:20px;
  border:1.5px solid var(--silv);
  border-radius:5px;
  margin-top:0;
  position:relative;
  transition:all var(--spd);
  background:transparent;
}
.legal-chk:hover .legal-chk-mark{
  border-color:var(--gld);
  box-shadow:0 0 0 3px rgba(201,168,76,.08);
}
.legal-chk input[type=checkbox]:checked + .legal-chk-mark{
  background:var(--gld);
  border-color:var(--gld);
  box-shadow:0 0 12px rgba(201,168,76,.4);
}
.legal-chk input[type=checkbox]:checked + .legal-chk-mark::after{
  content:'';
  position:absolute;
  left:6px;
  top:2px;
  width:5px;
  height:10px;
  border:solid #0a0a0a;
  border-width:0 2.5px 2.5px 0;
  transform:rotate(45deg);
}
.legal-chk-txt{padding-top:0}

/* ── Submit-Fehler-Hinweis ─────────────────────────────────── */
.submit-err{display:none;margin:1.25rem 0;padding:.9rem 1.1rem;border:1px solid rgba(231,76,60,.3);border-radius:8px;background:rgba(231,76,60,.07);font-size:13px;color:var(--tb);align-items:flex-start;gap:.6rem}
.submit-err.show{display:flex}
.submit-err-ico{flex-shrink:0;font-size:14px;color:#e74c3c}
.submit-err-txt{font-weight:300;line-height:1.5}

/* ── Sample-PDF-Link Hover ──────────────────────────────────── */
.sample-link:hover{border-color:var(--silv)!important;color:var(--tx)!important;transform:translateY(-1px)}

/* ── Zeitvergleich-Sektion (Time-Compare) ─────────────── */
.time-section{
  background:var(--bg);
  border-top:1px solid var(--bdr);
  position:relative;
  z-index:1;
}
.time-section-in{
  max-width:1180px;
  margin:0 auto;
  padding:6rem 2.5rem 5rem;
}

/* ── HERO Zeitersparnis ──────────────────────────────── */
.savings-hero{
  text-align:center;
  margin-bottom:5rem;
  padding:3rem 2rem;
  position:relative;
}
.savings-hero::before{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:500px;
  height:500px;
  background:radial-gradient(circle,rgba(201,168,76,.08) 0%,transparent 60%);
  pointer-events:none;
  z-index:0;
}
.savings-eyebrow{
  font-size:11px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--gld);
  font-weight:500;
  margin-bottom:1rem;
  position:relative;
}
.savings-num-wrap{
  position:relative;
  display:inline-block;
  margin-bottom:.5rem;
}
.savings-number{
  font-family:'Cormorant Garamond',serif;
  font-size:140px;
  font-weight:300;
  line-height:1;
  letter-spacing:-.04em;
  color:#C9A84C !important;
  position:relative;
  display:inline-block;
  text-shadow:0 0 40px rgba(201,168,76,.35), 0 0 80px rgba(201,168,76,.15);
}
.savings-number-unit{
  font-family:'Outfit',sans-serif;
  font-size:24px;
  font-weight:300;
  color:#C9A84C !important;
  letter-spacing:.04em;
  margin-left:8px;
  position:relative;
}
.savings-headline{
  font-family:'Cormorant Garamond',serif;
  font-size:38px;
  font-weight:300;
  letter-spacing:-.02em;
  color:var(--tx);
  position:relative;
  margin-bottom:.75rem;
}
.savings-sub{
  font-size:15px;
  color:var(--tb);
  font-weight:300;
  position:relative;
  max-width:560px;
  margin:0 auto;
  line-height:1.65;
}
.savings-sub strong{
  color:#C9A84C !important;
  font-weight:500;
  text-shadow:0 0 18px rgba(201,168,76,.3);
}

/* ── Zeitvergleich-Balken ────────────────────────────── */
.time-compare{
  display:flex;
  flex-direction:column;
  gap:2.5rem;
  margin-top:2rem;
}
.tc-row{
  display:grid;
  grid-template-columns:240px 1fr 130px;
  align-items:center;
  gap:2rem;
  padding:1rem 0;
  position:relative;
  opacity:.85;
  transition:opacity .4s ease;
}
.tc-row.featured{opacity:1}
.tc-row:hover{opacity:1}
.tc-label{display:flex;flex-direction:column;gap:.25rem}
.tc-name{
  font-family:'Cormorant Garamond',serif;
  font-size:22px;
  font-weight:400;
  color:var(--tx);
  letter-spacing:-.01em;
}
.tc-method{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--tm);
  font-weight:400;
}
.tc-bar-wrap{
  position:relative;
  height:36px;
  background:rgba(255,255,255,.06);
  border-radius:4px;
  overflow:hidden;
}
.tc-bar{
  height:100%;
  border-radius:4px;
  transition:all 1.2s cubic-bezier(.2,.7,.2,1);
  position:relative;
}
.tc-bar.diy{
  background:linear-gradient(90deg,rgba(168,166,161,.58),rgba(168,166,161,.32));
  width:50%;
}
.tc-bar.ad{
  background:linear-gradient(90deg,rgba(168,166,161,.58),rgba(168,166,161,.32));
  width:3%;
  min-width:42px;
  box-shadow:0 0 24px rgba(201,168,76,.45), 0 0 60px rgba(201,168,76,.18);
}
.tc-bar.ad::after{
  content:'';
  position:absolute;
  top:0;
  left:-100%;
  width:60%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  animation:shimmer 3s ease-in-out infinite;
}
@keyframes shimmer{
  0%{left:-60%}
  100%{left:160%}
}
.tc-bar.ber{
  background:linear-gradient(90deg,rgba(168,166,161,.58),rgba(168,166,161,.32));
  width:100%;
}
.tc-time{
  text-align:right;
  font-family:'Cormorant Garamond',serif;
  font-size:24px;
  font-weight:400;
  color:var(--tx);
  letter-spacing:-.01em;
  white-space:nowrap;
}
.tc-time.gold{
  color:var(--gld);
  font-size:30px;
  font-weight:500;
}
.tc-time small{
  display:block;
  font-family:'Outfit',sans-serif;
  font-size:10px;
  font-weight:300;
  color:var(--tm);
  letter-spacing:.12em;
  text-transform:uppercase;
  margin-top:2px;
}
.tc-time.gold small{color:var(--silv)}
.tc-row.featured::before{
  content:'';
  position:absolute;
  top:50%;
  left:-1.5rem;
  width:3px;
  height:55%;
  background:var(--gld);
  transform:translateY(-50%);
  border-radius:2px;
  box-shadow:0 0 12px rgba(201,168,76,.5);
}

/* ── DARK MODE Highlights (Gold + Glow Enterprise) ──── */
.sv-hl{
  color:#C9A84C !important;
  font-weight:400;
  text-shadow:0 0 24px rgba(201,168,76,.35), 0 0 60px rgba(201,168,76,.12);
}
/* (this rule moved up to main block) */
.savings-number-unit{
  text-shadow:0 0 18px rgba(201,168,76,.25);
}

/* ── LIGHT MODE Anpassungen für Time-Sektion ─────────── */
[data-theme="light"] .tc-bar-wrap{
  background:rgba(0,0,0,.10);
}
[data-theme="light"] .tc-bar.diy,
[data-theme="light"] .tc-bar.ber,
[data-theme="light"] .tc-bar.ad{
  background:linear-gradient(90deg,rgba(40,38,34,.55),rgba(40,38,34,.32));
  box-shadow:none;
}
[data-theme="light"] .tc-bar.ad{
  box-shadow:0 0 14px rgba(156,129,56,.35);
}
[data-theme="light"] .tc-bar.ad::after{
  background:linear-gradient(90deg,transparent,rgba(201,168,76,.55),transparent);
}
/* Light Mode: 30 min (gold) - mit subtilem Glow, kein Text-Shadow zu intensiv */
[data-theme="light"] .tc-time.gold{
  color:#9c8138;  /* dunkleres Gold für besseren Kontrast auf hellem Bg */
  font-weight:600;
}
[data-theme="light"] .tc-time.gold small{
  color:#a8916a;
}
/* Light Mode: Fettgedrucktes in der Sub-Zeile */
[data-theme="light"] .savings-sub strong,
[data-theme="light"] .sv-hl{
  color:#9c8138 !important;
  font-weight:600;
  text-shadow:none;
}
[data-theme="light"] .savings-number{
  color:#9c8138 !important;
}
[data-theme="light"] .savings-number-unit{
  color:#9c8138 !important;
}
/* Light Mode: Featured-Akzent links */
[data-theme="light"] .tc-row.featured::before{
  background:#9c8138;
  box-shadow:0 0 12px rgba(156,129,56,.4);
}
/* Light Mode: Method-Label STRUCTURED PROCESS in Gold */
[data-theme="light"] .tc-method[style*="--gld"]{
  color:#9c8138 !important;
}
/* Light Mode: Savings Hero gold */
[data-theme="light"] .savings-eyebrow{
  color:#9c8138;
}
[data-theme="light"] .savings-number{
  color:#9c8138;
  text-shadow:0 2px 30px rgba(156,129,56,.2);
}
[data-theme="light"] .savings-number-unit{
  color:#9c8138;
}

@media (max-width:760px){
  .time-section-in{padding:3rem 1.25rem}
  .savings-number{font-size:100px}
  .savings-headline{font-size:28px}
  .savings-sub{font-size:14px}
  .tc-row{
    grid-template-columns:1fr;
    gap:.75rem;
  }
  .tc-time{text-align:left}
  .tc-row.featured::before{display:none}
}

/* ── Trust Signals ──────────────────────────────────────────── */
.trust-row{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--bdr)}
.trust-itm{display:flex;align-items:center;gap:.5rem;font-size:12px;color:var(--tm);font-weight:300;letter-spacing:.04em}
.trust-itm svg{flex-shrink:0;color:var(--gld);opacity:.7}


/* ============================================================ */
/* ── MULTIPAGE v2 — Neue Komponenten (nicht im Original) ───── */
/* ============================================================ */

/* ── KPI-Struktur (Formular: Qualitätsziele strukturiert) ──── */
.kpi-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}
.kpi-row{display:grid;grid-template-columns:2fr .7fr .7fr .9fr;gap:.5rem;align-items:end;padding:.75rem;background:var(--gold-dim);border:1px solid var(--bdr);border-radius:var(--r8)}
.kpi-row .kpi-cell{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.kpi-row .kpi-cell-label{font-size:11px;color:var(--tm);font-weight:300;letter-spacing:.04em;text-transform:uppercase}
.kpi-row .kpi-input{width:100%;min-width:0;box-sizing:border-box;padding:.5rem .7rem;background:var(--bg2);border:1px solid var(--bdr);border-radius:6px;color:var(--tx);font-family:'Outfit',sans-serif;font-size:13px;font-weight:300;transition:border-color var(--spd)}
.kpi-row .kpi-input:focus{outline:none;border-color:var(--gold-b)}
.kpi-head{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:12px;color:var(--tm);font-weight:300;letter-spacing:.04em}
@media (max-width:680px){
  .kpi-row{grid-template-columns:1fr 1fr;gap:.6rem}
}

/* ── Radio-Group (Warum ISO 9001?) ─────────────────────────── */
.radio-group{display:flex;flex-direction:column;gap:.5rem;margin-top:.4rem}
.radio-opt{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r8);cursor:pointer;transition:all var(--spd);position:relative}
.radio-opt:hover{border-color:var(--gold-b);background:var(--bg3)}
.radio-opt input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.radio-opt .radio-mark{width:16px;height:16px;border-radius:50%;border:1px solid var(--silv-d);flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all var(--spd);background:var(--bg)}
.radio-opt .radio-mark::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);transform:scale(0);transition:transform var(--spd) var(--ease)}
.radio-opt input[type=radio]:checked + .radio-mark{border-color:var(--gold)}
.radio-opt input[type=radio]:checked + .radio-mark::after{transform:scale(1)}
.radio-opt .radio-txt{font-size:14px;color:var(--tb);font-weight:300;line-height:1.5}
.radio-opt input[type=radio]:checked ~ .radio-txt{color:var(--tx)}

/* ── Field-Hint (Hilfstext unter Feldern) ──────────────────── */
.field-hint{font-size:11.5px;color:var(--tm);font-weight:300;margin-top:.4rem;line-height:1.5;font-style:italic;opacity:.9}

/* ── Locale-Sub-Switch (BE/AE im Review) ──────────────────── */
.locale-sub{margin-top:.85rem;padding-left:.25rem;display:none}
.locale-sub.show{display:block;animation:pgIn .3s var(--ease)}
.locale-sub-lbl{font-size:12px;color:var(--tm);font-weight:300;margin-bottom:.5rem;letter-spacing:.04em}
.locale-switch{display:inline-flex;gap:0;border:1px solid var(--bdr);border-radius:6px;overflow:hidden;background:var(--bg2)}
.locale-opt{padding:7px 13px;font-size:12px;font-weight:300;color:var(--tm);background:transparent;border:none;cursor:pointer;font-family:'Outfit',sans-serif;letter-spacing:.04em;transition:all var(--spd)}
.locale-opt.active{background:var(--gold-dim);color:var(--gold-l);font-weight:400}
.locale-opt:not(:last-child){border-right:1px solid var(--bdr)}

/* ── Sample-Cards (samples-Übersichtsseite) ───────────────── */
.sample-groups{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:2.5rem;align-items:stretch}
.sample-group{display:flex;flex-direction:column;gap:1rem}
.sg-label{display:flex;align-items:center;gap:.6rem;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--tm);font-weight:400;padding-bottom:.5rem;border-bottom:1px solid var(--bdr)}
.sg-label .sg-flag{font-size:18px;line-height:1}
.sc-flag-row{display:flex;align-items:center;gap:.5rem}
.sc-flag-row .sc-loc{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tm);font-weight:300}
.sc-btns{display:flex;gap:.6rem;margin-top:auto;flex-wrap:wrap}
.sc-locales{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-top:auto}
.sc-locale-col{display:flex;flex-direction:column;gap:.6rem}
.sc-loc-h{display:flex;align-items:center;gap:.4rem;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--tm);font-weight:400}
.sc-loc-h .sc-loc-flag{font-size:14px;line-height:1}
.sc-btn-soon{opacity:.45;pointer-events:none;position:relative}
@media(max-width:520px){.sc-locales{grid-template-columns:1fr;gap:1rem}}
.sc-btn{display:inline-flex;align-items:center;gap:.45rem;font-size:13px;color:var(--gold-l);font-weight:400;letter-spacing:.02em;text-decoration:none;padding:.5rem .85rem;border:1px solid var(--bdr);border-radius:8px;background:var(--gold-dim);transition:all var(--spd)}
.sc-btn:hover{border-color:var(--gold-b);background:var(--bg3)}
.sc-btn svg{transition:transform var(--spd)}
.sc-btn:hover svg{transform:translateX(3px)}
@media(max-width:720px){.sample-groups{grid-template-columns:1fr;gap:2rem}}
.sample-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;flex:1;align-items:stretch}
.sample-card{padding:1.75rem;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--r14);transition:all var(--spd);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:1rem}
.sample-card:hover{border-color:var(--gold-b);background:var(--bg3);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.sample-card .sc-flag{font-size:24px;line-height:1}
.sample-card .sc-h{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:400;color:var(--tx);letter-spacing:-.01em}
.sample-card .sc-d{font-size:14px;color:var(--tb);font-weight:300;line-height:1.55}
.sample-card .sc-meta{display:flex;gap:.75rem;font-size:11px;color:var(--tm);text-transform:uppercase;letter-spacing:.06em;font-weight:300;margin-top:.25rem}
.sample-card .sc-meta span{padding:.3rem .55rem;border:1px solid var(--bdr);border-radius:4px;background:var(--gold-dim)}
.sample-card .sc-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:13px;color:var(--gold-l);font-weight:400;margin-top:auto;letter-spacing:.02em}
.sample-card .sc-cta svg{transition:transform var(--spd)}
.sample-card:hover .sc-cta svg{transform:translateX(3px)}

/* ── About-Sections ───────────────────────────────────────── */
/* ── About (Multipage v2, aufgewertet) ── */
.about-wrap{max-width:760px;margin:0 auto;padding:0 2.5rem;position:relative;z-index:1}
.about-block{padding:2.75rem 0;border-bottom:1px solid var(--bdr);position:relative;z-index:1}
.about-block:last-of-type{border-bottom:none}
.about-block p{font-size:15px;color:var(--tb);font-weight:300;line-height:1.78;margin-bottom:1rem}
.about-block p:last-child{margin-bottom:0}
/* Gruppen-Eyebrow mit Nummer */
.ab-grp-eye{display:flex;align-items:center;gap:14px;margin-bottom:1.5rem;font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:400;color:var(--tx);letter-spacing:-.01em}
.ab-grp-num{font-family:'Outfit',sans-serif;font-size:12px;font-weight:400;letter-spacing:.12em;color:var(--gold);border:1px solid var(--gold-b);border-radius:6px;padding:5px 9px;background:var(--gold-dim);flex-shrink:0}
/* Zitat-Block (der 4.000-€-Moment) */
.ab-quote{position:relative;padding:1.5rem 1.75rem;margin-bottom:1.5rem;background:var(--bg2);border-left:2px solid var(--gold);border-radius:0 10px 10px 0}
.ab-quote-mark{position:absolute;top:.1rem;left:.6rem;font-family:'Cormorant Garamond',serif;font-size:48px;line-height:1;color:var(--gold-b)}
.ab-quote p{margin:0;padding-left:1.5rem;font-style:italic;color:var(--tx);font-size:15.5px}
/* Versprechen als Karten-Liste */
.ab-promises{display:flex;flex-direction:column;gap:1rem}
.ab-promise{display:flex;gap:14px;align-items:flex-start;padding:1.25rem 1.4rem;background:var(--bg2);border:1px solid var(--bdr);border-radius:12px;transition:border-color var(--spd),background var(--spd)}
.ab-promise:hover{border-color:var(--gold-b);background:var(--bg3)}
.ab-promise-ck{width:30px;height:30px;flex-shrink:0;border:1px solid var(--gold-b);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gold-dim);margin-top:2px}
.ab-promise p{margin:0;color:var(--tb);font-size:14.5px;line-height:1.7}
/* "Was es nicht ist" */
.ab-not-lead{font-size:15px;color:var(--tm);font-weight:300;line-height:1.78;margin-bottom:1.75rem}
.ab-statement{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:400;font-style:italic;color:var(--gold-l);letter-spacing:-.01em;line-height:1.4}
/* Signatur + CTA */
.about-meta{font-size:13px;color:var(--tm);font-weight:300;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--bdr);letter-spacing:.02em}
.about-anchor{color:var(--gold-l);text-decoration:none;border-bottom:1px solid var(--gold-b);transition:border-color var(--spd)}
.about-anchor:hover{border-color:var(--gold)}
.about-cta{text-align:center;padding:2.5rem 1.5rem 1rem;position:relative;z-index:1}

/* ── Footer-Cols (mehrspaltiger Footer) ───────────────────── */
.footer-cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2rem;padding:3rem 1.5rem 2rem;max-width:1180px;margin:0 auto}
.footer-col h4{font-family:'Cormorant Garamond',serif;font-size:14px;font-weight:500;color:var(--tx);margin-bottom:1rem;letter-spacing:.04em;text-transform:uppercase}
.footer-col a, .footer-col .fc-line{display:block;font-size:13px;color:var(--tm);font-weight:300;text-decoration:none;margin-bottom:.55rem;transition:color var(--spd);cursor:pointer}
.footer-col a:hover{color:var(--tx)}
.footer-col p{font-size:13px;color:var(--tm);font-weight:300;line-height:1.7;margin-bottom:.55rem}
.footer-bottom{border-top:1px solid var(--bdr);padding:1.25rem 1.5rem;text-align:center;font-size:12px;color:var(--tm);font-weight:300;letter-spacing:.04em}
.footer-bottom a{color:var(--tm);text-decoration:none;transition:color var(--spd)}
.footer-bottom a:hover{color:var(--tx)}
@media (max-width:760px){
  .footer-cols{grid-template-columns:1fr 1fr;gap:1.5rem;padding:2rem 1.25rem 1.5rem}
}
@media (max-width:480px){
  .footer-cols{grid-template-columns:1fr}
}

/* ── Sample-Link-Inline (Hero/FAQ-Inline-Verweise) ────────── */
.sample-link-inline{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:var(--gold-dim);border:1px solid var(--gold-b);border-radius:var(--r8);font-size:13px;color:var(--gold-l);text-decoration:none;font-weight:300;transition:all var(--spd);margin-top:1rem}
.sample-link-inline:hover{background:var(--gold-b);color:var(--bg)}
.sample-link-inline svg{flex-shrink:0}

/* ── Submit-Error-Box ──────────────────────────────────────── */
.submit-err{display:none;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:rgba(220,80,80,.08);border:1px solid rgba(220,80,80,.25);border-radius:var(--r8);margin-bottom:1.5rem}
.submit-err.show{display:flex;animation:pgIn .3s var(--ease)}
.submit-err-ico{color:#E08A8A;font-size:18px;line-height:1.4;flex-shrink:0}
.submit-err-txt{font-size:13.5px;color:#F0B8B8;font-weight:300;line-height:1.55}

/* ── Confirmation-Screen (Submit-Success) ──────────────────── */
.confirmation{max-width:620px;margin:0 auto;padding:4rem 1.5rem;text-align:center}
.conf-ico{width:64px;height:64px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-b);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:var(--gold-l)}
.conf-h{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:300;color:var(--tx);margin-bottom:1rem;letter-spacing:-.02em}
.conf-oid{display:inline-block;padding:.5rem 1rem;background:var(--bg2);border:1px solid var(--gold-b);border-radius:var(--r8);font-family:'Outfit',sans-serif;font-size:14px;color:var(--gold-l);font-weight:400;letter-spacing:.06em;margin-bottom:1.5rem}
.conf-p{font-size:15px;color:var(--tb);font-weight:300;line-height:1.7;margin-bottom:1rem}
.conf-em{color:var(--gold-l);font-weight:400;word-break:break-all}
.conf-cta{display:inline-flex;margin-top:2rem}

/* ── Field-Status / Required-Mark (Formular) ──────────────── */
.req{color:var(--gold-l);font-style:normal;margin-left:.15rem}
.err-input{border-color:rgba(220,80,80,.5) !important}
.field-label-opt{font-size:11.5px;color:var(--tm);font-weight:300;font-style:italic;margin-left:.4rem;letter-spacing:.02em}

/* ── Nav-Active-State (Multipage) ─────────────────────────── */
.nav-links a.active{color:var(--tx)}
.nav-links a.active::after{content:"";display:block;height:1px;background:var(--gold);margin-top:3px;border-radius:1px}

/* ── Reduced-motion: kein erzwungenes Reveal-Slide ────────── */
@media (prefers-reduced-motion: reduce){
  .reveal{opacity:1;transform:none}
  .page,.page.active{animation:none}
}

/* ════════════════════════════════════════════════════════════
   HERO COMPARE — 97% Zeitvergleichs-Grafik im Hero (ersetzt Doc-Mockup)
   ════════════════════════════════════════════════════════════ */
.hero-compare{
  background:var(--bg3);
  border:1px solid var(--bdr);
  border-radius:var(--r22);
  padding:2rem 2.25rem 2.25rem;
  box-shadow:0 0 0 1px rgba(201,168,76,.04),0 40px 80px rgba(0,0,0,.55),0 0 50px rgba(201,168,76,.03);
  position:relative;
  overflow:hidden;
}
.hero-compare::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),var(--gold-l),var(--gold),transparent);opacity:.75;
}
.hc-head{text-align:center;margin-bottom:1.75rem}
.hc-eyebrow{
  font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:.6rem;
}
.hc-num-wrap{display:flex;align-items:baseline;justify-content:center;gap:.6rem;margin-bottom:.35rem}
.hc-num{
  font-family:'Cormorant Garamond',serif;font-size:68px;font-weight:300;line-height:1;
  background:linear-gradient(135deg,var(--gold-l),var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  letter-spacing:-.02em;
}
.hc-num-unit{font-size:14px;font-weight:300;color:var(--tb)}
.hc-tagline{
  font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:300;color:var(--tx);
}
.hc-tagline .hc-hl{color:var(--gold-l);font-style:italic}
.hc-sub{
  font-size:13px;font-weight:300;color:var(--tb);line-height:1.65;
  margin-top:.9rem;max-width:340px;margin-left:auto;margin-right:auto;
}
.hc-sub strong{color:var(--gold-l);font-weight:500}

.hc-bars{display:flex;flex-direction:column;gap:1.1rem}
.hc-row{display:grid;grid-template-columns:1fr;gap:.5rem}
.hc-label{display:flex;justify-content:space-between;align-items:baseline}
.hc-name{font-size:14px;font-weight:400;color:var(--tx)}
.hc-method{font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--tm)}
.hc-method.gold{color:var(--gold)}
.hc-row.featured .hc-name{color:var(--gold-l);font-weight:500}

.hc-bar-track{position:relative}
.hc-bar-wrap{
  position:relative;height:30px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.06);
  border-radius:5px;overflow:hidden;
}
.hc-bar{
  height:100%;border-radius:5px;
  position:relative;
  animation:hcGrow 1.3s cubic-bezier(.2,.7,.2,1) both;
}
.hc-bar.diy{
  background:linear-gradient(90deg,rgba(168,166,161,.55),rgba(168,166,161,.28));
  width:88%;
}
.hc-bar.ad{
  background:linear-gradient(90deg,var(--gold),var(--gold-l));
  width:9%;min-width:38px;
  box-shadow:0 0 24px rgba(201,168,76,.5),0 0 60px rgba(201,168,76,.2);
}
.hc-bar.ad::after{
  content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  animation:shimmer 3s ease-in-out infinite;
}
.hc-bar.ber{
  background:linear-gradient(90deg,rgba(168,166,161,.5),rgba(168,166,161,.3));
  width:100%;
}
.hc-time{
  text-align:right;
  font-size:14px;font-weight:400;color:var(--tb);
  height:30px;line-height:30px;margin-top:-30px;padding-right:12px;
  position:relative;z-index:2;pointer-events:none;
}
.hc-time.gold{
  color:var(--gold-l);font-weight:600;
  animation:hcPulse 2s ease-in-out infinite;
}
@keyframes hcPulse{
  0%,100%{opacity:1;text-shadow:0 0 0 rgba(201,168,76,0)}
  50%{opacity:.7;text-shadow:0 0 12px rgba(226,196,110,.7)}
}
@keyframes hcGrow{from{width:0}}

/* Desktop: Zeit rechts neben Balken statt darüber */
@media (min-width:861px){
  .hc-row{grid-template-columns:1fr;gap:.45rem}
}

/* Mobile: Hero-Compare bleibt sichtbar (anders als altes .doc), kompakter */
@media (max-width:860px){
  .hero-compare{padding:1.5rem 1.5rem 1.75rem;max-width:480px;margin:0 auto}
  .hc-num{font-size:54px}
  .hc-tagline{font-size:18px}
  .hero-vis .chip{display:none}
}

/* ════════════════════════════════════════════════════════════
   FOOTER — Optisch aufgewertet (Akzentlinie, Brand-Mark, Hierarchie)
   ════════════════════════════════════════════════════════════ */
.footer{
  position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--bg2),var(--bg));
  border-top:none;
}
.footer::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-b),var(--gold),var(--gold-b),transparent);
}
.footer-cols{
  grid-template-columns:1.6fr repeat(3,1fr);
  gap:2.5rem;padding:2.25rem 2rem 1.5rem;
}
/* Brand-Spalte hervorheben */
.footer-col:first-child .logo-wm{
  font-family:'Cormorant Garamond',serif;font-weight:500;
  background:linear-gradient(135deg,var(--tx),var(--silv));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.footer-col:first-child p{
  font-size:13.5px;line-height:1.75;color:var(--tb);max-width:280px;
}
/* Brand-Mark (kleines Logo-Icon) vor dem Namen */
.footer-brand-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.75rem}
.footer-brand-mk{
  width:30px;height:30px;border-radius:8px;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:var(--gold-dim);border:1px solid var(--gold-b);
}
/* Spalten-Überschriften mit Gold-Akzent */
.footer-col h4{
  font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--gold);
  text-transform:uppercase;margin-bottom:.85rem;position:relative;padding-bottom:.6rem;
}
.footer-col h4::after{
  content:'';position:absolute;bottom:0;left:0;width:24px;height:1px;
  background:linear-gradient(90deg,var(--gold),transparent);
}
/* Links mit Slide-Hover */
.footer-col a{
  font-size:13.5px;color:var(--tb);margin-bottom:.5rem;
  position:relative;width:fit-content;transition:color var(--spd),transform var(--spd);
}
.footer-col a:hover{color:var(--gold-l);transform:translateX(3px)}
.footer-col p{font-size:13.5px;color:var(--tb)}
/* Kontakt-Mail hervorheben */
.footer-col:last-child p:first-of-type a{color:var(--silv);font-weight:400}
.footer-col:last-child p:first-of-type a:hover{color:var(--gold-l)}
/* Bottom-Bar */
.footer-bottom{
  border-top:1px solid var(--bdr);padding:1rem 1.5rem;letter-spacing:.08em;
  color:var(--tm);font-size:11.5px;
}
@media (max-width:860px){
  .footer-cols{grid-template-columns:1fr 1fr;gap:2rem;padding:2.5rem 1.5rem 1.5rem}
  .footer-col:first-child{grid-column:1/-1}
}
@media (max-width:520px){
  .footer-cols{grid-template-columns:1fr;gap:1.75rem}
}

/* ── Trust-Strip (schlanke Zeile, ersetzt große time-section) ── */
.trust-strip{
  max-width:1180px;margin:0 auto;padding:1rem 2.5rem 1rem;
  display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;
}
.trust-strip .trust-itm{
  display:flex;align-items:center;gap:8px;
  font-size:13px;font-weight:300;color:var(--tm);letter-spacing:.02em;
}
.trust-strip .trust-itm svg{color:var(--gold);opacity:.8}
@media (max-width:560px){
  .trust-strip{gap:1.25rem;padding:.75rem 1.25rem}
  .trust-strip .trust-itm{font-size:12px}
}

/* ════════════════════════════════════════════════════════════
   HERO-COMPARE · LIGHT MODE — Track sichtbar, Balken dunkler als Track
   ════════════════════════════════════════════════════════════ */
[data-theme="light"] .hero-compare{
  background:#FFFDF8;
  border:1px solid rgba(168,120,42,.18);
  box-shadow:0 0 0 1px rgba(168,120,42,.05),0 30px 70px rgba(74,60,30,.12);
}
[data-theme="light"] .hc-eyebrow{color:#A8782A}
[data-theme="light"] .hc-num{
  background:linear-gradient(135deg,#B8862F,#8A5E18);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
[data-theme="light"] .hc-num-unit{color:#5A4A2E}
[data-theme="light"] .hc-tagline{color:#3A3220}
[data-theme="light"] .hc-tagline .hc-hl{color:#A8782A}
[data-theme="light"] .hc-sub{color:#5A4A2E}
[data-theme="light"] .hc-sub strong{color:#8A5E18}
[data-theme="light"] .hc-name{color:#2A2418}
[data-theme="light"] .hc-method{color:#8A8270}
[data-theme="light"] .hc-method.gold{color:#A8782A}
[data-theme="light"] .hc-row.featured .hc-name{color:#8A5E18}

/* Track: deutlich sichtbar, hell-grau */
[data-theme="light"] .hc-bar-wrap{
  background:rgba(74,60,30,.10);
  border:1px solid rgba(74,60,30,.08);
}
/* Hauptbalken: dunkler als Track, erkennbarer Graustufen-Kontrast */
[data-theme="light"] .hc-bar.diy{
  background:linear-gradient(90deg,rgba(110,104,92,.85),rgba(110,104,92,.6));
}
[data-theme="light"] .hc-bar.ber{
  background:linear-gradient(90deg,rgba(110,104,92,.8),rgba(110,104,92,.55));
}
/* AlignedDocs-Balken: dunkles Gold */
[data-theme="light"] .hc-bar.ad{
  background:linear-gradient(90deg,#A8782A,#C9A84C);
  box-shadow:0 0 18px rgba(168,120,42,.45),0 0 40px rgba(168,120,42,.2);
}
[data-theme="light"] .hc-bar.ad::after{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);
}
/* Zeit-Texte */
[data-theme="light"] .hc-time{color:#5A4A2E}
[data-theme="light"] .hc-time.gold{color:#8A5E18}
[data-theme="light"] .c1,[data-theme="light"] .c2{
  background:#FFFDF8;border-color:rgba(168,120,42,.2);color:#5A4A2E;
}

/* Trust-Strip Light-Mode */
[data-theme="light"] .trust-strip .trust-itm{color:#6A5E48}
[data-theme="light"] .trust-strip .trust-itm svg{color:#A8782A}

/* Pulsier-Effekt im Light-Mode angepasst */
[data-theme="light"] .hc-time.gold{
  animation:hcPulseLight 2s ease-in-out infinite;
}
@keyframes hcPulseLight{
  0%,100%{opacity:1;text-shadow:0 0 0 rgba(168,120,42,0)}
  50%{opacity:.65;text-shadow:0 0 10px rgba(168,120,42,.6)}
}

/* ════════════════════════════════════════════════════════════
   PRODUCT SEO-LANDING — Hero, Vergleichstabelle, End-CTA
   ════════════════════════════════════════════════════════════ */
.pl-hero{
  max-width:880px;margin:0 auto;padding:5rem 2.5rem 3rem;text-align:center;position:relative;z-index:1;
}
.pl-hero-h{
  font-family:'Cormorant Garamond',serif;font-size:clamp(34px,5vw,52px);font-weight:300;
  color:var(--tx);letter-spacing:-.02em;line-height:1.1;margin:1rem 0 1.5rem;
}
.pl-hero-h em{font-style:italic;color:var(--gold-l)}
.pl-hero-sub{
  font-size:17px;font-weight:300;color:var(--tb);line-height:1.7;max-width:680px;margin:0 auto 2rem;
}
.pl-hero-act{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.pl-hero .eyebrow{justify-content:center}

.pl-cards{margin-top:2.5rem}

/* Vergleichstabelle */
.cmp-wrap{margin-top:2.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmp-table{
  width:100%;border-collapse:separate;border-spacing:0;min-width:560px;
  font-size:14px;
}
.cmp-table th,.cmp-table td{
  padding:1rem 1.25rem;text-align:center;border-bottom:1px solid var(--bdr);
}
.cmp-table thead th{
  font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:var(--tx);
  border-bottom:1px solid var(--gold-b);
}
.cmp-table .cmp-rl{
  text-align:left;color:var(--tb);font-weight:400;
}
.cmp-table td{color:var(--tm);font-weight:300}
/* Featured-Spalte (AlignedDocs) hervorheben */
.cmp-table th.cmp-featured{
  color:var(--gold-l);position:relative;
}
.cmp-table .cmp-featured{
  background:var(--gold-dim);
}
.cmp-table thead th.cmp-featured{
  border-top-left-radius:10px;border-top-right-radius:10px;
  border-bottom:1px solid var(--gold-b);
}
.cmp-table tbody tr:last-child .cmp-featured{
  border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:none;
}
.cmp-table .cmp-good{color:var(--gold-l);font-weight:400}

/* End-CTA */
.pl-end{
  position:relative;z-index:1;padding:4.5rem 2rem 5rem;text-align:center;
  background:radial-gradient(ellipse 60% 100% at 50% 0%,var(--gold-dim),transparent 70%);
}
.pl-end-in{max-width:640px;margin:0 auto}
.pl-end-h{
  font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,42px);font-weight:300;
  color:var(--tx);margin-bottom:1rem;letter-spacing:-.01em;
}
.pl-end-p{font-size:16px;font-weight:300;color:var(--tb);line-height:1.7;margin-bottom:2rem}
.pl-end-act{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* Mini-FAQ auf Produktseite: gleiche Optik wie FAQ-Seite (nutzt .fi/.fq/.fa) */
.pl-faq{margin-top:2rem;max-width:760px}

@media (max-width:640px){
  .pl-hero{padding:3rem 1.25rem 2rem}
  .pl-hero-act .btn,.pl-end-act .btn{width:100%;justify-content:center}
  .cmp-table{font-size:13px}
  .cmp-table th,.cmp-table td{padding:.75rem .6rem}
}

/* Light-Mode Anpassungen */
[data-theme="light"] .pl-hero-h em{color:#A8782A}
[data-theme="light"] .cmp-table .cmp-featured{background:rgba(168,120,42,.07)}
[data-theme="light"] .cmp-table th.cmp-featured,
[data-theme="light"] .cmp-table .cmp-good{color:#A8782A}
[data-theme="light"] .pl-end{background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(168,120,42,.06),transparent 70%)}

/* ── Samples-Landing: "Was drin ist"-Liste ── */
.sl-inside{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2.5rem;
}
.sl-in-item{
  display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;
  background:var(--bg3);border:1px solid var(--bdr);border-radius:12px;
  font-size:15px;font-weight:300;color:var(--tx);transition:border-color var(--spd),transform var(--spd);
}
.sl-in-item:hover{border-color:var(--gold-b);transform:translateY(-2px)}
.sl-in-num{
  font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--gold);
  flex:none;width:32px;
}
.sl-vs-table{min-width:420px}
@media (max-width:640px){
  .sl-inside{grid-template-columns:1fr}
}
[data-theme="light"] .sl-in-item{background:#FFFDF8;border-color:rgba(168,120,42,.15)}
[data-theme="light"] .sl-in-num{color:#A8782A}

/* ── FAQ Themengruppen-Überschrift (additiv, Multipage v2) ── */
.faq-grp-h{font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:2rem 0 .85rem;padding-bottom:.5rem;border-bottom:1px solid var(--gold-b)}
.faq-grp-h:first-child{margin-top:0}

/* ── Payment icons strip (footer + price block) ── */
.pay-strip{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 1.25rem 4px;border-top:1px solid var(--bdr);margin-top:8px}
.pay-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tm)}
.pay-icons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.pay-ic{color:var(--tm);opacity:.65;display:inline-flex;transition:transform var(--spd) var(--ease),opacity var(--spd) var(--ease),color var(--spd) var(--ease),filter var(--spd) var(--ease)}
.pay-ic:hover{color:var(--gold);opacity:1;transform:translateY(-3px);filter:drop-shadow(0 4px 10px var(--gold-b))}

/* ── Payment icon hover tooltip (enterprise look) ── */
.pay-ic{position:relative}
.pay-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);background:var(--bg3);border:1px solid var(--gold-b);border-radius:6px;padding:5px 10px;font-size:11px;color:var(--gold);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:300;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.pay-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--gold-b)}
.pay-ic:hover .pay-tip{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── "+N more" payment chip (enterprise) ── */
.pay-more{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:24px;border:1px solid var(--bdr);border-radius:5px;color:var(--tm);cursor:default;opacity:.65;transition:transform var(--spd) var(--ease),opacity var(--spd) var(--ease),color var(--spd) var(--ease),border-color var(--spd) var(--ease),filter var(--spd) var(--ease)}
.pay-more-txt{font-size:11px;font-weight:500;letter-spacing:.02em}
.pay-more:hover{color:var(--gold);border-color:var(--gold-b);opacity:1;transform:translateY(-3px);filter:drop-shadow(0 4px 10px var(--gold-b))}
.pay-tip-list{min-width:max-content;max-width:240px;white-space:normal;text-align:center;line-height:1.5;padding:8px 12px}
.pay-tip-h{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tm);margin-bottom:3px}
.pay-more:hover .pay-tip-list{opacity:1;transform:translateX(-50%) translateY(0)}

/* ── Enterprise scrollbar for form textareas ── */
.ta{scrollbar-width:thin;scrollbar-color:var(--silv-d) transparent}
.ta::-webkit-scrollbar{width:10px}
.ta::-webkit-scrollbar-track{background:transparent;border-radius:8px}
.ta::-webkit-scrollbar-thumb{background:var(--silv-d);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.ta::-webkit-scrollbar-thumb:hover{background:var(--gold-b);background-clip:padding-box}

/* ── PRODUCT footer column: links in 2 sub-columns, heading full width ── */
.footer-col-product{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem;row-gap:0;align-content:start}
.footer-col-product h4{grid-column:1/-1}
@media (max-width:520px){
  .footer-col-product{grid-template-columns:1fr}
}