/* planer.css – Gipfelcheck (#ki-check) und Tourenplaner (#kosten) für ipsom.at (Startseiten-Entwurf).
   Stile 1:1 aus webdesigner-tirol.at (website/assets/css/site.css), alles unter .wk gekapselt,
   @keyframes mit Präfix wk-, Farben/Schriften/Rundungen nach Ipsom-CI (Variablen in .wk, Regeln am Ende).
   Einmalig per Skript aus Tirol übernommen; Änderungen von Hand am besten im Block „Ipsom-Anpassungen“ ganz unten. */

/* ---------- Ipsom-CI (Business-Manager-Wiki) – alles unter .wk, nichts leuchtet heraus.
   Die alten Tirol-Namen (see, tanne, blau …) bleiben, damit die Regeln 1:1 passen; ihre Werte sind Ipsom-Töne. */
.wk{
  /* Grund und Linien */
  --papier:#ffffff; --kalk:#f4f6f7; --kalk2:#eaedf0; --linie:#e2e5ea; --linie2:#eceef1;
  /* Ipsom-Kernfarben */
  --anthrazit:#14171c; --text:#4a5058; --grau:#9aa1aa; --leise:#656c76;
  --gelb:#ffd600; --gold:#c9a400;
  /* Bedeutungsfarben: Ton / Grund / Rahmen */
  --erfolg:#17845e; --erfolg-bg:#f0f8f4; --erfolg-rand:#c6e3d5;
  --technik:#2a6fb0; --technik-bg:#eff5fc; --technik-rand:#cbdff4;
  --merken:#a37e00; --merken-bg:#fffaea; --merken-rand:#f3e3ab;
  /* Tirol-Namen -> Ipsom: Handlungsfarbe ist Anthrazit, Gelb nur als Akzent */
  --see:#14171c; --see-hell:#ffd600; --see-tief:#14171c; --see-bg:#f4f6f7; --see-rand:#e2e5ea;
  --tanne:#14171c; --tanne-tief:#0e1013; --tanne-karte:#262a31; --tanne-linie:#363b43; --alm:#656c76; --alm-hell:#9aa1aa;
  --laerche:#9aa1aa; --laerche-tief:#656c76; --laerche-bg:#f4f6f7;
  --d-text:#e9eaec; --d-leise:#a3a9b1;
  --blau:#14171c; --blau-tief:#2b3038; --blau-hell:#f4f6f7; --blau-rand:#e2e5ea; --blau-d:#ffd600; --tuerkis:#ffd600;
  /* Status (Gipfelcheck): gut = Erfolg, mittel = Merken, schlecht = Rot */
  --gut:#17845e; --gut-bg:#f0f8f4; --mittel:#a37e00; --mittel-bg:#fffaea; --schlecht:#b3261e; --schlecht-bg:#fbe9e7; --offen:#69717b;
  /* Schriften: die Seite lädt Rethink Sans per @font-face */
  --sora: var(--i-head, "Rethink Sans", system-ui, sans-serif);
  --sans: var(--i-body, "Rethink Sans", system-ui, sans-serif);
  --mono: var(--i-body, "Rethink Sans", system-ui, sans-serif);
  --hh: 70px;
  font: 400 17px/1.62 var(--sans); color: var(--text);
  -webkit-font-smoothing: antialiased;
}
.wk *,.wk *::before,.wk *::after{box-sizing:border-box}
.wk h2,.wk h3,.wk h4{font-family:var(--sora);font-weight:600;color:var(--anthrazit);margin:0}
.wk p{margin:0}
.wk a{color:inherit}
.wk button{font:inherit}
.wk img{max-width:100%;display:block}
.wk .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
.wk .wrap{width:min(100% - 48px, var(--wk-breite, 1240px));margin-inline:auto}
.wk :focus-visible{outline:3px solid var(--anthrazit);outline-offset:3px;border-radius:4px}
.wk .tb__sum :focus-visible,.wk .kf-mbar :focus-visible{outline-color:var(--gelb)}

/* ---------- 1:1 aus Tirol (gekapselt) */
.wk .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:9px;background:var(--blau);color:#fff;border:1.5px solid var(--blau);font:600 16px/1.1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s,color .2s,border-color .2s}
.wk .btn:hover{background:var(--blau-tief);border-color:var(--blau-tief);transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(122,96,0,.7)}
.wk .btn svg{flex:none}
.wk .btn--see{background:var(--see-tief);border-color:var(--see-tief);color:#fff}
.wk .btn--see:hover{background:var(--blau-tief);box-shadow:0 12px 26px -14px rgba(20,23,28,.8)}
.wk .btn--linie{background:transparent;color:var(--anthrazit);border-color:rgba(20,23,28,.45)}
.wk .btn--linie:hover{border-color:var(--anthrazit);background:rgba(20,23,28,.04);box-shadow:none}
.wk .btn--linie-d{background:transparent;color:var(--d-text);border-color:rgba(231,234,239,.4)}
.wk .btn--linie-d:hover{border-color:var(--blau);box-shadow:none}
.wk .btn--sm{min-height:42px;padding:0 18px;font-size:15px}
.wk .btn[disabled]{opacity:.65;cursor:progress;transform:none}
.wk .lnk{font-weight:600;color:var(--see-tief);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.wk .lnk:hover{text-decoration-color:var(--laerche)}
.wk .dunkel .lnk{color:#fff}
.wk .dunkel .lnk:hover{text-decoration-color:var(--blau-d)}
.wk .tel,.wk a[href^="tel:"]{white-space:nowrap}
.wk .tel{font:600 16px var(--mono);color:var(--anthrazit);text-decoration:none;border-bottom:1.5px solid var(--see);padding-bottom:2px}
.wk .marke{display:flex;align-items:center;gap:12px;font:600 12.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--see-tief);margin:0 0 20px}
.wk .marke::before{content:none}
.wk .dunkel .marke{color:var(--blau-d)}
.wk h2.h2{font-size:clamp(32px,4.2vw,56px);line-height:1.06;letter-spacing:-.033em;text-wrap:balance;margin-bottom:20px}
.wk .lead{font-size:19px;line-height:1.62;max-width:60ch}
.wk .dunkel .lead{color:var(--d-text)}
.wk .sec{padding:clamp(52px,6vw,92px) 0}
.wk .gc__kopf{max-width:880px}
.wk .gc__form{margin-top:32px}
.wk .gc__feld{display:flex;align-items:center;gap:8px;max-width:780px;height:74px;padding:0 8px 0 0;border:2px solid var(--tanne);border-radius:14px;background:var(--papier);box-shadow:0 20px 44px -28px rgba(20,23,28,.55);transition:box-shadow .2s}
.wk .gc__feld:focus-within{box-shadow:0 0 0 4px var(--see-hell),0 20px 44px -28px rgba(20,23,28,.55)}
.wk .gc__in{flex:1;min-width:0;display:flex;align-items:center;height:100%;cursor:text;color:var(--tanne);margin:0}
.wk .gc__in svg{flex:none;margin:0 12px 0 20px}
.wk .gc__in input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;font:500 21px/1 var(--sans);color:var(--anthrazit)}
.wk .gc__in input:focus,.wk .gc__in input:focus-visible{outline:none}
.wk .gc__in input::placeholder{color:#636a74}
.wk .gc__feld .btn{flex:none;min-height:56px;padding:0 24px;font-size:17px;white-space:nowrap}
.wk .gc__plus{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:16px;font:500 15px/1.4 var(--sans);color:var(--anthrazit)}
.wk .gc__plus span{display:inline-flex;align-items:center;gap:7px}
.wk .gc__plus span::before{content:"";width:6px;height:10px;margin:-3px 3px 0 2px;border:solid var(--gut);border-width:0 2px 2px 0;transform:rotate(45deg)}
.wk .gc__none{margin-top:10px;font-size:14.5px;color:var(--text)}
.wk .gc__none a{font-weight:600;color:var(--see-tief);text-underline-offset:3px}
.wk .gc__hint{display:inline;margin:0 0 0 10px;font:500 12.5px/1.5 var(--mono);color:var(--leise)}
.wk .gc__hint.err{color:var(--schlecht)}
@media (prefers-reduced-motion: no-preference){.wk .gc__feld.puls{animation:wk-gcPuls 1.3s ease-out 2}}
.wk .fehlerbox{position:relative;margin-top:22px;max-width:780px;padding:20px 18px 15px;border-radius:6px;border:1px solid #efc4bd;background:#fff;color:#5c1f19;font-size:15px;line-height:1.5}
.wk .fehlerbox::before{content:"Fehler";position:absolute;top:-8px;left:14px;padding:0 7px;border-radius:3px;background:#fff;font:600 10.5px/16px var(--sora);letter-spacing:.12em;text-transform:uppercase;color:#c0392b}
.wk .fehlerbox[hidden]{display:none}
.wk .fehlerbox b{color:#8e2a20}
.wk .fehler__detail{margin-top:4px;font-size:13.5px;color:#7a4a45}
.wk .fehler__nochmal{margin-top:10px;min-height:40px;padding:0 16px;border:1.5px solid #8e2a20;border-radius:9px;background:#fff;font:600 14.5px var(--sans);color:#8e2a20;cursor:pointer}
.wk .fehler__nochmal:hover{background:#8e2a20;color:#fff}
.wk .tb{margin-top:46px;border-radius:16px;background:var(--papier);border:1px solid var(--linie);box-shadow:0 30px 60px -40px rgba(20,23,28,.55);overflow:hidden;transition:opacity .6s ease,filter .6s ease}
.wk .tb[data-state="leer"]{opacity:.55;filter:saturate(.2)}
.wk .tb__titel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:14px 24px;border-bottom:1px solid var(--linie);background:var(--kalk);font:500 11.5px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--leise)}
.wk .tb__titel > span:first-child{color:var(--see-tief);font-weight:700}
.wk .tb__status{margin-left:auto;color:var(--anthrazit);text-transform:none;letter-spacing:.02em}
.wk .tb[data-state="laeuft"] .tb__status::after{content:"▍";color:var(--see);margin-left:4px}
@media (prefers-reduced-motion: no-preference){.wk .tb[data-state="laeuft"] .tb__status::after{animation:wk-blinken 1s steps(1) infinite}}
.wk .tb__profil{position:relative;padding:18px clamp(12px,2.4vw,32px) 6px}
.wk .hp{display:block;width:100%;height:auto;overflow:visible}
.wk .hp-raster path{stroke:var(--linie);stroke-width:1;stroke-dasharray:3 5}
.wk .hp-raster text{font:500 11px var(--mono);fill:var(--leise)}
.wk .hp-flaeche{fill:var(--kalk2)}
.wk .hp-linie{fill:none;stroke:var(--tanne);stroke-width:2;stroke-linejoin:round}
.wk .hp-hl{fill:none;stroke:var(--laerche);stroke-opacity:.3;stroke-width:1}
.wk .hp-kreuz{fill:none;stroke:var(--anthrazit);stroke-width:2.2;stroke-linecap:round}
.wk .hp-gipfel{font:600 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--anthrazit)}
.wk .hp-kl{font:600 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;fill:var(--see-tief)}
.wk .hp-klammer{fill:none;stroke:var(--see);stroke-width:1.4}
.wk .hp-st circle{fill:var(--papier);stroke:var(--leise);stroke-width:1.6;transition:fill .3s,stroke .3s}
.wk .hp-st text{font:700 11.5px var(--mono);fill:var(--leise);text-anchor:middle;dominant-baseline:central}
.wk .hp-du text{dominant-baseline:central}
.wk .hp-st.s-gut circle{fill:var(--gut);stroke:var(--gut)}
.wk .hp-st.s-mittel circle{fill:#ffd600;stroke:#c9a400}
.wk .hp-st.s-schlecht circle{fill:var(--schlecht);stroke:var(--schlecht)}
.wk .hp-st.s-offen circle{fill:var(--papier);stroke:var(--offen);stroke-dasharray:3 3}
.wk .hp-st.s-gut text,.wk .hp-st.s-schlecht text{fill:#fff}
.wk .hp-st.s-mittel text{fill:var(--anthrazit)}
@media (prefers-reduced-motion: no-preference){.wk .hp-st.hit{animation:wk-stPop .5s cubic-bezier(.2,1.6,.4,1) both;transform-box:fill-box;transform-origin:center}}
.wk .hp-wanderer{opacity:0}
.wk .tb[data-state="laeuft"] .hp-wanderer{opacity:1}
.wk .hp-wanderer circle{fill:var(--see-tief);stroke:#fff;stroke-width:2}
.wk .hp-du{opacity:0;transition:opacity .6s ease .9s}
.wk .tb[data-state="fertig"] .hp-du{opacity:1}
.wk .hp-du path{stroke:var(--see-tief);stroke-width:1.4;stroke-dasharray:3 3}
.wk .hp-du rect{fill:var(--see-tief)}
.wk .hp-du text{font:600 12px var(--sans);fill:#fff}
.wk .hp-du circle{fill:var(--blau);stroke:var(--anthrazit);stroke-width:1.6}
.wk .tb__ww{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3vw,48px);padding:10px clamp(16px,2.4vw,32px) 30px}
.wk .ww__kopf{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 8px;padding-bottom:10px;border-bottom:2px solid var(--tanne);font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tanne)}
.wk .ww__kopf em{font-style:normal;color:var(--leise);letter-spacing:.06em}
.wk .ww{list-style:none;margin:0;padding:0}
.wk .ww li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:4px 14px;align-items:start;padding:13px 0;border-bottom:1px solid var(--linie2)}
.wk .ww__nr{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1.6px solid var(--leise);font:700 11.5px/1 var(--mono);color:var(--leise);margin-top:1px}
.wk .ww b{display:block;font:600 15.5px/1.3 var(--sora);color:var(--anthrazit)}
.wk .ww__was{display:block;font:500 12px/1.4 var(--mono);color:var(--leise);margin-top:3px}
.wk .ww__bef{grid-column:2 / -1;font-size:14.5px;line-height:1.5;color:var(--text)}
.wk .ww__bef:empty{display:none}
.wk .ww__bef em{font-style:normal;color:var(--see-tief);font-weight:500}
.wk .ww__tag{position:relative;margin-top:2px;padding:5px 16px 5px 9px;font:700 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--kalk2);color:var(--leise);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);white-space:nowrap}
.wk li[data-s="gut"] .ww__tag{background:var(--gut-bg);color:var(--gut)}
.wk li[data-s="mittel"] .ww__tag{background:var(--mittel-bg);color:var(--mittel)}
.wk li[data-s="schlecht"] .ww__tag{background:var(--schlecht-bg);color:var(--schlecht)}
.wk li[data-s="offen"] .ww__tag{background:transparent;box-shadow:none;color:var(--offen);outline:1px dashed var(--offen);outline-offset:-1px;clip-path:none;border-radius:4px;padding-right:9px}
.wk li[data-s="gut"] .ww__nr{background:var(--gut);border-color:var(--gut);color:#fff}
.wk li[data-s="mittel"] .ww__nr{background:#ffd600;border-color:#c9a400;color:var(--anthrazit)}
.wk li[data-s="schlecht"] .ww__nr{background:var(--schlecht);border-color:var(--schlecht);color:#fff}
.wk li[data-s="offen"] .ww__nr{border-style:dashed}
.wk .tb[data-state="leer"] .ww__was{display:none}
.wk .tb[data-state="leer"] .ww li{padding:9px 0}
.wk .tb__sum{display:grid;grid-template-columns:1fr 1.15fr 1.3fr;border-top:1px solid var(--linie);background:var(--tanne);color:var(--d-text)}
.wk .tb__sum[hidden]{display:none}
.wk .sum__zelle{padding:28px clamp(18px,2.4vw,32px);border-left:1px solid var(--tanne-linie)}
.wk .sum__zelle:first-child{border-left:0}
.wk .sum__k{font:600 11.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--d-leise);margin-bottom:16px}
.wk .messer{display:grid;grid-template-columns:1fr auto;align-items:baseline;margin-bottom:20px}
.wk .messer > span{font:500 13px/1 var(--mono);color:var(--d-text);text-transform:uppercase;letter-spacing:.08em}
.wk .messer b{font:600 36px/1 var(--sora);color:#fff;letter-spacing:-.02em}
.wk .messer b small{font-size:14px;color:var(--d-leise);font-weight:500;margin-left:2px}
.wk .messer i{grid-column:1/-1;position:relative;height:6px;margin-top:12px;border-radius:3px;background:var(--tanne-karte);overflow:hidden}
.wk .messer em{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--see-hell);border-radius:3px;transition:width 1.2s cubic-bezier(.3,0,.2,1)}
.wk .sum__platz{font:600 20px/1.3 var(--sora);color:#fff}
.wk .sum__platz span{color:var(--blau-d)}
.wk .sum__note{font-size:13.5px;line-height:1.5;color:var(--d-leise);margin:8px 0 22px}
.wk .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.wk .chips li{font:500 13px/1 var(--mono);padding:8px 10px;border:1px solid var(--tanne-linie);border-radius:8px;color:var(--d-text)}
.wk .sum__rec{font:600 24px/1.2 var(--sora);color:var(--blau-d);margin-bottom:8px}
.wk .sum__grund{color:var(--d-text);font-size:16px;margin-bottom:22px}
.wk .sum__cta{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.wk .sum__cta .lnk{color:#fff}
.wk .tb__hinweis{padding:12px 24px;border-top:1px solid var(--linie);font:500 11.5px/1.4 var(--mono);color:var(--leise);background:var(--kalk)}
.wk .gc__weiter{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}
.wk .gc__weiter[hidden]{display:none}
.wk .karte-k{background:var(--papier);border:1px solid var(--linie);border-radius:14px;padding:28px;box-shadow:0 1px 2px rgba(20,23,28,.04),0 14px 34px -20px rgba(20,23,28,.35);transition:transform .25s ease,box-shadow .25s ease}
.wk .karte-k:hover{transform:translateY(-3px)}
.wk .karte-k h3{font-size:22px;letter-spacing:-.02em;margin-bottom:10px}
.wk .karte-k p{font-size:16px}
.wk .reihe{display:flex;gap:10px;margin-top:18px}
.wk .inp{flex:1;min-width:0;height:54px;padding:0 16px;border-radius:10px;border:1px solid #cacfd5;background:#edeff2;box-shadow:inset 0 1px 2px rgba(20,23,28,.07);font:16px var(--sans);color:var(--anthrazit)}
.wk .inp::placeholder{color:#636a74}
.wk .karte-k__ok{margin-top:12px;font:500 13.5px/1.5 var(--mono);color:var(--gut)}
.wk .karte-k .cta-row{margin-top:20px}
@media (max-width:899px){.wk .tb__ww{grid-template-columns:1fr}
.wk .tb__sum{grid-template-columns:1fr}
.wk .sum__zelle{border-left:0;border-top:1px solid var(--tanne-linie)}
.wk .sum__zelle:first-child{border-top:0}
.wk .gc__weiter{grid-template-columns:1fr}}
@media (max-width:639px){.wk .gc__feld{flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:0;border:0;background:none;box-shadow:none}
.wk .gc__feld:focus-within{box-shadow:none}
.wk .gc__in{flex:none;height:64px;border:2px solid var(--tanne);border-radius:12px;background:var(--papier)}
.wk .gc__in:focus-within{box-shadow:0 0 0 4px var(--see-hell)}
.wk .gc__in svg{margin:0 10px 0 16px}
.wk .gc__in input{font-size:19px}
.wk .gc__feld .btn{width:100%;min-height:58px}
.wk .gc__plus{gap:6px 14px;font-size:14px}
.wk .gc__hint{display:block;margin:6px 0 0}
.wk .tb__titel{padding:12px 16px}
.wk .tb__profil{padding:12px 6px 0}
.wk .hp-st circle{r:15px}
.wk .hp-st text{font-size:14px}
.wk .hp-raster text,.wk .hp-kl,.wk .hp-gipfel{font-size:14px}
.wk .hp-du text{font-size:15px}
.wk .hp-linie{stroke-width:2.6}
.wk .ww li{grid-template-columns:28px minmax(0,1fr);}
.wk .ww__tag{grid-column:2;justify-self:start}
.wk .reihe{flex-direction:column}}
.wk .ruht *,.wk .ruht *::before,.wk .ruht *::after{animation-play-state:paused!important}
.wk .kf-kopf{max-width:800px;margin-bottom:40px}
.wk .kf{position:relative;border-radius:16px;background:var(--papier);border:1px solid var(--linie);box-shadow:0 30px 70px -44px rgba(20,23,28,.6)}
.wk .kf-sf{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0 clamp(18px,3vw,44px);border-bottom:1px solid var(--linie)}
.wk .kf-sf::before{content:"";position:absolute;left:clamp(18px,3vw,44px);right:clamp(18px,3vw,44px);top:31px;height:0;border-top:2px dashed var(--linie)}
.wk .kf-sf li{position:relative;min-width:0}
.wk .kf-sf button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:22px 6px 18px 0;border:0;background:none;color:var(--leise);font:500 15px/1.2 var(--sans);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk .kf-sf button::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--papier);border:2px solid var(--linie);transition:background-color .3s,border-color .3s,box-shadow .3s}
.wk .kf-sf .is-done button{color:var(--anthrazit)}
.wk .kf-sf .is-done button::before{background:var(--see);border-color:var(--see)}
.wk .kf-sf .is-cur button{color:var(--anthrazit);font-weight:600}
.wk .kf-sf .is-cur button::before{background:var(--blau);border-color:var(--anthrazit);box-shadow:0 0 0 5px rgba(255,214,0,.3)}
.wk .kf-sf button:hover:not(:disabled){color:var(--see-tief)}
.wk .kf-sf button:disabled{cursor:default}
.wk .kf__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.wk .kf__l{min-width:0;padding:40px clamp(18px,3vw,44px) 36px}
.wk .kf__r{display:flex;flex-direction:column;gap:18px;min-width:0;padding:32px clamp(18px,2.4vw,32px);background:var(--kalk);border-left:1px solid var(--linie);border-radius:0 0 16px 0}
.wk .kf-pane__h{font-size:clamp(26px,2.5vw,36px);line-height:1.12;letter-spacing:-.03em;margin-bottom:10px;text-wrap:balance}
.wk .kf-pane__h:focus{outline:none}
.wk .kf-pane__sub{font-size:17px;line-height:1.5;color:var(--leise);margin-bottom:28px}
.js .wk .kf-pane{display:none}
.js .wk .kf-pane.is-on{display:block}
@media (prefers-reduced-motion: no-preference){.wk .kf-pane.is-on.von-r{animation:wk-kfIn .45s cubic-bezier(.3,0,.2,1) both}
.wk .kf-pane.is-on.von-l{animation:wk-kfInL .45s cubic-bezier(.3,0,.2,1) both}
.wk .kf-einb{animation:wk-kfIn .4s cubic-bezier(.3,0,.2,1) both}}
.wk .kf-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wk .kf-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wk .kf-inkl{margin-top:18px;padding:12px 14px;border-radius:10px;background:var(--see-bg);border:1px solid var(--see-rand)}
.wk .kf-inkl__h{margin:0 0 6px;font:600 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--see-tief)}
.wk .kf-inkl__l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:13.5px;line-height:1.45;color:var(--text)}
.wk .kf-inkl__l li{position:relative;padding-left:16px;white-space:nowrap}
.wk .kf-inkl__l li::before{content:"✓";position:absolute;left:0;top:0;color:var(--see-tief);font-weight:700}
.wk .kf-list{display:grid;gap:12px}
.wk .kf-grp{border:0;margin:0 0 26px;padding:0;min-width:0}
.wk .kf-grp[hidden]{display:none}
.wk .kf-grp legend{padding:0;margin-bottom:12px;font:500 14px/1.3 var(--sans);color:var(--leise)}
.wk .kfo{position:relative;display:grid;gap:4px 16px;width:100%;min-width:0;padding:18px 20px;border:1.5px solid var(--linie);border-radius:14px;background:var(--papier);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background-color .25s,color .2s,transform .2s,box-shadow .2s}
.wk .kfo:hover{border-color:var(--see);transform:translateY(-2px);box-shadow:0 12px 24px -18px rgba(20,23,28,.6)}
.wk .kfo:active{transform:none}
.wk .kfo b{display:block;font:600 17px/1.25 var(--sora);letter-spacing:-.01em;color:var(--anthrazit)}
.wk .kfo small{display:block;margin-top:3px;font:500 14px/1.4 var(--sans);color:var(--leise)}
.wk .kfo__weil{display:block;margin-top:8px;font:500 13.5px/1.45 var(--sans);color:var(--see-tief)}
.wk .kfo__weil:empty{display:none}
.wk .kfo__ic{width:28px;height:28px;fill:none;stroke:var(--see-tief);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wk .kfo[aria-pressed="true"]{background:var(--see-tief);border-color:var(--see-tief);color:#fff}
.wk .kfo[aria-pressed="true"] b,.wk .kfo[aria-pressed="true"] .kfo__weil{color:#fff}
.wk .kfo[aria-pressed="true"] small{color:#f4f6f7}
.wk .kfo[aria-pressed="true"] .kfo__ic{stroke:#fff}
.wk .kfo--kachel{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:16px;min-height:112px;padding:20px 18px 18px}
.wk .kfo--pk{grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:6px 18px;padding:18px 22px 18px 18px}
.wk .kfo__berg{width:62px;height:auto;overflow:visible}
.wk .kfo__berg path{fill:none;stroke:var(--leise);stroke-width:2;stroke-linejoin:round}
.wk .kfo__berg .f{fill:var(--kalk2);stroke:none}
.wk .kfo[aria-pressed="true"] .kfo__berg path{stroke:#fff}
.wk .kfo[aria-pressed="true"] .kfo__berg .f{fill:rgba(255,255,255,.12)}
.wk .kfo__t{min-width:0}
.wk .kfo__p{text-align:right;white-space:nowrap}
.wk .kfo__p b{font:600 22px/1 var(--sora);letter-spacing:-.02em}
.wk .kfo__p small{margin-top:5px}
.wk .kfo__flag{position:absolute;top:-11px;right:22px;padding:5px 9px;border-radius:5px;background:var(--blau);color:#fff;font:600 12px/1 var(--sans)}
.wk .kfo--ex{grid-template-columns:28px minmax(0,1fr) 22px;align-items:start;padding:18px}
.wk .kfo--ex[hidden]{display:none}
.wk .kfo--radio{grid-template-columns:minmax(0,1fr) 22px}
.wk .kfo__x{position:relative;width:22px;height:22px;margin-top:1px;border:1.5px solid #979fa9;border-radius:5px;background:var(--papier);transition:border-color .2s,background-color .2s}
.wk .kfo--radio .kfo__x{border-radius:50%}
.wk .kfo__x::after{content:"";position:absolute;left:6.5px;top:2.5px;width:5px;height:10px;border:solid var(--see-tief);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.wk .kfo[aria-pressed="true"] .kfo__x{border-color:#fff;background:#fff}
.wk .kfo[aria-pressed="true"] .kfo__x::after{transform:rotate(45deg) scale(1)}
.wk .kfo.inkl[aria-pressed]{cursor:default;background:var(--see-bg);border-style:dashed;border-color:var(--see);color:var(--text)}
.wk .kfo.inkl[aria-pressed]:hover{transform:none;box-shadow:none}
.wk .kfo.inkl[aria-pressed] b{color:var(--anthrazit)}
.wk .kfo.inkl[aria-pressed] small{color:var(--see-tief)}
.wk .kfo.inkl[aria-pressed] .kfo__ic{stroke:var(--see-tief)}
.wk .kfo.inkl[aria-pressed] .kfo__x{border-color:var(--see);background:transparent}
.wk .kfo.inkl[aria-pressed] .kfo__x::after{transform:rotate(45deg) scale(1)}
.wk .kf-fine{margin-top:18px;font-size:14.5px;line-height:1.55;color:var(--leise)}
.wk .kf-fine a{color:var(--see-tief);text-underline-offset:3px}
.wk .kf-check label{display:block;margin-bottom:8px;font:600 14.5px/1.3 var(--sans);color:var(--anthrazit)}
.wk .kf-check__row{display:flex;gap:10px}
.wk .kf-check__row .inp[aria-invalid="true"]{border-color:var(--schlecht);box-shadow:0 0 0 2px rgba(179,38,30,.2)}
.wk .kf-check__row .btn{min-height:54px;flex:none}
.wk .kf-run__bar{position:relative;height:4px;border-radius:2px;background:var(--kalk2);overflow:hidden}
.wk .kf-run__bar i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--see);transform:scaleX(.04);transform-origin:left;transition:transform .45s ease}
.wk .kf-run p{margin-top:12px;font-size:15px}
.wk .kf-erg{padding:20px 22px;border-radius:14px;background:var(--kalk);border:1px solid var(--linie)}
.wk .kf-erg__k{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:15.5px}
.wk .kf-erg__k b{color:var(--anthrazit);font-weight:600}
.wk .kf-erg__k .kf-link{margin-left:auto;padding:0;font-size:14.5px}
.wk .kf-ok-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--gut);color:var(--gut);font-size:12px;font-weight:700}
.wk .kf-erg__w{display:flex;gap:28px;margin-top:14px}
.wk .kf-erg__w > span{font-size:14.5px;color:var(--leise)}
.wk .kf-erg__w b{display:block;margin-top:2px;font:600 30px/1 var(--sora);letter-spacing:-.02em;color:var(--anthrazit)}
.wk .kf-erg__w b small{font:500 14px var(--sans);color:var(--leise);margin-left:2px}
.wk .kf-erg__w .rot b{color:var(--schlecht)}
.wk .kf-erg__w .gelb b{color:var(--mittel)}
.wk .kf-erg__w .gruen b{color:var(--gut)}
.wk .kf-erg__l{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--linie);display:grid;gap:6px;font-size:15px}
.wk .kf-erg__l:empty{display:none}
.wk .kf-erg__l li{position:relative;padding-left:18px}
.wk .kf-erg__l li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--schlecht)}
.wk .kf-erg__l li.mittel::before{background:#ffd600}
.wk .kf-erg__e{margin-top:12px;font-size:15px;color:var(--see-tief)}
.wk .kf-erg__e:empty{display:none}
.wk .kf-nein{padding:18px 20px;border-radius:14px;background:var(--kalk);border:1px solid var(--linie);font-size:16px}
.wk .kf-nein b{color:var(--anthrazit)}
.wk .kf-check[hidden],.wk .kf-run[hidden],.wk .kf-erg[hidden],.wk .kf-nein[hidden],.wk .kf-site[hidden]{display:none}
.wk .kf-check,.wk .kf-run,.wk .kf-nein{margin-top:22px}
.wk .kf-site[hidden] + .kf-check{margin-top:0}
.wk .kf-nav{display:none}
.js .wk .kf-nav{display:flex;align-items:center;gap:26px;margin-top:34px}
.js .wk .kf-nav[hidden]{display:none}
.wk .kf-link{padding:8px 0;border:0;background:none;color:var(--leise);font:500 15.5px/1.2 var(--sans);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;text-decoration-thickness:1.5px;transition:color .2s,text-decoration-color .2s}
.wk .kf-link:hover{color:var(--anthrazit);text-decoration-color:var(--see)}
.wk .kf-link[hidden]{display:none}
.wk #kfWeiter{margin-left:auto;min-width:150px}
.wk #kfWeiter:disabled{background:transparent;border-color:var(--linie);color:#79818b;box-shadow:none;transform:none;cursor:not-allowed;opacity:1}
.wk #kfWeiter[hidden]{display:none}
@media (prefers-reduced-motion: no-preference){.wk #kfWeiter.kf-wach{animation:wk-kfWach 1.3s ease-out}}
.wk .kf-sum{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 24px;margin:0 0 26px;padding:6px 0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
.wk .kf-sum dt{padding:9px 0;font-size:14.5px;color:var(--leise)}
.wk .kf-sum dd{margin:0;padding:9px 0;font-size:15.5px;line-height:1.45;color:var(--anthrazit)}
.wk .kf-sum .is-preis{color:var(--see-tief);font:600 17px/1.4 var(--sora)}
.wk .kf-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wk .fld{display:block;margin-bottom:16px;font:600 14px/1.3 var(--sans);color:var(--anthrazit)}
.wk .fld input{display:block;width:100%;margin-top:7px;padding:14px 15px;border-radius:10px;border:1px solid #cacfd5;background:#edeff2;box-shadow:inset 0 1px 2px rgba(20,23,28,.07);font:400 16px/1.4 var(--sans);color:var(--anthrazit)}
.wk .fld input[aria-invalid="true"]{border-color:var(--schlecht);box-shadow:0 0 0 2px rgba(179,38,30,.2)}
.wk .consent{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.5;margin:6px 0 22px}
.wk .consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--see-tief)}
.wk .consent input[aria-invalid="true"]{outline:2px solid var(--schlecht);outline-offset:2px}
.wk .kf-form .btn{width:100%}
.wk .kf-ok[hidden]{display:none}
.wk .kf-ok:focus{outline:none}
.wk .kf-stempel{display:grid;place-items:center;width:112px;height:112px;margin:4px 0 20px;border-radius:50%;border:3px double var(--gut);color:var(--gut);font:700 11.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;text-align:center;transform:rotate(-10deg)}
@media (prefers-reduced-motion: no-preference){.wk .kf-ok.zeigen .kf-stempel{animation:wk-stempel .6s cubic-bezier(.2,1.5,.4,1) both}}
.wk .kf-ok h3{font-size:28px;letter-spacing:-.02em;margin-bottom:10px}
.wk .kf-ok p{max-width:36em}
.wk .kk{position:relative}
.wk .kk__k{font-size:14.5px;color:var(--leise);margin-bottom:4px}
.wk .kk__v{font:600 clamp(32px,3vw,44px)/1.1 var(--sora);letter-spacing:-.03em;color:var(--tanne);font-variant-numeric:tabular-nums}
.wk .kk__v.lang{font-size:clamp(26px,2.2vw,32px)}
.wk .kk__v span{display:inline-block;white-space:nowrap;transform-origin:left center}
.wk .kk__v small{font:500 17px var(--sans);letter-spacing:0;color:var(--leise);margin-left:2px}
@media (prefers-reduced-motion: no-preference){.wk .kk__v span.bump,.wk .mbar__kost b.bump{animation:wk-kkBump .45s cubic-bezier(.3,1.6,.5,1)}}
.wk .kk__satz{margin-top:8px;font-size:15.5px;line-height:1.55}
.wk .kk__monat{margin-top:6px;font-size:15px;color:var(--see-tief);font-weight:500}
.wk .kk__monat:empty{display:none}
.wk .kk-bonus{position:absolute;top:-46px;right:-26px;z-index:3;display:grid;place-content:center;justify-items:center;width:108px;height:108px;
  color:var(--tanne-tief);text-align:center;transform:rotate(-12deg);filter:drop-shadow(0 6px 10px rgba(19,20,23,.28));pointer-events:none}
.wk .kk-bonus[hidden]{display:none}
.wk .kk-bonus::before{content:"";position:absolute;inset:0;background:none;clip-path:polygon(50.0% 0.0%,56.7% 7.5%,65.5% 2.4%,69.5% 11.7%,79.4% 9.5%,80.4% 19.6%,90.5% 20.6%,88.3% 30.5%,97.6% 34.5%,92.5% 43.3%,100.0% 50.0%,92.5% 56.7%,97.6% 65.5%,88.3% 69.5%,90.5% 79.4%,80.4% 80.4%,79.4% 90.5%,69.5% 88.3%,65.5% 97.6%,56.7% 92.5%,50.0% 100.0%,43.3% 92.5%,34.5% 97.6%,30.5% 88.3%,20.6% 90.5%,19.6% 80.4%,9.5% 79.4%,11.7% 69.5%,2.4% 65.5%,7.5% 56.7%,0.0% 50.0%,7.5% 43.3%,2.4% 34.5%,11.7% 30.5%,9.5% 20.6%,19.6% 19.6%,20.6% 9.5%,30.5% 11.7%,34.5% 2.4%,43.3% 7.5%);z-index:-1}
.wk .kk-bonus::after{content:"";position:absolute;inset:0;clip-path:polygon(50.0% 0.0%,56.7% 7.5%,65.5% 2.4%,69.5% 11.7%,79.4% 9.5%,80.4% 19.6%,90.5% 20.6%,88.3% 30.5%,97.6% 34.5%,92.5% 43.3%,100.0% 50.0%,92.5% 56.7%,97.6% 65.5%,88.3% 69.5%,90.5% 79.4%,80.4% 80.4%,79.4% 90.5%,69.5% 88.3%,65.5% 97.6%,56.7% 92.5%,50.0% 100.0%,43.3% 92.5%,34.5% 97.6%,30.5% 88.3%,20.6% 90.5%,19.6% 80.4%,9.5% 79.4%,11.7% 69.5%,2.4% 65.5%,7.5% 56.7%,0.0% 50.0%,7.5% 43.3%,2.4% 34.5%,11.7% 30.5%,9.5% 20.6%,19.6% 19.6%,20.6% 9.5%,30.5% 11.7%,34.5% 2.4%,43.3% 7.5%);background:none;background-size:250% 100%;background-position:130% 0;z-index:-1}
.wk .kk-bonus__z{font:800 27px/1 var(--sora);letter-spacing:-.04em}
.wk .kk-bonus__t{margin-top:3px;font:700 10px/1.15 var(--mono);letter-spacing:.1em;text-transform:uppercase;max-width:78px}
.wk .kk-bonus__d{margin-top:2px;font:700 10.5px/1.1 var(--sora);letter-spacing:-.01em}
.wk .kk-bonus__d:empty{display:none}
.wk .kk__bonus{margin-top:6px;font-size:14.5px;line-height:1.45;color:var(--gut);font-weight:600}
.wk .kk__bonus:empty{display:none}
@media (prefers-reduced-motion: no-preference){.wk .kk-bonus.los{animation:wk-bonusPop .9s cubic-bezier(.2,1.6,.4,1) both, wk-bonusWippe 4.5s ease-in-out 1.4s infinite}
.wk .kk-bonus.los::after{animation:wk-bonusGlanz 4.5s ease-in-out .9s infinite}}
@media (max-width:760px){.wk .kk-bonus{top:-22px;right:-6px;width:86px;height:86px}
.wk .kk-bonus__z{font-size:22px}
.wk .kk-bonus__t{font-size:9px}
.wk .kk-bonus__d{font-size:9.5px}
.wk .kk--bonus .kk__k,.wk .kk--bonus .kk__v{padding-right:78px}}
.wk .kk__drin{margin-top:10px}
.wk .kk__drin summary{display:inline-flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font:500 14.5px/1.3 var(--sans);color:var(--anthrazit);text-decoration:underline;text-decoration-color:var(--see);text-underline-offset:4px}
.wk .kk__drin summary::-webkit-details-marker{display:none}
.wk .kk__drin summary::after{content:"";width:7px;height:7px;margin-top:-4px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .25s}
.wk .kk__drin[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.wk .kk__liste{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;font-size:14px;line-height:1.4}
.wk .kk__liste li{position:relative;padding-left:18px}
.wk .kk__liste li::before{content:"✓";position:absolute;left:0;top:0;color:var(--gut);font-weight:700}
@media (prefers-reduced-motion: no-preference){.wk .kk__liste li.neu{animation:wk-neuMark 1.4s ease}}
.wk .kk__delta{position:absolute;right:0;top:-6px;padding:5px 9px;border-radius:6px;background:var(--tanne);color:#fff;font:600 13px/1 var(--mono);opacity:0;pointer-events:none;white-space:nowrap}
.wk .kk__delta.los{animation:wk-kkDeltaR 2s linear forwards}
@media (prefers-reduced-motion: no-preference){.wk .kk__delta.los{animation:wk-kkDelta 1.6s ease forwards}}
.wk .kk-note{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--leise)}
.wk .kk-note svg{flex:none;color:var(--see-tief);margin-top:3px}
.wk .tz{margin:0;border-radius:12px;background:var(--papier);border:1px solid var(--linie);overflow:hidden}
.wk .tz svg{display:block;width:100%;height:auto}
.wk .tz__cap{padding:8px 12px 10px;font-size:13px;color:var(--leise);border-top:1px solid var(--linie2)}
.wk .tz-himmel{fill:var(--papier)}
.wk .tz-sonne{fill:var(--gelb)}
.wk .tz-hl{fill:none;stroke:var(--laerche);stroke-opacity:.28;stroke-width:1}
.wk .tz-berg{fill:var(--kalk2);stroke:var(--tanne);stroke-width:1.6;stroke-linejoin:round;transition:d .7s cubic-bezier(.65,0,.25,1)}
.wk .tz-see{fill:var(--see-hell)}
.wk .tz-weg{fill:none;stroke:var(--tanne);stroke-width:1.6;stroke-dasharray:4 3.5;transition:d .7s cubic-bezier(.65,0,.25,1)}
.wk .tz-gipfel{transition:transform .7s cubic-bezier(.65,0,.25,1)}
.wk .tz-gipfel path{fill:none;stroke:var(--anthrazit);stroke-width:1.8;stroke-linecap:round}
.wk .tz-gipfel rect{fill:var(--anthrazit)}
.wk .tz-gipfel text{font:600 10px var(--sans);fill:#fff}
.wk .tz-m{transition:transform .7s cubic-bezier(.65,0,.25,1),opacity .35s}
.wk .tz-m.weg{opacity:0}
.wk .tz-m circle{fill:var(--see-tief);stroke:#fff;stroke-width:1.5}
.wk .tz-m path{fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.wk .tz-m text{font:600 10.5px var(--sans);fill:var(--anthrazit);paint-order:stroke;stroke:var(--papier);stroke-width:3px}
.wk .tz-start rect{fill:var(--blau)}
.wk .tz-start text{font:700 10px var(--mono);fill:#fff}
.wk .tz-start path{stroke:var(--tanne);stroke-width:1.6}
@media (prefers-reduced-motion: no-preference){.wk .tz-m.neu{animation:wk-tzNeu .6s cubic-bezier(.2,1.5,.4,1) both}}
@media (prefers-reduced-motion: reduce){.wk .tz-berg,.wk .tz-weg,.wk .tz-gipfel,.wk .tz-m{transition:none}}
@media (max-width:1099px){.wk .kf__body{grid-template-columns:minmax(0,1fr) minmax(0,360px)}
.wk .kfo--kachel{min-height:100px}
.wk .kf-sf button{font-size:14px}}
@media (max-width:899px){.wk .kf__body{grid-template-columns:minmax(0,1fr)}
.wk .kf__r{border-left:0;border-top:1px solid var(--linie);border-radius:0 0 16px 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 26px;align-items:start}
.wk .kf__r .tz{grid-column:2;grid-row:1 / span 2}}
@media (max-width:639px){.wk .kf-kopf{margin-bottom:28px}
.wk .kf-sf{padding:0 12px}
.wk .kf-sf::before{left:12px;right:12px;top:25px}
.wk .kf-sf button{padding:16px 2px 12px 0;font-size:12px;gap:8px}
.wk .kf-sf button::before{width:14px;height:14px}
.wk .kf__l{padding:28px 18px 26px}
.wk .kf-pane__h{font-size:26px}
.wk .kf-pane__sub{font-size:16px;margin-bottom:22px}
.wk .kf-grid3{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wk .kf-grid2{grid-template-columns:minmax(0,1fr);gap:10px}
.wk .kf-grid2.kf-site{grid-template-columns:repeat(2,minmax(0,1fr))}
.wk .kfo--kachel{min-height:92px;padding:16px;gap:12px}
.wk .kfo--kachel b{font-size:16px}
.wk .kfo--pk{grid-template-columns:44px minmax(0,1fr) auto;gap:4px 14px;padding:16px 16px 16px 14px}
.wk .kfo__berg{width:44px}
.wk .kfo__p b{font-size:18px}
.wk .kf-check__row{flex-direction:column}
.wk .kf-form__row{grid-template-columns:minmax(0,1fr);gap:0}
.wk .kf-nav{gap:18px;margin-top:26px}
.wk #kfWeiter{min-width:0;padding:0 22px}
.wk .kf__r{display:flex;padding:22px 18px 24px}
.wk .kk__liste{grid-template-columns:minmax(0,1fr)}}
.wk .af__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.wk .kz{margin:0}
.wk .kz__vp{position:relative;padding:10px 8px;border:1px solid var(--linie);border-radius:12px;background:var(--papier);overflow:hidden}
.wk .kz__vp::after{content:"";position:absolute;inset:0;border-top:2px solid var(--see);filter:drop-shadow(0 0 6px rgba(255,214,0,.7));opacity:0;pointer-events:none}
.wk .kz__vp.scan::after{opacity:1}
@media (prefers-reduced-motion: no-preference){.wk .kz__vp.scan::after{animation:wk-kzScan 1.2s ease-in-out infinite alternate}}
.wk .kz__svg{display:block;width:100%;height:auto;overflow:hidden}
.wk .kz__cap{margin-top:8px;font-size:13.5px;color:var(--leise)}
.wk .kz .ln{fill:none;stroke:var(--tanne);stroke-opacity:.62;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.wk .kz .ln.th{stroke:var(--laerche);stroke-opacity:.5}
.wk .kz .ln.hd{stroke-width:2.6;stroke-opacity:.8}
.wk .kz .ln.y{stroke:var(--see-tief);stroke-opacity:1}
.wk .kz .fl{fill:rgba(20,23,28,.05)}
.wk .kz .fw{fill:rgba(20,23,28,.62)}
.wk .kz .fy{fill:rgba(255,214,0,.22)}
.wk .kz .fg{fill:var(--see)}
.wk .kz .hatch{fill:url(#kzHatch)}
.wk .kz .ds{fill:none;stroke:var(--blau);stroke-width:1.4;stroke-dasharray:4 3}
.wk .kz text{font-family:var(--mono)}
.wk .kz .tw{font-size:7.5px;fill:var(--text)}
.wk .kz .tg rect{fill:var(--blau)}
.wk .kz .tg text{font-size:9px;font-weight:700;fill:var(--anthrazit);letter-spacing:.02em}
.wk .kz .kz-page{transition:transform .6s cubic-bezier(.65,0,.25,1)}
.wk .kz .kz-m{transition:transform .6s cubic-bezier(.65,0,.25,1),opacity .3s}
.wk .kz .kz-m.weg{opacity:0}
.wk .kz .kz-rahmen,.wk .kz .kz-care__r{transition:d .6s cubic-bezier(.65,0,.25,1)}
.wk .kz .kz-care{opacity:0;transition:opacity .4s}
.wk .kz .kz-care.an{opacity:1}
.wk .kz .kz-flash{opacity:0;animation:wk-kzFlash 2.8s ease .35s both}
@media (prefers-reduced-motion: no-preference){.wk .kz .neu .ln{stroke-dasharray:1px 1px;animation:wk-zeichnen .85s cubic-bezier(.5,0,.2,1) both;animation-delay:var(--d,0s)}
.wk .kz .neu .fd{animation:wk-kzFade .5s ease both;animation-delay:calc(var(--d,0s) + .35s)}}
@media (prefers-reduced-motion: reduce){.wk .kz .kz-page,.wk .kz .kz-m,.wk .kz .kz-rahmen,.wk .kz .kz-care__r{transition:none}}
.wk .tz-geh{fill:none;stroke:var(--tuerkis);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .6px rgba(20,23,28,.9));transition:d .7s cubic-bezier(.65,0,.25,1),stroke-dasharray .7s cubic-bezier(.65,0,.25,1)}
@media (prefers-reduced-motion: reduce){.wk .tz-geh{transition:none}}
.wk .kf-bau{display:none}
.wk .kf--vor .kf-bau,.wk .kf--an .kf-bau{display:block;position:absolute;inset:0;z-index:5;pointer-events:none}
.wk .kf-bau__cover{position:absolute;inset:0;border-radius:16px;border:1px solid var(--linie);background-color:var(--kalk);transform-origin:right center;
  background-image:none}
.wk .kf-bau__line{position:absolute;left:0;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--see);box-shadow:0 0 16px 2px rgba(255,214,0,.55);opacity:0}
.wk .kf-bau__svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.wk .wf-p{fill:none;stroke:var(--tanne);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1px 1px;stroke-dashoffset:1px}
.wk .wf-p.fein{stroke-width:1;stroke:var(--laerche);stroke-opacity:.8}
.wk .wf-grid rect{fill:rgba(255,214,0,.08);stroke:rgba(20,23,28,.3);stroke-width:1}
.wk .wf-grid,.wk .wf-dim > g{opacity:0}
.wk .wf-dim .o{fill:none;stroke:var(--laerche);stroke-width:1.3;stroke-dasharray:5 4}
.wk .wf-dim .m{fill:none;stroke:var(--laerche);stroke-width:1.2}
.wk .wf-dim .pl{fill:var(--kalk)}
.wk .wf-dim .tg{fill:var(--blau)}
.wk .wf-dim text{font:700 10.5px var(--mono);letter-spacing:.06em;fill:var(--anthrazit)}
.wk .wf-dim text.mt{font-weight:600;fill:var(--laerche-tief)}
.wk .wf-slot{fill:none;stroke:rgba(20,23,28,.35);stroke-width:1;stroke-dasharray:4 4;opacity:0}
.wk .kf--vor .kf-snap,.wk .kf--an .kf-snap{opacity:0}
.wk .kf--an1 .wf-p{animation:wk-zeichnen .55s cubic-bezier(.5,0,.3,1) var(--d,0s) both}
.wk .kf--an2 .wf-grid{opacity:1;transition:opacity .5s ease}
.wk .kf--an2 .wf-dim > g{animation:wk-wfIn .45s cubic-bezier(.2,1.3,.4,1) var(--d,0s) both}
.wk .kf--an3 .kf-bau__cover{transform:scaleX(0);transition:transform .7s cubic-bezier(.65,0,.25,1)}
.wk .kf--an3 .kf-bau__line{animation:wk-wfWipe .7s cubic-bezier(.65,0,.25,1) both,wk-wfAus .18s linear .6s forwards}
.wk .kf--an3 .wf-pen,.wk .kf--an3 .wf-dim,.wk .kf--an3 .wf-grid{opacity:0;transition:opacity .55s ease}
.wk .kf--an3 .wf-slot{opacity:1;transition:opacity .35s ease .3s}
.wk .kf--an4 .wf-slot{animation:wk-wfAus .2s linear calc(var(--i, 0) * 45ms + .12s) forwards}
.wk .kf--an4 .kf-snap{animation:wk-kfSnap .42s cubic-bezier(.2,1.3,.4,1) calc(var(--i, 0) * 45ms) both}
.wk .kf--kurz.kf--an1 .wf-p{animation-duration:.7s}
.wk .kf--kurz.kf--an4 .kf-snap{animation-duration:.5s;animation-delay:calc(var(--i, 0) * 45ms)}
.wk .kf--kurz.kf--an4 .wf-slot{animation-delay:calc(var(--i, 0) * 45ms + .08s)}
.wk .kf--kurz.kf--an3 .kf-bau__cover{transition-duration:.7s}
.wk .kf--kurz.kf--an3 .kf-bau__line{animation-duration:.7s,.2s;animation-delay:0s,.55s}
.wk .kf--bereit .kf-pane.is-on .kf-pane__h::after{content:"";display:inline-block;width:3px;height:.8em;margin-left:8px;background:var(--see);vertical-align:-.04em}
@media (prefers-reduced-motion: no-preference){.wk .kf--bereit .kf-pane.is-on .kf-pane__h::after{animation:wk-blinken 1.1s steps(1) infinite}}
@media (max-width:899px){.wk .kf__r .kz{grid-column:2;grid-row:1 / span 3}
.wk .kf__r .kk{grid-column:1;grid-row:1}
.wk .kf__r .tz{grid-column:1;grid-row:2}
.wk .kf__r .kk-note{grid-column:1;grid-row:3}}
@media (max-width:639px){.wk .kf__r .kz,.wk .kf__r .kk,.wk .kf__r .tz,.wk .kf__r .kk-note{grid-column:auto;grid-row:auto}}
.wk .tb[data-state="leer"]{opacity:1;filter:none}
.wk .tb[data-state="leer"] .tb__ww{opacity:.5;filter:saturate(.25)}
.wk .hp-flaeche{fill:var(--kalk2)}
.wk .hp-kl{font:700 13px var(--mono);letter-spacing:.14em;text-transform:uppercase;fill:var(--see-tief)}
.wk .hp-kl--klein{font:500 11px var(--mono);letter-spacing:.06em;text-transform:none;fill:var(--leise)}
.wk .hp-weg--ki{stroke:var(--see-tief)}
.wk .hp-weg--g{stroke:var(--tanne)}
.wk .hp-gipfel{font:600 12px var(--mono)}
@media (prefers-reduced-motion: no-preference){.js .wk .tb:not(.gezeichnet) .hp-weg{stroke-dasharray:1px 1px;stroke-dashoffset:1px}
.js .wk .tb.gezeichnet .hp-weg{stroke-dasharray:1px 1px;animation:wk-zeichnen 1.9s cubic-bezier(.45,0,.2,1) .1s both}
.js .wk .tb:not(.gezeichnet) .hp-st,.js .wk .tb:not(.gezeichnet) .hp-kreuz-g{opacity:0}
.js .wk .tb.gezeichnet .hp-st{animation:wk-stPop .5s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(.45s + var(--n,0) * .3s);transform-box:fill-box;transform-origin:center}
.js .wk .tb.gezeichnet .hp-kreuz-g{animation:wk-kzFade .6s ease 1.9s both}}
.wk .sum__h{font-size:22px;letter-spacing:-.015em;color:#fff;margin-bottom:8px}
.wk .sum__klein{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--d-leise)}
.wk .sum__klein:empty{display:none}
.wk .sum__klein a{color:#fff;white-space:nowrap}
.wk .sum__zelle--pdf .reihe{margin-top:14px}
.wk .sum__zelle--pdf .inp{background:#ffffff}
.wk .sum__zelle--pdf .karte-k__ok{color:#9fe3c0}
.wk .sum__zelle--pdf .reihe[hidden]{display:none}
.wk .messer + .messer{margin-bottom:12px}
@media (max-width:1099px){.wk .tb__sum{grid-template-columns:1fr 1fr}
.wk .tb__sum .sum__zelle:last-child{grid-column:1 / -1;border-left:0;border-top:1px solid var(--tanne-linie)}}
@media (max-width:899px){.wk .tb__sum{grid-template-columns:1fr}}
@media (max-width:639px){.wk .hp-kl{font-size:15px}}
.wk .messer[data-s="gut"] em{background:#5fd49e}
.wk .messer[data-s="mittel"] em{background:#ffd600}
.wk .messer[data-s="schlecht"] em{background:#ff8a7a}
.wk .hp-du[data-s="gut"] rect{fill:var(--gut)}
.wk .hp-du[data-s="mittel"] rect{fill:#a37e00}
.wk .hp-du[data-s="schlecht"] rect{fill:var(--schlecht)}
.wk .ww__auf{grid-column:2 / -1;margin-top:4px}
.wk .ww__auf summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font:500 13px/1.3 var(--sans);color:var(--see-tief);text-decoration:underline;text-decoration-color:var(--see-rand);text-underline-offset:3px}
.wk .ww__auf summary::-webkit-details-marker{display:none}
.wk .ww__auf summary::after{content:"";width:6px;height:6px;margin-top:-3px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform .2s}
.wk .ww__auf[open] summary::after{transform:rotate(-135deg);margin-top:2px}
.wk .ww__auf ul{list-style:none;margin:8px 0 2px;padding:0;display:grid;gap:6px}
.wk .ww .ww__auf li{display:grid;grid-template-columns:minmax(0,1fr) auto 64px 40px;align-items:center;gap:4px 10px;padding:0;border:0;font-size:13px;color:var(--text)}
.wk .ww__auf li small{font:500 11px var(--mono);color:var(--leise);white-space:nowrap}
.wk .ww__auf li i{position:relative;height:5px;border-radius:3px;background:var(--kalk2);overflow:hidden}
.wk .ww__auf li i em{position:absolute;left:0;top:0;bottom:0;background:var(--gut);border-radius:3px}
.wk .ww__auf li[data-s="mittel"] i em{background:#ffd600}
.wk .ww__auf li[data-s="schlecht"] i em{background:var(--schlecht)}
.wk .ww__auf li b{font:600 12px var(--mono);text-align:right;color:var(--anthrazit)}
@media (max-width:639px){.wk .ww .ww__auf li{grid-template-columns:minmax(0,1fr) 54px 36px}
.wk .ww__auf li small{display:none}}
.wk .af .fehlerbox,.wk .kf-form .fehlerbox{margin:4px 0 14px}
.wk .tb[data-state="leer"] .ww__tag{visibility:hidden}
.wk .tb[data-state="leer"] .hp-flaeche{fill:var(--blau-hell)}
.wk .tb[data-state="leer"] .ww__nr{border-color:var(--blau-rand);color:var(--blau-tief)}
@keyframes wk-zeichnen{from{stroke-dashoffset:1px}to{stroke-dashoffset:0px}}
@keyframes wk-gcPuls{0%{box-shadow:0 0 0 0 rgba(255,214,0,.8),0 20px 44px -28px rgba(20,23,28,.55)}100%{box-shadow:0 0 0 16px rgba(255,214,0,0),0 20px 44px -28px rgba(20,23,28,.55)}}
@keyframes wk-blinken{50%{opacity:0}}
@keyframes wk-stPop{0%{transform:scale(.3);opacity:0}100%{transform:none;opacity:1}}
@keyframes wk-kfIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
@keyframes wk-kfInL{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes wk-kfWach{0%{box-shadow:0 0 0 0 rgba(255,214,0,.9)}60%{box-shadow:0 0 0 14px rgba(255,214,0,0)}100%{box-shadow:none}}
@keyframes wk-stempel{0%{transform:scale(2.2) rotate(-30deg);opacity:0}60%{opacity:1}100%{transform:scale(1) rotate(-10deg);opacity:1}}
@keyframes wk-kkBump{40%{transform:scale(1.035)}}
@keyframes wk-bonusPop{0%{transform:scale(0) rotate(-80deg);opacity:0}55%{transform:scale(1.22) rotate(4deg);opacity:1}75%{transform:scale(.94) rotate(-16deg)}100%{transform:scale(1) rotate(-12deg)}}
@keyframes wk-bonusWippe{0%,78%,100%{transform:rotate(-12deg) scale(1)}84%{transform:rotate(-4deg) scale(1.08)}90%{transform:rotate(-17deg) scale(1.02)}95%{transform:rotate(-10deg) scale(1)}}
@keyframes wk-bonusGlanz{0%,55%{background-position:130% 0}80%,100%{background-position:-60% 0}}
@keyframes wk-neuMark{0%,30%{color:var(--see-tief);font-weight:600}100%{color:var(--text)}}
@keyframes wk-kkDelta{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(-4px)}75%{opacity:1;transform:translateY(-10px)}100%{opacity:0;transform:translateY(-16px)}}
@keyframes wk-kkDeltaR{0%,85%{opacity:1}100%{opacity:0}}
@keyframes wk-tzNeu{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
@keyframes wk-kzScan{from{transform:translateY(0)}to{transform:translateY(100%)}}
@keyframes wk-kzFlash{0%{opacity:0}12%{opacity:1}78%{opacity:1}100%{opacity:0}}
@keyframes wk-kzFade{from{opacity:0}to{opacity:1}}
@keyframes wk-wfIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes wk-wfWipe{from{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(var(--kfw,1000px))}}
@keyframes wk-wfAus{to{opacity:0}}
@keyframes wk-kfSnap{0%{opacity:0;transform:translateY(-16px) scale(1.05)}55%{opacity:1;transform:translateY(2px) scale(.995)}100%{opacity:1;transform:none}}

/* ==========================================================================
   Ipsom-Anpassungen (nach den 1:1-Regeln, überschreiben sie)
   Linie der Seite: Hauptknopf Anthrazit, weiße Schrift, kleiner gelber Kreis mit Pfeil.
   Gelb nur als Akzent/Balken/Fläche, nie als Text auf Weiß; feine Linien auf Hell in Gold. Kein Farbverlauf.
   Rundungen: Rahmen 16 · Karte/Kachel 14 (Hover −3 px) · Feld 10 (eingelassen) · Knopf 9 · Symbolfeld 8.
   ========================================================================== */

/* ---------- Knöpfe */
.wk .btn{background:var(--anthrazit);border-color:var(--anthrazit);color:#fff;border-radius:9px;gap:12px}
.wk .btn:hover{background:#2b3038;border-color:#2b3038;box-shadow:0 12px 26px -14px rgba(20,23,28,.6)}
.wk .btn:has(.btn__pf){padding-right:12px}
.wk .btn__pf{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--gelb);color:var(--anthrazit);font:700 15px/1 var(--sans);transition:transform .2s ease,background-color .2s,color .2s}
.wk .btn:hover .btn__pf{transform:translateX(3px)}
.wk .btn[disabled]:hover .btn__pf{transform:none}
/* Auf dunklem Grund (Ergebnis-Leiste): heller Knopf, gelber Kreis bleibt */
.wk .btn--hell{background:#fff;border-color:#fff;color:var(--anthrazit)}
.wk .btn--hell:hover{background:var(--kalk);border-color:var(--kalk);box-shadow:none}
.wk .btn--linie-d{background:transparent;border-color:rgba(233,234,236,.4);color:var(--d-text)}
.wk .btn--linie-d:hover{background:transparent;border-color:var(--gelb);box-shadow:none}
.wk #kfWeiter:disabled{background:transparent;border-color:var(--linie);color:#79818b}
.wk #kfWeiter:disabled .btn__pf{background:var(--kalk2);color:#79818b}

/* ---------- Kennung, Links */
.wk .marke{color:var(--anthrazit);font:600 12.5px/1 var(--sans);letter-spacing:.14em}
.wk .marke::before{content:"";flex:none;width:22px;height:4px;border-radius:2px;background:var(--gelb)}
.wk .lnk{color:var(--anthrazit);text-decoration-color:var(--gold)}
.wk .lnk:hover{text-decoration-color:var(--anthrazit)}
.wk .sum__cta .lnk{color:#fff;text-decoration-color:var(--gelb)}
.wk .gc__none a,.wk .kf-fine a{color:var(--anthrazit);text-decoration-color:var(--gold)}
.wk .kf-link:hover{text-decoration-color:var(--gold)}
.wk .kk__drin summary{text-decoration-color:var(--gold)}

/* ---------- Gipfelcheck: Eingabe eingelassen (dunkler als die Karte, Schatten nach innen) */
.wk .gc__feld{height:72px;padding:0 7px 0 0;border:1px solid #cacfd5;border-radius:10px;background:#edeff2;box-shadow:inset 0 1px 3px rgba(20,23,28,.1)}
.wk .gc__feld:focus-within{border-color:var(--anthrazit);box-shadow:inset 0 1px 3px rgba(20,23,28,.1),0 0 0 4px rgba(255,214,0,.55)}
.wk .gc__in{color:var(--anthrazit)}
.wk .gc__feld .btn{min-height:56px;border-radius:8px}
.wk .gc__plus span::before{border-color:var(--erfolg)}
@media (max-width:639px){
  .wk .gc__feld,.wk .gc__feld:focus-within{height:auto;border:0;background:none;box-shadow:none;padding:0}
  .wk .gc__in{height:62px;border:1px solid #cacfd5;border-radius:10px;background:#edeff2;box-shadow:inset 0 1px 3px rgba(20,23,28,.1)}
  .wk .gc__in:focus-within{border-color:var(--anthrazit);box-shadow:inset 0 1px 3px rgba(20,23,28,.1),0 0 0 4px rgba(255,214,0,.55)}
}
/* Handy: E-Mail-Feld für den Bericht nicht zusammenfallen lassen (Spalte statt Reihe) */
@media (max-width:639px){ .wk .reihe .inp{flex:none;width:100%} }
.wk .tb[data-state="laeuft"] .tb__status::after{color:var(--gold)}
/* Höhenprofil: KI-Weg in Gold, Google-Weg in Anthrazit, Fahne am Gipfel (aus christlicher-webdesigner.net) */
.wk .hp-weg--ki{stroke:var(--gold)}
.wk .hp-weg--g{stroke:var(--anthrazit)}
.wk .hp-wanderer circle{fill:var(--anthrazit)}
.wk .hp-du circle{fill:var(--gelb);stroke:var(--anthrazit)}
.wk .hp-fahne{fill:var(--gelb);stroke:var(--anthrazit);stroke-width:1.2;stroke-linejoin:round}
.js .wk .tb:not(.gezeichnet) .hp-fahne{opacity:0}
.wk .ww__bef em{color:var(--technik)}
.wk .ww__auf summary{color:var(--technik);text-decoration-color:var(--technik-rand)}

/* ---------- Tourenplaner: Fortschritt */
.wk .kf-sf .is-done button::before{background:var(--anthrazit);border-color:var(--anthrazit)}
.wk .kf-sf .is-cur button::before{background:var(--gelb);border-color:var(--anthrazit);box-shadow:0 0 0 5px rgba(255,214,0,.45)}
.wk .kf-sf button:hover:not(:disabled){color:var(--anthrazit)}

/* ---------- Kacheln (14 px, heben sich beim Hover um 3 px) */
.wk .kfo{border-radius:14px}
.wk .kfo:hover{border-color:var(--anthrazit);transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(20,23,28,.45)}
.wk .kfo[hidden]{display:none}
.wk .kfo__weil{color:var(--technik)}
.wk .kfo[aria-pressed="true"] .kfo__weil{color:#fff}
/* Symbolfeld (8 px) auf den großen Kacheln (Website, Branche) */
.wk .kfo--kachel .kfo__ic{width:42px;height:42px;padding:8px;border-radius:8px;background:var(--kalk)}
.wk .kfo--kachel[aria-pressed="true"] .kfo__ic{background:rgba(255,255,255,.1)}
/* „Beliebt“: Anthrazit mit gelber Schrift */
.wk .kfo__flag{background:var(--anthrazit);color:var(--gelb)}
/* Im Paket enthalten: Erfolg-Töne */
.wk .kfo.inkl[aria-pressed]{background:var(--erfolg-bg);border-color:var(--erfolg)}
.wk .kfo.inkl[aria-pressed] small{color:var(--erfolg)}
.wk .kfo.inkl[aria-pressed] .kfo__ic{stroke:var(--erfolg)}
.wk .kfo.inkl[aria-pressed] .kfo__x{border-color:var(--erfolg)}
.wk .kfo.inkl[aria-pressed] .kfo__x::after{border-color:var(--erfolg)}
.wk .kf-inkl{background:var(--erfolg-bg);border-color:var(--erfolg-rand);border-radius:10px}
.wk .kf-inkl__h{color:var(--erfolg)}
.wk .kf-inkl__l li::before{color:var(--erfolg)}

/* ---------- Gipfelcheck im Planer, Kostenrahmen */
.wk .kf-run__bar i{background:var(--gelb)}
.wk .kf-erg__e{color:var(--technik)}
.wk .kk__monat{color:var(--technik)}
.wk .kk-note svg{color:var(--technik)}
.wk .kf-sum .is-preis{color:var(--anthrazit)}
/* Gründerbonus-Sticker: Ipsom-Gelb als Fläche, anthrazitfarbene Schrift – ohne Verlauf und ohne Glanzstreifen */
.wk .kk-bonus{color:var(--anthrazit)}
.wk .kk-bonus::before{background:var(--gelb)}
.wk .kk-bonus::after{content:none}
.wk .kk-bonus__z{font-weight:700}
/* Schmalere rechte Spalte (unter 1240 px): Preis nicht unter den Sticker schieben */
@media (min-width:761px) and (max-width:1239px){ .wk .kk--bonus .kk__k,.wk .kk--bonus .kk__v{padding-right:64px} }

/* ---------- Tourenskizze und Website-Vorschau */
.wk .tz,.wk .kz__vp{border-radius:14px}
.wk .kz__vp::after{border-top-color:var(--gelb)}
.wk .kz .ln.y{stroke:var(--gold)}
.wk .kz .fy{fill:rgba(255,214,0,.35)}
.wk .kz .fg{fill:var(--gold)}
.wk .kz .ds{stroke:var(--gold)}
.wk .kz .tg rect{fill:var(--gelb)}
.wk .wf-dim .tg{fill:var(--gelb)}
.wk .wf-grid rect{fill:rgba(42,111,176,.05);stroke:rgba(42,111,176,.28)}
/* Eingangsanimation: Deckblatt einfarbig (kein Verlauf), Wischlinie gelb, Schreibmarke gold */
.wk .kf-bau__cover{background-image:none;background-color:var(--kalk)}
.wk .kf-bau__line{background:var(--gelb);box-shadow:0 0 14px 2px rgba(255,214,0,.5)}
.wk .kf--bereit .kf-pane.is-on .kf-pane__h::after{background:var(--gold)}

/* ---------- Handy-Preisleiste (#kfMbar): nur bis 639 px und nur, solange der Planer im Blick ist.
   Dann trägt <html> die Klasse „wk-preisleiste“ – die Seite blendet damit ihre eigene Leiste aus. */
.wk .kf-mbar{display:none}
@media (max-width:639px){
  .wk .kf-mbar{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;gap:8px;align-items:center;position:fixed;left:0;right:0;bottom:0;z-index:55;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--anthrazit);border-top:1px solid var(--tanne-linie);
    transform:translateY(110%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
  .wk .kf-mbar.is-kf{transform:none;visibility:visible;transition:transform .3s ease}
  .wk .kf-mbar__kost{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;margin:0;padding:0 4px}
  .wk .kf-mbar__kost small{max-width:100%;font:600 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--d-leise);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wk .kf-mbar__kost b{max-width:100%;font:600 17px/1.1 var(--sora);letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
  .wk .kf-mbar a{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;border-radius:9px;text-decoration:none;font:600 16px/1 var(--sans)}
  .wk .kf-mbar__tel{color:#fff;border:1px solid rgba(233,234,236,.3)}
  .wk .kf-mbar__cta{padding:0 10px 0 18px;background:#fff;color:var(--anthrazit)}
}
@media (prefers-reduced-motion: no-preference){ .wk .kf-mbar__kost b.bump{animation:wk-kkBump .45s cubic-bezier(.3,1.6,.5,1)} }
@media (prefers-reduced-motion: reduce){ .wk .kf-mbar{transition:none} }