/* Spurenfuchs – Webseite */
@font-face{font-family:"Fredoka";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/fredoka-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Fredoka";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/fredoka-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Fredoka";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fredoka-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/nunito-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/nunito-latin-900-normal.woff2) format("woff2")}

:root{
  --wald:#2FA65A; --wald-d:#1F7F42; --wald-dd:#17663A; --wald-l:#E6F6EA;
  --fuchs:#FF8A3D; --fuchs-d:#D9661E; --fuchs-l:#FFF0E4;
  --gold:#FFC62E; --gold-d:#E0A300; --gold-l:#FFF6D9;
  --sky:#3FB4F0; --sky-d:#1E8FCB; --sky-l:#E4F5FE;
  --lila:#9B6BF2; --rot:#F25A4A; --beere:#FF7EA6;
  --tinte:#1E2B21; --grau:#55685A; --papier:#FFF9EE; --gruen-bg:#EAF6E4; --nacht:#0E2416;
  --display:"Fredoka","Nunito",ui-rounded,system-ui,sans-serif;
  --body:"Nunito",ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;
  --r:22px;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{margin:0;background:var(--papier);color:var(--tinte);font:700 17px/1.6 var(--body)}
img{max-width:100%;display:block}
a{color:var(--wald-d)}
h1,h2,h3{font-family:var(--display);line-height:1.08;margin:0 0 .4em;letter-spacing:-.01em}
h2{font-size:clamp(30px,4.6vw,52px);font-weight:700}
h3{font-size:22px;font-weight:600}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:-999px;top:8px;z-index:200;background:#fff;padding:10px 14px;border-radius:12px}
.skip:focus{left:12px}
.weite{max-width:1160px;margin:0 auto;padding:0 20px;position:relative}
.schmal-weite{max-width:820px}
.kicker{display:inline-flex;align-items:center;gap:8px;font:900 13px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.18);padding:8px 14px;border-radius:99px;margin-bottom:18px}
.kicker.dunkel{color:var(--wald-dd);background:var(--wald-l)}
.held .kicker{background:rgba(23,102,58,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.kicker .punkt{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(255,198,46,.7);animation:puls 2s infinite}
@keyframes puls{70%{box-shadow:0 0 0 10px rgba(255,198,46,0)}100%{box-shadow:0 0 0 0 rgba(255,198,46,0)}}
.lead{font-size:clamp(17px,1.6vw,20px);color:var(--grau);max-width:620px}
.lead.schmal{margin-inline:auto;text-align:center}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 22px;border-radius:18px;border:0;background:var(--wald);color:#fff;font:900 15px var(--body);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;box-shadow:0 5px 0 var(--wald-dd);cursor:pointer;transition:transform .12s,box-shadow .12s}
.knopf:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--wald-dd)}
.knopf:active{transform:translateY(3px);box-shadow:0 2px 0 var(--wald-dd)}
.knopf.hell{background:#fff;color:var(--wald-dd);box-shadow:0 5px 0 rgba(0,0,0,.18)}
.knopf.klein{padding:11px 16px;font-size:13px}
.link-knopf{background:none;border:0;padding:0;font:inherit;color:var(--wald-d);text-decoration:underline;cursor:pointer}

/* ---------- Kopfzeile ---------- */
.kopf{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:14px;padding:12px max(16px,calc((100vw - 1160px)/2 + 20px));transition:background .3s,box-shadow .3s,padding .3s}
.kopf.fest{background:rgba(255,249,238,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 24px -14px rgba(20,60,25,.4);padding-block:8px}
.marke{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinte);font:700 24px var(--display)}
.marke img{border-radius:10px;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.kopf:not(.fest) .marke{color:#fff;text-shadow:0 2px 8px rgba(0,40,10,.35)}
.menue{display:flex;gap:4px;margin-left:auto}
.menue a{padding:9px 12px;border-radius:12px;text-decoration:none;color:var(--tinte);font:800 15px var(--body)}
.kopf:not(.fest) .menue a{color:#fff;text-shadow:0 1px 6px rgba(0,40,10,.4)}
.menue a:hover{background:rgba(47,166,90,.14)}
.ton{display:flex;align-items:center;gap:8px;border:0;cursor:pointer;background:var(--gold);color:#4a3600;font:900 13px var(--body);letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border-radius:99px;box-shadow:0 4px 0 var(--gold-d);flex:0 0 auto}
.ton:not([aria-pressed="true"]){animation:wippen 2.6s ease-in-out infinite}
@keyframes wippen{0%,100%{transform:rotate(0)}6%{transform:rotate(-6deg)}12%{transform:rotate(5deg)}18%{transform:rotate(0)}}
.ton-ic{display:flex;align-items:flex-end;gap:2px;height:14px}
.ton-ic i{width:3px;background:currentColor;border-radius:2px;height:5px}
.ton-ic i:nth-child(2){height:10px}.ton-ic i:nth-child(3){height:14px}.ton-ic i:nth-child(4){height:8px}
.ton[aria-pressed="true"] .ton-ic i{animation:eq .9s ease-in-out infinite}
.ton[aria-pressed="true"] .ton-ic i:nth-child(2){animation-delay:-.3s}.ton[aria-pressed="true"] .ton-ic i:nth-child(3){animation-delay:-.6s}.ton[aria-pressed="true"] .ton-ic i:nth-child(4){animation-delay:-.15s}
@keyframes eq{0%,100%{height:4px}50%{height:14px}}
.burger{display:none;width:44px;height:44px;border:0;border-radius:14px;background:rgba(255,255,255,.9);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.burger i{width:20px;height:3px;border-radius:2px;background:var(--tinte);transition:transform .25s,opacity .25s}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ---------- Start ---------- */
.held{position:relative;min-height:max(720px,100svh);overflow:hidden;background:linear-gradient(180deg,#7CCBF2 0%,#B6E3F7 38%,#E9F7E6 72%,#CDEBC2 100%);color:#fff;display:flex;align-items:center;padding:110px 0 150px}
.himmel,.landschaft,.falter-bahn{position:absolute;inset:0;pointer-events:none}
.sonne{position:absolute;top:12%;right:5%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#FFF6C8 0 38%,#FFD95E 40% 58%,rgba(255,217,94,0) 60%)}
.sonne .strahlen{position:absolute;inset:-60px;border-radius:50%;background:repeating-conic-gradient(rgba(255,240,170,.45) 0 6deg,rgba(255,240,170,0) 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%);animation:drehen 60s linear infinite}
@keyframes drehen{to{transform:rotate(360deg)}}
.wolke{position:absolute;opacity:.92;filter:drop-shadow(0 6px 10px rgba(30,90,140,.12))}
.w1{width:190px;top:14%;left:-220px;animation:zieh 70s linear infinite}
.w2{width:130px;top:26%;left:-220px;animation:zieh 95s linear infinite -40s;opacity:.75}
.w3{width:240px;top:6%;left:-260px;animation:zieh 120s linear infinite -80s;opacity:.85}
@keyframes zieh{to{transform:translateX(calc(100vw + 520px))}}
.vogel{position:absolute;width:34px;animation:flieg 26s linear infinite}
.v1{top:20%;left:-60px}.v2{top:24%;left:-90px;width:24px;animation-delay:-1.4s;animation-duration:28s}
.vogel path{animation:schlag .5s ease-in-out infinite alternate;transform-origin:center}
@keyframes flieg{0%{transform:translate(0,0)}50%{transform:translate(55vw,-30px)}100%{transform:translate(110vw,10px)}}
@keyframes schlag{to{transform:scaleY(.4)}}
.schicht{position:absolute;left:-3%;width:106%;bottom:0;will-change:transform}
.schicht.s1{height:46%}.schicht.s2{height:40%}.schicht.s3{height:30%}.schicht.s4{height:90px;bottom:0}
.gras{position:absolute;left:0;right:0;bottom:0;height:46px;background:
  radial-gradient(ellipse 14px 40px at 10px 46px,#2A7A3E 60%,transparent 62%) 0 0/22px 46px repeat-x,
  radial-gradient(ellipse 10px 30px at 6px 46px,#36904A 60%,transparent 62%) 11px 6px/18px 46px repeat-x;
  transform-origin:bottom;animation:wiegen 5s ease-in-out infinite}
@keyframes wiegen{50%{transform:skewX(-3deg)}}
.falter{position:absolute;width:34px}
.falter .fl{transform-origin:20px 15px;animation:flattern .18s ease-in-out infinite alternate}
@keyframes flattern{to{transform:scaleX(.25)}}
.f1{top:58%;left:6%;animation:gaukeln1 18s ease-in-out infinite}
.f2{top:46%;left:44%;width:26px;animation:gaukeln2 22s ease-in-out infinite}
@keyframes gaukeln1{0%,100%{transform:translate(0,0) rotate(-8deg)}25%{transform:translate(18vw,-12vh) rotate(10deg)}50%{transform:translate(34vw,4vh) rotate(-6deg)}75%{transform:translate(12vw,10vh) rotate(8deg)}}
@keyframes gaukeln2{0%,100%{transform:translate(0,0)}30%{transform:translate(-14vw,-14vh) rotate(-12deg)}60%{transform:translate(10vw,-6vh) rotate(10deg)}}

.held-inhalt{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;width:100%}
.held h1{font-size:clamp(42px,6.6vw,84px);color:#fff;text-shadow:0 4px 0 rgba(23,102,58,.35),0 12px 34px rgba(0,60,20,.25)}
.glanz{background:linear-gradient(100deg,#FFE48A 0%,#FFC62E 40%,#fff 50%,#FFC62E 60%,#FF8A3D 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:glanz 4.5s ease-in-out infinite;text-shadow:none;filter:drop-shadow(0 4px 0 rgba(150,70,0,.35))}
@keyframes glanz{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.held .lead{color:#16502C;font-size:clamp(17px,1.7vw,21px);background:rgba(255,255,255,.62);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:14px 18px;border-radius:18px;max-width:560px}
.cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:22px 0 18px}
.store{display:inline-flex;align-items:center;gap:10px;padding:10px 20px 10px 16px;border-radius:16px;background:#111;color:#fff;text-decoration:none;box-shadow:0 5px 0 #000,0 14px 30px -12px rgba(0,0,0,.5);transition:transform .12s}
.store:hover{transform:translateY(-2px)}
.store svg{width:30px;height:30px}
.store span{display:flex;flex-direction:column;line-height:1.05}
.store small{font:800 11px var(--body);opacity:.85}
.store b{font:600 22px var(--display)}
.store.gross{padding:14px 26px 14px 20px}.store.gross svg{width:36px;height:36px}.store.gross b{font-size:26px}
.fakten{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.fakten li{background:rgba(255,255,255,.75);color:var(--wald-dd);padding:8px 14px;border-radius:99px;font:800 14px var(--body)}
.fakten b{color:var(--fuchs-d)}

.buehne{position:relative;display:flex;justify-content:center;min-height:600px}
.handy{position:relative;width:300px;height:610px;border-radius:48px;background:#18201A;padding:12px;box-shadow:0 0 0 2px #2d372f,0 40px 80px -30px rgba(10,50,20,.6),inset 0 0 0 2px #333;transform:rotate(3deg);animation:schweben 6s ease-in-out infinite}
@keyframes schweben{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-12px)}}
.insel{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#000;z-index:5}
.bildschirm{position:relative;height:100%;border-radius:37px;overflow:hidden;background:#0b0f0c}
.sucher{position:absolute;inset:0}
.sucher img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 2.4s ease}
.sucher.zoom img{transform:scale(1.32)}
.rahmen i{position:absolute;width:36px;height:36px;border:4px solid #fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}
.rahmen i:nth-child(1){top:24%;left:16%;border-right:0;border-bottom:0;border-top-left-radius:14px}
.rahmen i:nth-child(2){top:24%;right:16%;border-left:0;border-bottom:0;border-top-right-radius:14px}
.rahmen i:nth-child(3){bottom:30%;left:16%;border-right:0;border-top:0;border-bottom-left-radius:14px}
.rahmen i:nth-child(4){bottom:30%;right:16%;border-left:0;border-top:0;border-bottom-right-radius:14px}
.scanlinie{position:absolute;left:12%;right:12%;top:24%;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,#7CF2A4,transparent);box-shadow:0 0 18px 6px rgba(124,242,164,.55);opacity:0}
.sucher.scan .scanlinie{opacity:1;animation:scan 1.1s ease-in-out infinite alternate}
@keyframes scan{to{top:68%}}
.schnueffel{position:absolute;left:50%;bottom:120px;transform:translate(-50%,20px);background:rgba(255,255,255,.95);color:var(--tinte);font:800 14px var(--body);padding:9px 16px;border-radius:99px;white-space:nowrap;opacity:0;transition:.3s;display:flex;gap:4px;align-items:center}
.sucher.scan .schnueffel{opacity:1;transform:translate(-50%,0)}
.pkt{display:inline-flex;gap:3px}.pkt i{width:5px;height:5px;border-radius:50%;background:var(--fuchs);animation:hops 1s infinite}
.pkt i:nth-child(2){animation-delay:.15s}.pkt i:nth-child(3){animation-delay:.3s}
@keyframes hops{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.ausloeser{position:absolute;left:50%;bottom:30px;width:68px;height:68px;margin-left:-34px;border-radius:50%;border:5px solid #fff;background:rgba(255,255,255,.3)}
.ausloeser::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff;transition:transform .15s}
.sucher.klick .ausloeser::after{transform:scale(.8)}
.sucher.blitz::before{content:"";position:absolute;inset:0;background:#fff;z-index:4;animation:blitzen .45s ease-out forwards}
@keyframes blitzen{from{opacity:1}to{opacity:0}}
.fundkarte{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:52px 18px 18px;background:radial-gradient(circle at 50% 35%,rgba(255,198,46,.35),rgba(10,20,12,.88) 70%);opacity:0;pointer-events:none;transition:opacity .35s}
.fundkarte.zeigen{opacity:1}
.fk-innen{width:100%;background:#fff;border-radius:22px;padding:12px 12px 14px;color:var(--tinte);border:5px solid var(--rk,#FFC62E);box-shadow:0 0 0 3px rgba(255,255,255,.4),0 0 40px rgba(255,198,46,.6);transform:rotateY(90deg) scale(.7);transition:transform .7s cubic-bezier(.2,1.4,.4,1)}
.fundkarte.zeigen .fk-innen{transform:rotateY(0) scale(1)}
.fk-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.fk-rar{background:var(--rk,#FFC62E);color:#fff;font:900 11px var(--body);letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.fk-neu{background:var(--rot);color:#fff;font:900 11px var(--body);padding:4px 9px;border-radius:99px;animation:hops 1s infinite}
.fk-bild{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:1}
.fk-bild img{width:100%;height:100%;object-fit:cover}
.holo{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.65) 45%,rgba(255,220,120,.4) 50%,transparent 62%);background-size:250% 100%;mix-blend-mode:overlay;animation:holo 2.6s ease-in-out infinite}
@keyframes holo{0%{background-position:120% 0}100%{background-position:-60% 0}}
.fk-name{font:700 24px/1.1 var(--display);margin-top:10px}
.fk-latein{font:italic 700 13px var(--body);color:var(--grau)}
.fk-fakt{font:700 13px/1.4 var(--body);color:var(--grau);margin-top:6px}
.fk-taler{margin-top:8px;display:inline-flex;align-items:center;gap:6px;background:var(--gold-l);color:#6b4d00;font:900 13px var(--body);padding:6px 10px;border-radius:99px}
.taler{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#FFD95E 55%,#E0A300 58%);box-shadow:0 0 0 2px #FFC62E}
.konfetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:6}
.konfetti i{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:fall 1.6s ease-in forwards}
@keyframes fall{to{transform:translate(var(--x),660px) rotate(var(--d));opacity:.9}}
.fini-held{position:absolute;right:-30px;bottom:-40px;width:170px;z-index:3}
.fini{width:100%;height:auto;overflow:visible}
.fini .augen{transform-box:fill-box;transform-origin:center;animation:blinzeln 5s infinite}
@keyframes blinzeln{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}}
.fini .schwanz{transform-origin:140px 196px;animation:wedeln 2.2s ease-in-out infinite}
@keyframes wedeln{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}
.fini-held .fini{animation:hupf 3s ease-in-out infinite;transform-origin:50% 100%}
@keyframes hupf{0%,100%{transform:translateY(0) scale(1,1)}45%{transform:translateY(0) scale(1.04,.96)}55%{transform:translateY(-14px) scale(.98,1.03)}}
.sprechblase{position:absolute;bottom:100%;right:30px;width:190px;background:#fff;color:var(--tinte);font:800 14px/1.3 var(--body);padding:10px 14px;border-radius:18px 18px 4px 18px;box-shadow:0 10px 24px -10px rgba(0,0,0,.35);opacity:0;transform:translateY(8px) scale(.9);transition:.35s cubic-bezier(.2,1.4,.4,1)}
.sprechblase.da{opacity:1;transform:none}
.runter{position:absolute;left:50%;bottom:22px;z-index:3;width:30px;height:48px;margin-left:-15px;border:3px solid #fff;border-radius:16px;opacity:.9}
.runter span{position:absolute;left:50%;top:8px;width:6px;height:10px;margin-left:-3px;border-radius:3px;background:#fff;animation:maus 1.8s infinite}
@keyframes maus{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(16px)}}

/* ---------- Abschnitte ---------- */
.abschnitt{position:relative;padding:110px 0}
.abschnitt h2{text-align:center;max-width:860px;margin-inline:auto}
.abschnitt .kicker{display:flex;width:max-content;max-width:100%;margin-inline:auto;line-height:1.3;text-align:center}
.ks-text .kicker{margin-inline:0}
.papier{background:var(--papier)}
.gruen{background:var(--gruen-bg)}
.abschnitt.gruen::before,.abschnitt.papier+.abschnitt.gruen::before{content:"";position:absolute;left:0;right:0;top:-38px;height:40px;background:var(--gruen-bg);-webkit-mask:radial-gradient(28px 38px at 50% 100%,#000 98%,transparent) -14px 0/56px 40px repeat-x;mask:radial-gradient(28px 38px at 50% 100%,#000 98%,transparent) -14px 0/56px 40px repeat-x}

.zeig{opacity:0;transform:translateY(34px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.9,.3,1.2)}
.zeig.sichtbar{opacity:1;transform:none}

.schritte{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:s}
.schritt{position:relative;background:#fff;border-radius:28px;padding:30px 26px 26px;box-shadow:0 20px 40px -26px rgba(30,80,40,.35);border:3px solid #F0E8D6}
.schritt:nth-child(2){transition-delay:.12s}.schritt:nth-child(3){transition-delay:.24s}
.schritt-ic{position:relative;width:96px;height:96px;margin-bottom:12px}
.schritt-ic svg{width:100%;height:100%}
.schritt:hover .schritt-ic svg{animation:wackel .6s}
@keyframes wackel{25%{transform:rotate(-8deg) scale(1.06)}75%{transform:rotate(6deg)}}
.s-foto .blitz{position:absolute;inset:-6px;border-radius:24px;background:radial-gradient(circle,rgba(255,255,255,.95),transparent 60%);opacity:0;animation:fotoblitz 3.2s infinite}
@keyframes fotoblitz{0%,86%,100%{opacity:0}90%{opacity:1}}
.s-ki .ring{position:absolute;left:10px;top:10px;width:56px;height:56px;border-radius:50%;border:3px solid var(--fuchs);animation:ringen 2s infinite}
@keyframes ringen{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
.s-karte .funkeln{position:absolute;right:4px;top:4px;width:20px;height:20px;background:var(--gold);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:funkeln 1.8s infinite}
@keyframes funkeln{50%{transform:scale(.4) rotate(45deg);opacity:.5}}
.nr{position:absolute;top:22px;right:24px;font:700 54px/1 var(--display);color:var(--wald-l);-webkit-text-stroke:2px #CFE6CB}
.schritt p{color:var(--grau);margin:0}

/* Nacht mit Glühwürmchen und Karten */
.nacht{background:radial-gradient(ellipse at 50% 0,#1C4A2C 0%,var(--nacht) 60%,#08160D 100%);color:#fff;overflow:hidden}
.nacht .lead{color:#B9D6C0}
.gold{color:var(--gold)}
.gluehwuermchen{position:absolute;inset:0;pointer-events:none}
.gluehwuermchen i{position:absolute;width:6px;height:6px;border-radius:50%;background:#F4FF8A;box-shadow:0 0 10px 4px rgba(230,255,110,.7),0 0 26px 10px rgba(200,255,80,.25);animation:gluehen var(--t,7s) ease-in-out infinite var(--v,0s),schwirren var(--s,14s) ease-in-out infinite var(--v,0s)}
@keyframes gluehen{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes schwirren{0%,100%{transform:translate(0,0)}33%{transform:translate(var(--x1),var(--y1))}66%{transform:translate(var(--x2),var(--y2))}}
.faecher{position:relative;height:440px;margin:40px auto 10px;max-width:1000px;perspective:1400px}
.karte{position:absolute;left:50%;top:20px;width:210px;height:300px;margin-left:-105px;cursor:pointer;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.9,.3,1.15),z-index 0s .2s;border:0;padding:0;background:none;font:inherit;color:inherit}
.karte .seite{position:absolute;inset:0;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.karte .vorn{background:#fff;color:var(--tinte);border:5px solid var(--rk);padding:10px;box-shadow:0 24px 50px -20px rgba(0,0,0,.7),0 0 var(--glow,0px) var(--rk)}
.karte .vorn img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
.karte .vorn b{display:block;font:700 19px/1.1 var(--display);margin-top:8px;text-align:left}
.karte .vorn em{display:block;font:italic 700 12px var(--body);color:var(--grau);text-align:left}
.karte .marke-r{position:absolute;top:16px;left:16px;background:var(--rk);color:#fff;font:900 10px var(--body);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:99px;z-index:2}
.karte .folie{position:absolute;inset:0;border-radius:15px;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),transparent 40%),linear-gradient(115deg,transparent 20%,rgba(255,0,180,.16) 36%,rgba(0,220,255,.18) 50%,rgba(255,240,0,.18) 64%,transparent 80%);background-size:100% 100%,240% 240%;background-position:0 0,var(--mx,50%) var(--my,50%);mix-blend-mode:color-dodge;opacity:var(--fo,0);transition:opacity .3s}
.karte .hinten{transform:rotateY(180deg);background:linear-gradient(160deg,var(--rk),color-mix(in srgb,var(--rk) 55%,#000));color:#fff;padding:22px 18px;display:flex;flex-direction:column;justify-content:center;text-align:left;border:5px solid rgba(255,255,255,.6)}
.karte .hinten b{font:700 22px/1.1 var(--display);margin-bottom:8px}
.karte .hinten p{font:800 14px/1.45 var(--body);margin:0 0 10px}
.karte .hinten small{font:800 12px var(--body);opacity:.85}
.karte.umgedreht{z-index:20!important}
.rar-legende{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.rar-legende span{font:900 12px var(--body);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:99px;color:#fff}
.r-h{background:#8AA592}.r-s{background:var(--sky)}.r-e{background:var(--lila)}.r-l{background:var(--gold-d)}

/* Abzeichen */
.zwei{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
.zwei h2,.zwei .kicker{text-align:left;margin-inline:0}
.zaehler-reihe{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px}
.zaehler{background:#fff;border-radius:20px;padding:14px 20px;box-shadow:0 12px 28px -18px rgba(30,80,40,.4);min-width:130px}
.zaehler b{display:block;font:700 40px/1 var(--display);color:var(--wald-d)}
.zaehler span{font:800 13px var(--body);color:var(--grau)}
.medaillen{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.medaille{aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;transform:scale(.4) rotate(-30deg);opacity:0;transition:transform .6s cubic-bezier(.2,1.6,.4,1),opacity .4s}
.medaillen.sichtbar .medaille{transform:none;opacity:1}
.medaille::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 210deg,var(--m1),var(--m2),var(--m1),var(--m2),var(--m1));box-shadow:0 10px 18px -8px rgba(0,0,0,.4),inset 0 0 0 5px rgba(255,255,255,.35)}
.medaille::after{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.6),transparent 50%),var(--m1)}
.medaille span{position:relative;z-index:1;font-size:clamp(22px,3vw,32px);filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.medaille:hover{animation:dreh .8s}
@keyframes dreh{to{transform:rotateY(360deg)}}
.m-b{--m1:#D9925A;--m2:#9C5A2A}.m-s{--m1:#C9D3DC;--m2:#7F8E9B}.m-g{--m1:#FFD95E;--m2:#C98E00}

/* Spielen */
.spiele{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px}
.spiel{background:#fff;border-radius:26px;padding:22px;border:3px solid #F0E8D6;transition:transform .25s,box-shadow .25s,opacity .7s}
.spiel:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 22px 40px -24px rgba(30,80,40,.45)}
.spiel:nth-child(2){transition-delay:.08s}.spiel:nth-child(3){transition-delay:.16s}.spiel:nth-child(4){transition-delay:.24s}
.spiel p{color:var(--grau);font-size:15px;margin:0}
.spiel-bild{height:110px;border-radius:18px;margin-bottom:14px;background:color-mix(in srgb,var(--f) 14%,#fff);position:relative;overflow:hidden}
.bingo{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 40px}
.bingo i{border-radius:8px;background:#fff;border:2px solid color-mix(in srgb,var(--f) 40%,#fff);position:relative}
.bingo i.x::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:var(--f);border-radius:6px;font:900 16px var(--body);animation:stempel 3s infinite}
.bingo i.x:nth-child(4)::after{animation-delay:.4s}.bingo i.x:nth-child(5)::after{animation-delay:.8s}.bingo i.x:nth-child(8)::after{animation-delay:1.2s}
@keyframes stempel{0%{transform:scale(0)}10%{transform:scale(1.3)}15%,90%{transform:scale(1)}100%{transform:scale(0)}}
.karte-ic svg{width:100%;height:100%;padding:10px}
.karte-ic path:first-child{animation:pfad 3s linear infinite}
@keyframes pfad{to{stroke-dashoffset:-44}}
.quiz{display:flex;align-items:center;justify-content:center;gap:8px}
.quiz b{font:700 48px var(--display);color:var(--f);animation:wackel 2s infinite}
.quiz span{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;font:900 15px var(--body);color:var(--grau);border:2px solid #E6DDF8}
.quiz span.ok{animation:richtig 3s infinite}
@keyframes richtig{0%,40%{background:#fff;color:var(--grau)}50%,90%{background:var(--wald);color:#fff;border-color:var(--wald)}}
.liga{display:flex;align-items:flex-end;justify-content:center;gap:10px;padding:16px 0 0}
.liga i{width:34px;height:var(--h);border-radius:10px 10px 0 0;background:var(--f);transform-origin:bottom;animation:wachsen 3s ease-in-out infinite}
.liga i:nth-child(1){background:#C9D3DC}.liga i:nth-child(3){background:#D9925A}
@keyframes wachsen{0%{transform:scaleY(.2)}40%,100%{transform:scaleY(1)}}
.kleiderschrank{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:center;margin-top:60px;background:linear-gradient(135deg,#FFF0E4,#FFF6D9);border-radius:34px;padding:30px 40px;border:3px solid #F6DFC4}
.ks-fini{position:relative;height:300px;display:flex;align-items:flex-end;justify-content:center}
.ks-fini .fini{width:240px;position:relative;z-index:1;transition:transform .3s}
.ks-fini .fini.hops{animation:umzieh .45s}
@keyframes umzieh{40%{transform:translateY(-18px) scale(1.04)}}
.ks-boden{position:absolute;bottom:4px;left:50%;width:230px;height:30px;margin-left:-115px;border-radius:50%;background:rgba(150,90,30,.18)}
.ks-knoepfe{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 16px}
.ks-knoepfe button{border:2px solid #F0D9BC;background:#fff;border-radius:14px;padding:8px 12px;font:800 14px var(--body);cursor:pointer;color:var(--tinte);transition:transform .12s}
.ks-knoepfe button:hover{transform:translateY(-2px)}
.ks-knoepfe button[aria-pressed="true"]{background:var(--fuchs);border-color:var(--fuchs-d);color:#fff}
.ks-knoepfe .gruppe{width:100%;font:900 11px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--fuchs-d);margin-top:4px}

/* Familien */
.alter{max-width:760px;margin:40px auto 0}
.alter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}
.alter-tabs button{border:0;background:#fff;border-radius:99px;padding:10px 18px;font:900 14px var(--body);cursor:pointer;color:var(--wald-dd);box-shadow:0 4px 0 #CFE0C9}
.alter-tabs button[aria-selected="true"]{background:var(--wald);color:#fff;box-shadow:0 4px 0 var(--wald-dd)}
.alter-karte{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;background:#fff;border-radius:26px;padding:18px;box-shadow:0 20px 40px -26px rgba(30,80,40,.4)}
.alter-karte img{border-radius:18px;aspect-ratio:1;height:auto;object-fit:cover}
.alter-karte b{font:700 24px var(--display)}
.alter-karte p{margin:6px 0 0;color:var(--grau);transition:opacity .2s}
.alter-karte p.weg{opacity:0}
.alter-karte .warn{color:#B3412F;font-size:14px}
.vertrauen{list-style:none;padding:0;margin:50px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vertrauen li{background:#fff;border-radius:22px;padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:12px}
.vertrauen .vi{grid-row:span 2;font-size:30px;line-height:1}
.vertrauen b{font:700 19px var(--display)}
.vertrauen span:last-child{color:var(--grau);font-size:15px}

/* Preise */
.preise{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;max-width:900px;margin:50px auto 18px;align-items:stretch}
.preis{position:relative;background:#fff;border-radius:30px;padding:30px;border:3px solid #F0E8D6}
.preis.pass{background:linear-gradient(160deg,#fff 0%,#FFF6D9 100%);border-color:var(--gold);box-shadow:0 30px 60px -30px rgba(224,163,0,.6);transition-delay:.12s}
.preis h3{font-size:26px}
.betrag{font:700 46px/1 var(--display);color:var(--wald-d);margin:6px 0 18px}
.betrag small{font:800 16px var(--body);color:var(--grau)}
.preis ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.preis li{position:relative;padding-left:30px;color:var(--grau)}
.preis li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--wald-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%231F7F42' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.preis li b{color:var(--tinte)}
.schleife{position:absolute;top:-16px;right:24px;background:var(--rot);color:#fff;font:900 13px var(--body);letter-spacing:.06em;text-transform:uppercase;padding:8px 14px;border-radius:12px;box-shadow:0 4px 0 #B3412F;animation:wippen 3s ease-in-out infinite}
.klein-text{max-width:820px;margin:0 auto;text-align:center;color:var(--grau);font-size:14px}

/* Fragen */
.faq{margin-top:36px;display:grid;gap:12px}
.faq details{background:#fff;border-radius:20px;padding:0 22px;border:2px solid #D6EBCF}
.faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font:700 19px var(--display);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--wald-l);color:var(--wald-d);display:grid;place-items:center;font:900 20px var(--body);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{color:var(--grau);padding-bottom:18px;margin:0}

/* Abschluss */
.abschluss{position:relative;text-align:center;padding:120px 0 140px;background:linear-gradient(180deg,#7CCBF2,#CDEBC2);color:#fff;overflow:hidden}
.abschluss h2{color:#fff;text-shadow:0 4px 0 rgba(23,102,58,.35)}
.abschluss .lead{color:#16502C;margin:0 auto 26px;background:rgba(255,255,255,.6);padding:10px 16px;border-radius:16px;display:table}
.abschluss .fini.gross{width:150px;margin:0 auto 10px;animation:hupf 3s ease-in-out infinite;transform-origin:50% 100%}
.abschluss-landschaft{position:absolute;left:0;right:0;bottom:0;height:120px;background:radial-gradient(60% 120px at 20% 120px,#3E9A50 98%,transparent),radial-gradient(70% 110px at 85% 120px,#2F8443 98%,transparent),linear-gradient(transparent 70%,#2A7A3E 70%)}
.abschluss .weite{z-index:1}

/* Fuß */
.fuss{background:#13301E;color:#B9D6C0;padding:60px 0 30px;font-size:15px}
.fuss a,.fuss .link-knopf{color:#fff}
.fuss .marke{color:#fff;margin-bottom:10px}
.fuss b{color:#fff;font:700 18px var(--display)}
.fuss-raster{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.fuss-zeile{text-align:center;margin:40px 0 0;font-size:13px;opacity:.7;padding:0 20px}
.dialog{border:0;border-radius:26px;padding:28px;max-width:640px;width:calc(100% - 32px);max-height:80vh;color:var(--tinte);font-size:14px}
.dialog::backdrop{background:rgba(10,30,15,.6)}
.dialog ul{padding-left:18px}
.dialog li{margin-bottom:6px;overflow-wrap:anywhere}

/* ---------- Handy und Tablet ---------- */
@media (max-width:980px){
  .held-inhalt{grid-template-columns:1fr;text-align:left}
  .buehne{min-height:520px;margin-top:10px}
  .handy{width:260px;height:530px}
  .schnueffel{bottom:104px}
  .spiele{grid-template-columns:1fr 1fr}
  .zwei{grid-template-columns:minmax(0,1fr)}
  .vertrauen{grid-template-columns:1fr 1fr}
  .kleiderschrank{grid-template-columns:1fr;padding:24px}
  .fini-held{right:calc(50% - 230px)}
}
@media (max-width:860px){
  .menue{position:fixed;top:68px;left:12px;right:12px;flex-direction:column;background:#fff;border-radius:22px;padding:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.4);transform:translateY(-12px);opacity:0;pointer-events:none;transition:.25s}
  .menue.offen{transform:none;opacity:1;pointer-events:auto}
  .menue a,.kopf:not(.fest) .menue a{color:var(--tinte);text-shadow:none;padding:13px 14px;font-size:17px}
  .burger{display:flex}
  .ton{margin-left:auto}
  .ton-txt{display:none}
  .ton{padding:11px 13px}
}
@media (max-width:640px){
  body{font-size:16px}
  .abschnitt{padding:80px 0}
  .held{padding:96px 0 120px}
  .schritte,.spiele,.vertrauen,.preise{grid-template-columns:1fr}
  .faecher{height:380px}
  .karte{width:170px;height:250px;margin-left:-85px}
  .karte .vorn b{font-size:16px}
  .alter-karte{grid-template-columns:96px 1fr;gap:14px}
  .fuss-raster{grid-template-columns:1fr}
  .medaillen{grid-template-columns:repeat(4,1fr);gap:10px}
  .fini-held{width:120px;right:4px;bottom:-24px}
  .sprechblase{width:150px;font-size:13px;right:10px}
  .sonne,.w1,.w3{display:none}
  .w2{top:3%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;scroll-behavior:auto!important}
  .zeig{opacity:1;transform:none}
  .medaille{opacity:1;transform:none}
}

/* ================= Unterseiten ================= */
.unterseite .kopf{background:rgba(255,249,238,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 24px -14px rgba(20,60,25,.4);padding-block:8px}
.unterseite .kopf .marke{color:var(--tinte);text-shadow:none}
.unterseite .menue a{color:var(--tinte);text-shadow:none}
.menue a[aria-current="page"]{background:var(--wald-l);color:var(--wald-dd)}
.menue a.menue-cta{background:var(--fuchs);color:#fff;box-shadow:0 3px 0 var(--fuchs-d)}
.knopf.gold{background:var(--gold);color:#4a3600;box-shadow:0 5px 0 var(--gold-d)}
.knopf.gold:hover{box-shadow:0 7px 0 var(--gold-d)}

/* ---------- Blog ---------- */
.b-held{padding:130px 0 70px;background:linear-gradient(180deg,#7CCBF2,#CDEBC2);text-align:center;color:#fff;position:relative;overflow:hidden}
.b-held::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:60px;background:radial-gradient(60% 60px at 20% 60px,var(--papier) 98%,transparent),radial-gradient(60% 50px at 85% 60px,var(--papier) 98%,transparent)}
.b-held h1{font-size:clamp(36px,5.5vw,64px);text-shadow:0 4px 0 rgba(23,102,58,.35)}
.b-held .kicker{background:rgba(23,102,58,.55)}
.b-held .lead{margin:0 auto;color:#16502C;background:rgba(255,255,255,.62);padding:12px 16px;border-radius:16px}
.b-liste{padding-top:40px}
.b-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:34px}
.b-filter a{text-decoration:none;background:#fff;border:2px solid #EFE6D3;color:var(--tinte);padding:8px 14px;border-radius:99px;font:800 14px var(--body)}
.b-filter a[aria-current="page"]{background:var(--wald);border-color:var(--wald-d);color:#fff}
.b-raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.b-kachel{display:flex;flex-direction:column;background:#fff;border-radius:26px;overflow:hidden;text-decoration:none;color:var(--tinte);border:3px solid #F0E8D6;transition:transform .25s,box-shadow .25s}
.b-kachel:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 24px 40px -24px rgba(30,80,40,.45)}
.b-kachel.gross{grid-column:1/-1;flex-direction:row}
.b-kachel.gross .b-bild{flex:0 0 46%;aspect-ratio:auto;min-height:300px}
.b-kachel.gross h3{font-size:clamp(24px,3vw,34px)}
.b-bild{aspect-ratio:16/10;background:color-mix(in srgb,var(--tf) 18%,#fff);display:grid;place-items:center;overflow:hidden}
.b-bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.b-kachel:hover .b-bild img{transform:scale(1.06)}
.b-emoji{font-size:72px;filter:drop-shadow(0 6px 8px rgba(0,0,0,.15))}
.b-text{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px}
.b-text h3{margin:0;font-size:21px}
.b-text p{margin:0;color:var(--grau);font-size:15px}
.b-thema{display:inline-block;width:max-content;font:900 12px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--tf);background:color-mix(in srgb,var(--tf) 14%,#fff);padding:5px 10px;border-radius:99px}
.b-meta{font:800 13px var(--body);color:var(--grau)}
.b-rss{text-align:center;margin-top:30px;font-size:14px}
.b-kopf{padding:120px 0 30px;background:linear-gradient(180deg,color-mix(in srgb,var(--tf) 22%,#fff),var(--papier))}
.b-kopf h1{font-size:clamp(32px,4.6vw,52px);margin:12px 0 10px}
.b-kopf .lead{max-width:none}
.b-pfad{font:800 13px var(--body);color:var(--grau);margin-bottom:14px}
.b-pfad a{color:var(--grau)}
.b-koerper{display:grid;grid-template-columns:240px minmax(0,720px);gap:44px;justify-content:center;padding-bottom:70px}
.b-toc{position:sticky;top:90px;align-self:start;background:#fff;border-radius:20px;padding:16px 18px;border:2px solid #F0E8D6;font-size:14px}
.b-toc ol{padding-left:18px;margin:8px 0 0;display:grid;gap:6px}
.b-toc a{color:var(--tinte);text-decoration:none}.b-toc a:hover{color:var(--wald-d)}
.b-inhalt{font-size:18px;line-height:1.75}
.b-inhalt h2{text-align:left;font-size:clamp(24px,3vw,30px);margin:1.6em 0 .5em}
.b-inhalt h3{margin:1.3em 0 .4em}
.b-inhalt ul,.b-inhalt ol{padding-left:22px}
.b-inhalt li{margin-bottom:6px}
.b-inhalt li::marker{color:var(--tf)}
.b-titelbild{margin:0 0 24px;border-radius:24px;overflow:hidden;aspect-ratio:16/9}
.b-titelbild img{width:100%;height:100%;object-fit:cover}
.kasten{background:var(--gold-l);border-left:6px solid var(--gold);border-radius:14px;padding:14px 18px;margin:20px 0;font-size:16px}
.b-quellen{margin-top:36px;padding-top:10px;border-top:2px dashed #E9DFC9;font-size:15px}
.b-quellen h2{font-size:22px;margin-top:10px}
.b-hinweis{font-size:14px;color:var(--grau);background:#F4EEE2;border-radius:14px;padding:12px 16px}
.b-teilen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0;font:800 14px var(--body)}
.b-teilen a,.b-teilen button{background:#fff;border:2px solid #EFE6D3;border-radius:99px;padding:7px 13px;color:var(--tinte);text-decoration:none;font:800 14px var(--body);cursor:pointer}
.b-app{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,#FFF0E4,#FFF6D9);border-radius:26px;padding:20px;border:3px solid #F6DFC4;margin-top:26px}
.b-app svg{width:110px;height:auto}
.b-app b{font:700 22px var(--display)}
.b-app p{font-size:15px;color:var(--grau);margin:4px 0 12px}
.b-aehnlich h2{margin-bottom:30px}
@media (max-width:980px){.b-raster{grid-template-columns:1fr 1fr}.b-koerper{grid-template-columns:minmax(0,1fr)}.b-toc{position:static}}
@media (max-width:640px){.b-raster{grid-template-columns:1fr}.b-kachel.gross{flex-direction:column}.b-kachel.gross .b-bild{min-height:0;aspect-ratio:16/10}.b-inhalt{font-size:17px}.b-app{grid-template-columns:70px 1fr}.b-app svg{width:70px}}
.home-blog{margin-top:44px}

/* ---------- Werben ---------- */
.w-held{position:relative;overflow:hidden;padding:120px 0 90px;background:radial-gradient(ellipse at 80% 20%,#FFE2B8 0%,transparent 50%),linear-gradient(160deg,#2FA65A 0%,#17663A 100%);color:#fff}
.w-held-deko i{position:absolute;border-radius:50%;background:rgba(255,255,255,.07)}
.w-held-deko i:nth-child(1){width:520px;height:520px;left:-160px;top:-180px}
.w-held-deko i:nth-child(2){width:300px;height:300px;right:30%;bottom:-160px}
.w-held-deko i:nth-child(3){width:160px;height:160px;right:6%;top:18%;background:rgba(255,198,46,.18)}
.w-held-raster{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.w-held h1{font-size:clamp(38px,5.6vw,70px);color:#fff;text-shadow:0 4px 0 rgba(0,40,15,.3)}
.w-held .lead{color:#DDF3E3}
.w-held .kicker{background:rgba(255,255,255,.16)}
.w-preis-marke{display:inline-flex;align-items:baseline;gap:8px;background:var(--gold);color:#4a3600;padding:10px 18px;border-radius:18px;box-shadow:0 6px 0 var(--gold-d);transform:rotate(-3deg);margin:6px 0 4px;animation:wippen 4s ease-in-out infinite}
.w-preis-marke b{font:700 40px/1 var(--display)}
.w-preis-marke span{font:900 15px var(--body);text-transform:uppercase;letter-spacing:.06em}
.w-buehne{position:relative;display:flex;justify-content:center}
.w-handy{position:relative;width:290px;border-radius:46px;background:#18201A;padding:12px;box-shadow:0 0 0 2px #2d372f,0 40px 80px -30px rgba(0,0,0,.6);transform:rotate(-3deg);animation:schweben 6s ease-in-out infinite}
.w-schirm{position:relative;background:#fff;border-radius:35px;padding:52px 16px 22px;color:var(--tinte);display:flex;flex-direction:column;align-items:center;text-align:center;min-height:540px}
.w-fini{width:84px;animation:hupf 3s ease-in-out infinite;transform-origin:50% 100%}
.w-schnueffel{font:700 18px var(--display);display:flex;gap:4px;align-items:center;margin:2px 0 12px}
.w-anzeige{width:100%;border:2px solid #EEE6D6;border-radius:18px;overflow:hidden;text-align:left;background:#FFFDF8;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .5s,transform .6s cubic-bezier(.2,1.4,.4,1)}
.w-anzeige.da{opacity:1;transform:none}
.w-label{font:900 10px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--grau);padding:8px 11px 6px}
.w-anz-bild{position:relative;aspect-ratio:16/9;overflow:hidden}
.w-anz-bild img{width:100%;height:100%;object-fit:cover}
.w-ihr{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.55);color:#fff;font:900 11px var(--body);padding:4px 8px;border-radius:99px}
.w-anz-text{padding:10px 12px 12px}
.w-anz-text b{display:block;font:700 16px/1.2 var(--display)}
.w-anz-text p{margin:4px 0 9px;font-size:13px;color:var(--grau);line-height:1.35}
.w-anz-knopf{display:inline-block;background:var(--wald);color:#fff;font:900 11px var(--body);letter-spacing:.05em;text-transform:uppercase;padding:7px 12px;border-radius:10px}
.w-balken{width:100%;height:7px;border-radius:7px;background:#EEE6D6;margin-top:14px;overflow:hidden}
.w-balken i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--wald),#7CDB9A);border-radius:7px}
.w-pass{font-size:12px;color:var(--grau);margin-top:9px}
.w-sticker{position:absolute;background:#fff;color:var(--tinte);font:800 13px/1.25 var(--body);padding:10px 14px;border-radius:16px;box-shadow:0 14px 30px -12px rgba(0,0,0,.4)}
.w-sticker.wst1{left:0;top:16%;transform:rotate(-6deg);animation:schweben 5s ease-in-out infinite}
.w-sticker.wst2{right:0;bottom:14%;transform:rotate(5deg);animation:schweben 5.5s ease-in-out infinite -2s}
.w-vorteile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:50px}
.w-vorteile article{background:#fff;border-radius:24px;padding:22px;border:3px solid #F0E8D6;transition:transform .25s,opacity .7s}
.w-vorteile article:hover{transform:translateY(-5px)}
.w-vorteile span{font-size:34px;display:block;margin-bottom:8px}
.w-vorteile h3{font-size:19px}
.w-vorteile p{color:var(--grau);font-size:15px;margin:0}
.w-zahlen .w-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.w-kachel{background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.14);border-radius:24px;padding:22px;text-align:center}
.w-kachel b{display:block;font:700 46px/1.05 var(--display);color:var(--gold)}
.w-kachel span{font:800 14px var(--body);color:#B9D6C0}
.w-kacheln.live .w-kachel b{color:#7CF2A4}
.w-start{text-align:center;margin:26px auto 0;max-width:720px;background:rgba(255,198,46,.14);border:2px solid rgba(255,198,46,.4);border-radius:18px;padding:14px 18px;color:#FFF3C9}
.w-rechner{display:grid;grid-template-columns:1.3fr .7fr;gap:0;max-width:940px;margin:44px auto 18px;background:#fff;border-radius:30px;border:3px solid #F0E8D6;overflow:hidden;box-shadow:0 30px 60px -36px rgba(30,80,40,.5)}
.w-rechner-links{padding:30px}
.w-rechner-links label{font:700 20px var(--display)}
.w-tage{display:flex;align-items:center;gap:16px;margin:18px 0}
.w-tage input{flex:1;-webkit-appearance:none;appearance:none;height:12px;border-radius:12px;background:linear-gradient(90deg,var(--wald) var(--p,10%),#EDE6D6 var(--p,10%));outline-offset:6px}
.w-tage input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:5px solid var(--wald);box-shadow:0 3px 8px rgba(0,0,0,.2);cursor:pointer}
.w-tage input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--wald);cursor:pointer}
.w-tage output{font:700 22px var(--display);min-width:96px;text-align:right;color:var(--wald-d)}
.w-schnell{display:flex;flex-wrap:wrap;gap:8px}
.w-schnell button{border:2px solid #EFE6D3;background:#FFFDF8;border-radius:99px;padding:7px 13px;font:800 13px var(--body);cursor:pointer;color:var(--tinte)}
.w-schnell button[aria-pressed="true"]{background:var(--wald-l);border-color:var(--wald);color:var(--wald-dd)}
.w-inklusive{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}
.w-inklusive li{position:relative;padding-left:28px;color:var(--grau);font-size:15px}
.w-inklusive li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--wald-l);color:var(--wald-d);display:grid;place-items:center;font:900 12px var(--body)}
.w-rechner-rechts{background:linear-gradient(160deg,#FFF6D9,#FFE9B0);padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px}
.w-rechner-rechts span{font:900 13px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#7A5A00}
.w-rechner-rechts b{font:700 clamp(46px,6vw,64px)/1 var(--display);color:var(--tinte)}
.w-rechner-rechts small{font:800 14px var(--body);color:#7A5A00;margin-bottom:12px}
.w-branchen{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.w-branchen li{background:#fff;border-radius:99px;padding:10px 18px;font:800 15px var(--body);box-shadow:0 6px 14px -10px rgba(30,80,40,.4);transition:transform .2s}
.w-branchen li:hover{transform:translateY(-3px) rotate(-1deg)}
.w-schritte .schritt{padding-top:24px}
.w-schritte .nr{position:static;display:block;-webkit-text-stroke:0;color:var(--fuchs);font-size:46px;margin-bottom:6px}
.w-format{max-width:860px;margin:40px auto 0;background:#fff;border-radius:26px;border:3px dashed #E6D8B8;padding:26px}
.w-format dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:12px 0 0}
.w-format dt{font:900 12px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--fuchs-d)}
.w-format dd{margin:2px 0 0;color:var(--grau);font-size:15px}
.w-anfrage-raster{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}
.w-anfrage-text h2,.w-anfrage-text .kicker{text-align:left;margin-inline:0}
.w-anfrage-fini{width:150px;margin:20px 0 0;animation:hupf 3s ease-in-out infinite;transform-origin:50% 100%}
.w-direkt{font-size:15px;color:var(--grau)}
.w-formular{background:#fff;border-radius:30px;border:3px solid #F0E8D6;padding:28px;box-shadow:0 30px 60px -36px rgba(30,80,40,.5)}
.w-formular label{display:block;font:800 14px var(--body);margin:14px 0 6px}
.w-formular label small{color:var(--grau);font-weight:700}
.w-formular input:not([type=radio]):not([type=checkbox]),.w-formular textarea{width:100%;font:700 16px var(--body);padding:12px 14px;border:2px solid #E6DCC6;border-radius:14px;background:#FFFDF8;color:var(--tinte)}
.w-formular input:focus,.w-formular textarea:focus{outline:none;border-color:var(--wald);box-shadow:0 0 0 4px var(--wald-l)}
.w-reihe{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.w-summe{margin:10px 0 0;font:700 18px var(--display);color:var(--wald-d);min-height:1em}
.w-ziel{border:0;padding:0;margin:16px 0 0}
.w-ziel legend{font:800 14px var(--body);margin-bottom:4px}
.w-ziel label{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-weight:700}
.w-ziel input,.w-zustimmung input{width:20px;height:20px;accent-color:var(--wald);flex:none;margin-top:3px}
.w-zustimmung{display:flex!important;gap:10px;align-items:flex-start;font-weight:700!important;font-size:14px!important;color:var(--grau);margin:18px 0!important}
.w-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.w-meldung{margin:12px 0 0;font-weight:800}
.w-meldung.fehler{color:#B3412F}
.w-danke{text-align:center;padding:30px 10px}
.w-danke .fini{width:130px;margin:0 auto 10px;animation:hupf 3s ease-in-out infinite;transform-origin:50% 100%}
.knopf:disabled{opacity:.6;cursor:default;transform:none}
@media (max-width:980px){
  .w-held-raster,.w-anfrage-raster{grid-template-columns:minmax(0,1fr)}
  .w-vorteile,.w-zahlen .w-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}
  .w-rechner{grid-template-columns:minmax(0,1fr)}
  .w-buehne{margin-top:20px}
}
@media (max-width:640px){
  .w-vorteile{grid-template-columns:minmax(0,1fr)}
  .w-reihe,.w-format dl{grid-template-columns:minmax(0,1fr)}
  .w-kachel b{font-size:36px}
  .w-sticker{font-size:12px;padding:8px 10px}
  .w-handy{width:260px}
  .w-schirm{min-height:480px}
  .w-formular{padding:20px}
}
.werbe-band{background:var(--fuchs-l);border-top:3px dashed #F6DFC4;border-bottom:3px dashed #F6DFC4;padding:22px 0}
.werbe-band .weite{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
.werbe-band p{margin:0;color:var(--tinte)}

/* =====================================================================
   Harmonie & Flüssigkeit (Überarbeitung): weiche Übergänge, ruhige Farben,
   nur GPU-freundliche Animationen (transform/opacity)
   ===================================================================== */
:root{--wiese:#EAF6E4;--creme:#FFF9EE;--abend:#FFE6C7;--nacht:#0E2416;--tal:#17663A}
/* keine teuren Filter beim Scrollen */
.kopf.fest,.unterseite .kopf{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,249,238,.97)}
.held .lead,.held .kicker,.b-held .lead{backdrop-filter:none;-webkit-backdrop-filter:none}
.held .lead{background:rgba(255,255,255,.82)}
.gras{animation:none}
.glanz{animation:none;background-position:30% 0}
.kicker .punkt{animation:none;position:relative}
.kicker .punkt::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--gold);animation:punktRing 2.4s ease-out infinite}
@keyframes punktRing{from{transform:scale(.5);opacity:1}to{transform:scale(1.8);opacity:0}}
.sonne .strahlen{-webkit-mask:none;mask:none;background:none;inset:-46px}
.sonne .strahlen::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,236,150,.55) 0 30%,rgba(255,236,150,0) 70%)}
.sonne{animation:sonnePuls 6s ease-in-out infinite;will-change:transform}
@keyframes sonnePuls{50%{transform:scale(1.06)}}
.wolke,.vogel,.falter,.schicht,.handy,.fini-held .fini{will-change:transform}
.holo{animation:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:100% 100%;mix-blend-mode:normal;opacity:.0;transform:translateX(-100%)}
.fundkarte.zeigen .holo{animation:holoZug 2.4s ease-in-out .6s infinite}
@keyframes holoZug{0%{transform:translateX(-100%);opacity:.9}60%,100%{transform:translateX(100%);opacity:.9}}
/* Glühwürmchen: weicher Lichtpunkt ohne Schatten-Neuberechnung */
.gluehwuermchen i{width:22px;height:22px;box-shadow:none;background:radial-gradient(circle,#F7FF9E 0 14%,rgba(230,255,110,.55) 26%,rgba(200,255,80,0) 62%);will-change:transform,opacity}

/* ---------- Abschnitte: fließende Farbverläufe statt harter Kanten ---------- */
.abschnitt.gruen::before,.abschnitt.papier+.abschnitt.gruen::before{display:none}
.held::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:90px;z-index:1;pointer-events:none;
  background:radial-gradient(70% 90px at 25% 100%,var(--creme) 98%,transparent),radial-gradient(60% 70px at 85% 100%,var(--creme) 98%,transparent),linear-gradient(transparent 60%,var(--creme) 60%)}
#so-gehts{background:linear-gradient(180deg,var(--creme) 0%,var(--creme) 72%,var(--abend) 100%);padding-bottom:140px}
.nacht{background:linear-gradient(180deg,var(--abend) 0px,#F2B183 90px,#8E5E6E 200px,#2E3550 310px,var(--nacht) 430px,var(--nacht) calc(100% - 360px),#1F4A33 calc(100% - 220px),#7DB48C calc(100% - 100px),var(--wiese) 100%);padding:200px 0 220px}
.nacht .gluehwuermchen{top:300px;bottom:260px}
#abzeichen{background:linear-gradient(180deg,var(--wiese) 0%,var(--wiese) 70%,var(--creme) 100%)}
#spielen{background:linear-gradient(180deg,var(--creme) 0%,var(--creme) 75%,var(--wiese) 100%)}
#familie{background:linear-gradient(180deg,var(--wiese) 0%,var(--wiese) 75%,var(--creme) 100%)}
#preise{background:linear-gradient(180deg,var(--creme) 0%,var(--creme) 75%,var(--wiese) 100%)}
#blog-vorschau{background:linear-gradient(180deg,var(--wiese) 0%,var(--wiese) 70%,#CFE9C9 100%)}
#preise+#blog-vorschau[hidden]+.partner{}
#fragen{background:linear-gradient(180deg,var(--creme) 0%,var(--creme) 70%,#D7EEF8 100%)}
.abschluss{background:linear-gradient(180deg,#D7EEF8 0%,#9FD9F3 45%,#CDEBC2 100%);padding-top:80px}
.abschluss-landschaft{background:radial-gradient(60% 120px at 20% 120px,#3E9A50 98%,transparent),radial-gradient(70% 110px at 85% 120px,#2F8443 98%,transparent),linear-gradient(transparent 70%,#2A7A3E 70%)}
.fuss{background:linear-gradient(180deg,#2A7A3E 0,#13301E 120px)}

/* ---------- Partner-Bereich (auf der Startseite) ---------- */
.partner{position:relative;color:#fff;background:linear-gradient(180deg,#CFE9C9 0%,#5DB57A 140px,#2A8C4B 300px,var(--tal) 520px,#123F26 60%,#0F3520 calc(100% - 520px),#3E7A55 calc(100% - 260px),var(--creme) 100%);padding:150px 0 220px;overflow:hidden}
.partner::before{content:"";position:absolute;width:640px;height:640px;right:-220px;top:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,226,140,.22),rgba(255,226,140,0) 65%);pointer-events:none}
.partner-kopf .w-held-raster{max-width:1160px;margin:0 auto;padding:0 20px}
.w-h{font-size:clamp(36px,5vw,62px);color:#fff;text-shadow:0 4px 0 rgba(0,40,15,.3);margin-bottom:.35em}
.w-gelb{color:#FFE27A}
.partner .lead{color:#DDF3E3}
.partner .kicker{background:rgba(255,255,255,.14);margin-inline:0}
.w-zwischen{font:700 clamp(26px,3.2vw,38px)/1.15 var(--display);text-align:center;margin:110px auto 8px;max-width:820px;color:#fff}
.w-zwischen.links{text-align:left;margin:0 0 10px}
.w-unter{text-align:center;color:#B9D6C0;margin:0}
.partner .w-vorteile article{background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.14);color:#fff}
.partner .w-vorteile p{color:#C7E2CE}
.partner .w-vorteile h3{color:#fff}
.partner .w-kachel{background:rgba(0,0,0,.14)}
.partner .w-rechner{color:var(--tinte);margin-top:34px}
.partner .klein-text{color:#B9D6C0}
.partner .w-branchen li{color:var(--tinte)}
.partner .w-schritte .schritt{color:var(--tinte)}
.partner .w-format{color:var(--tinte);background:#FFFDF8}
.partner .faq{margin-top:24px}
.partner .faq details{color:var(--tinte)}
.partner .w-anfrage{margin-top:110px}
.partner .w-anfrage-text .lead{color:#DDF3E3}
.partner .w-direkt{color:#C7E2CE}.partner .w-direkt a{color:#FFE27A}
.partner .w-formular{color:var(--tinte)}
.partner .w-anfrage-text .kicker{background:rgba(255,255,255,.14)}
@media (max-width:640px){.partner{padding:110px 0 180px}.w-zwischen{margin-top:80px}}
.w-zahlen-box .w-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
.partner .w-anfrage-text .kicker{color:#fff}
@media (max-width:980px){.w-zahlen-box .w-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =====================================================================
   Audit-Korrekturen: Lesbarkeit, Kontrast, Ruhe
   ===================================================================== */
/* Start: dunkle Schrift auf hellem Himmel */
.held h1{color:#134A2A;text-shadow:0 2px 0 rgba(255,255,255,.75),0 10px 30px rgba(255,255,255,.55)}
.glanz{background:linear-gradient(100deg,#E8590C 0%,#D9480F 55%,#B93A0B 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 0 rgba(255,255,255,.8))}
.kopf:not(.fest) .marke{color:#134A2A;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.kopf:not(.fest) .menue a{color:#134A2A;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.kopf:not(.fest) .menue a:hover{background:rgba(255,255,255,.55)}
.runter{border-color:var(--wald-d);opacity:.75}.runter span{background:var(--wald-d)}
/* Knöpfe: kräftigeres Grün für weiße Schrift */
.knopf{background:var(--wald-d);box-shadow:0 5px 0 #145A30}
.knopf:hover{box-shadow:0 7px 0 #145A30}.knopf:active{box-shadow:0 2px 0 #145A30}
.knopf.hell{background:#fff;color:var(--wald-dd)}
.knopf.gold{background:var(--gold);color:#3D2C00}
/* Seltenheits-Etiketten: dunkle Farbtöne, gut lesbar */
.fk-rar,.karte .marke-r{background:var(--rkd,var(--rk))}
.r-h{background:#56735F}.r-s{background:#13709F}.r-e{background:#6B3FCB}.r-l{background:#8F6100}
/* Abschluss */
.abschluss h2{color:#134A2A;text-shadow:0 2px 0 rgba(255,255,255,.7)}
/* Sichtbarer Fokus */
:focus-visible{outline:3px solid var(--wald-d);outline-offset:3px;border-radius:6px}
.partner :focus-visible,.nacht :focus-visible,.fuss :focus-visible{outline-color:#FFE27A}
/* Store-Knopf ohne fremdes Logo */
.store svg{width:26px;height:26px}
/* weniger Leerraum in den Verläufen */
#so-gehts{padding-bottom:110px}
.nacht{padding:170px 0 180px}
/* Partner jetzt am Seitenende: nahtlos aus der Abschluss-Wiese ins Dunkelgrün und weiter in den Fuß */
.partner{background:linear-gradient(180deg,#2A7A3E 0,var(--tal) 220px,#123F26 40%,#0F3520 100%);padding:90px 0 110px}
body:not(.unterseite) .fuss{background:#0F3520;border-top:1px solid rgba(255,255,255,.08)}
.w-zwischen{margin-top:76px}
.partner .w-unter{max-width:640px;margin-inline:auto}
@media (max-width:640px){.partner{padding:70px 0 90px}.w-zwischen{margin-top:60px}}
/* Vorführ-Balken über transform statt Breite */
.w-balken i{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform}
.w-ust{display:block;opacity:.75;margin-top:2px}
.w-preis-marke span{font-size:14px}
/* Anzeigenformat als aufklappbarer Kasten */
details.w-format summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px}
details.w-format summary::-webkit-details-marker{display:none}
details.w-format summary h3{margin:0}
details.w-format summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--wald-l);color:var(--wald-d);display:grid;place-items:center;font:900 20px var(--body);transition:transform .3s}
details.w-format[open] summary::after{transform:rotate(45deg)}
/* Blog: Bildnachweis unter dem Titelbild */
.b-titelbild{aspect-ratio:auto;border-radius:0;overflow:visible}
.b-titelbild img{aspect-ratio:16/9;height:auto;border-radius:24px;display:block}
.b-titelbild figcaption{font-size:13px;color:var(--grau);margin-top:6px}
.b-titelbild figcaption a{color:inherit}
@media (prefers-reduced-motion:reduce){.sonne,.kicker .punkt::after,.w-preis-marke{animation:none}}
/* flache Wiesenkante unten, damit der Partner-Bereich nahtlos anschließt */
.abschluss-landschaft{background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201440%20120'%20preserveAspectRatio='none'%3E%3Cpath%20d='M0%2062%20Q280%206%20620%2052%20T1440%2034%20V120%20H0Z'%20fill='%233E9A50'/%3E%3Cpath%20d='M0%2092%20Q380%2048%20780%2086%20T1440%2070%20V120%20H0Z'%20fill='%232A7A3E'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}