/* © 2026 Online Network Vision S.L. · lr-job.eu/geschenke · Kennung lrj-geschenke-20261101
   Baut auf stil-basis.css (Gestaltung „Liquid Glass im Tageslicht“ der Unterseiten) auf.
   Weihnachten nur über Gold als Glanz (#C9A24A, nie als Schrift) und echte Produktfotos. Schrift liegt nie in einem gedrehten oder gefilterten Element. */
:root{--rot:#B3263A;--rot2:#8E1C2E;--goldlicht:rgba(201,162,74,.22)}

/* ---------- Kopf: Wunschzettel-Knopf ---------- */
.kopf nav{margin-left:auto}
.wz-kopf{flex:none;gap:8px}
.wz-zahl{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#fff;color:var(--gruen2);font-size:.82rem;font-variant-numeric:tabular-nums}
@media(max-width:760px){.kopf nav{display:none}.wz-kopf{margin-left:auto}}
@media(max-width:400px){.kopf .marke span{display:none}}

/* ---------- Geteilter Wunschzettel ---------- */
.geteilt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:min(1180px,100% - 32px);margin:8px auto 0;padding:12px 14px 12px 16px;font-weight:700;font-size:.95rem}
.geteilt[hidden]{display:none}
.geteilt .punkt{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 5px var(--goldlicht);flex:none}
.geteilt .knopf{margin-left:auto}

/* ---------- Auftakt: Geschenke-Stapel aus echten Produktfotos ---------- */
.auftakt h1 em{color:var(--gruen)}
.unter b{color:var(--ink)}
.stapel-buehne{display:flex;flex-direction:column;align-items:center;gap:14px}
.stapel{position:relative;width:min(340px,82vw);aspect-ratio:3/4.15;touch-action:pan-y}
.stapel::before{content:"";position:absolute;inset:-14% -18%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--goldlicht),transparent 70%);pointer-events:none}
.sk{position:absolute;inset:0;border-radius:26px;background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px rgba(16,32,26,.14),0 2px 0 rgba(201,162,74,.35) inset;overflow:clip;display:flex;flex-direction:column;cursor:grab;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .45s ease;will-change:transform}
.sk[data-pos="0"]{z-index:5}
.sk[data-pos="1"]{z-index:4;transform:translate(14px,-12px) rotate(4deg) scale(.97)}
.sk[data-pos="2"]{z-index:3;transform:translate(-14px,-22px) rotate(-5deg) scale(.94)}
.sk[data-pos="3"]{z-index:2;transform:translate(8px,-30px) rotate(7deg) scale(.91);opacity:.9}
.sk[data-pos="4"],.sk[data-pos="5"],.sk[data-pos="6"]{z-index:1;transform:translate(0,-34px) scale(.88);opacity:0}
.sk.-weg{transform:translate(-120%,10px) rotate(-14deg)!important;opacity:0!important;transition-duration:.45s}
.sk-bild{flex:1;min-height:0;display:grid;place-items:center;background:#fff}
.sk-bild img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.sk-text{padding:12px 16px 14px;border-top:1px solid var(--linie);background:#fff}
.sk-text b{display:block;font-size:1rem;line-height:1.25}
.sk-preis{display:flex;align-items:baseline;gap:8px;margin-top:4px;font-variant-numeric:tabular-nums}
.sk-preis strong{font-size:1.15rem;color:var(--gruen2)}
.sk-preis s{color:var(--dim);font-size:.85rem}
.sk-marke{position:absolute;top:12px;left:12px;z-index:2}
.stapel-steuer{display:flex;flex-direction:column;align-items:center;gap:6px}
.stapel-knopf{min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--linie);background:rgba(255,255,255,.75);color:var(--ink);font-weight:700;cursor:pointer}
.stapel-hinweis{font-size:.82rem;color:var(--dim)}
@media(max-width:899px){.auftakt .buehne{min-height:0}}

/* ---------- Abzeichen ---------- */
.marke-ab{display:inline-flex;align-items:center;min-height:26px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:800;letter-spacing:.02em;background:var(--rot);color:#fff;box-shadow:0 6px 14px rgba(179,38,58,.25)}
.marke-ab.-lim{background:var(--ink);box-shadow:none}
.marke-ab.-spende{background:var(--gruen2);box-shadow:none}

/* ---------- Eckdaten ---------- */
.abschnitt.kurz{padding:8px 0 40px}
.eckdaten{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.eckdaten{grid-template-columns:repeat(4,1fr)}}
.eck{padding:18px 18px 16px}
.eck b{display:block;font-family:var(--fd);font-weight:400;font-variation-settings:'opsz' 144;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1;color:var(--gruen)}
.eck span{display:block;margin-top:6px;font-size:.88rem;color:var(--ink2);line-height:1.35}

/* ---------- Finder ---------- */
.gs-wahl{margin:18px 0 14px}
.gs-wahl .fuellknopf{--fu-farbe:var(--gruen,#0F7A5A);--fu-text:var(--ink,#10201A);--fu-glas:rgba(255,255,255,.7);--fu-zeit:.9s}
@media(max-width:600px){.gs-wahl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gs-wahl button{justify-content:flex-start;padding-inline:12px;font-size:.9rem;white-space:normal;line-height:1.2;text-align:left}.gs-wahl button .n{display:none}}
@media(max-width:380px){.gs-wahl{grid-template-columns:1fr}}
.gs-wahl button .n{font-variant-numeric:tabular-nums;opacity:.7;margin-left:4px;font-weight:600}
.filterzeile{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 18px}
.schalter{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 14px 6px 8px;border-radius:999px;border:1px solid var(--linie);background:rgba(255,255,255,.7);color:var(--ink);font-weight:700;font-size:.9rem;cursor:pointer}
.schalter-knopf{position:relative;width:40px;height:24px;border-radius:999px;background:#C9D3CE;flex:none;transition:background .2s}
.schalter-knopf::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left .2s}
.schalter[aria-pressed="true"] .schalter-knopf{background:var(--gruen)}
.schalter[aria-pressed="true"] .schalter-knopf::after{left:19px}
.sortierung{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--ink2)}
.sortierung select{min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--linie);background:#fff;color:var(--ink);font:inherit;font-weight:600}
.treffer{font-size:.88rem;color:var(--dim);margin-left:auto}
@media(max-width:600px){.treffer{margin-left:0;width:100%}}

.gs-liste{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.gs-liste{grid-template-columns:repeat(3,1fr);gap:14px}}
@media(min-width:1040px){.gs-liste{grid-template-columns:repeat(4,1fr)}}
.gk{position:relative;border-radius:20px;background:rgba(255,255,255,.86);border:1px solid var(--linie);overflow:clip;display:flex;flex-direction:column;min-width:0}
.gk-bild{position:relative;aspect-ratio:600/815;background:#fff}
.gk-bild img{width:100%;height:100%;object-fit:contain;display:block}
.gk-marken{position:absolute;top:10px;left:10px;right:56px;display:flex;flex-wrap:wrap;gap:6px}
.herz{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:50%;border:1px solid var(--linie);background:rgba(255,255,255,.92);display:grid;place-items:center;cursor:pointer;color:var(--rot);padding:0}
.herz svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.herz[aria-pressed="true"]{background:var(--rot);border-color:var(--rot);color:#fff}
.herz[aria-pressed="true"] svg{fill:#fff;stroke:#fff}
.herz.-puls{animation:herzpuls .45s ease}
@keyframes herzpuls{40%{scale:1.18}}
.gk-text{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}
.gk-name{font-size:.98rem;line-height:1.25;overflow-wrap:anywhere}
.gk-text p{margin:0;font-size:.86rem;color:var(--ink2);line-height:1.42;flex:1}
.gk-preis{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding-top:8px;border-top:1px dashed rgba(16,32,26,.18);margin-top:4px;font-variant-numeric:tabular-nums}
.gk-preis strong{font-size:1.12rem;color:var(--ink)}
.gk-preis s{font-size:.85rem;color:var(--dim)}
.gk-preis .spar{width:100%;font-size:.8rem;font-weight:700;color:var(--rot2)}
@media(max-width:520px){.gk-text{padding:10px 10px 12px}.gk-name{font-size:.92rem}.gk-text p{font-size:.84rem}.marke-ab{font-size:.75rem;padding:3px 8px}}
.gs-leer{grid-column:1/-1;padding:24px;text-align:center;color:var(--ink2)}

/* ---------- Gutes tun ---------- */
.gutes{display:grid;gap:22px;padding:24px;align-items:center}
@media(min-width:820px){.gutes{grid-template-columns:minmax(260px,420px) 1fr;gap:36px;padding:32px}}
.gutes-bilder{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gutes-bilder img{width:100%;aspect-ratio:600/815;object-fit:contain;background:#fff;border-radius:14px;border:1px solid var(--linie)}
.gutes .lead{margin-bottom:20px}

/* ---------- Schritte und Mehr ---------- */
@media(min-width:900px){.schritte{grid-template-columns:repeat(3,1fr)}}
.schritt h3{margin:0 0 8px;font-size:1.12rem}
.schritt p{margin:0 0 16px;color:var(--ink2);flex:1}
.schritt .knopf{align-self:flex-start}
.mehr-weihnachten{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media(min-width:820px){.mehr-weihnachten{grid-template-columns:1fr 1fr}}
.mw{display:flex;align-items:center;gap:16px;padding:14px 18px 14px 14px;text-decoration:none;color:var(--ink)}
.mw img{width:56px;height:auto;border-radius:10px;flex:none}
.mw-zeichen{width:56px;height:56px;border-radius:14px;background:var(--mint);color:var(--gruen2);display:grid;place-items:center;flex:none}
.mw-zeichen svg{width:28px;height:28px}
.mw span{display:flex;flex-direction:column;gap:2px;min-width:0}
.mw small{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--gruen)}
.mw b{font-size:1.02rem}
.mw i{font-style:normal;font-size:.88rem;color:var(--ink2)}

/* ---------- Schwebender Wunschzettel ---------- */
.wz-schwebe{position:fixed;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:46;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 16px 8px 12px;border-radius:999px;border:0;background:var(--rot);color:#fff;font-weight:800;font-size:.95rem;box-shadow:0 14px 30px rgba(179,38,58,.35);cursor:pointer}
.wz-schwebe[hidden]{display:none}
.wz-schwebe svg{width:22px;height:22px;fill:#fff}
.wz-schwebe .wz-summe{font-weight:700;opacity:.92;font-variant-numeric:tabular-nums}
.wz-schwebe.-puls{animation:herzpuls .45s ease}
@media(min-width:900px){.wz-schwebe{bottom:24px;right:24px}}
.flieger{position:fixed;z-index:60;pointer-events:none;border-radius:14px;box-shadow:0 10px 24px rgba(16,32,26,.2);transition:transform .7s cubic-bezier(.5,0,.3,1),opacity .7s ease}

/* ---------- Wunschzettel-Blatt ---------- */
.wz-feld{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center}
.wz-feld[hidden]{display:none}
.wz-hinter{position:absolute;inset:0;background:rgba(16,32,26,.38)}
.wz-blatt{position:relative;width:min(560px,100%);max-height:88svh;overflow:auto;overscroll-behavior:contain;background:var(--weiss);border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px rgba(16,32,26,.2)}
@media(min-width:700px){.wz-feld{align-items:center}.wz-blatt{border-radius:24px;max-height:86vh}}
.wz-blattkopf{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.wz-blattkopf h2{margin:0;font-size:1.7rem}
.wz-zu{width:44px;height:44px;border-radius:50%;border:1px solid var(--linie);background:#fff;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink)}
.wz-liste{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wz-liste li{display:grid;grid-template-columns:52px 1fr auto 44px;gap:10px;align-items:center;padding:8px;border-radius:16px;background:#fff;border:1px solid var(--linie)}
.wz-liste img{width:52px;height:70px;object-fit:contain}
.wz-liste .wn{font-weight:700;font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}
.wz-liste .wp{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.wz-weg{width:44px;height:44px;border-radius:50%;border:1px solid var(--linie);background:#fff;cursor:pointer;font-size:1.3rem;color:var(--ink2)}
.wz-leer{margin:8px 0 14px;color:var(--ink2)}
.wz-leer[hidden]{display:none}
.wz-summen{margin:14px 0;padding:12px 14px;border-radius:16px;background:var(--mint);font-variant-numeric:tabular-nums}
.wz-summen:empty{display:none}
.wz-summen div{display:flex;justify-content:space-between;gap:12px}
.wz-summen span:last-child{white-space:nowrap}
.wz-summen .ges{font-size:1.15rem;font-weight:800}
.wz-summen .sp{font-size:.9rem;font-weight:700;color:var(--gruen2)}
.wz-aktionen{display:grid;gap:10px}
.wz-aktionen[hidden]{display:none}
.wz-aktionen .knopf{width:100%;white-space:normal;text-align:center}
.wz-zeile{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wz-klein{margin:2px 0 0;font-size:.85rem;color:var(--ink2);min-height:1.2em}
body.wz-offen{overflow:hidden}

@media(prefers-reduced-motion:reduce){
  .sk,.flieger{transition:none}
  .herz.-puls,.wz-schwebe.-puls{animation:none}
}

/* ---------- Baukasten (01.11.2026 abends): Kartenfächer, Kassenbon, Kassette, Flussleiste ---------- */
.faecher-buehne{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.faecher-buehne .faecher{width:100%;max-width:520px}
.faecher-hinweis{margin:0;font-size:.85rem;color:var(--dim);text-align:center}
.fk-m .fk-preis{display:block;font-weight:800;font-size:1.05rem;margin-bottom:10px;font-variant-numeric:tabular-nums}
.fk-m .fk-wz{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;background:var(--rot);color:#fff;font-weight:800;text-decoration:none}
.wz-bon{margin:6px auto 14px}
.wz-bon[hidden]{display:none}
.wz-zwischen{font-family:var(--fs);font-size:1rem;font-weight:800;margin:6px 0 8px}
.mw-kassette{display:block;padding:14px}
.mw-kassette .kassette{max-width:420px;margin-inline:auto}
@media(max-width:899px){
  .gs-fluss ~ .anrufleiste{display:none}
  .wz-schwebe{bottom:calc(92px + env(safe-area-inset-bottom))}
  .fuss{padding-bottom:150px}
}
.partner-us{width:min(300px,78vw);margin:-12px 0 14px 8px}
.partner-us:empty{display:none}
.partner-us .lrj-us,.partner-us canvas{display:block;width:100%}
@media(min-width:600px){.auftakt .vorzeile{margin-bottom:112px}}  /* Platz für die landende Schwalbe mit Weihnachtsmütze auf Tablet und PC */
@media(min-width:600px) and (max-width:899px){.auftakt h1{max-width:10.8em}}  /* Tablet: Zeilenende nach „LR.“ frei, damit die Schwalbe landen kann */
.wz-summen[hidden]{display:none}

/* Fächerkarte: Schatten unter Titel und Preis tiefer und dunkler – auf dem Handy bricht der Titel zweizeilig um und stand sonst
   auf dem hellen Teil des Verlaufs (gemessen 01.11.2026: 2,7:1; Ziel ≥ 4,5:1) */
#gs-faecher.-dicht .fk::after{height:62%;background:linear-gradient(180deg,rgba(8,10,14,0) 0%,rgba(8,10,14,.66) 36%,rgba(8,10,14,.9) 100%)}

/* ===== Weihnachten (01.11.2026, Matze: „mach das mal weihnachtlich … damit die Leute ein bisschen was zum Spielen haben“) ===== */
.wm-schnee{position:fixed;inset:0;z-index:0;pointer-events:none;width:100vw;height:100vh}
main#top,footer.fuss{position:relative;z-index:1}   /* Schnee fällt hinter dem Inhalt, Schrift bleibt frei lesbar */
.wf-held .wm-hut{position:absolute;z-index:3;display:block;pointer-events:none;transform-origin:30% 80%;animation:wm-auf .5s cubic-bezier(.3,1.6,.5,1) both}
.wf-held .wm-hut.-gespiegelt svg{transform:scaleX(-1)}
.wf-held .wm-hut[hidden]{display:none}
.wm-hut svg,.lw-hut svg{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))}
@keyframes wm-auf{from{transform:translateY(-18px) rotate(-14deg);opacity:0}to{transform:none;opacity:1}}
.lichterkette{position:absolute;left:0;right:0;top:0;height:46px;z-index:1;pointer-events:none;overflow:hidden}
.lichterkette svg{display:block;width:100%;height:100%}
.lichterkette .lk-birne{animation:lk-glimmen 2.4s ease-in-out infinite}
@keyframes lk-glimmen{0%,100%{opacity:1}50%{opacity:.45}}
.lina-weihnacht{display:flex;gap:14px;align-items:flex-start;margin:18px 0 0;padding:14px 16px;border-radius:22px;max-width:560px}
.lw-bild{position:relative;flex:none;width:64px;height:64px;margin-top:10px}
.lw-bild img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 6px 14px rgba(16,32,26,.18)}
.lw-hut{position:absolute;left:4px;top:-24px;width:56px;transform:rotate(-12deg)}
.lw-text{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:.95rem;line-height:1.5;color:var(--ink2)}
.lw-text b{color:var(--ink);font-size:1.02rem}
.lw-frage{align-self:flex-start;display:inline-flex;align-items:center;min-height:44px;margin-top:4px;padding:0 16px;border-radius:999px;background:var(--rot);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 8px 18px -10px rgba(179,38,58,.8)}
.preis-hinweis{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:10px 14px;border-radius:16px;background:#fff;border:1px solid var(--linie);font-size:.92rem;line-height:1.45;color:var(--ink2)}
.preis-hinweis b{color:var(--ink)}
.preis-hinweis .punkt{flex:none;width:10px;height:10px;margin-top:6px;border-radius:50%;background:var(--rot);box-shadow:0 0 0 5px rgba(179,38,58,.15)}
.gk-art{display:block;width:100%;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.gk-lina{display:flex;align-items:center;gap:6px;min-height:44px;margin-top:6px;font-size:.84rem;font-weight:700;color:var(--gruen2);text-decoration:underline;text-underline-offset:3px}
.fk-m .fk-lina{display:inline-flex;align-items:center;min-height:44px;margin-left:8px;padding:0 14px;border-radius:999px;background:#fff;color:var(--gruen2);font-weight:800;text-decoration:none;box-shadow:inset 0 0 0 1px var(--linie)}
@media(prefers-reduced-motion:reduce){.wf-held .wm-hut{animation:none}.lichterkette .lk-birne{animation:none}}
/* 02.11.2026: „Frohe Weihnachten“ statt Unterschrift, klein und rot; breite Knöpfe im Wunschzettel als ganze Tastknöpfe */
.partner-us{width:min(230px,58vw)}
.partner-us .unterschrift{color:var(--rot)}
.wz-aktionen .tastknopf{display:flex;width:100%}
.wz-aktionen .tastknopf .tk-flaeche{flex:1 1 auto;justify-content:center;text-align:center}
/* 02.11.2026: Winterfenster statt Lichterkette – echte Szene aus unserem Weihnachtsfilm (Adventskranz), darüber „Frohe Weihnachten“ */
.winterfenster{position:relative;display:block;overflow:hidden;width:100%;max-width:560px;aspect-ratio:640/360;margin:0 0 16px;border-radius:24px;background:#2a1a12;box-shadow:0 24px 50px -24px rgba(60,20,10,.55),0 0 0 1px rgba(255,255,255,.6) inset;text-decoration:none;isolation:isolate}
.winterfenster video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2}
.winterfenster::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,10,6,.05) 30%,rgba(20,10,6,.62) 100%)}
.wf-gruss{position:absolute;left:5%;right:5%;bottom:26px;display:block}
.wf-gruss .unterschrift{width:100%;max-width:400px;margin:0 auto;color:#FFF6E2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55))}
.wf-film{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--ink);font-size:.8rem;font-weight:800}
.partner-us,.lichterkette{display:none}
.lw-hut{left:50%;top:-22px;width:52px;transform:translateX(-50%) rotate(-6deg)}
@media(max-width:599px){.nur-gross{display:none}}
/* Platz über der Überschrift, damit die Schwalbe MIT Mütze landen kann (Mütze weicht Schrift aus und bliebe sonst weg) */
@media(max-width:599px){.auftakt .vorzeile{margin-bottom:46px}}
@media(min-width:600px){.auftakt .vorzeile{margin-bottom:150px}}
/* 02.11.2026: Abschnitt „Rund 30 % sparen. Als LR-Partner.“ direkt unter den Eckdaten */
.p30{padding:26px 22px;border-radius:26px}
.p30 h2{margin:6px 0 16px}
.p30-schritte{list-style:none;counter-reset:p;margin:0 0 14px;padding:0;display:grid;gap:10px}
@media(min-width:900px){.p30-schritte{grid-template-columns:repeat(3,1fr)}}
.p30-schritte li{counter-increment:p;display:flex;flex-direction:column;gap:4px;padding:14px 16px 14px 58px;position:relative;border-radius:18px;background:#fff;border:1px solid var(--linie);line-height:1.45}
.p30-schritte li::before{content:counter(p);position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--rot);color:#fff;font-weight:800}
.p30-schritte b{color:var(--ink)}
.p30-schritte span{color:var(--ink2);font-size:.95rem}
.p30-mehr{margin:0 0 16px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid var(--linie)}
.p30-mehr summary{min-height:48px;gap:10px}
.p30-tipp{font-size:.8rem;font-weight:600;color:var(--ink2)}
.p30-mehr[open] .p30-tipp{display:none}
.p30-mehr[open] summary::after{content:"–";transform:none}
.p30-mehr p{margin:0 0 14px;line-height:1.5;color:var(--ink2)}
.preis-hinweis a{color:var(--gruen2);font-weight:800}
.p30-mehr summary{flex-wrap:wrap;row-gap:0;padding-top:10px;padding-bottom:10px}
.p30-mehr .p30-tipp{flex-basis:100%;order:3}
/* 02.11.2026 Mützen neu: Krempe sitzt auf dem Kopf (Nahaufnahme geprüft) */
.lw-bild{overflow:visible}
.lw-hut{left:11px;top:-19px;width:50px;transform:rotate(-10deg);transform-origin:37.5% 81%}
.wf-held .wm-hut{transform-origin:37.5% 81%;rotate:-8deg}
.wf-held .wm-hut.-gespiegelt{rotate:8deg}
@keyframes wm-auf{from{translate:0 -18px;opacity:0}to{translate:0 0;opacity:1}}
/* 02.11.: Lina-Mütze sitzt OBEN auf dem Kopf (Krempe über dem Haaransatz, oberhalb der Augenbrauen) und ist so breit,
   dass vom Kopf nichts mehr neben oder über der Mütze herausschaut */
.lw-bild{margin-top:28px}
.lw-hut{left:9px;top:-36px;width:60px;transform:rotate(-6deg);transform-origin:38% 74%}
/* 02.11.: Lina hat jetzt ein echtes Bild mit Mütze (Higgsfield, bilder/lina-muetze.webp) – die gezeichnete Mütze ist weg,
   die Extra-Höhe darüber wird nicht mehr gebraucht */
.lw-bild{margin-top:10px}

/* 02.11.2026: Produkt aus einem Lina-Link (?produkt=) hervorheben */
.gk.-gezeigt{outline:3px solid #B3263A;outline-offset:4px;animation:gk-zeig 1.4s ease 3}
@keyframes gk-zeig{50%{outline-color:rgba(179,38,58,.2)}}
@media(prefers-reduced-motion:reduce){.gk.-gezeigt{animation:none}}

/* 02.11.2026: Lina im Chatfenster – am Handy über „Lina“ in der Leiste unten, am PC über den runden Knopf */
@media(max-width:899px){html .lwc-knopf{display:none}}
/* Am PC sitzt unten rechts der schwebende Wunschzettel: Lina-Chat deshalb unten links */
@media(min-width:900px){:root{--lwc-rechts:auto;--lwc-links:16px}}
/* 02.11.2026: Partner kompakt oben + Partner-Blatt + Wunschzettel bis zum Partner-Einstieg */
.p30-streifen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 16px 14px 20px;border-radius:22px}
.p30-streifen p{margin:0;flex:1 1 260px;line-height:1.4;color:var(--ink2)}
.p30-streifen p b{color:var(--ink)}
.p30-streifen .knopf{flex:none;min-height:44px}
@media(max-width:599px){.p30-streifen{padding:12px 14px}.p30-streifen .knopf{flex:1 1 100%}}
.p30-feld .p30-lead{margin:0 0 14px;line-height:1.5;color:var(--ink2)}
.p30-feld .p30-schritte{grid-template-columns:1fr}
.p30-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 10px}
.p30-knoepfe .knopf{flex:1 1 200px}
.wz-partner{margin:0 0 14px;padding:12px 14px;border-radius:16px;background:#fff;border:1px solid var(--linie);font-variant-numeric:tabular-nums}
.wz-partner[hidden]{display:none}
.wz-partner p{margin:0 0 8px;line-height:1.45}
.wz-partner .wp-kopf{font-weight:800;color:var(--ink)}
.wz-partner .wp-titel b{color:var(--rot2)}
.wp-balken{height:10px;margin:0 0 8px;border-radius:999px;background:var(--mint);overflow:hidden}
.wp-balken i{display:block;height:100%;border-radius:inherit;background:var(--gruen2)}
.wz-partner .knopf{width:100%;margin:2px 0 8px;min-height:44px}
.wp-klein{display:block;font-size:.8rem;line-height:1.4;color:var(--ink2)}
.wz-schwebe{flex-wrap:wrap;row-gap:0;justify-content:center}
.wz-schwebe .wz-p30-knopf{flex-basis:100%;margin-top:-2px;font-size:.75rem;font-weight:700;line-height:1.2;text-align:center;opacity:.95}
.wz-schwebe .wz-p30-knopf:empty{display:none}
/* 02.11.2026: oben gut sichtbar zur Startseite (Matze: „kommt man überhaupt nicht auf die Hauptseite“) */
.zur-start-reihe{position:relative;z-index:2;padding-top:6px;padding-bottom:4px}
.zur-start{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 18px 8px 14px;border-radius:999px;color:var(--ink2);text-decoration:none;font-size:.9rem;line-height:1.3}
.zur-start b{color:var(--gruen2)}
.zur-start svg{width:20px;height:20px;flex:none;color:var(--gruen2)}
.zur-start:focus-visible{outline:3px solid var(--ink);outline-offset:3px}