:root{
  --cyan:#06B6D4;
  --cyan-soft:#CFFAFE;
  --nacht:#0B1220;
  --nacht-600:#131F35;
  --verlauf:linear-gradient(135deg,#0369A1 0%,#06B6D4 100%);
  --radius-xl:28px;
  --schatten-tief:0 40px 90px -32px rgba(2,6,23,.45);
  --schatten-karte:0 2px 4px rgba(15,23,42,.04), 0 12px 32px -12px rgba(15,23,42,.14);
}

.skip-link{
  position:absolute; left:-9999px; top:0; z-index:200;
  background:var(--navy); color:#fff; padding:12px 18px; border-radius:0 0 var(--radius-sm) 0;
}
.skip-link:focus{ left:0; }

.site-header{
  background:rgba(255,255,255,.82);
  backdrop-filter:saturate(180%) blur(14px);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.site-header.ist-gescrollt{
  border-bottom-color:var(--line);
  box-shadow:0 6px 20px -14px rgba(15,23,42,.35);
}
.main-nav a{ position:relative; }
.main-nav a::after{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:2px;
  border-radius:2px; background:var(--verlauf);
  transform:scaleX(0); transform-origin:left; transition:transform .28s var(--ease);
}
.main-nav a:hover::after, .main-nav a.is-active::after{ transform:scaleX(1); }
.main-nav a.is-active{ color:var(--cta); font-weight:700; }
.mobile-nav a.is-active{ color:var(--cta); font-weight:700; }

.hero-v2{
  position:relative; overflow:hidden;
  background:
    radial-gradient(1100px 520px at 78% 8%, rgba(6,182,212,.16), transparent 62%),
    radial-gradient(760px 420px at 8% 92%, rgba(3,105,161,.20), transparent 60%),
    linear-gradient(168deg,var(--nacht) 0%,#0F1E33 52%,#0B1220 100%);
  color:#E2E8F0;
  padding-block:clamp(64px,9vw,116px) clamp(72px,10vw,128px);
}

.hero-v2::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(148,163,184,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148,163,184,.055) 1px, transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(circle at 50% 42%, #000 8%, transparent 74%);
  -webkit-mask-image:radial-gradient(circle at 50% 42%, #000 8%, transparent 74%);
}
.hero-glow{
  position:absolute; width:min(660px,84vw); aspect-ratio:1; border-radius:50%;
  right:-14%; top:-24%; pointer-events:none;
  background:radial-gradient(circle, rgba(6,182,212,.30), transparent 66%);
  filter:blur(18px);
}
.hero-v2 .hero-grid{ position:relative; z-index:1; align-items:center; }

.hero-v2 .hero-visual{ flex-direction:column; padding-right:clamp(0px,9%,72px); }

.hero-v2 .eyebrow{
  background:rgba(6,182,212,.12); color:var(--cyan-soft);
  border:1px solid rgba(6,182,212,.30);
}
.hero-v2 h1{ color:#F8FAFC; letter-spacing:-.025em; }
.hero-v2 h1 .accent{ color:#94A3B8; }
.hero-v2 .type-word{
  background:var(--verlauf); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.hero-v2 .type-caret{ background:var(--cyan); }
.hero-v2 .hero-sub{ color:#B6C2D2; }
.hero-v2 .hero-note, .hero-v2 .hero-note-trust{ color:#8FA3BC; }
.hero-v2 .hero-note-trust svg{ color:var(--cyan); }

.hero-v2 .btn-primary{
  background:var(--verlauf); border:none; color:#fff;
  box-shadow:0 12px 30px -12px rgba(6,182,212,.62);
}
.hero-v2 .btn-primary:hover{ filter:brightness(1.07); transform:translateY(-1px); }
.hero-v2 .btn-outline{
  border-color:rgba(148,163,184,.42); color:#E2E8F0; background:rgba(255,255,255,.03);
}
.hero-v2 .btn-outline:hover{ border-color:var(--cyan); color:#fff; background:rgba(6,182,212,.10); }

.phone{
  position:relative; z-index:1;
  width:min(400px,88vw);
  margin-inline:auto;
}
.phone-schein{
  position:absolute; inset:6% -18% -10%; z-index:0; pointer-events:none;
  background:radial-gradient(closest-side, rgba(6,182,212,.30), transparent 72%);
  filter:blur(30px);
}
.phone-frame{
  position:relative; z-index:1;
  padding:11px;
  border-radius:46px;
  background:linear-gradient(160deg,#2A3648 0%,#161F2E 100%);
  box-shadow:
    0 0 0 1px rgba(148,163,184,.28),
    inset 0 1px 0 rgba(255,255,255,.14),
    0 46px 90px -34px rgba(2,6,23,.78);
}
.phone-island{
  position:absolute; top:21px; left:50%; transform:translateX(-50%);
  width:10px; height:10px; border-radius:50%; background:#0A0F1A; z-index:3;
  box-shadow:inset 0 0 0 2px rgba(148,163,184,.22);
}
.phone-screen{
  position:relative; overflow:hidden;
  border-radius:36px; background:var(--white);

  aspect-ratio:9 / 16.4;
  display:flex; flex-direction:column;
  padding:34px 0 0;
}

.app-bar{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:10px 16px 10px; border-bottom:1px solid var(--line); flex:none;
}
.app-logo{ height:20px; width:auto; opacity:.9; }
.app-status{
  font-size:.7rem; font-weight:700; letter-spacing:.02em; color:var(--cta);
  background:var(--cta-soft); padding:4px 9px; border-radius:999px; white-space:nowrap;
}

.app-stage{ position:relative; flex:1; min-height:0; }
.demo-step{
  position:absolute; inset:0; padding:16px 16px 8px;
  display:flex; flex-direction:column; gap:10px;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity .45s var(--ease), transform .45s var(--ease), visibility .45s;
}
.phone[data-phase="1"] .step-aufnahme,
.phone[data-phase="2"] .step-vorlagen,
.phone[data-phase="3"] .step-ergebnis{
  opacity:1; visibility:visible; transform:none;
}
.demo-kopf{
  margin:0; font-size:.7rem; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--slate-500);
}

.wave-canvas{ display:block; width:100%; height:62px; flex:none; }
.demo-transkript{
  margin:0; font-size:.9rem; line-height:1.55; color:var(--text);
  flex:1; overflow:hidden;
}
.demo-transkript::after{
  content:""; display:inline-block; width:2px; height:1em; margin-left:2px;
  background:var(--cta); vertical-align:-2px; animation:demoBalken 1s steps(2) infinite;
}
@keyframes demoBalken{ 0%,50%{opacity:1} 51%,100%{opacity:0} }
.demo-mic{
  align-self:center; flex:none;
  width:52px; height:52px; border-radius:50%; margin-bottom:6px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--verlauf); color:#fff;
  box-shadow:0 0 0 0 rgba(6,182,212,.5); animation:demoPuls 1.9s infinite;
}
@keyframes demoPuls{
  0%{ box-shadow:0 0 0 0 rgba(6,182,212,.5) }
  70%{ box-shadow:0 0 0 15px rgba(6,182,212,0) }
  100%{ box-shadow:0 0 0 0 rgba(6,182,212,0) }
}

.demo-tpl-liste{ position:relative; display:flex; flex-direction:column; gap:9px; }
.demo-tpl{
  display:flex; align-items:center; gap:11px; width:100%; text-align:left;
  padding:11px 12px; border-radius:14px; cursor:pointer;
  background:var(--white); border:1.5px solid var(--line);
  font:inherit; color:inherit;
  transition:border-color .25s var(--ease), background .25s var(--ease), transform .18s var(--ease);
}
.demo-tpl:hover{ border-color:var(--cta); }
.demo-tpl.wird-getippt{ transform:scale(.965); border-color:var(--cta); background:var(--cta-soft); }
.demo-tpl.ist-gewaehlt{ border-color:var(--cta); background:var(--cta-soft); }
.demo-tpl-ic{
  flex:none; width:34px; height:34px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--cta-soft); color:var(--cta);
}
.demo-tpl-ic svg{ width:17px; height:17px; }
.demo-tpl-txt{ display:flex; flex-direction:column; gap:1px; font-size:.78rem; color:var(--text-soft); }
.demo-tpl-txt strong{ font-size:.88rem; color:var(--navy); font-weight:700; }

.demo-tap{
  position:absolute; left:var(--tap-x,50%); top:var(--tap-y,50%);
  width:40px; height:40px; margin:-20px 0 0 -20px; border-radius:50%;
  pointer-events:none; opacity:0;
  border:2px solid var(--cta); background:rgba(3,105,161,.14);
}
.demo-tap.ist-sichtbar{ animation:demoTipp .85s var(--ease); }
@keyframes demoTipp{
  0%{ opacity:0; transform:scale(1.7) }
  35%{ opacity:1; transform:scale(1) }
  100%{ opacity:0; transform:scale(.7) }
}

.demo-doc{
  flex:1; min-height:0; overflow:hidden;
  padding:14px; border-radius:14px;
  background:var(--bg); border:1px solid var(--line);
}
.demo-doc.blendet-doc > *{ animation:demoZeile .5s var(--ease) backwards; }
.demo-doc.blendet-doc > *:nth-child(2){ animation-delay:.08s }
.demo-doc.blendet-doc > *:nth-child(3){ animation-delay:.16s }
.demo-doc.blendet-doc > *:nth-child(4){ animation-delay:.24s }
.demo-doc.blendet-doc > *:nth-child(5){ animation-delay:.32s }
.demo-doc.blendet-doc > *:nth-child(6){ animation-delay:.40s }
.demo-doc.blendet-doc > *:nth-child(7){ animation-delay:.48s }
.demo-doc.blendet-doc > *:nth-child(8){ animation-delay:.56s }
@keyframes demoZeile{ from{ opacity:0; transform:translateY(7px) } to{ opacity:1; transform:none } }
.demo-doc-kopf{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin:0 0 8px; padding-bottom:8px; border-bottom:1px solid var(--line);
}
.demo-doc-titel{ font-weight:800; font-size:.92rem; color:var(--navy); }
.demo-doc-tag{
  font-size:.64rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
  color:var(--green-700); background:var(--green-soft); padding:3px 8px; border-radius:999px;
}
.demo-doc-meta{ margin:0 0 8px; font-size:.74rem; color:var(--slate-500); }
.demo-doc-text{ margin:0 0 7px; font-size:.82rem; line-height:1.55; color:var(--text); }
.demo-doc-liste{ margin:0; padding-left:16px; display:flex; flex-direction:column; gap:6px; }
.demo-doc-liste li{ font-size:.82rem; line-height:1.5; color:var(--text); }
.demo-doc-liste strong{ color:var(--navy); }

.demo-weiter{
  display:flex; align-items:center; justify-content:center; gap:7px; flex:none;
  padding:10px 12px; border-radius:11px;
  background:var(--verlauf); color:#fff;
  font-size:.82rem; font-weight:800;
  box-shadow:0 10px 22px -12px rgba(6,182,212,.7);
}
.demo-weiter svg{ flex:none; }

.demo-aktionen{ display:flex; gap:6px; flex:none; }
.demo-akt{
  display:inline-flex; align-items:center; gap:5px; flex:1; justify-content:center;
  padding:8px 4px; border-radius:10px; background:var(--bg-soft);
  font-size:.68rem; font-weight:600; color:var(--slate); white-space:nowrap;
}
.demo-akt svg{ flex:none; color:var(--cta); }

.demo-schritte{
  display:flex; list-style:none; margin:0; padding:9px 16px 13px; gap:6px; flex:none;
  border-top:1px solid var(--line);
}
.demo-schritte li{
  flex:1; text-align:center; font-size:.64rem; font-weight:700;
  letter-spacing:.03em; color:var(--slate-400);
  padding-top:8px; border-top:2px solid var(--line);
  transition:color .3s var(--ease), border-color .3s var(--ease);
}
.demo-schritte li.ist-aktiv{ color:var(--cta); border-top-color:var(--cta); }
.demo-schritte li.ist-erledigt{ color:var(--green-700); border-top-color:var(--green); }

.phone-notiz{
  position:relative; z-index:1;
  margin:12px 0 0; text-align:center;
  font-size:.74rem; color:#7E93AE;
}

.hero-chips{
  position:absolute; z-index:2; pointer-events:none;

  top:50%; right:-6%; transform:translateY(calc(-50% + 150px));
  display:flex; flex-direction:column; align-items:flex-end;
  gap:10px;
}
.hero-chip{
  white-space:nowrap;
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 14px; border-radius:999px;
  background:rgba(17,28,45,.78); border:1px solid rgba(148,163,184,.26);
  color:#D6E0EC; font-size:.8rem; font-weight:600;
  box-shadow:0 16px 36px -18px rgba(2,6,23,.85);
  backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px);
  animation:chipSchweben 7s ease-in-out infinite;
}
.hero-chip svg{ color:var(--cyan); flex:none; }

.chip-b{ animation-delay:-2.3s; }
.chip-c{ animation-delay:-4.6s; }
@keyframes chipSchweben{
  0%,100%{ transform:translateY(0) }
  50%    { transform:translateY(-7px) }
}

.page-head{
  position:relative; overflow:hidden;
  background:
    radial-gradient(760px 360px at 82% 0%, rgba(6,182,212,.14), transparent 62%),
    linear-gradient(168deg,var(--nacht) 0%,#0F1E33 100%);
  color:#E2E8F0; padding-block:clamp(52px,7vw,88px) clamp(48px,6vw,76px);
}
.page-head-inner{ position:relative; z-index:1; max-width:760px; }
.page-head .eyebrow{
  background:rgba(6,182,212,.12); color:var(--cyan-soft);
  border:1px solid rgba(6,182,212,.30);
}
.page-head h1{
  color:#F8FAFC; letter-spacing:-.025em; margin:16px 0 14px;
  font-size:clamp(2rem,4.4vw,3rem); line-height:1.12;
}
.page-head-lead{ color:#B6C2D2; font-size:1.06rem; line-height:1.65; margin:0; }

.hub{ background:var(--bg-soft); }
.hub-grid{
  display:grid; gap:20px;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.hub-card{
  display:flex; flex-direction:column; gap:12px;
  padding:26px 24px 22px; border-radius:var(--radius-lg);
  background:var(--white); border:1px solid var(--line);
  box-shadow:var(--schatten-karte); text-decoration:none; color:inherit;
  position:relative; overflow:hidden;
  transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease);
}
.hub-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:var(--verlauf); transform:scaleX(0); transform-origin:left;
  transition:transform .32s var(--ease);
}
.hub-card:hover{
  transform:translateY(-4px); border-color:transparent;
  box-shadow:0 26px 56px -22px rgba(15,23,42,.30);
}
.hub-card:hover::before{ transform:scaleX(1); }
.hub-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:14px; flex:none;
  background:var(--cta-soft); color:var(--cta);
}
.hub-icon svg{ width:23px; height:23px; }
.hub-card h3{ margin:0; font-size:1.12rem; line-height:1.3; color:var(--navy); }
.hub-card p{ margin:0; color:var(--text-soft); font-size:.95rem; line-height:1.6; flex:1; }
.hub-more{
  display:inline-flex; align-items:center; gap:7px; margin-top:4px;
  font-weight:700; font-size:.92rem; color:var(--cta);
}
.hub-more svg{ transition:transform .28s var(--ease); }
.hub-card:hover .hub-more svg{ transform:translateX(4px); }

.zahlen-grid{
  display:grid; gap:20px;
  grid-template-columns:repeat(auto-fit,minmax(232px,1fr));
}
.zahl-karte{
  position:relative; overflow:hidden;
  display:flex; flex-direction:column; gap:7px;
  padding:24px 22px 22px; border-radius:var(--radius-lg);
  background:var(--white); border:1px solid var(--line);
  box-shadow:var(--schatten-karte);
  transition:transform .28s var(--ease), box-shadow .28s var(--ease);
}
.zahl-karte::before{
  content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:var(--verlauf); opacity:.85;
}
.zahl-karte:hover{
  transform:translateY(-3px);
  box-shadow:0 24px 52px -22px rgba(15,23,42,.28);
}

.zahl-label{
  display:inline-flex; align-self:flex-start; margin:0;
  padding:5px 11px; border-radius:999px;
  background:var(--cta-soft); color:var(--cta);
  font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
}
.zahl-karte-null .zahl-label{ background:var(--green-soft); color:var(--green-700); }
.zahl-wert{
  display:flex; align-items:baseline; gap:6px; margin:4px 0 0;
  font-weight:800; letter-spacing:-.04em; line-height:1;
}
.zahl-num{
  font-size:clamp(2.7rem,5vw,3.5rem);
  background:var(--verlauf); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  font-variant-numeric:tabular-nums;
}
.zahl-zusatz{ font-size:1.5rem; color:var(--cta); font-weight:800; }
.zahl-karte h3{
  margin:0; font-size:1rem; line-height:1.3; color:var(--navy); font-weight:700;
}
.zahl-text{ margin:0; font-size:.9rem; line-height:1.6; color:var(--text-soft); }

.zahlen-fussnote{
  margin:14px 0 0; font-size:.75rem; line-height:1.5; color:var(--slate-400);
  text-align:center; max-width:680px; margin-inline:auto;
}

.zahl-karte-null::before{ background:linear-gradient(135deg,var(--green),#22C55E); }
.zahl-karte-null .zahl-num{ background:linear-gradient(135deg,var(--green-700),#22C55E); -webkit-background-clip:text; background-clip:text; }

.vertrauen-zeile{
  display:grid; gap:18px 26px; list-style:none;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  margin:30px 0 0; padding:21px 23px;
  border-radius:var(--radius-lg);
  background:var(--white); border:none;
}

@property --umlauf{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.vertrauen-zeile{ position:relative; }
.vertrauen-zeile::before{
  content:""; position:absolute; inset:0; padding:2px; pointer-events:none;
  border-radius:inherit;
  background:conic-gradient(from -90deg,
    var(--cta) 0deg,
    var(--green) var(--umlauf),
    var(--line) var(--umlauf));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  transition:--umlauf 1.6s var(--ease);
}
.vertrauen-zeile.ist-geprueft::before{ --umlauf:360deg; }

.vertrauen-punkt{ display:flex; align-items:flex-start; gap:12px; }
.vertrauen-ic{
  position:relative; flex:none; width:38px; height:38px; border-radius:11px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--cta-soft); color:var(--cta);
  transition:background .45s var(--ease), color .45s var(--ease);
}
.vertrauen-ic svg{ width:19px; height:19px; }

.vertrauen-haken{
  position:absolute; right:-5px; bottom:-5px;
  width:18px; height:18px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--green); color:#fff; border:2px solid var(--white);
  transform:scale(0); transition:transform .34s var(--ease);
}
.vertrauen-haken svg{ width:10px; height:10px; }

.vertrauen-punkt.ist-geprueft .vertrauen-ic{
  background:var(--green-soft); color:var(--green-700);
}
.vertrauen-punkt.ist-geprueft .vertrauen-haken{ transform:scale(1); }
.vertrauen-txt{
  display:flex; flex-direction:column; gap:2px;
  font-size:.86rem; line-height:1.5; color:var(--text-soft);
}
.vertrauen-txt strong{ font-size:.92rem; color:var(--navy); font-weight:700; }

.cta-band{
  background:var(--verlauf); color:#fff;
  padding-block:clamp(30px,4.5vw,46px);
}
.cta-band-inner{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:18px 32px;
}
.cta-band-text{ min-width:min(100%,320px); }
.cta-band-text h2{
  margin:0 0 5px; font-size:clamp(1.3rem,2.8vw,1.75rem); line-height:1.2;
  letter-spacing:-.02em; color:#fff;
}
.cta-band-text p{ margin:0; font-size:1rem; color:rgba(255,255,255,.88); }
.cta-band-btns{ display:flex; flex-wrap:wrap; gap:11px; }
.cta-band .btn-light{ background:#fff; color:var(--cta); border:none; }
.cta-band .btn-light:hover{ background:rgba(255,255,255,.9); }
.cta-band .btn-outline-light{
  border:1.5px solid rgba(255,255,255,.6); color:#fff; background:transparent;
}
.cta-band .btn-outline-light:hover{ border-color:#fff; background:rgba(255,255,255,.12); }

@media (max-width:760px){
  .cta-band-inner{ flex-direction:column; text-align:center; }
  .cta-band-btns{ justify-content:center; width:100%; }
}

/* Auf schmalen Schirmen stehen die Knopfpaare untereinander und gleich breit. */
@media (max-width:560px){
  .hero-v2 .hero-actions,
  .cta-band-btns{ flex-direction:column; align-items:stretch; flex-wrap:nowrap; }
  .hero-v2 .hero-actions .btn,
  .cta-band-btns .btn{ width:100%; }
}

@media (max-width:640px){
  .vertrauen-zeile{ padding:19px 17px; gap:16px; }
}

.thema{ padding-block:clamp(52px,7vw,84px); }
.thema-a{ background:var(--white); }
.thema-b{ background:var(--bg-soft); }
.thema-grid{
  display:grid; gap:clamp(28px,5vw,64px); align-items:center;
  grid-template-columns:1fr 1fr;
}

.thema-b .thema-bild{ order:2; }
.thema-b .thema-text{ order:1; }

.thema-text .eyebrow{ margin-bottom:14px; }
.thema-text h2{ margin:0 0 14px; font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.2; letter-spacing:-.022em; }
.thema-text p{ margin:0 0 20px; color:var(--text-soft); font-size:1.02rem; line-height:1.65; }
.thema-link{
  display:inline-flex; align-items:center; gap:8px;
  font-weight:700; color:var(--cta); text-decoration:none;
}
.thema-link svg{ transition:transform .28s var(--ease); }
.thema-link:hover svg{ transform:translateX(4px); }

.ill{
  position:relative; padding:26px 24px; border-radius:var(--radius-lg);
  background:var(--white); border:1px solid var(--line);
  box-shadow:var(--schatten-karte);
}
.thema-a .ill{ background:var(--bg); }

.ill-transkript{ display:flex; flex-direction:column; gap:14px; }

.ill-btn{
  display:none; align-items:center; justify-content:center; gap:10px;
  width:100%; min-height:64px; padding:14px 18px;
  border:none; border-radius:14px; cursor:default; user-select:none;
  background:var(--verlauf); color:#fff;
  font:inherit; font-weight:700; font-size:.95rem;
  box-shadow:0 14px 30px -14px rgba(6,182,212,.7);
  animation:illHuepf 1.8s var(--ease) infinite;
}
.ill-btn svg{ width:19px; height:19px; }
.ill-transkript[data-stand="bereit"] .ill-btn{ display:flex; }
.ill-transkript[data-stand="bereit"] .ill-audio{ display:none; }
@keyframes illHuepf{
  0%,100%{ transform:translateY(0) }
  45%    { transform:translateY(-5px) }
  60%    { transform:translateY(0) }
}

.ill-audio{
  display:flex; align-items:center; gap:12px; min-height:64px;
  padding:13px 15px; border-radius:14px;
  border:1px solid var(--line); background:var(--white);
}

.ill-transkript[data-stand="geladen"] .ill-audio{ animation:illRein .45s var(--ease); }
@keyframes illRein{
  0%{ opacity:0; transform:translateY(-7px) }
  60%{ transform:translateY(2px) }
  100%{ opacity:1; transform:none }
}
.ill-audio-ic{
  flex:none; width:36px; height:36px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--cta-soft); color:var(--cta);
}
.ill-audio-ic svg{ width:18px; height:18px; }
.ill-audio-txt{ min-width:0; font-weight:700; font-size:.85rem;
  color:var(--navy); word-break:break-word; }
.ill-welle{ display:flex; align-items:center; gap:3px; margin-left:auto; height:26px; }
.ill-welle i{
  display:block; width:3px; border-radius:2px; background:var(--cta); opacity:.85;
  animation:illWelle 1.25s ease-in-out infinite;
}
.ill-welle i:nth-child(1){ height:40%; animation-delay:-.10s }
.ill-welle i:nth-child(2){ height:70%; animation-delay:-.22s }
.ill-welle i:nth-child(3){ height:95%; animation-delay:-.34s }
.ill-welle i:nth-child(4){ height:55%; animation-delay:-.46s }
.ill-welle i:nth-child(5){ height:80%; animation-delay:-.58s }
.ill-welle i:nth-child(6){ height:35%; animation-delay:-.70s }
.ill-welle i:nth-child(7){ height:65%; animation-delay:-.82s }
.ill-welle i:nth-child(8){ height:90%; animation-delay:-.94s }
.ill-welle i:nth-child(9){ height:45%; animation-delay:-1.06s }
.ill-welle i:nth-child(10){ height:75%; animation-delay:-1.18s }
.ill-welle i:nth-child(11){ height:50%; animation-delay:-1.30s }
.ill-welle i:nth-child(12){ height:85%; animation-delay:-1.42s }
@keyframes illWelle{ 0%,100%{ transform:scaleY(.45) } 50%{ transform:scaleY(1) } }

.ill-erkannt{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:11px 14px; border-radius:12px;
  background:var(--bg-soft); border:1px solid var(--line);
  opacity:.4; transition:opacity .4s var(--ease);
}
.ill-transkript[data-stand="erkannt"] .ill-erkannt,
.ill-transkript[data-stand="arbeitet"] .ill-erkannt,
.ill-transkript[data-stand="fertig"] .ill-erkannt{ opacity:1; }
.ill-erkannt-txt{ font-size:.82rem; font-weight:600; color:var(--text-soft); }
.ill-erkannt-wert{
  flex:none; min-width:56px; text-align:center;
  padding:4px 11px; border-radius:8px;
  background:var(--cta-soft); color:var(--cta);
  font-size:.86rem; font-weight:800; font-variant-numeric:tabular-nums;
}

.ill-lade{
  display:block; height:5px; border-radius:3px; overflow:hidden;
  background:var(--line); opacity:.4; transition:opacity .4s var(--ease);
}
.ill-transkript[data-stand="arbeitet"] .ill-lade,
.ill-transkript[data-stand="fertig"] .ill-lade{ opacity:1; }
.ill-lade i{ display:block; height:100%; width:0; border-radius:3px; background:var(--verlauf); }
.ill-lade.laeuft i{ width:100%; transition:width 2s var(--ease); }
.ill-lade.fertig i{ width:100%; background:linear-gradient(135deg,var(--green-700),#22C55E); }

.ill-zeit{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  min-height:104px; margin:0; padding:16px 14px; border-radius:14px; text-align:center;
  background:var(--bg-soft); border:1px solid var(--line);
  transition:background .45s var(--ease), border-color .45s var(--ease);
}
.ill-transkript[data-stand="fertig"] .ill-zeit{
  background:var(--green-soft); border-color:rgba(22,163,74,.28);
}
.ill-zeit-leer, .ill-zeit-arbeit, .ill-zeit-fertig{ display:none; margin:0; }
.ill-transkript[data-stand="bereit"] .ill-zeit-leer{ display:flex; }
.ill-transkript[data-stand="geladen"] .ill-zeit-arbeit,
.ill-transkript[data-stand="erkannt"] .ill-zeit-arbeit,
.ill-transkript[data-stand="arbeitet"] .ill-zeit-arbeit{ display:flex; }
.ill-transkript[data-stand="fertig"] .ill-zeit-fertig{ display:flex; }
.ill-zeit-leer{
  align-items:center; font-size:.9rem; font-weight:600; color:var(--slate-400);
}

.ill-zeit-arbeit{
  align-items:center; gap:8px;
  font-size:.92rem; font-weight:700; color:var(--slate-500);
}
.ill-punkte{ display:inline-flex; gap:4px; }
.ill-punkte i{
  width:5px; height:5px; border-radius:50%; background:var(--cta);
  animation:illPunkt 1.2s ease-in-out infinite;
}
.ill-punkte i:nth-child(2){ animation-delay:.18s }
.ill-punkte i:nth-child(3){ animation-delay:.36s }
@keyframes illPunkt{ 0%,100%{ opacity:.25 } 50%{ opacity:1 } }

.ill-zeit-fertig{ flex-direction:column; gap:5px; }
.ill-zeit-titel{
  font-size:clamp(.95rem,2.2vw,1.08rem); font-weight:800; line-height:1.3;
  color:var(--green-700);
}
.ill-zeit-dauer{ font-size:.86rem; font-weight:700; color:var(--green-700); opacity:.85; }
.wechselt{ animation:illWechsel .42s var(--ease); }
@keyframes illWechsel{
  0%{ opacity:0; transform:translateY(5px) }
  100%{ opacity:1; transform:none }
}
.ill-kachel{ transition:border-color .3s var(--ease), background .3s var(--ease); }

.ill-haken{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.ill-haken li{
  display:flex; align-items:center; gap:9px;
  font-size:.86rem; font-weight:600; color:var(--text-soft);
}
.ill-haken svg{ width:15px; height:15px; flex:none; color:var(--green); }

.ill-vorlagen{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.ill-kachel{
  display:flex; align-items:center; gap:9px;
  padding:13px 12px; border-radius:12px;
  background:var(--white); border:1px solid var(--line);
  font-size:.85rem; font-weight:700; color:var(--navy);
}
.ill-kachel svg{ width:17px; height:17px; flex:none; color:var(--cta); }
.ill-kachel-aktiv{ border-color:var(--cta); background:var(--cta-soft); }
.ill-kachel-plus{ justify-content:center; color:var(--cta); border-style:dashed; }

.ill-kreis{ position:relative; }
.kreis-liste{
  display:grid; grid-template-columns:1fr 1fr; gap:12px;
  list-style:none; margin:0; padding:0;
}
.kreis-punkt[data-schritt="0"]{ order:1; }
.kreis-punkt[data-schritt="1"]{ order:2; }
.kreis-punkt[data-schritt="2"]{ order:4; }
.kreis-punkt[data-schritt="3"]{ order:3; }
.kreis-punkt{
  position:relative;
  display:flex; flex-direction:column; gap:8px;
  padding:15px 14px; border-radius:14px;
  background:var(--white); border:1.5px solid var(--line);
  transition:border-color .4s var(--ease), background .4s var(--ease), transform .4s var(--ease);
}
.kreis-ic{
  width:38px; height:38px; border-radius:11px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--bg-soft); color:var(--slate-500);
  transition:background .4s var(--ease), color .4s var(--ease);
}
.kreis-ic svg{ width:19px; height:19px; }
.kreis-txt{ display:flex; flex-direction:column; font-size:.86rem; font-weight:700; color:var(--navy); }
.kreis-txt small{ font-weight:600; font-size:.74rem; color:var(--text-soft); }

.kreis-punkt.ist-aktiv{
  border-color:var(--cta); background:var(--cta-soft); transform:translateY(-2px);
}
.kreis-punkt.ist-aktiv .kreis-ic{ background:var(--cta); color:#fff; }

.kreis-punkt[data-schritt="3"].ist-aktiv{ border-color:var(--green); background:var(--green-soft); }
.kreis-punkt[data-schritt="3"].ist-aktiv .kreis-ic{ background:var(--green); }

.kreis-mitte{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:40px; height:40px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--white); border:1.5px solid var(--line); color:var(--slate-400);
  box-shadow:var(--shadow-sm);
}
.kreis-mitte svg{ width:19px; height:19px; animation:kreisDreh 6.4s linear infinite; }
@keyframes kreisDreh{ to{ transform:rotate(360deg) } }

.ill-rechner{ display:flex; flex-direction:column; gap:17px; }
.ill-regler{ display:flex; flex-direction:column; gap:9px; }
.ill-regler-kopf{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
.ill-regler-txt{ font-size:.85rem; font-weight:600; color:var(--text-soft); }
.ill-regler-wert{
  flex:none; min-width:58px; text-align:center;
  padding:4px 11px; border-radius:9px;
  background:var(--bg-soft); color:var(--slate);
  font-size:.9rem; font-weight:800; font-variant-numeric:tabular-nums;
}
.ill-regler-aktiv .ill-regler-wert{ background:var(--cta-soft); color:var(--cta); }

.ill-bahn{ position:relative; display:block; height:6px; border-radius:3px; background:var(--line); }
.ill-bahn i{
  position:absolute; inset:0 auto 0 0; width:0;
  border-radius:3px; background:var(--verlauf);
}
.ill-bahn b{
  position:absolute; top:50%; left:0; transform:translate(-50%,-50%);
  width:16px; height:16px; border-radius:50%; background:var(--white);
  border:3px solid var(--cta); box-shadow:var(--shadow-sm);
}

.ill-bahn-b i{ width:22%; } .ill-bahn-b b{ left:22%; }
.ill-bahn-c i{ width:48%; } .ill-bahn-c b{ left:48%; }
.ill-bahn-fest b{ border-color:var(--line-strong); }
.ill-bahn-fest i{ background:var(--line-strong); }

.ill-ergebnis{
  display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 6px; margin:4px 0 0;
  padding-top:15px; border-top:1px solid var(--line);
}
.ill-ergebnis-label{ width:100%; font-size:.78rem; font-weight:700; color:var(--slate-500); margin-bottom:2px; }
.ill-ergebnis-wert{
  font-size:clamp(1.9rem,4vw,2.3rem); font-weight:800; letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
  background:linear-gradient(135deg,var(--green-700),#22C55E);
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.ill-ergebnis-eur{ font-size:1.05rem; font-weight:800; color:var(--green-700); }

.ill-fussnote{
  margin:6px 0 0; font-size:.76rem; font-style:italic; color:var(--slate-500);
}

@media (max-width:860px){
  .thema-grid{ grid-template-columns:1fr; }

  .thema-b .thema-bild{ order:1; }
  .thema-b .thema-text{ order:2; }
}

.privacy{ background:var(--white); color:var(--text); }
.privacy h2{ color:var(--navy); }
.privacy-lead{ color:var(--text-soft); }
.privacy-list li{ color:var(--text-soft); }
.privacy-list strong{ color:var(--navy); }
.privacy-list svg{ color:var(--green); }
.privacy .eyebrow-light{ color:var(--cta); background:var(--cta-soft); }

.privacy-card{
  background:var(--verlauf); border:none; color:#fff;
  box-shadow:0 26px 56px -24px rgba(3,105,161,.55);
}
.privacy-card h3{ color:#fff; }
.privacy-card p{ color:rgba(255,255,255,.9); }
.privacy-card .cert-note{ color:rgba(255,255,255,.78); }
.privacy-card .cert-badge{
  background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.3); color:#fff;
}
.privacy-card .privacy-flag{ color:rgba(255,255,255,.94); border-top-color:rgba(255,255,255,.24); }
.privacy-card .flag{ border-color:rgba(255,255,255,.4); }
.privacy-card .pbd-mark{ color:#fff; }

.roi{
  background:
    radial-gradient(900px 420px at 82% 0%, rgba(6,182,212,.15), transparent 62%),
    linear-gradient(168deg,var(--nacht) 0%,#0F1E33 100%);
  color:#E2E8F0;
}
.roi .section-head h2{ color:#F8FAFC; }
.roi .section-head .section-lead{ color:#B6C2D2; }
.roi .roi-foot{ color:#8FA3BC; }

.kontakt{ background:var(--bg-soft); }

.kontakt-grid{
  display:grid; gap:22px; align-items:stretch;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
}

.kontakt-karte .about-quote{
  margin:18px 0 0; padding:18px 0 0; background:none; box-shadow:none;
  border:none; border-top:1px solid rgba(148,163,184,.22); border-radius:0;
}
.kontakt-karte .about-quote blockquote{
  margin:0 0 14px; font-size:.88rem; line-height:1.6; color:#C4D0DE; font-weight:500;
}
.kontakt-karte .about-quote blockquote::before{
  color:var(--cyan); font-size:2.2rem; margin-bottom:2px;
}
.kontakt-karte .about-quote figcaption{
  margin:0; padding:0; border:none; display:flex; flex-direction:column; gap:1px;
}
.kontakt-karte .about-author{ font-weight:800; font-size:.88rem; color:#fff; }
.kontakt-karte .about-role{ font-size:.76rem; color:#8FA3BC; }

@media (max-width:860px){
  .kontakt-grid{ grid-template-columns:1fr; align-items:start; }
  .kontakt-wege{ flex:none; justify-content:flex-start; }
}

.kontakt-hinweis{
  display:flex; align-items:center; gap:10px;
  margin:0 0 20px; padding:13px 16px; border-radius:12px;
  font-size:.94rem; font-weight:600;
}
.kontakt-hinweis svg{ width:18px; height:18px; flex:none; }
.kontakt-hinweis-ok{ background:var(--green-soft); color:var(--green-700); }
.kontakt-hinweis{ align-items:flex-start; }
.kontakt-hinweis span{ font-weight:600; }
.kontakt-hinweis-klein{
  display:block; margin-top:6px; font-size:.82rem; font-weight:500; opacity:.85;
}
.kontakt-hinweis-fehler{ background:#FEE2E2; color:#B91C1C; }

.kontakt-form{
  padding:26px 24px; border-radius:var(--radius-lg);
  background:var(--white); border:1px solid var(--line);
  box-shadow:var(--schatten-karte);
}

.kontakt-falle{ position:absolute; left:-9999px; top:-9999px; height:0; overflow:hidden; }

.kontakt-reihe{
  display:grid; gap:16px; grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  margin-bottom:24px;
}
.kontakt-feld{ display:flex; flex-direction:column; gap:6px; margin:0 0 16px; }
.kontakt-reihe .kontakt-feld{ margin:0; }
.kontakt-feld label{ font-size:.85rem; font-weight:700; color:var(--navy); }
.kontakt-feld label span{ font-weight:600; color:var(--slate-400); }
.kontakt-feld input,
.kontakt-feld select,
.kontakt-feld textarea{
  width:100%; padding:12px 14px; border-radius:12px;
  border:1.5px solid var(--line-strong); background:var(--white);
  font:inherit; font-size:.95rem; color:var(--text);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.kontakt-feld textarea{ resize:vertical; min-height:120px; }

.kontakt-notiz{
  display:flex; align-items:flex-start; gap:8px; margin-top:8px;
  padding:10px 12px; border-radius:10px;
  background:var(--cta-soft); color:var(--cta);
  font-size:.82rem; font-weight:600; line-height:1.5;
}
.kontakt-notiz[hidden]{ display:none; }
.kontakt-notiz svg{ width:16px; height:16px; flex:none; margin-top:1px; }

.kontakt-feld input::placeholder,
.kontakt-feld textarea::placeholder{ color:var(--slate-400); }
.kontakt-feld select{
  appearance:none; cursor:pointer;

  background-image:linear-gradient(45deg,transparent 50%,var(--slate) 50%),
                   linear-gradient(135deg,var(--slate) 50%,transparent 50%);
  background-position:calc(100% - 19px) 52%, calc(100% - 14px) 52%;
  background-size:5px 5px, 5px 5px;
  background-repeat:no-repeat;
  padding-right:38px;
}
.kontakt-feld input:focus,
.kontakt-feld select:focus,
.kontakt-feld textarea:focus{
  outline:none; border-color:var(--cta); box-shadow:0 0 0 3px rgba(3,105,161,.16);
}

.kontakt-mehrfach{ position:relative; }
.kontakt-feld-titel{ font-size:.85rem; font-weight:700; color:var(--navy); }
.kontakt-feld-titel span{ font-weight:600; color:var(--slate-400); }

.kontakt-klapp summary{
  list-style:none; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:12px 14px; border-radius:12px;
  border:1.5px solid var(--line-strong); background:var(--white);
  font-size:.95rem; color:var(--slate-400);
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.kontakt-klapp summary::-webkit-details-marker{ display:none; }
.kontakt-klapp summary::after{
  content:""; flex:none; width:8px; height:8px; margin-right:2px;
  border-right:2px solid var(--slate); border-bottom:2px solid var(--slate);
  transform:rotate(45deg) translate(-2px,-2px);
  transition:transform .22s var(--ease);
}
.kontakt-klapp[open] summary::after{ transform:rotate(-135deg) translate(-2px,-2px); }
.kontakt-klapp[open] summary,
.kontakt-klapp summary:focus-visible{
  outline:none; border-color:var(--cta); box-shadow:0 0 0 3px rgba(3,105,161,.16);
}

.kontakt-klapp summary.ist-gewaehlt{ color:var(--text); font-weight:600; }

.kontakt-klapp-liste{
  position:absolute; z-index:5; left:0; right:0; margin-top:6px;
  display:flex; flex-direction:column; gap:2px;
  padding:8px; border-radius:12px;
  background:var(--white); border:1.5px solid var(--line-strong);
  box-shadow:0 20px 44px -18px rgba(15,23,42,.34);
}
.kontakt-klapp-liste label{
  display:flex; align-items:center; gap:10px;
  padding:8px 10px; border-radius:9px; cursor:pointer;
  font-size:.9rem; font-weight:600; color:var(--text);
}
.kontakt-klapp-liste label:hover{ background:var(--bg-soft); }
.kontakt-klapp-liste input{
  flex:none; width:17px; height:17px; margin:0; accent-color:var(--cta); cursor:pointer;
}

.kontakt-fuss{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px 20px; margin-top:4px;
}
.kontakt-datenschutz{
  margin:0; flex:1; min-width:min(100%,260px);
  font-size:.8rem; line-height:1.5; color:var(--text-soft);
}
.kontakt-datenschutz a{ color:var(--cta); }

.kontakt-karte{
  display:flex; flex-direction:column;
  padding:24px 22px; border-radius:var(--radius-lg);
  background:linear-gradient(165deg,var(--nacht) 0%,#16243A 100%);
  color:#E2E8F0; box-shadow:var(--schatten-karte);
}
.kontakt-karte h3{
  margin:0 0 18px; font-size:1.05rem; font-weight:800; color:#fff;
}
.kontakt-wege{
  list-style:none; margin:0; padding:0; flex:1;
  display:flex; flex-direction:column; justify-content:space-evenly; gap:16px;
}
.kontakt-wege li,
.kontakt-zeiten{ display:flex; align-items:flex-start; gap:12px; }
.kontakt-ic{
  flex:none; width:36px; height:36px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  background:rgba(6,182,212,.16); color:var(--cyan);
}
.kontakt-ic svg{ width:18px; height:18px; }
.kontakt-wege-txt{ display:flex; flex-direction:column; gap:2px; font-size:.92rem; color:#E2E8F0; }
.kontakt-wege-txt small{ font-size:.74rem; font-weight:700; letter-spacing:.03em; color:#8FA3BC; }
.kontakt-wege-txt a{ color:#fff; font-weight:700; font-size:1.2rem; line-height:1.3; text-decoration:none; word-break:break-word; }
.kontakt-wege-txt a:hover{ color:var(--cyan); }

.kontakt-zeiten{
  margin-top:18px; padding-top:18px; border-top:1px solid rgba(148,163,184,.22);
}

@media (max-width:560px){
  .kontakt-form{ padding:20px 16px; }
  .kontakt-fuss .btn{ width:100%; }
  .kontakt-karte{ padding:20px 18px; }
}

.page-cta{ background:var(--bg-soft); }
.page-cta-inner{ text-align:center; max-width:640px; margin-inline:auto; }
.page-cta-inner h2{ margin:0 0 10px; }
.page-cta-inner p{ color:var(--text-soft); margin:0 0 26px; }
.page-cta-actions{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }

.cta-boxen{
  display:grid; gap:20px; max-width:840px; margin-inline:auto;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
}
.cta-box{
  display:flex; flex-direction:column; gap:11px;
  padding:28px 26px; border-radius:var(--radius-lg);
  background:var(--white); border:1px solid var(--line);
  box-shadow:var(--schatten-karte);
}
.cta-box h3{ margin:0; font-size:1.12rem; line-height:1.3; color:var(--navy); }
.cta-box p{ margin:0; flex:1; font-size:.95rem; line-height:1.6; color:var(--text-soft); }
.cta-box .btn{ margin-top:6px; }
.cta-box-ic{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:14px;
  background:var(--cta-soft); color:var(--cta);
}
.cta-box-ic svg{ width:23px; height:23px; }

.cta-box-akzent{ border-color:var(--cta); box-shadow:0 22px 48px -22px rgba(3,105,161,.4); }
.cta-box-akzent .cta-box-ic{ background:var(--verlauf); color:#fff; }

.final-cta-head{ text-align:center; max-width:640px; margin:0 auto 28px; }
.final-cta-head p{ color:#B6C2D2; margin:14px 0 0; }
.cta-boxen-dunkel .cta-box{
  background:rgba(255,255,255,.06); border:1px solid rgba(148,163,184,.22);
  box-shadow:none; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.cta-boxen-dunkel .cta-box h3{ color:#fff; }
.cta-boxen-dunkel .cta-box p{ color:#B6C2D2; }
.cta-boxen-dunkel .cta-box-ic{ background:rgba(6,182,212,.16); color:var(--cyan); }
.cta-boxen-dunkel .cta-box-akzent{
  border-color:rgba(6,182,212,.5); background:rgba(6,182,212,.10);
}
.cta-boxen-dunkel .cta-box-akzent .cta-box-ic{ background:var(--verlauf); color:#fff; }
.final-cta-note{ margin-top:20px; text-align:center; font-size:.8rem; color:#8FA3BC; }

.section-head h2{ letter-spacing:-.022em; }
.problem-card, .step-card, .tpl-card, .price-card, .meet-card{
  border-radius:var(--radius-lg);
  transition:transform .28s var(--ease), box-shadow .28s var(--ease);
}
.problem-card:hover, .step-card:hover, .tpl-card:hover{
  transform:translateY(-3px);
  box-shadow:0 22px 48px -22px rgba(15,23,42,.26);
}

.blendet-ein{
  opacity:0; transform:translateY(18px);
  transition:opacity .6s var(--ease), transform .6s var(--ease);
}
.blendet-ein.ist-sichtbar{ opacity:1; transform:none; }
.verzug-1{ transition-delay:.07s; }
.verzug-2{ transition-delay:.14s; }
.verzug-3{ transition-delay:.21s; }

@media (prefers-reduced-motion:reduce){
  .blendet-ein{ opacity:1; transform:none; transition:none; }
  .demo-mic, .demo-tap, .demo-transkript::after, .hero-chip, .ill-welle i,
  .kreis-mitte svg{ animation:none; }
  .kreis-punkt, .kreis-ic, .ill-kachel{ transition:none; }
  .wechselt{ animation:none; }
  .ill-lade i{ transition:none; }
  .ill-btn, .ill-punkte i{ animation:none; }
  .vertrauen-zeile::before, .vertrauen-haken, .vertrauen-ic{ transition:none; }
  .demo-doc.blendet-doc > *{ animation:none; }
  .demo-step{ transition:none; }
  .hub-card:hover, .problem-card:hover, .step-card:hover, .tpl-card:hover{ transform:none; }
}

@media (max-width:1080px){
  .hero-chips{ right:-2%; }
  .hero-chip{ font-size:.75rem; padding:8px 12px; }
  .hero-v2 .hero-visual{ padding-right:clamp(0px,6%,48px); }
}
@media (max-width:900px){
  .phone{ width:min(340px,84vw); }
  .hero-v2 .hero-visual{ padding-right:0; }

  .hero-chips{
    position:static; transform:none; flex-direction:row; flex-wrap:wrap;
    align-items:center; justify-content:center;
    gap:9px; margin-top:22px; pointer-events:auto;
  }
  .hero-chip{ animation:none; }
  .hero-visual{ flex-direction:column; }
}
@media (max-width:640px){
  .phone{ width:min(300px,80vw); }
  .phone-screen{ border-radius:30px; }
  .phone-frame{ padding:9px; border-radius:40px; }
  .wave-canvas{ height:54px; }
  .hero-chip{ font-size:.78rem; padding:8px 12px; }
  .page-head h1{ font-size:clamp(1.7rem,7vw,2.2rem); }
}

.about-grid{ grid-template-columns:1fr; }
.about-copy{ max-width:820px; }