/* ===========================================================================
   Tagwerkstatt – Werbeseite
   Farbpsychologie: Navy trägt Ruhe und Verlässlichkeit (Arbeitszeiten sind
   Lohn), Amber ist die einzige Signalfarbe und gehört ausschließlich der
   Handlung „Anmelden“ (Von-Restorff-Effekt: das Andersartige wird gesehen).
   Grün steht nur für Erledigtes. Viel Weißraum senkt die kognitive Last;
   Bewegung zeigt, was das Produkt tut, und ruht bei „Bewegung reduzieren“.
   =========================================================================== */
:root{
  --ink:#0b1b2e; --navy:#0d3e68; --navy-800:#0a2e50; --navy-900:#071d33; --navy-950:#04111f;
  --amber:#f69d15; --amber-300:#ffd48a; --amber-600:#e0820a; --on-amber:#2b1a00;
  --himmel:#6ec1e4; --gruen:#22c55e; --gruen-300:#6ee7a8; --blau:#3b82f6;
  --papier:#f6f8fb; --flaeche:#ffffff; --linie:#e4e9f0; --leise:#5b6b7d;
  --r:16px; --r-gross:24px;
  --schatten:0 1px 2px rgba(7,29,51,.06),0 8px 24px -8px rgba(7,29,51,.14);
  --schatten-gross:0 30px 80px -24px rgba(4,17,31,.55);
  --disp:'Sora','Inter',system-ui,sans-serif;
  --text:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --weich:cubic-bezier(.22,.61,.36,1);
  --feder:cubic-bezier(.34,1.56,.64,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body.wk{margin:0;font-family:var(--text);color:var(--ink);background:var(--flaeche);line-height:1.6;
  font-size:1.0625rem;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}
.wk h1,.wk h2,.wk h3{font-family:var(--disp);letter-spacing:-.025em;line-height:1.12;margin:0 0 .5em;color:var(--ink);}
.wk h2{font-size:clamp(1.9rem,1.2rem + 2.4vw,2.9rem);font-weight:800;}
.wk h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;}
.wk p{margin:0 0 1em;}
.wk a{color:inherit;}
.wk ::selection{background:var(--amber);color:var(--on-amber);}
.wk-wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto;}
.wk-wrap--schmal{width:min(820px,100% - 2.5rem);}
.wk-ic{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:-.2em;}
.wk-skip{position:absolute;left:-9999px;top:.5rem;z-index:100;background:#fff;color:var(--ink);padding:.6rem 1rem;border-radius:10px;}
.wk-skip:focus{left:.75rem;}
.wk :focus-visible{outline:3px solid var(--amber);outline-offset:3px;border-radius:8px;}

.wk-vorschau{position:relative;z-index:60;background:#fff7e6;color:#6b3f00;font-size:.88rem;text-align:center;padding:.45rem 1rem;border-bottom:1px solid #f4d7a1;}
.wk-vorschau a{font-weight:600;text-decoration:underline;}

/* ---- Buttons ------------------------------------------------------------ */
.wk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font:600 1rem/1 var(--text);text-decoration:none;border-radius:14px;padding:.95rem 1.4rem;cursor:pointer;
  border:1.5px solid transparent;transition:transform .2s var(--weich),box-shadow .25s var(--weich),background .2s,border-color .2s,color .2s;
  -webkit-tap-highlight-color:transparent;isolation:isolate;overflow:hidden;white-space:nowrap;}
.wk-btn .wk-ic{transition:transform .25s var(--weich);}
.wk-btn:hover .wk-ic{transform:translateX(3px);}
.wk-btn:active{transform:scale(.97);}
.wk .wk-btn--primaer{background:linear-gradient(135deg,var(--amber-300),var(--amber) 55%,var(--amber-600));color:var(--on-amber);
  box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 12px 28px -10px rgba(246,157,21,.7);}
.wk-btn--primaer:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 18px 36px -12px rgba(246,157,21,.8);}
.wk .wk-btn--geist{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28);backdrop-filter:blur(6px);}
.wk-btn--geist:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);}
.wk-btn--gross{padding:1.1rem 1.7rem;font-size:1.06rem;min-height:56px;}
.wk-btn--klein{padding:.62rem 1rem;font-size:.92rem;border-radius:12px;}
/* Lichtkante, die einmal über den Hauptknopf zieht – lenkt den Blick, ohne zu drängen. */
.wk-btn[data-glanz]::after{content:"";position:absolute;inset:-40% auto -40% -60%;width:40%;z-index:-1;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);
  animation:wk-glanz 5.5s var(--weich) 1.6s infinite;}
@keyframes wk-glanz{0%{left:-60%;}22%,100%{left:130%;}}

/* ---- Navigation --------------------------------------------------------- */
.wk-nav{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s,border-color .3s;
  background:rgba(7,29,51,.55);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08);}
.wk-nav.ist-gescrollt{background:rgba(7,29,51,.86);box-shadow:0 10px 30px -18px rgba(0,0,0,.6);}
.wk-nav__innen{display:flex;align-items:center;gap:1.5rem;height:68px;}
.wk .wk-marke{display:inline-flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font:800 1.2rem/1 var(--disp);letter-spacing:-.02em;}
.wk .wk-marke--klein{font-size:1rem;color:var(--ink);}
.wk-logo{display:block;filter:drop-shadow(0 6px 14px rgba(246,157,21,.35));}
.wk-nav__links{display:flex;gap:.3rem;margin-left:auto;}
.wk-nav__links a{color:#c9d8e8;text-decoration:none;font-weight:500;font-size:.95rem;padding:.5rem .8rem;border-radius:10px;transition:color .2s,background .2s;}
.wk-nav__links a:hover{color:#fff;background:rgba(255,255,255,.08);}

/* ---- Hero ---------------------------------------------------------------- */
.wk-hero{position:relative;color:#fff;overflow:hidden;margin-top:-68px;padding:calc(68px + clamp(3rem,7vw,6.5rem)) 0 clamp(6rem,9vw,8.5rem);
  background:radial-gradient(120% 80% at 50% -10%,var(--navy-800),var(--navy-900) 55%,var(--navy-950));}
.wk-hero__licht{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.wk-hero__licht span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;will-change:transform;}
.wk-hero__licht span:nth-child(1){width:46vw;height:46vw;max-width:680px;max-height:680px;left:-12vw;top:-18vw;
  background:radial-gradient(circle,rgba(110,193,228,.55),transparent 65%);animation:wk-schweben 22s ease-in-out infinite;}
.wk-hero__licht span:nth-child(2){width:40vw;height:40vw;max-width:600px;max-height:600px;right:-10vw;top:-6vw;
  background:radial-gradient(circle,rgba(246,157,21,.45),transparent 65%);animation:wk-schweben 26s ease-in-out -8s infinite reverse;}
.wk-hero__licht span:nth-child(3){width:34vw;height:34vw;max-width:520px;max-height:520px;left:30vw;bottom:-22vw;
  background:radial-gradient(circle,rgba(34,197,94,.28),transparent 65%);animation:wk-schweben 30s ease-in-out -4s infinite;}
@keyframes wk-schweben{0%,100%{transform:translate(0,0) scale(1);}33%{transform:translate(4vw,3vw) scale(1.08);}66%{transform:translate(-3vw,2vw) scale(.95);}}
.wk-hero__raster{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent);}
.wk-hero__innen{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
.wk-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;color:#d7e5f3;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:.45rem .9rem;border-radius:999px;margin-bottom:1.6rem;}
.wk-puls{width:.55rem;height:.55rem;border-radius:50%;background:var(--amber);box-shadow:0 0 0 0 rgba(246,157,21,.6);animation:wk-puls 2.2s infinite;flex:none;}
.wk-puls--gruen{background:var(--gruen);box-shadow:0 0 0 0 rgba(34,197,94,.6);animation-name:wk-puls-gruen;}
@keyframes wk-puls{0%{box-shadow:0 0 0 0 rgba(246,157,21,.55);}70%{box-shadow:0 0 0 10px rgba(246,157,21,0);}100%{box-shadow:0 0 0 0 rgba(246,157,21,0);}}
@keyframes wk-puls-gruen{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55);}70%{box-shadow:0 0 0 9px rgba(34,197,94,0);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}}
.wk .wk-hero__titel{color:#fff;font-size:clamp(2.5rem,1.3rem + 4.6vw,4.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin-bottom:1.4rem;}
.wk-verlauf{background:linear-gradient(92deg,var(--amber-300),var(--amber) 30%,#ffc37a 55%,var(--amber-300) 80%,var(--amber));background-size:200% auto;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:wk-verlauf 9s linear infinite;}
@keyframes wk-verlauf{to{background-position:200% center;}}
.wk-hero__sub{font-size:clamp(1.05rem,.95rem + .45vw,1.25rem);color:#c3d3e4;max-width:36rem;line-height:1.65;margin-bottom:2.2rem;}
.wk-hero__knoepfe{display:flex;gap:.9rem;flex-wrap:wrap;}
.wk-hero__knoepfe--mitte{justify-content:center;}
.wk-hero__vorteile{list-style:none;padding:0;margin:2rem 0 0;display:flex;gap:.6rem 1.4rem;flex-wrap:wrap;font-size:.92rem;color:#aac0d6;}
.wk-hero__vorteile li{display:inline-flex;align-items:center;gap:.4rem;}
.wk-hero__vorteile .wk-ic{color:var(--gruen-300);}
.wk-hero__welle{position:absolute;left:0;right:0;bottom:-1px;height:90px;pointer-events:none;}
.wk-hero__welle svg{width:100%;height:100%;display:block;fill:var(--flaeche);}

/* ---- Gerät (Illustration im Hero) ---------------------------------------- */
.wk-hero__buehne{position:relative;perspective:1400px;}
.wk-geraet{position:relative;margin-inline:auto;width:min(430px,100%);border-radius:28px;padding:12px;
  background:linear-gradient(160deg,rgba(255,255,255,.2),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.18);
  box-shadow:var(--schatten-gross),0 0 0 1px rgba(0,0,0,.2) inset;transform-style:preserve-3d;
  transform:rotateY(-9deg) rotateX(5deg);transition:transform .6s var(--weich);animation:wk-schwebt 7s ease-in-out infinite;}
@keyframes wk-schwebt{0%,100%{translate:0 0;}50%{translate:0 -10px;}}
.wk-geraet__kopf{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem .75rem;color:#d7e5f3;font-size:.8rem;}
.wk-geraet__punkte{display:flex;gap:5px;}
.wk-geraet__punkte i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.25);}
.wk-geraet__titel{font-weight:600;}
.wk-geraet__status{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;color:#bdf5d3;font-weight:600;}
.wk-geraet__inhalt{background:#fff;border-radius:20px;padding:1.5rem 1.4rem 1.3rem;color:var(--ink);display:flex;flex-direction:column;align-items:center;gap:1rem;}
.wk-geraet__gruss{margin:0;font:700 1.05rem/1.2 var(--disp);align-self:flex-start;color:var(--navy);}
.wk-ring{position:relative;width:196px;height:196px;}
.wk-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.wk-ring circle{fill:none;stroke-width:10;stroke-linecap:round;}
.wk-ring__spur{stroke:#edf2f7;}
.wk-ring__wert{stroke-dasharray:314.16;stroke-dashoffset:314.16;transition:stroke-dashoffset 2.4s var(--weich) .5s;}
.ist-sichtbar .wk-ring__wert,html:not(.js) .wk-ring__wert{stroke-dashoffset:52;}
.wk-ring__mitte{position:absolute;inset:0;display:grid;place-content:center;text-align:center;}
.wk-ring__mitte strong{font:800 2rem/1 var(--disp);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--navy-900);}
.wk-ring__mitte span{font-size:.78rem;color:var(--leise);margin-top:.35rem;}
.wk-geraet__knopf{width:100%;text-align:center;font-weight:700;padding:.85rem;border-radius:14px;color:#fff;
  background:linear-gradient(135deg,#fb7185,#e11d48);box-shadow:0 12px 24px -12px rgba(225,29,72,.7);}
.wk-woche{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;width:100%;height:78px;align-items:end;padding-top:.2rem;}
.wk-woche__tag{display:flex;flex-direction:column;align-items:center;gap:.3rem;height:100%;justify-content:flex-end;}
.wk-woche__tag span{width:100%;max-width:34px;border-radius:8px 8px 4px 4px;height:0;background:linear-gradient(180deg,#60a5fa,var(--navy));
  transition:height 1.2s var(--feder);}
.wk-woche__tag:nth-child(2) span{transition-delay:.1s}.wk-woche__tag:nth-child(3) span{transition-delay:.2s}
.wk-woche__tag:nth-child(4) span{transition-delay:.3s}.wk-woche__tag:nth-child(5) span{transition-delay:.4s;background:linear-gradient(180deg,var(--gruen-300),var(--gruen));}
.ist-sichtbar .wk-woche__tag span,html:not(.js) .wk-woche__tag span{height:calc(var(--h) * .62);}
.wk-woche__tag small{font-size:.7rem;color:var(--leise);font-weight:600;}

.wk-chips{position:absolute;inset:0;pointer-events:none;}
.wk-chip{position:absolute;display:flex;align-items:center;gap:.65rem;padding:.7rem .95rem;border-radius:14px;background:rgba(255,255,255,.96);
  color:var(--ink);font-size:.82rem;line-height:1.3;box-shadow:0 18px 40px -16px rgba(4,17,31,.6);opacity:0;
  transform:translateY(14px) scale(.96);transition:opacity .5s var(--weich),transform .6s var(--feder);max-width:250px;}
.wk-chip b{display:block;font-weight:700;font-size:.86rem;}
.wk-chip .wk-ic{width:34px;height:34px;padding:7px;border-radius:10px;}
.wk-chip--gruen .wk-ic{background:#dcfce7;color:#15803d;}
.wk-chip--blau .wk-ic{background:#dbeafe;color:#1d4ed8;}
.wk-chip--amber .wk-ic{background:#fef3c7;color:#b45309;}
.wk-chip:nth-child(odd){left:-7%;}
.wk-chip:nth-child(even){right:-7%;}
.wk-chip:nth-child(1){top:31%;}
.wk-chip:nth-child(2){top:15%;}
.wk-chip:nth-child(3){bottom:7%;}
.wk-chip:nth-child(4){top:47%;}
.wk-chip.ist-aktiv{opacity:1;transform:none;}
html:not(.js) .wk-chip:nth-child(1),html:not(.js) .wk-chip:nth-child(4){opacity:1;transform:none;}

/* ---- Laufband Recht ------------------------------------------------------ */
.wk-band{padding:2.4rem 0 1.4rem;text-align:center;}
.wk-band__titel{font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--leise);margin-bottom:1.2rem;}
.wk-laufband{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}
.wk-laufband__spur{display:flex;width:max-content;animation:wk-laufen 38s linear infinite;}
.wk-laufband:hover .wk-laufband__spur{animation-play-state:paused;}
.wk-laufband ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0 .5rem;}
.wk-laufband li{white-space:nowrap;border:1px solid var(--linie);background:var(--papier);border-radius:999px;padding:.6rem 1.1rem;color:var(--leise);font-size:.95rem;}
.wk-laufband li b{color:var(--navy);margin-right:.35rem;}
@keyframes wk-laufen{to{transform:translateX(-50%);}}

/* ---- Abschnitte ---------------------------------------------------------- */
.wk-abschnitt{padding:clamp(4.5rem,8vw,7.5rem) 0;}
.wk-abschnitt--hell{background:var(--papier);}
.wk-kopf{text-align:center;max-width:900px;margin:0 auto clamp(2.5rem,5vw,4rem);}
.wk-kopf p:not(.wk-kicker){color:var(--leise);font-size:1.12rem;max-width:720px;margin-inline:auto;}
.wk-kicker{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-600);margin-bottom:.9rem !important;}
.wk .wk-kicker--hell{color:#9fd3ee;}

/* Vorher / Nachher */
.wk-vergleich{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:980px;margin:0 auto;}
.wk-vergleich__karte{border-radius:var(--r-gross);padding:2rem 2rem 1.6rem;border:1px solid var(--linie);}
.wk-vergleich__karte ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.95rem;}
.wk-vergleich__karte li{display:flex;gap:.75rem;align-items:flex-start;line-height:1.45;}
.wk-vergleich__karte .wk-ic{width:24px;height:24px;padding:4px;border-radius:50%;margin-top:.05rem;}
.wk-vergleich__karte--alt{background:var(--papier);color:var(--leise);}
.wk-vergleich__karte--alt h3{color:var(--leise);}
.wk-vergleich__karte--alt .wk-ic{background:#fee2e2;color:#b91c1c;}
.wk-vergleich__karte--neu{background:linear-gradient(160deg,#fff,#f3f8ff);border-color:#cfe0f5;box-shadow:var(--schatten);position:relative;}
.wk-vergleich__karte--neu::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:linear-gradient(135deg,var(--amber),transparent 40%,var(--himmel));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;}
.wk-vergleich__karte--neu h3{color:var(--navy);}
.wk-vergleich__karte--neu .wk-ic{background:#dcfce7;color:#15803d;}
.wk-vergleich__karte li{opacity:1;transition:opacity .5s var(--weich),transform .5s var(--weich);}
.js .wk-vergleich__karte:not(.ist-sichtbar) li{opacity:0;transform:translateX(-8px);}
.wk-vergleich__karte li:nth-child(2){transition-delay:.08s}.wk-vergleich__karte li:nth-child(3){transition-delay:.16s}
.wk-vergleich__karte li:nth-child(4){transition-delay:.24s}.wk-vergleich__karte li:nth-child(5){transition-delay:.32s}

/* Funktionen (Bento) */
.wk-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;}
.wk-kachel{position:relative;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r-gross);padding:1.7rem;
  box-shadow:0 1px 2px rgba(7,29,51,.04);transition:transform .35s var(--weich),box-shadow .35s var(--weich),border-color .3s;overflow:hidden;}
.wk-kachel:hover{transform:translateY(-4px);box-shadow:var(--schatten);border-color:#d4deea;}
.wk-kachel--gross{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;background:linear-gradient(165deg,#fff,#f4f8fd);}
.wk-kachel--breit{grid-column:span 2;}
.wk-kachel__ic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:1.1rem;
  background:linear-gradient(135deg,#eaf2fb,#dbe8f6);color:var(--navy);transition:transform .4s var(--feder);}
.wk-kachel:hover .wk-kachel__ic{transform:rotate(-6deg) scale(1.08);}
.wk-kachel__ic .wk-ic{width:24px;height:24px;}
.wk-kachel p{color:var(--leise);font-size:.98rem;margin:0;}
.wk-kachel--gross h3{font-size:1.5rem;}
.wk-kachel--gross p{font-size:1.05rem;max-width:30rem;}
.wk-stempel{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;padding:2rem 0 .5rem;}
.wk-stempel__flaeche{position:relative;display:grid;place-items:center;width:190px;height:190px;}
.wk-stempel__knopf{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;
  width:150px;height:150px;border-radius:50%;font:700 1.02rem/1.1 var(--text);color:#fff;cursor:default;
  background:radial-gradient(circle at 35% 30%,#1d6fb8,var(--navy) 55%,var(--navy-900));
  box-shadow:0 0 0 8px #fff,0 0 0 9px var(--linie),0 22px 40px -16px rgba(7,29,51,.6);animation:wk-tippen 4.2s var(--weich) infinite;}
.wk-stempel__knopf .wk-ic{width:34px;height:34px;}
.wk-stempel__welle{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;
  border:2px solid rgba(34,197,94,.55);animation:wk-welle 4.2s var(--weich) infinite;}
.wk-stempel__verlauf{list-style:none;margin:0;padding:0;display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;}
.wk-stempel__verlauf li{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:600;color:var(--ink);background:#fff;
  border:1px solid var(--linie);border-radius:999px;padding:.45rem .8rem;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px rgba(7,29,51,.05);
  opacity:0;transform:translateY(8px);transition:opacity .5s var(--weich),transform .5s var(--feder);}
.wk-stempel__verlauf li i{width:.55rem;height:.55rem;border-radius:50%;background:var(--c);}
.ist-sichtbar .wk-stempel__verlauf li,html:not(.js) .wk-stempel__verlauf li{opacity:1;transform:none;}
.wk-stempel__verlauf li:nth-child(2){transition-delay:.25s}.wk-stempel__verlauf li:nth-child(3){transition-delay:.5s}
.wk-stempel__zeit{font-size:.85rem;color:var(--leise);}
@keyframes wk-tippen{0%,18%,100%{transform:scale(1);}22%{transform:scale(.94);}30%{transform:scale(1.02);}36%{transform:scale(1);}}
@keyframes wk-welle{0%,20%{transform:scale(1);opacity:.9;}70%,100%{transform:scale(1.35);opacity:0;}}
.wk-plan{display:flex;flex-direction:column;gap:.55rem;margin-top:1.3rem;}
.wk-plan div{display:flex;align-items:center;gap:.7rem;}
.wk-plan small{width:1.6rem;color:var(--leise);font-weight:600;font-size:.75rem;}
.wk-plan i{display:block;height:12px;border-radius:999px;width:0;background:var(--c);opacity:.85;transition:width 1.3s var(--weich);}
.ist-sichtbar .wk-plan i,html:not(.js) .wk-plan i{width:var(--w);}
.wk-plan div:nth-child(2) i{transition-delay:.12s}.wk-plan div:nth-child(3) i{transition-delay:.24s}.wk-plan div:nth-child(4) i{transition-delay:.36s}

/* Zahlen */
.wk-zahlen{background:var(--navy-900);color:#fff;padding:clamp(3rem,6vw,4.5rem) 0;position:relative;overflow:hidden;}
.wk-zahlen::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 120% at 15% 0%,rgba(246,157,21,.18),transparent 60%),radial-gradient(40% 120% at 90% 100%,rgba(110,193,228,.18),transparent 60%);}
.wk-zahlen__raster{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:center;}
.wk-zahlen strong{display:block;font:800 clamp(2.6rem,2rem + 2.5vw,3.6rem)/1 var(--disp);letter-spacing:-.03em;margin-bottom:.5rem;
  background:linear-gradient(180deg,#fff,#b9cde2);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.wk-zahlen span:not([data-zaehler]){color:#a9bfd5;font-size:.98rem;}

/* Ablauf */
.wk-schritte{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;counter-reset:s;}
.wk-schritte::before{content:"";position:absolute;top:32px;left:16%;right:16%;height:2px;background:var(--linie);}
.wk-schritte::after{content:"";position:absolute;top:32px;left:16%;height:2px;width:0;background:linear-gradient(90deg,var(--amber),var(--gruen));
  transition:width 1.8s var(--weich) .3s;}
.wk-schritte.ist-sichtbar::after,html:not(.js) .wk-schritte::after{width:68%;}
.wk-schritte li{position:relative;text-align:center;padding:0 .5rem;}
.wk-schritte__nr{position:relative;z-index:1;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;margin-bottom:1.3rem;
  font:800 1.5rem/1 var(--disp);color:var(--navy);background:#fff;border:1.5px solid var(--linie);box-shadow:var(--schatten);}
.wk-schritte li:last-child .wk-schritte__nr{background:linear-gradient(135deg,var(--gruen-300),var(--gruen));color:#fff;border-color:transparent;}
.wk-schritte p{color:var(--leise);}

/* Rollen */
.wk-rollen{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch;}
.wk-rolle{background:#fff;border:1px solid var(--linie);border-radius:var(--r-gross);padding:2rem;box-shadow:0 1px 2px rgba(7,29,51,.04);
  transition:transform .35s var(--weich),box-shadow .35s var(--weich);}
.wk-rolle:hover{transform:translateY(-4px);box-shadow:var(--schatten);}
.wk-rolle--betont{background:linear-gradient(165deg,var(--navy),var(--navy-900));color:#dbe7f3;border-color:transparent;box-shadow:var(--schatten-gross);}
.wk-rolle--betont h3{color:#fff;}
.wk-rolle__ic{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eef4fb;color:var(--navy);margin-bottom:1.1rem;}
.wk-rolle--betont .wk-rolle__ic{background:rgba(255,255,255,.1);color:var(--amber-300);}
.wk-rolle__ic .wk-ic{width:26px;height:26px;}
.wk-rolle ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem;}
.wk-rolle li{position:relative;padding-left:1.6rem;line-height:1.5;}
.wk-rolle li::before{content:"";position:absolute;left:0;top:.45em;width:.95rem;height:.55rem;border-left:2.5px solid var(--gruen);border-bottom:2.5px solid var(--gruen);transform:rotate(-45deg) scale(.8);}

/* Sicherheit */
.wk-sicher{position:relative;overflow:hidden;color:#d6e3f0;padding:clamp(4.5rem,8vw,7.5rem) 0;
  background:radial-gradient(80% 90% at 20% 30%,var(--navy-800),var(--navy-950));}
.wk-sicher__innen{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.wk .wk-sicher h2{color:#fff;}
.wk-sicher__text > p{font-size:1.12rem;color:#aec3d8;max-width:34rem;}
.wk-sicher__liste{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;}
.wk-sicher__liste li{display:flex;gap:.8rem;align-items:flex-start;font-size:.95rem;line-height:1.45;}
.wk-sicher__liste .wk-ic{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#9fd3ee;}
.wk-sicher__liste b{display:block;color:#fff;font-weight:600;}
.wk-schild{position:relative;width:min(340px,70vw);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center;}
.wk-schild__ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(110,193,228,.35);animation:wk-ring 4.5s var(--weich) infinite;}
.wk-schild__ring:nth-child(2){animation-delay:1.5s;}
.wk-schild__ring:nth-child(3){animation-delay:3s;}
@keyframes wk-ring{0%{transform:scale(.35);opacity:0;}30%{opacity:1;}100%{transform:scale(1);opacity:0;}}
.wk-schild__kern{position:relative;width:42%;aspect-ratio:1;display:grid;place-items:center;border-radius:32%;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.2);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.6),0 0 80px -10px rgba(110,193,228,.35);color:var(--gruen-300);}
.wk-schild__kern .wk-ic{width:55%;height:55%;stroke-width:1.5;}

/* Fragen */
.wk-faq{display:flex;flex-direction:column;gap:.8rem;}
.wk-faq details{background:#fff;border:1px solid var(--linie);border-radius:18px;transition:box-shadow .3s,border-color .3s;}
.wk-faq details[open]{box-shadow:var(--schatten);border-color:#d4deea;}
.wk-faq summary{list-style:none;cursor:pointer;padding:1.2rem 1.4rem;font-weight:600;font-size:1.05rem;display:flex;align-items:center;gap:1rem;}
.wk-faq summary::-webkit-details-marker{display:none;}
.wk-faq summary::after{content:"";margin-left:auto;flex:none;width:12px;height:12px;border-right:2.2px solid var(--navy);border-bottom:2.2px solid var(--navy);
  transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s var(--weich);}
.wk-faq details[open] summary::after{transform:rotate(225deg) translate(-3px,-3px);}
.wk-faq details p{padding:0 1.4rem 1.3rem;margin:0;color:var(--leise);animation:wk-auf .35s var(--weich);}
@keyframes wk-auf{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}

/* Abschluss */
.wk-schluss{position:relative;overflow:hidden;text-align:center;color:#fff;padding:clamp(5rem,9vw,8rem) 0;
  background:radial-gradient(90% 120% at 50% 0%,var(--navy-800),var(--navy-950));}
.wk-schluss__innen{position:relative;display:flex;flex-direction:column;align-items:center;}
.wk-schluss .wk-logo{margin-bottom:1.5rem;}
.wk .wk-schluss h2{color:#fff;}
.wk-schluss p{color:#b7cadd;font-size:1.15rem;margin-bottom:2rem;}

/* Fuß */
.wk-fuss{border-top:1px solid var(--linie);padding:1.8rem 0;color:var(--leise);font-size:.92rem;}
.wk-fuss__innen{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;}
.wk-fuss nav{display:flex;gap:1.3rem;margin-left:auto;}
.wk-fuss a{text-decoration:none;}
.wk-fuss a:hover{color:var(--ink);text-decoration:underline;}

/* ---- Einblenden beim Scrollen -------------------------------------------- */
.js [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--weich),transform .8s var(--weich);
  transition-delay:calc(var(--i,0) * 90ms);}
.js [data-reveal].ist-sichtbar{opacity:1;transform:none;}

/* ---- Responsiv ----------------------------------------------------------- */
@media (max-width:1020px){
  .wk-hero__innen{grid-template-columns:1fr;}
  .wk-hero__text{text-align:center;}
  .wk-hero__sub{margin-inline:auto;}
  .wk-hero__knoepfe,.wk-hero__vorteile{justify-content:center;}
  .wk-hero__buehne{max-width:520px;margin:1rem auto 0;width:100%;}
  .wk-bento{grid-template-columns:repeat(2,1fr);}
  .wk-sicher__innen{grid-template-columns:1fr;}
  .wk-sicher__bild{order:-1;}
  .wk-schild{width:min(240px,60vw);}
}
@media (max-width:860px){
  .wk-nav__links{display:none;}
  .wk-nav__innen .wk-btn{margin-left:auto;}
  .wk-vergleich,.wk-rollen{grid-template-columns:1fr;}
  .wk-zahlen__raster{grid-template-columns:1fr 1fr;row-gap:2.2rem;}
  .wk-schritte{grid-template-columns:1fr;gap:2.2rem;}
  .wk-schritte::before,.wk-schritte::after{display:none;}
  .wk-sicher__liste{grid-template-columns:1fr;}
}
@media (max-width:560px){
  body.wk{font-size:1rem;}
  .wk-bento{grid-template-columns:1fr;}
  .wk-kachel--gross,.wk-kachel--breit{grid-column:auto;grid-row:auto;}
  .wk-hero__knoepfe .wk-btn{width:100%;}
  .wk-chip{max-width:210px;font-size:.76rem;padding:.55rem .75rem;}
  .wk-chip:nth-child(odd){left:-2%;} .wk-chip:nth-child(even){right:-2%;}
  .wk-geraet{transform:none;}
  .wk-ring{width:170px;height:170px;}
  .wk-fuss nav{margin-left:0;width:100%;}
}

/* Bewegung reduzieren: Inhalte stehen sofort, nichts schwebt oder läuft. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;transition-delay:0s !important;}
  .wk-laufband__spur{animation:none !important;flex-wrap:wrap;width:auto;justify-content:center;}
  .wk-laufband ul[aria-hidden="true"]{display:none;}
  .wk-laufband ul{flex-wrap:wrap;justify-content:center;}
  .wk-laufband{mask-image:none;-webkit-mask-image:none;}
  .wk-geraet{animation:none;}
  .wk-chip:nth-child(1),.wk-chip:nth-child(4){opacity:1;transform:none;}
}

/* ---- Rundum betreut (Online-Dienst von strothmann.online) ---------------- */
.wk-betrieb{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
.wk-betrieb__text p{color:var(--leise);font-size:1.12rem;max-width:34rem;}
.wk-betrieb__text strong{color:var(--ink);}
.wk .wk-btn--dunkel{background:var(--navy-900);color:#fff;box-shadow:0 12px 26px -14px rgba(7,29,51,.7);margin-top:.6rem;}
.wk .wk-btn--dunkel:hover{background:var(--navy);transform:translateY(-2px);}
.wk-betrieb__liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem;}
.wk-betrieb__liste li{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--linie);border-radius:18px;padding:1.05rem 1.2rem;
  box-shadow:0 1px 2px rgba(7,29,51,.04);transition:transform .3s var(--weich),box-shadow .3s var(--weich);}
.wk-betrieb__liste li:hover{transform:translateX(4px);box-shadow:var(--schatten);}
.wk-betrieb__liste .wk-kachel__ic{margin:0;flex:none;width:44px;height:44px;}
.wk-betrieb__liste b{display:block;font-weight:650;margin-bottom:.1rem;}
.wk-betrieb__liste span{color:var(--leise);font-size:.96rem;line-height:1.5;}
.wk-betrieb__liste a,.wk-faq a{color:var(--navy);font-weight:600;}

/* ---- Fuß mit Anbieter und rechtlichen Seiten ------------------------------ */
.wk-fuss__anbieter{color:var(--leise);}
.wk-fuss__anbieter a{color:var(--ink);font-weight:600;}
.wk .wk-fuss__recht{display:flex;flex-wrap:wrap;gap:.2rem .35rem;margin-left:auto;align-items:center;}
.wk-fuss__recht span{color:#b3bfcc;}

/* ---- Rechtliche Seiten ---------------------------------------------------- */
.wk-recht{background:var(--papier);}
.wk-recht .wk-nav--fest{background:var(--navy-900);}
.wk-recht .wk-nav__links a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.12);}
.wk-recht__main{padding:clamp(2.5rem,6vw,4.5rem) 0 4rem;}
.wk-recht h1{font-size:clamp(2rem,1.4rem + 2vw,2.8rem);font-weight:800;letter-spacing:-.03em;margin-bottom:.4em;}
.wk-recht__einleitung{color:var(--leise);font-size:1.12rem;margin-bottom:2rem !important;}
.wk-recht__text{background:#fff;border:1px solid var(--linie);border-radius:22px;padding:clamp(1.4rem,4vw,2.6rem);box-shadow:var(--schatten);
  font-size:1rem;line-height:1.7;}
.wk-recht__text h2{font-size:1.18rem;font-weight:700;letter-spacing:-.015em;margin:2rem 0 .6rem;}
.wk-recht__text h2:first-child{margin-top:0;}
.wk-recht__text p,.wk-recht__text li{color:#2c3a4b;}
.wk-recht__text ol,.wk-recht__text ul{padding-left:1.3rem;margin:0 0 1em;display:flex;flex-direction:column;gap:.45rem;}
.wk-recht__text a{color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;}
.wk-recht__text h3{font-size:1rem;margin:1.2rem 0 .4rem;}
.wk-recht__tabelle{overflow-x:auto;margin:0 0 1.2rem;}
.wk-recht__tabelle table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:420px;}
.wk-recht__tabelle th,.wk-recht__tabelle td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--linie);}
.wk-recht__tabelle th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--leise);}
.wk-recht__text code{font-size:.9em;background:var(--papier);padding:.1rem .35rem;border-radius:6px;}
.wk-recht__stand{color:var(--leise);font-size:.9rem;margin-top:1.4rem;}
@media (max-width:1020px){ .wk-betrieb{grid-template-columns:1fr;} }
@media (max-width:860px){ .wk-recht .wk-nav__links{display:none;} .wk .wk-fuss__recht{margin-left:0;width:100%;} }
@media print{ .wk-nav,.wk-fuss{display:none;} .wk-recht__text{box-shadow:none;border:0;padding:0;} }

/* ---- Preise --------------------------------------------------------------- */
.wk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.wk-rechner{max-width:560px;margin:0 auto clamp(2rem,4vw,3rem);background:var(--papier);border:1px solid var(--linie);border-radius:var(--r-gross);padding:1.3rem 1.6rem;text-align:center;}
.wk-rechner label{display:block;font-weight:600;margin-bottom:.7rem;}
.wk-rechner__zeile{display:flex;align-items:center;gap:1rem;}
.wk-rechner input[type=range]{flex:1;accent-color:var(--amber);height:28px;cursor:pointer;}
.wk-rechner output{min-width:3.2ch;font:800 1.7rem/1 var(--disp);color:var(--navy);font-variant-numeric:tabular-nums;}
html:not(.js) .wk-rechner{display:none;}
.wk-preise{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch;}
.wk-preis{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--linie);border-radius:var(--r-gross);padding:2rem 1.8rem 1.8rem;
  box-shadow:0 1px 2px rgba(7,29,51,.04);transition:transform .35s var(--weich),box-shadow .35s var(--weich);}
.wk-preis:hover{transform:translateY(-4px);box-shadow:var(--schatten);}
.wk-preis--beliebt{background:linear-gradient(165deg,var(--navy),var(--navy-900));color:#dbe7f3;border-color:transparent;box-shadow:var(--schatten-gross);}
.wk .wk-preis--beliebt h3{color:#fff;}
.wk-preis__band{position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--amber-300),var(--amber));color:var(--on-amber);
  font:700 .78rem/1 var(--text);letter-spacing:.06em;text-transform:uppercase;padding:.45rem .9rem;border-radius:999px;box-shadow:0 8px 20px -8px rgba(246,157,21,.8);}
.wk-preis h3{font-size:1.35rem;margin-bottom:.2rem;}
.wk-preis__claim{color:var(--leise);font-size:.95rem;min-height:3em;}
.wk-preis--beliebt .wk-preis__claim,.wk-preis--beliebt .wk-preis__fuer{color:#aec3d8;}
.wk-preis__summe{margin:.4rem 0 0 !important;font:800 clamp(2.2rem,1.6rem + 1.6vw,2.8rem)/1.05 var(--disp);letter-spacing:-.03em;color:var(--navy);font-variant-numeric:tabular-nums;}
.wk-preis--beliebt .wk-preis__summe{color:#fff;}
.wk-preis__summe small{font:500 1rem/1 var(--text);letter-spacing:0;color:var(--leise);}
.wk-preis--beliebt .wk-preis__summe small{color:#aec3d8;}
.wk-preis__summe [data-summe]{display:inline-block;transition:transform .25s var(--feder);}
.wk-preis__summe .ist-neu{transform:scale(1.06);}
.wk-preis__fuer{font-size:.88rem;color:var(--leise);margin-bottom:1rem !important;}
.wk-preis__formel{font-size:.95rem;padding:.7rem .9rem;border-radius:12px;background:var(--papier);border:1px solid var(--linie);}
.wk-preis--beliebt .wk-preis__formel{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);}
.wk-preis__formel b{font-weight:700;color:var(--navy);}
.wk-preis--beliebt .wk-preis__formel b{color:var(--amber-300);}
.wk-preis ul{list-style:none;margin:.4rem 0 1.6rem;padding:0;display:flex;flex-direction:column;gap:.6rem;flex:1;}
.wk-preis li{position:relative;padding-left:1.6rem;line-height:1.45;font-size:.97rem;}
.wk-preis li::before{content:"";position:absolute;left:0;top:.42em;width:.95rem;height:.55rem;border-left:2.5px solid var(--gruen);border-bottom:2.5px solid var(--gruen);transform:rotate(-45deg) scale(.8);}
.wk-preis--beliebt li::before{border-color:var(--gruen-300);}
.wk-preis .wk-preis__alles{font-weight:600;}
.wk-preis .wk-btn{width:100%;}
.wk .wk-btn--rand{background:#fff;color:var(--navy);border-color:var(--linie);}
.wk .wk-btn--rand:hover{border-color:var(--navy);transform:translateY(-2px);}
.wk-preise__basis{margin:2.2rem auto 0;max-width:980px;display:flex;flex-direction:column;gap:.7rem;align-items:center;text-align:center;
  background:var(--papier);border:1px solid var(--linie);border-radius:var(--r);padding:1rem 1.4rem;}
.wk-preise__basis p{margin:0 !important;}
.wk-preise__basis ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.3rem;}
@media (max-width:560px){.wk-preise__basis{align-items:flex-start;text-align:left;}.wk-preise__basis ul{justify-content:flex-start;}}
.wk-preise__basis li{display:flex;gap:.4rem;align-items:center;font-size:.93rem;}
.wk-preise__basis .wk-ic{color:var(--gruen);}
.wk-preise__fuss{text-align:center;color:var(--leise);font-size:.88rem;max-width:860px;margin:1.3rem auto 0 !important;}
.wk-preise__fuss a{text-decoration:underline;}
@media (max-width:1020px){
  .wk-preise{grid-template-columns:1fr;max-width:520px;margin-inline:auto;}
  .wk-preis--beliebt{order:-1;}
  .wk-preis__claim{min-height:0;}
}

/* ---- Baukasten: Module selbst zusammenstellen ---------------------------- */
.wk-baukasten{margin:2.4rem auto 0;max-width:1100px;background:#fff;border:1px solid var(--linie);border-radius:var(--r-gross);padding:1.8rem 1.8rem 1.5rem;box-shadow:var(--schatten);}
.wk-baukasten__kopf h3{font-family:var(--disp);font-size:1.3rem;color:var(--navy);margin:0 0 .4rem;letter-spacing:-.01em;}
.wk-baukasten__kopf p{margin:0 0 1.2rem;color:var(--leise);font-size:.98rem;max-width:760px;}
.bk__module{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.65rem;}
.bk-modul{position:relative;display:flex;flex-direction:column;gap:.15rem;padding:.8rem .95rem .8rem 2.6rem;border:1.5px solid var(--linie);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s;}
.bk-modul input[type=checkbox]{position:absolute;left:.95rem;top:1rem;margin:0;width:1.05rem;height:1.05rem;accent-color:var(--amber);}
.bk-modul:has(input:checked){border-color:var(--amber);box-shadow:0 0 0 3px rgba(246,157,21,.14);}
.bk-modul--pflicht{cursor:default;background:var(--papier);}
.bk-modul__kopf{display:flex;justify-content:space-between;gap:.6rem;align-items:baseline;flex-wrap:wrap;}
.bk-modul__name{font-weight:700;color:var(--navy);font-size:.98rem;}
.bk-modul__name small{font-size:.68rem;font-weight:600;color:var(--leise);text-transform:uppercase;letter-spacing:.05em;margin-left:.3rem;}
.bk-modul__preis{font-size:.84rem;font-weight:700;white-space:nowrap;}
.bk-modul__text{font-size:.84rem;color:var(--leise);line-height:1.45;}
.bk-modul__text em{font-style:normal;color:var(--amber-600);}
.bk__summe{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:1rem 0 .2rem;color:var(--leise);}
.bk__summe strong{color:var(--navy);font-size:1.1rem;margin-left:.3rem;}
.bk__tipp{margin:.6rem 0 0;padding:.6rem .85rem;border-radius:12px;background:rgba(246,157,21,.12);font-size:.9rem;}
.wk-baukasten__fuss{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--linie);}
.wk-baukasten__gesamt{margin:0;font-size:1.02rem;}
.wk-baukasten__gesamt strong{font-family:var(--disp);font-size:1.6rem;color:var(--navy);margin-left:.2rem;}
@media (max-width:560px){.wk-baukasten{padding:1.3rem 1rem 1.1rem;}}

/* Raumscan (Zusatzpaket) */
.wk-raumscan{position:relative;overflow:hidden;color:#d6e3f0;padding:clamp(4.5rem,8vw,7.5rem) 0;
  background:radial-gradient(70% 90% at 85% 40%,#0f4a7a,transparent 70%),radial-gradient(80% 90% at 15% 20%,var(--navy-800),var(--navy-950));}
.wk-raumscan__innen{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.wk .wk-raumscan h2{color:#fff;}
.wk-raumscan .wk-kicker{color:var(--amber-300);}
.wk-raumscan__text > p{font-size:1.1rem;color:#aec3d8;max-width:36rem;}
.wk-raumscan__liste{list-style:none;margin:1.6rem 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;}
.wk-raumscan__liste li{display:flex;gap:.8rem;align-items:flex-start;font-size:.95rem;line-height:1.45;}
.wk-raumscan__liste .wk-ic{width:40px;height:40px;padding:9px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#9fd3ee;}
.wk-raumscan__liste b{display:block;color:#fff;font-weight:600;}
.wk .wk-raumscan__preis{font-size:1rem;color:#d6e3f0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.8rem 1rem;}
.wk-raumscan__preis b{color:#fff;}
.wk .wk-raumscan__fuss{font-size:.86rem;color:#8ea6be;margin-top:1rem;}
.wk-raumscan__bild{position:relative;display:grid;place-items:center;}
.wk-telefon{position:relative;width:min(300px,78vw);aspect-ratio:9/17;border-radius:42px;padding:18px 16px;overflow:hidden;
  background:linear-gradient(160deg,#10263d,#071524);border:1px solid rgba(255,255,255,.16);
  box-shadow:0 40px 90px -30px rgba(0,0,0,.75),inset 0 0 0 6px #0b1a2a;display:flex;flex-direction:column;gap:12px;}
.wk-telefon__kopf{display:flex;justify-content:space-between;align-items:baseline;color:#fff;font-weight:700;padding:14px 10px 0;}
.wk-telefon__kopf small{color:#8ea6be;font-weight:500;}
.wk-plan2d{width:100%;flex:1;}
.wk-plan2d text{fill:#9fd3ee;font:600 9px var(--text);}
.wk-plan2d .wk-plan2d__flaeche{fill:#fff;font-size:15px;font-weight:700;}
.wk-plan2d__wand{stroke:#e6f2fb;stroke-width:4;stroke-linejoin:round;fill:rgba(110,193,228,.08);stroke-dasharray:900;stroke-dashoffset:0;}
.wk-plan2d__tuer{stroke:var(--amber);stroke-width:5;}
.wk-plan2d__fenster{stroke:#6ec1e4;stroke-width:5;}
.wk-plan2d__mass{stroke:rgba(159,211,238,.5);stroke-width:1;stroke-dasharray:3 3;}
.js .ist-sichtbar .wk-plan2d__wand{animation:wk-zeichnen 2.4s var(--weich) both;}
@keyframes wk-zeichnen{from{stroke-dashoffset:900;}to{stroke-dashoffset:0;}}
.wk-telefon__strahl{position:absolute;left:0;right:0;top:20%;height:2px;background:linear-gradient(90deg,transparent,#6ec1e4,transparent);
  box-shadow:0 0 24px 6px rgba(110,193,228,.35);animation:wk-strahl 3.6s ease-in-out infinite;}
@keyframes wk-strahl{0%,100%{transform:translateY(0);opacity:.2;}50%{transform:translateY(240px);opacity:1;}}
.wk-telefon__werte{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 4px 8px;}
.wk-telefon__werte span{background:rgba(255,255,255,.06);border-radius:12px;padding:8px 6px;text-align:center;font-size:.72rem;color:#8ea6be;line-height:1.25;}
.wk-telefon__werte b{display:block;color:#fff;font-size:1.05rem;}
.wk-raumscan__karte{position:absolute;right:max(0px,calc(50% - 230px));bottom:27%;display:flex;gap:.6rem;align-items:center;background:#fff;color:var(--ink);
  border-radius:16px;padding:.7rem .95rem;box-shadow:var(--schatten-gross);font-size:.85rem;line-height:1.3;max-width:240px;}
.wk-raumscan__karte .wk-ic{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--gruen);color:#fff;}
.wk-raumscan__karte b{display:block;}
@media (max-width:1020px){ .wk-raumscan__innen{grid-template-columns:1fr;} .wk-raumscan__karte{right:0;} }
@media (max-width:560px){ .wk-raumscan__liste{grid-template-columns:1fr;} }

.wk-zusatz{margin:2rem auto 0;max-width:1100px;display:grid;grid-template-columns:auto 1fr auto auto;gap:1.2rem 1.6rem;align-items:center;
  background:linear-gradient(135deg,#f3f8fd,#fff);border:1px solid #d6e4f2;border-radius:var(--r-gross);padding:1.4rem 1.6rem;box-shadow:var(--schatten);}
.wk-zusatz__ic .wk-ic{width:52px;height:52px;padding:12px;border-radius:16px;background:var(--navy);color:#fff;}
.wk .wk-zusatz__marke{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-600);margin:0 0 .2rem;}
.wk-zusatz h3{margin-bottom:.25rem;}
.wk .wk-zusatz__text p:last-child{margin:0;color:var(--leise);font-size:.96rem;}
.wk .wk-zusatz__preis{margin:0;text-align:right;line-height:1.2;}
.wk-zusatz__preis b{display:block;font-family:var(--disp);font-size:1.6rem;color:var(--ink);}
.wk-zusatz__preis small{color:var(--leise);font-size:.8rem;}
@media (max-width:860px){ .wk-zusatz{grid-template-columns:auto 1fr;} .wk .wk-zusatz__preis{text-align:left;grid-column:1/-1;} .wk-zusatz .wk-btn{grid-column:1/-1;} }

/* ===========================================================================
   Kundengewinnung (Oktober 2026): Navigation, Vertrauen, Nutzen, Stimmen,
   Rückruf, Unterseiten, Werkzeuge, Einwilligung. Gleiche Farben und
   Bausteine wie oben; Amber bleibt die Signalfarbe – jetzt für den Test.
   =========================================================================== */
/* Navigation: Anmelden als ruhiger Textlink, Test-Knopf erst nach dem Hero */
.wk .wk-nav__login{color:#c9d8e8;text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem .7rem;border-radius:10px;white-space:nowrap;}
.wk .wk-nav__login:hover{color:#fff;background:rgba(255,255,255,.08);}
.wk-nav__links + .wk-nav__login{margin-left:.2rem;}
.wk-nav__test{transition:opacity .25s var(--weich),transform .25s var(--weich);}
.js .wk-start .wk-nav:not(.zeigt-test) .wk-nav__test{display:none;}
.wk-nav--fest{background:var(--navy-900);}

/* Hero */
.wk .wk-hero__titel{hyphens:manual;overflow-wrap:break-word;}
.wk-vertrauen{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;font-size:.95rem;color:#c3d3e4;}
.wk-vertrauen li{display:inline-flex;align-items:center;gap:.45rem;}
.wk-vertrauen .wk-ic{color:var(--gruen-300);flex:none;}
.wk-vertrauen--hell{color:var(--leise);}
.wk-vertrauen--hell .wk-ic{color:var(--gruen);}
.wk-anker{display:flex;align-items:flex-start;gap:.55rem;margin:1.1rem 0 0 !important;font-size:.95rem;color:#aac0d6;}
.wk-anker .wk-ic{color:var(--amber-300);margin-top:.15rem;}
.wk-anker b{color:#fff;}
.wk-anker a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.wk-anker--hell{color:var(--leise);}
.wk-anker--hell b,.wk-anker--hell a{color:var(--navy);}
.wk-anker--hell .wk-ic{color:var(--amber-600);}

/* Abschnitte */
.wk-abschnitt--eng{padding:clamp(3.5rem,6vw,5.5rem) 0;}

/* Nutzen in drei Karten */
.wk-nutzen{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;}
.wk-nutzen__karte{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linie);border-radius:var(--r-gross);padding:1.7rem 1.6rem 1.4rem;
  box-shadow:0 1px 2px rgba(7,29,51,.04);transition:transform .3s var(--weich),box-shadow .3s var(--weich);}
.wk-nutzen__karte:hover{transform:translateY(-4px);box-shadow:var(--schatten);}
.wk-nutzen__karte h3{font-size:1.3rem;}
.wk-nutzen__karte > p{color:var(--leise);}
.wk-nutzen__karte ul{list-style:none;margin:0 0 1.2rem;padding:0;display:flex;flex-direction:column;gap:.55rem;flex:1;}
.wk-nutzen__karte li{position:relative;padding-left:1.6rem;line-height:1.45;font-size:.97rem;}
.wk-nutzen__karte li::before{content:"";position:absolute;left:0;top:.42em;width:.95rem;height:.55rem;border-left:2.5px solid var(--gruen);border-bottom:2.5px solid var(--gruen);transform:rotate(-45deg);}
.wk .wk-nutzen__link{display:inline-flex;align-items:center;gap:.35rem;color:var(--navy);font-weight:600;text-decoration:none;}
.wk-nutzen__link:hover{text-decoration:underline;}

/* Preise */
.wk-rechner--gross{max-width:640px;padding:1.6rem 1.8rem;box-shadow:var(--schatten);background:#fff;border-color:#cfe0f5;}
.wk-rechner--gross label{font:700 1.15rem/1.3 var(--disp);color:var(--navy);}
.wk-rechner--gross output{font-size:2.1rem;}
.wk .wk-rechner__hinweis{margin:.4rem 0 0;font-size:.88rem;color:var(--leise);}
.wk-preis__mehr{margin:-.8rem 0 1.4rem;}
.wk-preis__mehr summary{cursor:pointer;font-weight:600;font-size:.93rem;color:var(--navy);list-style:none;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem 0;}
.wk-preis__mehr summary::-webkit-details-marker{display:none;}
.wk-preis__mehr summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.wk-preis__mehr[open] summary::after{transform:rotate(225deg);}
.wk-preis--beliebt .wk-preis__mehr summary{color:var(--amber-300);}
.wk-preis__mehr ul{margin:.6rem 0 0 !important;flex:none !important;}
details.wk-baukasten{padding:0;}
details.wk-baukasten > summary{list-style:none;cursor:pointer;padding:1.5rem 3.6rem 1.3rem 1.8rem;position:relative;}
details.wk-baukasten > summary::-webkit-details-marker{display:none;}
details.wk-baukasten > summary::after{content:"";position:absolute;right:1.8rem;top:1.9rem;width:12px;height:12px;border-right:2.2px solid var(--navy);border-bottom:2.2px solid var(--navy);transform:rotate(45deg);transition:transform .3s var(--weich);}
details.wk-baukasten[open] > summary::after{transform:rotate(225deg);}
details.wk-baukasten > summary p{margin:0 !important;}
details.wk-baukasten > .bk,details.wk-baukasten > .wk-baukasten__fuss{margin-inline:1.8rem;}
details.wk-baukasten > .wk-baukasten__fuss{margin-bottom:1.6rem;}
@media (max-width:560px){ details.wk-baukasten > summary{padding:1.2rem 3rem 1.1rem 1rem;} details.wk-baukasten > summary::after{right:1.1rem;} details.wk-baukasten > .bk,details.wk-baukasten > .wk-baukasten__fuss{margin-inline:1rem;} }

/* Preisvergleich (nur mit geprüften Daten) */
.wk-vergleichstabelle{margin:2.4rem auto 0;max-width:1100px;}
.wk-vergleichstabelle h3{text-align:center;}
.wk-tabelle{overflow-x:auto;border:1px solid var(--linie);border-radius:18px;background:#fff;}
.wk-tabelle table{width:100%;border-collapse:collapse;min-width:620px;font-size:.95rem;}
.wk-tabelle th,.wk-tabelle td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--linie);vertical-align:top;}
.wk-tabelle thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--leise);background:var(--papier);}
.wk-vergleichstabelle__eigen th,.wk-vergleichstabelle__eigen td{background:#f3f8ff;font-weight:600;}
.wk-vergleichstabelle__fuss{font-size:.85rem;color:var(--leise);text-align:center;margin-top:.8rem !important;}

/* Kundenstimmen, Logos, Bewertungen */
.wk-stimmen{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.4rem;}
.wk-stimme{margin:0;background:#fff;border:1px solid var(--linie);border-radius:var(--r-gross);padding:1.8rem;display:flex;flex-direction:column;gap:1.2rem;box-shadow:var(--schatten);}
.wk-stimme blockquote{margin:0;font-size:1.08rem;line-height:1.6;color:var(--ink);}
.wk-stimme figcaption{display:flex;align-items:center;gap:.9rem;margin-top:auto;}
.wk-stimme__foto{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;}
.wk-stimme figcaption b{display:block;}
.wk-stimme figcaption small{color:var(--leise);font-size:.88rem;}
.wk-logos{margin-top:2.4rem;text-align:center;}
.wk-logos p{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--leise);}
.wk-logos ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem 2.6rem;}
.wk-logos img{max-height:56px;width:auto;height:auto;filter:grayscale(1);opacity:.8;}
.wk-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;}
.wk .wk-badge{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:.75rem 1rem;}
.wk-badge .wk-ic{color:var(--amber-600);width:28px;height:28px;}
.wk-badge b{display:block;font-size:.95rem;}
.wk-badge span{font-size:.88rem;color:var(--leise);}

/* Wer steckt dahinter */
.wk-wer{display:grid;grid-template-columns:auto 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center;max-width:980px;}
.wk-wer__foto{width:clamp(160px,24vw,240px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:28px;box-shadow:var(--schatten);}
.wk-wer__rolle{color:var(--amber-600);font-weight:600;margin-top:-.4rem !important;}
.wk-wer__text > p:not(.wk-kicker):not(.wk-wer__rolle){color:var(--leise);font-size:1.08rem;}
.wk-wer__kontakt{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem;}
@media (max-width:700px){ .wk-wer{grid-template-columns:1fr;text-align:center;} .wk-wer__bild{justify-self:center;} .wk-wer__kontakt{justify-content:center;} }

/* Raumscan: Video, App Store */
.wk-raumscan__knoepfe{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;}
.wk-video{margin:0;width:100%;max-width:520px;}
.wk-video video{display:block;width:100%;height:auto;border-radius:24px;background:var(--navy-950);box-shadow:var(--schatten-gross);}
.wk-video figcaption{margin-top:.6rem;font-size:.88rem;color:#8ea6be;text-align:center;}

/* Sicherheit kompakt */
.wk-sicher--kompakt{padding:clamp(3.5rem,6vw,5.5rem) 0;}
.wk-sicher--kompakt .wk-sicher__text{max-width:980px;}
.wk-sicher__liste--vier{grid-template-columns:repeat(2,1fr);}

/* Persönlich erreichbar */
.wk-persoenlich{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;}
.wk-persoenlich h2{font-size:clamp(1.6rem,1.1rem + 1.8vw,2.3rem);}
.wk-persoenlich p:not(.wk-kicker){color:var(--leise);}
.wk-persoenlich__knoepfe{display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;}
.wk .wk-persoenlich__tel{color:var(--leise);text-decoration:none;}
.wk-persoenlich__tel b{color:var(--navy);}
@media (max-width:860px){ .wk-persoenlich{grid-template-columns:1fr;} .wk-persoenlich__knoepfe .wk-btn{width:100%;} }
.wk .wk-schluss__kunde{margin:1.6rem 0 0 !important;font-size:.98rem;color:#9fb5cb;}
.wk-schluss__kunde a{color:#fff;font-weight:600;}

/* Formulare (Rückruf) */
.wk-formular{display:flex;flex-direction:column;gap:1.1rem;background:#fff;border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(1.3rem,4vw,2.2rem);box-shadow:var(--schatten);}
.wk-feldreihe{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;}
.wk-feld{display:flex;flex-direction:column;gap:.35rem;}
.wk-feld label,.wk-wahl legend{font-weight:600;font-size:.97rem;}
.wk-feld label small{font-weight:400;color:var(--leise);}
.wk-feld input,.wk-feld select,.wk-feld textarea{font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1.5px solid #cdd7e3;border-radius:12px;padding:.8rem .9rem;min-height:50px;width:100%;}
.wk-feld textarea{min-height:90px;resize:vertical;}
.wk-feld input:focus,.wk-feld select:focus,.wk-feld textarea:focus{outline:3px solid rgba(246,157,21,.35);border-color:var(--amber-600);}
.wk-wahl{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}
.wk-wahl legend{margin-bottom:.5rem;padding:0;}
.wk-wahl label{display:flex;gap:.7rem;align-items:flex-start;border:1.5px solid var(--linie);border-radius:14px;padding:.9rem 1rem;cursor:pointer;}
.wk-wahl label:has(input:checked){border-color:var(--amber);box-shadow:0 0 0 3px rgba(246,157,21,.14);}
.wk-wahl input{margin-top:.25rem;accent-color:var(--amber-600);width:1.1rem;height:1.1rem;flex:none;}
.wk-wahl b{display:block;}
.wk-wahl span{font-size:.92rem;color:var(--leise);}
.wk-wahl span b{color:var(--ink);font-size:1rem;}
.wk-formular .wk-btn{align-self:flex-start;}
.wk .wk-formular__hinweis{font-size:.88rem;color:var(--leise);margin:0;}
.wk-formular__hinweis a{color:var(--navy);font-weight:600;}
.wk-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.wk-meldung{border-radius:14px;padding:1rem 1.2rem;font-size:.97rem;}
.wk-meldung ul{margin:.4rem 0 0;padding-left:1.2rem;}
.wk-meldung--fehler{background:#fef2f2;border:1px solid #fecaca;color:#7f1d1d;}
.wk-meldung--ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d;}
@media (max-width:640px){ .wk-feldreihe,.wk-wahl{grid-template-columns:1fr;} .wk-formular .wk-btn{width:100%;align-self:stretch;} }

/* Unterseiten: kleiner Hero, Inhalt, Module, Quellen */
.wk-seitenkopf{position:relative;color:#fff;overflow:hidden;margin-top:-68px;padding:calc(68px + clamp(2.5rem,6vw,4.5rem)) 0 clamp(4.5rem,8vw,6.5rem);
  background:radial-gradient(120% 80% at 50% -10%,var(--navy-800),var(--navy-900) 55%,var(--navy-950));}
.wk-seitenkopf .wk-wrap{position:relative;}
.wk-seitenkopf__text{max-width:780px;}
.wk .wk-seitenkopf h1{color:#fff;font-size:clamp(2.1rem,1.2rem + 3.4vw,3.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;hyphens:manual;overflow-wrap:break-word;}
.wk-seitenkopf__text > p.wk-hero__sub{margin-bottom:1.8rem;}
.wk-pfad{font-size:.85rem;color:#9fb5cb;margin-bottom:1.2rem !important;}
.wk-pfad a{color:#c9d8e8;text-decoration:none;}
.wk-pfad a:hover{text-decoration:underline;}
.wk-prosa{max-width:760px;margin-inline:auto;}
.wk-prosa h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.1rem);margin-top:2.6rem;}
.wk-prosa h2:first-child{margin-top:0;}
.wk-prosa h3{margin-top:1.6rem;}
.wk-prosa p,.wk-prosa li{color:#2c3a4b;}
.wk-prosa ul,.wk-prosa ol{padding-left:1.3rem;display:flex;flex-direction:column;gap:.45rem;margin:0 0 1.2rem;}
.wk-prosa a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.wk-hinweisbox{border-left:4px solid var(--amber);background:#fff8ec;border-radius:0 14px 14px 0;padding:1rem 1.2rem;margin:1.4rem 0;font-size:.97rem;}
.wk-hinweisbox p:last-child{margin:0;}
.wk-hinweisbox--blau{border-color:var(--blau);background:#f1f6ff;}
.wk-stand{font-size:.9rem;color:var(--leise);}
.wk-quellen{font-size:.9rem;}
.wk-quellen li{color:var(--leise) !important;}
.wk-module{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1.4rem 0;}
.wk-modul{display:flex;gap:.9rem;align-items:flex-start;background:#fff;border:1px solid var(--linie);border-radius:18px;padding:1.1rem 1.2rem;}
.wk-modul .wk-kachel__ic{margin:0;flex:none;width:44px;height:44px;}
.wk-modul b{display:block;margin-bottom:.15rem;}
.wk-modul span{color:var(--leise);font-size:.95rem;line-height:1.5;}
.wk-verwandt{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;}
.wk .wk-verwandt a{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--linie);border-radius:999px;padding:.5rem .95rem;text-decoration:none;font-size:.93rem;font-weight:600;color:var(--navy);background:#fff;}
.wk-verwandt a:hover{border-color:var(--navy);}
.wk-rueckruf-raster{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,5vw,3.5rem);align-items:start;}
.wk-rueckruf-raster__info ul{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.8rem;}
.wk-rueckruf-raster__info li{display:flex;gap:.7rem;align-items:flex-start;}
.wk-rueckruf-raster__info .wk-ic{color:var(--gruen);margin-top:.2rem;}
@media (max-width:900px){ .wk-rueckruf-raster{grid-template-columns:1fr;} }

/* Werkzeuge (Rechner) */
.wk-werkzeug{background:#fff;border:1px solid var(--linie);border-radius:var(--r-gross);padding:clamp(1.3rem,4vw,2.2rem);box-shadow:var(--schatten);max-width:760px;margin:0 auto;}
.wk-werkzeug .wk-feldreihe{margin-bottom:1rem;}
.wk-werkzeug fieldset{border:0;margin:0 0 1rem;padding:0;}
.wk-werkzeug legend{font-weight:700;margin-bottom:.6rem;}
.wk-pausenliste{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.6rem;}
.wk-pausenliste .wk-feldreihe{margin:0;grid-template-columns:1fr 1fr auto;align-items:end;}
.wk .wk-knopf-text{background:none;border:0;color:var(--navy);font:600 .95rem var(--text);cursor:pointer;padding:.5rem 0;text-decoration:underline;}
.wk-ergebnis{margin-top:1.4rem;border-radius:18px;background:var(--papier);border:1px solid var(--linie);padding:1.2rem 1.3rem;}
.wk-ergebnis__zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:.8rem;}
.wk-ergebnis__zahlen div{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:.8rem .9rem;}
.wk-ergebnis__zahlen b{display:block;font:800 1.5rem/1.1 var(--disp);color:var(--navy);font-variant-numeric:tabular-nums;}
.wk-ergebnis__zahlen span{font-size:.85rem;color:var(--leise);}
.wk-ergebnis ul{margin:0;padding-left:1.2rem;}
.wk-ergebnis li{margin:.3rem 0;}
.wk-ergebnis .ist-warnung{color:#9a3412;}
.wk-ergebnis .ist-gut{color:#166534;}
.wk-werkzeug__cta{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.8rem;align-items:center;}
.wk-downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.4rem 0;}
.wk .wk-download{display:flex;gap:.9rem;align-items:center;background:#fff;border:1.5px solid var(--linie);border-radius:18px;padding:1.1rem 1.2rem;text-decoration:none;}
.wk-download:hover{border-color:var(--navy);box-shadow:var(--schatten);}
.wk-download .wk-kachel__ic{margin:0;flex:none;}
.wk-download b{display:block;}
.wk-download span{color:var(--leise);font-size:.9rem;}

/* Einwilligung (nur wenn Werbe-IDs eingetragen sind) */

/* Mobil: ruhiger erster Bildschirm, kurze Seite */
@media (max-width:860px){
  .wk-nutzen{grid-template-columns:1fr;}
  .wk-nav__innen{gap:.6rem;}
  .wk-nav__login{margin-left:auto;}
  .wk-nav__innen .wk-btn{margin-left:0;}
}
@media (max-width:1020px){ .wk-vertrauen{justify-content:center;} .wk-anker{justify-content:center;text-align:left;} }
@media (max-width:560px){
  .wk-hero__buehne{display:none;}
  .wk .wk-hero__titel{font-size:clamp(2.05rem,1.4rem + 3.6vw,2.6rem);}
  .wk-hero{padding-bottom:5rem;}
  .wk-hero__text{text-align:left;}
  .wk-vertrauen,.wk-anker{justify-content:flex-start;}
  .wk-eyebrow{font-size:.8rem;}
  .wk-sicher__liste--vier{grid-template-columns:1fr;}
  .wk-nav .wk-marke span{font-size:1.05rem;}
  .wk-nav__test{padding:.55rem .75rem;font-size:.85rem;}
}
@media (max-width:380px){ .wk-nav .wk-marke span{display:none;} }
.wk-nav__kurz{display:none;}
@media (max-width:440px){
  .wk-nav__lang{display:none;} .wk-nav__kurz{display:inline;}
  .wk .wk-nav__login{padding:.5rem .45rem;}
}
@media (max-width:560px){ .wk-zusatz{grid-template-columns:1fr;gap:.8rem;} .wk-zusatz__ic .wk-ic{width:44px;height:44px;padding:10px;} }

/* Linkleiste über dem Fuß */
.wk-seitenlinks{background:var(--papier);border-top:1px solid var(--linie);padding:2.4rem 0 1.6rem;font-size:.93rem;}
.wk-seitenlinks__innen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.6rem;}
.wk .wk-seitenlinks p{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--leise);margin:0 0 .6rem;}
.wk .wk-seitenlinks a{display:block;color:var(--ink);text-decoration:none;padding:.22rem 0;}
.wk-seitenlinks a:hover{color:var(--navy);text-decoration:underline;}
.wk-nutzen--vier{grid-template-columns:repeat(4,1fr);}
@media (max-width:1100px){ .wk-nutzen--vier{grid-template-columns:repeat(2,1fr);} }
@media (max-width:640px){ .wk-nutzen--vier{grid-template-columns:1fr;} }
.wk .wk-nutzen__titel{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5em;}
.wk-verwandt__titel{font-size:1.3rem !important;margin-bottom:.4rem !important;}
.wk-check{display:flex;gap:.6rem;align-items:flex-start;font-size:.97rem;margin:.4rem 0 0;}
.wk-check input{margin-top:.25rem;width:1.1rem;height:1.1rem;accent-color:var(--amber-600);flex:none;}
.wk-abstand-oben{margin-top:2.6rem;}