/* planer.css - Gipfelcheck und Tourenplaner, übernommen aus webdesign-kaernten.net.
   Erzeugt von build/planer-css.py - nicht von Hand ändern, eigene Regeln in
   build/src/planer-eigen.css. */

.wk{
  --kalk:#F8FAFC; --kalk2:#F1F5F9; --papier:#FFFFFF; --linie:#E2E8F0; --linie2:#F1F5F9;
  --see:#475569; --see-hell:#94A3B8; --see-tief:#0F172A; --see-bg:#F1F5F9; --see-rand:#CBD5E1;
  --tanne:#0F172A; --tanne-tief:#0B0F19; --tanne-karte:#1E293B; --tanne-linie:#334155; --alm:#64748B; --alm-hell:#CBD5E1;
  --laerche:#CA8A04; --laerche-tief:#854D0E; --laerche-bg:#FEF9C3;
  --anthrazit:#0F172A; --text:#334155; --leise:#64748B;
  --d-text:#E2E8F0; --d-leise:#94A3B8;
  --gelb:#FFD600;
  --gut:#15803D; --gut-bg:#DCFCE7; --mittel:#A16207; --mittel-bg:#FEF9C3; --schlecht:#B91C1C; --schlecht-bg:#FEE2E2; --offen:#64748B;
  --mono: "Inter", system-ui, sans-serif;
  --sora: "Inter", system-ui, sans-serif;
  --sans: "Inter", system-ui, sans-serif;
  --hh: 88px;
  font: 17px/1.62 var(--sans); color: var(--text);
}
.wk h2,.wk h3,.wk h4{font-family:var(--sora);font-weight:800;color:var(--anthrazit);margin:0}
.wk p{margin:0}
.wk button{font:inherit}
.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, 1152px);margin-inline:auto}
.wk .dunkel{background:var(--tanne);color:var(--d-text)}
.wk .dunkel h2,.wk .dunkel h3{color:#fff}
.wk .band2{background:var(--kalk2)}
.wk .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:9px;background:var(--gelb);color:var(--anthrazit);border:1.5px solid var(--gelb);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{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:#085552;box-shadow:0 12px 26px -14px rgba(15,23,42,.8)}
.wk .btn--linie{background:transparent;color:var(--anthrazit);border-color:rgba(15,23,42,.45)}
.wk .btn--linie:hover{border-color:var(--anthrazit);background:rgba(15,23,42,.04);box-shadow:none}
.wk .btn--linie-d{background:transparent;color:var(--d-text);border-color:rgba(226,232,240,.4)}
.wk .btn--linie-d:hover{border-color:var(--gelb);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(--gelb)}
.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:"";flex:none;width:22px;height:12px;border-radius:2px;background:linear-gradient(90deg,var(--gelb) 0 33%,var(--papier) 33% 66%,var(--gelb) 66%);box-shadow:inset 0 0 0 1px rgba(15,23,42,.35)}
.wk .dunkel .marke{color:#FFD600}
.wk .dunkel .marke::before{box-shadow:none}
.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 .kopf-split{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 64px;flex-wrap:wrap;margin-bottom:44px}
.wk .kopf-split > div{max-width:720px;flex:1 1 560px}
.wk .kopf-split .h2{margin-bottom:0}
.wk .kopf-split > p{max-width:420px}
.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(15,23,42,.55);transition:box-shadow .2s}
.wk .gc__feld:focus-within{box-shadow:0 0 0 4px var(--see-hell),0 20px 44px -28px rgba(15,23,42,.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:#64748B}
.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{margin-top:14px;max-width:780px;padding:14px 16px 14px 18px;border-radius:10px;border:1px solid #efc4bd;background:#fff5f3;box-shadow:inset 3px 0 0 #c0392b;color:#5c1f19;font-size:15px;line-height:1.5}
.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(15,23,42,.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:#d99a2b;stroke:#b07a1e}
.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(--gelb);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:#d99a2b;border-color:#b07a1e;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(--gelb)}
.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(--gelb);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(15,23,42,.04),0 14px 34px -20px rgba(15,23,42,.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 #CBD5E1;background:#F8FAFC;box-shadow:inset 0 1px 2px rgba(15,23,42,.07);font:16px var(--sans);color:var(--anthrazit)}
.wk .inp::placeholder{color:#64748B}
.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 .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(15,23,42,.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(--gelb);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-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(15,23,42,.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:#cdeae6}
.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(--gelb);color:var(--anthrazit);font:600 12px/1 var(--sans)}
.wk .kfo--ex{grid-template-columns:28px minmax(0,1fr) 22px;align-items:start;padding:18px}
.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 #9aa6a1;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:#d99a2b}
.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:#7c8883;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 #CBD5E1;background:#F8FAFC;box-shadow:inset 0 1px 2px rgba(15,23,42,.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__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(--gelb)}
.wk .tz-start text{font:700 10px var(--mono);fill:var(--anthrazit)}
.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}
@media (max-width:1099px){.wk .ref{grid-column:span 6}
.wk .ref--gross{grid-column:span 12}
.wk .ls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899px){.wk .ref__kopf,.wk .team,.wk .faq{grid-template-columns:minmax(0,1fr)}
.wk .team__credit{grid-column:1;justify-self:start}
.wk .quotes{grid-template-columns:1fr}
.wk .fuss__grid{grid-template-columns:1fr 1fr}
.wk .revier{max-width:520px}}
@media (max-width:639px){.wk .wrap{width:calc(100% - 40px)}
.wk .h1__m{font-size:clamp(34px,10.4vw,46px)}
.wk .hero__lead{margin:22px 0 26px}
.wk .cta-row .btn{flex:1 1 100%}
.wk .fakten{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.wk .fakten li b{font-size:21px}
.wk .beweis__in{gap:8px 18px;font-size:13px;padding:14px 0}
.wk .ls{grid-template-columns:1fr}
.wk .ls__k{min-height:0}
.wk .ref,.wk .ref--gross{grid-column:span 12}
.wk .crew{gap:14px}
.wk .crew figcaption b{font-size:16px}
.wk .crew__mehr b{font-size:42px}
.wk .crew__mehr{padding:18px;min-height:0}
.wk .faq__liste details > div{padding-right:0}
.wk .faq__liste summary{font-size:17.5px}
.wk .fuss__grid{grid-template-columns:1fr}
.wk .revier .rv-heim text,.wk .revier .rv-t{font-size:40px}
.wk .revier .rv-heim circle{r:22px}
.wk .kopf-split{margin-bottom:34px}
.wk .mbar{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:55;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(11,15,25,.97);border-top:1px solid var(--tanne-linie)}
.wk .mbar a{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:9px;font:600 16px/1 var(--sans);text-decoration:none}
.wk .mbar__tel{color:var(--d-text);border:1px solid rgba(226,232,240,.3)}
.wk .mbar__tel svg{color:var(--gelb)}
.wk .mbar__cta{background:var(--gelb);color:var(--anthrazit)}
.wk .mbar .mbar__kost{display:none}
.wk .mbar.is-kf{grid-template-columns:minmax(0,1fr) 48px auto}
.wk .mbar.is-kf .mbar__kost{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:0;padding:0 4px;color:#fff}
.wk .mbar__kost small{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--d-leise);white-space:nowrap}
.wk .mbar__kost b{max-width:100%;font:700 16px/1.1 var(--mono);letter-spacing:-.02em;color:var(--gelb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk .mbar.is-kf .mbar__tel span{display:none}
.wk .mbar.is-kf .mbar__cta{padding:0 18px}}
.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(15,23,42,.05)}
.wk .kz .fw{fill:rgba(15,23,42,.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:#d9b400;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(--gelb)}
.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(--gelb);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .6px rgba(15,23,42,.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:repeating-radial-gradient(ellipse at 78% 30%,transparent 0 26px,rgba(202,138,4,.16) 26px 27px),repeating-radial-gradient(ellipse at 18% 88%,transparent 0 22px,rgba(202,138,4,.12) 22px 23px)}
.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(15,23,42,.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(--gelb)}
.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(15,23,42,.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:.4s}
.wk .kf--kurz.kf--an4 .kf-snap{animation-duration:.34s;animation-delay:calc(var(--i, 0) * 30ms)}
.wk .kf--kurz.kf--an4 .wf-slot{animation-delay:calc(var(--i, 0) * 30ms + .08s)}
.wk .kf--kurz.kf--an3 .kf-bau__cover{transition-duration:.45s}
.wk .kf--kurz.kf--an3 .kf-bau__line{animation-duration:.45s,.14s;animation-delay:0s,.36s}
.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:#f0b64a}
.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:#9a6412}
.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:#d99a2b}
.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 .kf-form .fehlerbox{margin:4px 0 14px}
@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(15,23,42,.55)}100%{box-shadow:0 0 0 16px rgba(255,214,0,0),0 20px 44px -28px rgba(15,23,42,.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-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}}

/* ===== Eigene Ergänzungen für christlicher-webdesigner.net (build/src/planer-eigen.css) ===== */
/* Fahne statt Gipfelkreuz */
.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}
/* Tourenskizze: Fahne am Gipfel */
.wk .tz-gipfel .tz-fahne{fill:var(--gelb);stroke:var(--anthrazit);stroke-width:1;stroke-linejoin:round}
/* Extras kompakt: zehn Kacheln, zwei Spalten, wenig Luft */
.wk #kfExtra{gap:8px}
.wk #kfExtra .kfo--ex{padding:11px 14px;gap:2px 12px;grid-template-columns:22px minmax(0,1fr) 20px;align-items:center}
.wk #kfExtra .kfo__ic{width:22px;height:22px}
.wk #kfExtra .kfo b{font-size:15px}
.wk #kfExtra .kfo small{font-size:12.5px;margin-top:1px}
.wk #kfExtra .kfo__x{width:20px;height:20px}
.wk #kfExtra .kfo__x::after{left:5.5px;top:2px}
@media (min-width:640px){ .wk #kfExtra{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* Zielgruppen-Extras: ausgeblendete Kacheln (die Regel .kfo{display:grid} würde [hidden] überstimmen) */
.wk .kfo[hidden]{display:none}
/* Immer inklusive: hervorgehoben, aber kompakt – gelber Rahmen, Häkchen in grünen Punkten */
.wk .kf-inkl{margin-top:16px;padding:14px 16px 15px;border:1.5px solid var(--gelb);border-radius:14px;background:#FFFBE6;box-shadow:0 10px 24px -20px rgba(15,23,42,.5)}
.wk .kf-inkl__k{display:flex;align-items:center;gap:8px;font:800 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--anthrazit);margin-bottom:10px}
.wk .kf-inkl__k::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--gelb) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F172A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.6 5.3 5.9.9-4.3 4.1 1 5.8L12 16.4l-5.2 2.7 1-5.8-4.3-4.1 5.9-.9z'/%3E%3C/svg%3E") center/12px no-repeat}
.wk .kf-inkl ul{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;margin:0;padding:0}
.wk .kf-inkl li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #F1E3A0;font:600 13px/1.4 var(--sans);color:var(--anthrazit)}
.wk .kf-inkl li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--gut) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/11px no-repeat}
/* Kurze Erklärung unter dem Preis einer Extra-Kachel */
.wk #kfExtra .kfo small.kfo__info{margin-top:2px;font-size:12px;line-height:1.35;color:var(--leise)}
.wk #kfExtra .kfo[aria-pressed="true"] small.kfo__info{color:#CBD5E1}
/* Gründerbonus: Sticker oben rechts am Kostenrahmen (wer noch keine Website hat, ab Schritt 2) */
.wk .kk-bonus{position:absolute;top:-34px;right:-26px;z-index:5;width:128px;height:128px;margin:0;pointer-events:none;
  filter:drop-shadow(0 12px 16px rgba(15,23,42,.28));transform:rotate(12deg)}
.wk .kk-bonus[hidden]{display:none}
.wk .kk-bonus__stern{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:var(--gelb);color:var(--anthrazit);text-align:center;overflow:hidden;
  clip-path:polygon(50% 0%,59.8% 12.9%,75% 6.7%,77.2% 22.8%,93.3% 25%,87.1% 40.2%,100% 50%,87.1% 59.8%,93.3% 75%,77.2% 77.2%,75% 93.3%,59.8% 87.1%,50% 100%,40.2% 87.1%,25% 93.3%,22.8% 77.2%,6.7% 75%,12.9% 59.8%,0% 50%,12.9% 40.2%,6.7% 25%,22.8% 22.8%,25% 6.7%,40.2% 12.9%)}
.wk .kk-bonus__stern::before{content:"";position:absolute;inset:17px;border:2px dashed rgba(15,23,42,.35);border-radius:50%}
.wk .kk-bonus__pz{position:relative;font:900 22px/1 var(--sora);letter-spacing:-.03em}
.wk .kk-bonus__t{position:relative;font:800 9.5px/1.1 var(--sans);letter-spacing:.05em;text-transform:uppercase}
@media (prefers-reduced-motion: no-preference){
  .wk .kk-bonus.los{animation:wk-bonusRein .9s cubic-bezier(.2,1.5,.35,1) both,wk-bonusWippen 3.2s ease-in-out 1.1s infinite}
  .wk .kk-bonus.los .kk-bonus__stern::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:40%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-18deg);
    animation:wk-bonusGlanz 3.2s ease-in-out .9s infinite}
}
@keyframes wk-bonusRein{0%{opacity:0;transform:scale(2.4) rotate(-40deg)}55%{opacity:1;transform:scale(.88) rotate(18deg)}78%{transform:scale(1.08) rotate(9deg)}100%{opacity:1;transform:scale(1) rotate(12deg)}}
@keyframes wk-bonusWippen{0%,100%{transform:rotate(12deg) scale(1)}50%{transform:rotate(6deg) scale(1.05)}}
@keyframes wk-bonusGlanz{0%,55%{left:-60%}85%,100%{left:140%}}
@media (max-width:639px){ .wk .kk-bonus{top:-22px;right:-8px;width:96px;height:96px} .wk .kk-bonus__pz{font-size:21px} .wk .kk-bonus__t{font-size:9px} }
/* ===== Handy-Feinschliff (Durchgang in Chrome-Handyansicht, 390 und 360 px) ===== */
.wk .kf-link,.wk #kfWeiter{white-space:nowrap}
.wk .kf-sum dd{overflow-wrap:normal;word-break:normal;hyphens:auto}
@media (max-width:639px){
  /* Zurück · Überspringen · Weiter passen in eine Zeile */
  .wk .kf-nav{gap:14px}
  .wk .kf-link{font-size:14.5px}
  .wk #kfWeiter{padding:0 18px;min-height:48px}
  .wk .kf-nav{flex-wrap:wrap;row-gap:10px}
  .wk .kf-nav > *{flex:none}
  /* Zusammenfassung: Beschriftung klein über dem Wert statt schmaler Spalte */
  .wk .kf-sum{grid-template-columns:minmax(0,1fr);gap:0}
  .wk .kf-sum dt{padding:10px 0 0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
  .wk .kf-sum dd{padding:2px 0 10px;border-bottom:1px solid var(--linie2)}
  .wk .kf-sum dd:last-child{border-bottom:0}
  /* Gründer-Sticker: groß genug, dass „Gründerbonus“ nicht an den Zacken hängen bleibt */
  .wk .kk-bonus{top:-58px;right:-6px;width:106px;height:106px}
  .wk .kk-bonus__stern::before{inset:15px}
  .wk .kk-bonus__pz{font-size:20px}
  .wk .kk-bonus__t{font-size:8px;letter-spacing:.04em}
}
/* Handy: Erklärzeilen unter den Extras ausblenden, damit die Liste kurz bleibt */
@media (max-width:639px){ .wk #kfExtra .kfo small.kfo__info{display:none} }