/* lr-job.eu — Neubau, Farbwelt „Glas & Tageslicht" (13.09.2026), gemeinsam mit onbording.pro und LR meets Juchheim.
   Grundweiß #FBFBF9, Tinte #10201A, LR-Grün #0F7A5A als einzige Signalfarbe („Jetzt einsteigen"), Logo-Gold #C9A24A nur als Glanzkante.
   Glas: rgba(255,255,255,.55) + Weichzeichner 24 px in eigener ::before-Ebene — Text liegt nie im gefilterten Element.
   Eigenes Prinzip dieser Seite: der PAKETFINDER (24 Startpakete → drei Fragen) und das Set-Bild als „Linse". */
:root{
  --weiss:#FBFBF9;--ink:#10201A;--ink2:#3E5249;--dim:#5F6F68;--gruen:#0F7A5A;--gruen2:#0B5C44;--mint:#DFF3EA;--gold:#C9A24A;
  --sand:#10201A;--linie:rgba(16,32,26,.12);--glas:rgba(255,255,255,.55);--glasrand:rgba(255,255,255,.75);
  --f-display:'Fraunces',Georgia,serif;--f-text:'Manrope',system-ui,sans-serif;
  --rand:clamp(16px,4.5vw,40px);--breite:1180px;--r:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--weiss);color:var(--ink);font-family:var(--f-text);font-size:1.02rem;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block;height:auto}
a{color:var(--gruen2);text-decoration:none} a:hover{color:var(--gruen)}
h1,h2,h3{margin:0;letter-spacing:-.015em;line-height:1.05}
h1,h2.titel{font-family:var(--f-display);font-weight:400;font-variation-settings:'opsz' 120}
h3{font-family:var(--f-text);font-weight:800;font-size:1.1rem}
p{margin:0 0 1em}
.hoch{position:relative;z-index:1}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.innen{width:min(var(--breite),100% - 2*var(--rand));margin-inline:auto}
section[id],div[id="video-section"]{scroll-margin-top:80px}

/* Hintergrund */
.aurora{position:fixed;inset:0;z-index:-2;background:radial-gradient(60vw 50vh at 12% 8%,#E4F5EC 0%,transparent 60%),radial-gradient(50vw 45vh at 88% 18%,#FBEBDD 0%,transparent 60%),radial-gradient(55vw 55vh at 70% 90%,#DCEAF8 0%,transparent 60%),var(--weiss)}
.blasen{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.blase{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),rgba(255,255,255,.25) 45%,rgba(200,225,215,.18) 70%,transparent 72%);box-shadow:inset 0 0 40px rgba(255,255,255,.7),0 30px 60px rgba(16,32,26,.06);will-change:transform}
.blase.b1{width:38vw;height:38vw;left:-10vw;top:12vh}.blase.b2{width:22vw;height:22vw;right:-4vw;top:8vh}.blase.b3{width:30vw;height:30vw;right:10vw;bottom:-10vh}
@media(max-width:600px){.blase.b1{width:70vw;height:70vw}.blase.b2{width:44vw;height:44vw}.blase.b3{width:60vw;height:60vw}}

/* Glas */
.glas{position:relative;border-radius:var(--r);isolation:isolate}
.glas::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--glasrand);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 50px rgba(16,32,26,.08)}
.glas::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(201,162,74,.12) 100%)}

/* Kopfzeile */
.kopfzeile{position:sticky;top:0;z-index:40;padding:10px 0}
.leiste-kopf{display:flex;align-items:center;gap:16px;padding:8px 10px 8px 12px;border-radius:999px}
.leiste-kopf::before{background:rgba(251,251,249,.82)}
.marke{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;font-size:.95rem;min-height:44px}
.marke img{width:36px;height:36px;border-radius:50%}
.leiste-kopf nav{display:none;gap:2px;margin-left:auto}
.leiste-kopf nav a{font-weight:600;font-size:.88rem;padding:10px 12px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;color:var(--ink2);white-space:nowrap}
.leiste-kopf nav a:hover{background:rgba(255,255,255,.7);color:var(--ink)}
.leiste-kopf nav a.extern::after{content:"↗";margin-left:4px;font-size:.8em}
.leiste-kopf .knopf{margin-left:auto;white-space:nowrap}
@media(min-width:1040px){.leiste-kopf nav{display:flex}.leiste-kopf .knopf{margin-left:0}}
@media(max-width:600px){.marke span{display:none}}

/* Knöpfe */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;border-radius:999px;font-family:var(--f-text);font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1.1;text-align:center;transition:transform .2s,background .2s}
.knopf svg{width:20px;height:20px;flex:none}
.knopf.gold{background:var(--gruen);color:#fff;box-shadow:0 10px 24px rgba(15,122,90,.28)}
.knopf.gold:hover{background:var(--gruen2);color:#fff;transform:translateY(-1px)}
.knopf.linie{background:rgba(255,255,255,.65);color:var(--ink);border-color:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(16,32,26,.08)}
.knopf.linie:hover{background:#fff;color:var(--ink)}
.knopf.klein{min-height:44px;padding:10px 16px;font-size:.9rem}
.knopf.voll{width:100%}
.knopf:disabled{opacity:.6;cursor:wait}

/* Auftakt */
.auftakt{position:relative;padding:28px 0 40px}
.auftakt .buehne{display:grid;gap:28px;align-items:center}
@media(min-width:960px){.auftakt{padding:36px 0 64px}.auftakt .buehne{grid-template-columns:1.05fr .95fr;gap:48px;min-height:calc(100svh - 120px)}}
.partner{display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:999px;margin-bottom:22px;font-size:.9rem}
.partner img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top}
.partner b{display:block;font-size:.95rem}
.partner small{display:block;color:var(--dim);font-size:.82rem}
.partner .satz{display:none}
.vorzeile{color:var(--gruen);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;margin-bottom:14px}
.vz-auftakt{margin-bottom:12px}
.auftakt h1{font-size:clamp(2.5rem,7.2vw,5.1rem);line-height:.98;letter-spacing:-.02em;margin-bottom:18px;font-variation-settings:'opsz' 144;text-wrap:balance}
.auftakt h1 em{font-style:italic;color:var(--gruen)}
.auftakt .unter{font-size:clamp(1.02rem,1.6vw,1.2rem);color:var(--ink2);max-width:560px;margin:0 0 24px}
.auftakt .reihe{display:flex;flex-wrap:wrap;gap:12px}
.kennzahlen{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.kennzahlen .glas{padding:10px 16px;border-radius:18px;min-width:96px}
.kennzahlen b{display:block;font-family:var(--f-display);font-size:1.7rem;line-height:1;font-variation-settings:'opsz' 144}
.kennzahlen small{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.linse{position:relative;border-radius:32px;overflow:clip;aspect-ratio:4/3;background:#fff;box-shadow:0 40px 80px rgba(16,32,26,.16),inset 0 0 0 1px rgba(255,255,255,.8)}
.linse img{width:100%;height:100%;object-fit:contain;padding:6%;transform-origin:50% 50%;will-change:transform}
.linse .glanz{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 60%);transform:translateX(-120%);will-change:transform;pointer-events:none}
.linse .plakette{position:absolute;left:16px;bottom:16px;right:16px;padding:14px 16px;border-radius:18px;display:flex;gap:12px;align-items:center;font-size:.9rem}
.linse .plakette b{display:block;font-size:.95rem}
.linse .plakette .punkt{width:10px;height:10px;border-radius:50%;background:var(--gruen);box-shadow:0 0 0 6px rgba(15,122,90,.18);flex:none}
@media(max-width:600px){.linse{aspect-ratio:1/1;border-radius:24px}.linse img{padding:4%}}

/* Abschnitte */
.abschnitt{position:relative;z-index:1;padding:clamp(56px,8vw,96px) 0}
.abschnitt>.innen{max-width:var(--breite)}
h2.titel{font-size:clamp(1.9rem,4.4vw,3.1rem);margin-bottom:12px;text-wrap:balance;max-width:20ch}
h2.titel em{font-style:italic;color:var(--gruen)}
.lead{color:var(--ink2);font-size:1.08rem;max-width:60ch;margin-bottom:32px}
.mitte{text-align:center}.mitte .lead,.mitte h2.titel{margin-left:auto;margin-right:auto}

/* Video (Partner) */
.videoblock{position:relative;z-index:1;margin-top:-10px}
.video{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:clip;background:#10201A;display:grid;place-items:center;cursor:pointer;box-shadow:0 30px 70px rgba(16,32,26,.18)}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.video .play{position:relative;width:72px;height:72px;border-radius:50%;background:rgba(255,255,255,.9);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.video .play::after{content:"";border-left:22px solid var(--gruen);border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:6px}
.video .titel{position:absolute;left:16px;bottom:14px;right:16px;color:#fff;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.video iframe,.video video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}

/* Vorteile */
.kacheln{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){.kacheln{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.kachel{position:relative;border-radius:22px;padding:20px 18px 18px;min-height:150px;isolation:isolate}
.kachel::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--glasrand);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 50px rgba(16,32,26,.08)}
.kachel svg{width:28px;height:28px;color:var(--gruen);margin-bottom:12px}
.kachel h3{font-size:1.02rem;margin-bottom:6px}
.kachel p{color:var(--ink2);font-size:.92rem;margin:0}

/* Aufstiegs-Straße: Rising Star (11 %) & Fast Track — Cockpit mit PW-Regler, Straße mit Stationen (senkrecht am Handy, waagerecht ab 960 px) */
.cockpit{display:grid;gap:22px;padding:24px 22px;margin:8px 0 30px}
@media(min-width:900px){.cockpit{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;padding:30px 32px;align-items:center}}
.cockpit label{display:block;font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gruen);margin-bottom:6px}
.pw-wert{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.pw-wert b{font-family:var(--f-display);font-weight:400;font-size:clamp(3rem,9vw,4.4rem);line-height:1;letter-spacing:-.03em;color:var(--ink);font-variation-settings:'opsz' 144;font-variant-numeric:tabular-nums}
.pw-wert small{font-size:1rem;font-weight:700;color:var(--dim);letter-spacing:.08em}
#pw-regler{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:0;cursor:pointer}
#pw-regler::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(90deg,var(--gruen) 0,var(--gruen) var(--p,7.5%),rgba(16,32,26,.12) var(--p,7.5%),rgba(16,32,26,.12) 100%)}
#pw-regler::-moz-range-track{height:8px;border-radius:8px;background:rgba(16,32,26,.12)}
#pw-regler::-moz-range-progress{height:8px;border-radius:8px;background:var(--gruen)}
#pw-regler::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--gruen);box-shadow:0 6px 18px rgba(15,122,90,.3);margin-top:-11px}
#pw-regler::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--gruen);box-shadow:0 6px 18px rgba(15,122,90,.3)}
#pw-regler:focus-visible{outline:2px solid var(--gruen);outline-offset:4px;border-radius:8px}
.pw-schnell{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.pw-schnell button{min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--linie);background:rgba(255,255,255,.65);color:var(--ink);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums}
.pw-schnell button.an{background:var(--ink);color:#fff;border-color:var(--ink)}
.cockpit-rechts{border-top:1px solid var(--linie);padding-top:18px}
@media(min-width:900px){.cockpit-rechts{border-top:0;padding-top:0;border-left:1px solid var(--linie);padding-left:32px}}
.stand-titel small{display:block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.stand-titel b{display:block;font-family:var(--f-display);font-weight:500;font-size:clamp(1.4rem,3.6vw,1.9rem);line-height:1.15;letter-spacing:-.01em;font-variation-settings:'opsz' 96;margin:4px 0 8px}
#auf-text{color:var(--ink2);margin:0 0 14px;min-height:3.2em}
.euro-anzeige{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:14px 18px;border-radius:18px;background:var(--mint)}
.euro-anzeige>span{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gruen2);width:100%}
.euro-anzeige b{font-family:var(--f-display);font-weight:400;font-size:clamp(2rem,6vw,2.8rem);line-height:1;letter-spacing:-.02em;color:var(--gruen2);font-variation-settings:'opsz' 144;font-variant-numeric:tabular-nums}
.euro-anzeige small{color:var(--gruen2);font-weight:700}
.strasse{list-style:none;margin:0;padding:0 0 0 34px;position:relative;display:grid;gap:18px}
.strasse .spur,.strasse .fuellung{position:absolute;left:10px;top:0;width:4px;border-radius:4px}
.strasse .spur{bottom:0;background:rgba(16,32,26,.1)}
.strasse .fuellung{height:0;background:linear-gradient(180deg,var(--mint),var(--gruen));transition:height .3s ease}
.station{padding:22px 20px;border-radius:var(--r);display:flex;flex-direction:column;gap:6px;transition:transform .3s}
.station .punkt{position:absolute;left:-30px;top:28px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid rgba(16,32,26,.18);box-sizing:border-box;transition:border-color .3s,background .3s,box-shadow .3s}
.station.erreicht .punkt{background:var(--gruen);border-color:var(--gruen)}
.station.aktuell .punkt{box-shadow:0 0 0 6px rgba(15,122,90,.18)}
.station.aktuell{--glas:rgba(223,243,234,.62)}
.station.aktuell::before{border-color:rgba(15,122,90,.35)}
.station .pw{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gruen)}
.station h3{font-family:var(--f-display);font-weight:500;font-size:1.35rem;letter-spacing:-.01em;font-variation-settings:'opsz' 96}
.station h3 em{font-style:italic;color:var(--gruen)}
.station p{color:var(--ink2);font-size:.9rem;margin:0;flex:1}
.station .lohn{display:block;align-self:stretch;text-align:center;padding:6px 12px;border-radius:999px;background:var(--mint);color:var(--gruen2);font-size:.82rem;font-weight:800;margin-top:6px}
.station.stern .lohn{background:linear-gradient(90deg,#F6E8B8,#EBD59A);color:#5C4612}
.station .neu{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gruen);margin-top:4px}
.station.stern::after{background:linear-gradient(135deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(201,162,74,.28) 100%)}
@media(min-width:960px){
  .strasse{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:0;padding-top:34px;gap:14px}
  .strasse .spur,.strasse .fuellung{left:0;top:10px;height:4px;width:100%}
  .strasse .fuellung{width:0;height:4px;background:linear-gradient(90deg,var(--mint),var(--gruen));transition:width .3s ease}
  .station{padding:20px 16px}
  .station .punkt{left:22px;top:-32px}
  .station h3{font-size:1.2rem}
  .station p{font-size:.84rem}
}
.danach{margin:18px 0 22px;padding:20px 22px;display:grid;gap:14px;color:var(--ink2)}
@media(min-width:900px){.danach{grid-template-columns:1fr 1fr;gap:28px;align-items:center}}
.danach b{color:var(--ink)}
.danach .gewohnheit{font-family:var(--f-display);font-style:italic;font-size:1.12rem;line-height:1.35;color:var(--ink);font-variation-settings:'opsz' 96}
.rate{padding:16px 18px;margin-bottom:6px}
.rate small{display:block;color:var(--dim);font-size:.82rem}
.rate-reihe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}
.rate-reihe b{display:block;font-family:var(--f-display);font-weight:400;font-size:clamp(1.5rem,4.5vw,2rem);line-height:1;color:var(--ink);font-variation-settings:'opsz' 144}
.rate-reihe span{display:block;color:var(--dim);font-size:.78rem;margin-top:4px}
@media(prefers-reduced-motion:reduce){.strasse .fuellung{transition:none}}
.hinweis{color:var(--dim);font-size:.9rem}

/* Lina */
.lina{display:grid;gap:24px;align-items:center}
@media(min-width:900px){.lina{grid-template-columns:1fr 1.2fr;gap:48px}}
.lina .bild{position:relative;width:100%;border-radius:50%;overflow:clip;background:transparent;aspect-ratio:1/1;max-width:480px;margin:0 auto;box-shadow:0 30px 70px rgba(16,32,26,.14)}
.lina .bild img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
@media(max-width:899px){.lina .bild{max-width:280px;margin:0 auto;border-radius:50%}}
.lina .punkte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.lina .punkte div{border-left:3px solid var(--gruen);padding:4px 0 4px 12px}
.lina .punkte b{display:block;font-size:1rem}
.lina .punkte span{color:var(--ink2);font-size:.9rem}
.hoer{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 16px 8px 12px;border-radius:999px;border:1px solid var(--linie);background:rgba(255,255,255,.7);color:var(--gruen2);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}
.welle{display:inline-flex;align-items:center;gap:2px;height:18px}
.welle i{display:block;width:3px;height:6px;border-radius:2px;background:var(--gruen);transform-origin:center}
.hoer.spielt .welle i{animation:welle .9s ease-in-out infinite}
.hoer.spielt .welle i:nth-child(2){animation-delay:.15s}.hoer.spielt .welle i:nth-child(3){animation-delay:.3s}.hoer.spielt .welle i:nth-child(4){animation-delay:.45s}.hoer.spielt .welle i:nth-child(5){animation-delay:.6s}
@keyframes welle{0%,100%{transform:scaleY(1)}50%{transform:scaleY(3)}}

/* Autokonzept */
.auto{display:grid;gap:22px;align-items:center}
@media(min-width:900px){.auto{grid-template-columns:1.2fr 1fr;gap:48px}}
.marken{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.marken span{border:1px solid var(--linie);background:rgba(255,255,255,.7);border-radius:999px;padding:8px 14px;font-weight:700;font-size:.9rem;color:var(--ink)}

/* Zahlen */
.zahlen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:760px){.zahlen{grid-template-columns:repeat(4,minmax(0,1fr))}}
.zahl{border-radius:22px;padding:22px 16px;text-align:center;position:relative;isolation:isolate}
.zahl::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glasrand);box-shadow:0 20px 50px rgba(16,32,26,.08)}
.zahl b{display:block;font-family:var(--f-display);font-size:clamp(1.7rem,5.5vw,2.6rem);color:var(--gruen);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-variation-settings:'opsz' 144}
.zahl span{color:var(--ink2);font-size:.9rem}

/* Juchheim-Verknüpfung */
.juchheim{display:grid;gap:20px;padding:20px;align-items:center}
@media(min-width:900px){.juchheim{grid-template-columns:1fr 1fr;gap:36px;padding:24px}}
.juchheim-bild{border-radius:20px;overflow:clip}
.juchheim-bild img{width:100%;height:auto}
.juchheim-text h2.titel{font-size:clamp(1.6rem,3.4vw,2.4rem)}
.aktion{margin:0 0 18px;padding:14px 16px;border-radius:16px;background:var(--mint);border:1px solid rgba(15,122,90,.22)}
.aktion b{display:block;color:var(--gruen2);font-size:1.02rem;margin-bottom:8px}
.aktion ul{margin:0;padding-left:20px;color:var(--ink2);font-size:.95rem}
.aktion li{margin:5px 0}
.aktion-schritte{margin:0;padding-left:22px;color:var(--ink2);font-size:.95rem;counter-reset:s}
.aktion-schritte li{margin:8px 0;line-height:1.45}
.aktion-schritte strong{color:var(--ink)}
.aktion .aktion-fazit{margin:10px 0 0;color:var(--gruen2);font-weight:700;font-size:.95rem}
.patches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
@media(min-width:900px){.patches{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
.patch{border-radius:20px;padding:14px 12px 16px;text-align:center;position:relative;isolation:isolate}
.patch::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glasrand);box-shadow:0 20px 50px rgba(16,32,26,.08)}
.patch img{width:100%;max-width:200px;margin:0 auto 10px;border-radius:14px}
.patch h3{font-size:1.02rem}
.patch p{color:var(--ink2);font-size:.88rem;margin:5px 0 0;line-height:1.4}
.patch-fuss{margin:16px 0 0;color:var(--dim);font-size:.88rem;text-align:center;line-height:1.5}
.patch-sets{display:grid;gap:14px;margin-top:22px}
@media(min-width:760px){.patch-sets{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}}
.patch-set{border-radius:20px;padding:16px;position:relative;isolation:isolate}
.patch-set::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glasrand);box-shadow:0 20px 50px rgba(16,32,26,.08)}
.patch-set img{width:100%;border-radius:14px;margin-bottom:12px}
.patch-set h3{font-size:1.15rem}
.set-preis{font-family:var(--f-display);font-size:1.5rem;color:var(--gruen);margin:6px 0 4px;font-variant-numeric:tabular-nums}
.set-preis span{font-family:var(--f-text);font-size:.95rem;font-weight:800;color:var(--gruen2)}
.set-inhalt{color:var(--ink2);font-size:.92rem;margin:0;line-height:1.45}
.set-hinweis{margin:16px 0 0;text-align:center;color:var(--ink2);font-size:.93rem;line-height:1.5}
.set-knoepfe{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px}
.link-bau{margin:18px auto 0;max-width:820px;border-radius:20px;position:relative;isolation:isolate}
.link-bau::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glasrand);box-shadow:0 20px 50px rgba(16,32,26,.08)}
.link-bau summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;color:var(--gruen2);font-weight:800;font-size:.98rem;min-height:56px;padding:8px 18px}
.link-bau summary::-webkit-details-marker{display:none}
.link-bau summary::before{content:"";width:9px;height:9px;border-right:2px solid var(--gruen);border-bottom:2px solid var(--gruen);transform:rotate(-45deg);transition:transform .2s;flex:none;margin-left:2px}
.link-bau[open] summary::before{transform:rotate(45deg)}
.link-bau-innen{padding:0 18px 20px}
.link-bau-innen>p{color:var(--ink2);font-size:.93rem;margin:0 0 14px;line-height:1.5}
.lb-schritte{margin:0 0 14px;padding-left:20px;color:var(--ink2);font-size:.92rem}
.lb-schritte li{margin:5px 0}
.lb-felder{display:grid;gap:12px}
@media(min-width:680px){.lb-felder{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-felder .breit{grid-column:1/-1}}
.lb-hinweis{color:var(--dim);font-size:.85rem;margin:10px 0 14px}
.lb-fehler{margin:12px 0 0;padding:10px 14px;border-radius:12px;background:#FDECEC;color:#8E2020;font-weight:700;font-size:.92rem}
.lb-ergebnis{margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--mint);border:1px solid rgba(15,122,90,.22)}
.lb-titel{margin:0 0 6px;font-weight:800;color:var(--gruen2);font-size:.95rem}
.lb-link{margin:0 0 12px;word-break:break-all;font-size:.86rem;color:var(--ink2);line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;border-radius:10px;padding:10px 12px;border:1px solid var(--linie)}
.lb-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.set-klein{margin:14px auto 0;max-width:820px;text-align:center;color:var(--dim);font-size:.88rem;line-height:1.55}
.set-klein strong{color:var(--ink2)}

/* Paketfinder */
.finder{border-radius:var(--r);padding:24px 20px;margin-bottom:30px;position:relative;isolation:isolate}
@media(min-width:760px){.finder{padding:32px}}
.finder::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);border:1px solid var(--glasrand);box-shadow:0 20px 50px rgba(16,32,26,.08)}
.finder h3{font-family:var(--f-display);font-weight:500;font-size:1.5rem;margin-bottom:6px;font-variation-settings:'opsz' 96}
.finder p{color:var(--ink2);margin-bottom:14px}
.frage{margin:14px 0}
.frage b{display:block;font-size:.95rem;margin-bottom:8px}
.wahl{display:flex;flex-wrap:wrap;gap:8px}
.wahl button{min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid var(--linie);background:rgba(255,255,255,.65);color:var(--ink);font:inherit;font-size:.92rem;font-weight:600;cursor:pointer}
.wahl button.an{background:var(--ink);color:#fff;border-color:var(--ink)}
.finder .ergebnis{margin-top:18px;padding-top:18px;border-top:1px solid var(--linie)}
.finder .ergebnis[hidden]{display:none}
.empfehlung{display:grid;gap:14px}
@media(min-width:760px){.empfehlung{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1040px){.empfehlung{grid-template-columns:repeat(3,minmax(0,1fr))}.empfehlung:has(.paket:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.ergebnis-hinweis{margin:14px 0 0;font-size:.92rem;color:var(--ink2)}
.ergebnis-hinweis:empty{display:none}
#ergebnis-text{font-weight:700}

/* Paketkarten */
.alle{margin-top:34px}
.alle-kopf{margin-bottom:14px}
.alle-titel{font-family:var(--f-display);font-weight:500;font-size:clamp(1.4rem,3.6vw,1.9rem);letter-spacing:-.01em;font-variation-settings:'opsz' 96}
.gruppen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 18px;padding:6px;border-radius:22px;background:rgba(255,255,255,.55);border:1px solid var(--glasrand);box-shadow:0 12px 30px rgba(16,32,26,.06)}
.gruppen button{min-height:56px;padding:10px 8px;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--ink);cursor:pointer;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;transition:background .2s,color .2s}
.gruppen button b{font-weight:800;font-size:.95rem;line-height:1.15;display:flex;align-items:center;gap:6px}
.gruppen button .anzahl{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--mint);color:var(--gruen2);font-size:.75rem;font-weight:800}
.gruppen button small{color:var(--dim);font-size:.75rem;line-height:1.2}
.gruppen button.an{background:var(--gruen);color:#fff;box-shadow:0 8px 20px rgba(15,122,90,.25)}
.gruppen button.an small{color:rgba(255,255,255,.85)}
.gruppen button.an .anzahl{background:rgba(255,255,255,.22);color:#fff}
@media(max-width:479px){.gruppen{grid-template-columns:1fr;gap:4px}.gruppen button{min-height:48px;flex-direction:row;gap:10px}}
.gruppe-info{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--ink2);font-size:.9rem;margin-bottom:16px}
.gruppe-info span::before{content:"✓";color:var(--gruen);margin-right:6px;font-weight:800}
.pakete{display:grid;gap:14px}
@media(min-width:640px){.pakete{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){.pakete{grid-template-columns:repeat(3,minmax(0,1fr))}}
.paket{border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0;position:relative;isolation:isolate}
.paket::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glasrand);box-shadow:0 20px 50px rgba(16,32,26,.08)}
.paket.empfohlen::before{border-color:var(--gruen);box-shadow:0 0 0 2px rgba(15,122,90,.25),0 20px 50px rgba(16,32,26,.1)}
.paket .bild{border-radius:14px;overflow:clip;background:#fff;aspect-ratio:4/3;display:grid;place-items:center;cursor:zoom-in}
.paket .bild img{width:100%;height:100%;object-fit:contain}
.paket h3{font-size:1.1rem;line-height:1.2}
.paket .note{color:var(--dim);font-size:.85rem;margin-top:-4px}
.paket .preis{font-family:var(--f-display);font-weight:500;font-size:1.7rem;color:var(--ink);letter-spacing:-.02em;font-variation-settings:'opsz' 144}
.paket .preis small{font-size:.5em;color:var(--dim);font-weight:600;margin-left:4px;font-family:var(--f-text)}
.paket .pw{color:var(--dim);font-size:.9rem;margin-top:-6px}
.paket select{min-height:44px;border-radius:12px;border:1px solid var(--linie);background:#fff;color:var(--ink);padding:0 12px;font:inherit;font-size:16px;width:100%}
.paket .inhalt{color:var(--ink2);font-size:.92rem;line-height:1.5}
.paket .inhalt b{color:var(--ink)}
.paket .zahlung{color:var(--dim);font-size:.85rem;border-top:1px solid var(--linie);padding-top:10px;margin-top:auto}
.paket .wahlknopf{width:100%}
.paket .marker{display:inline-block;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--gruen);border-radius:999px;padding:4px 10px;font-weight:800;align-self:flex-start}
.print{margin-top:26px;border-radius:var(--r);padding:26px 20px;text-align:center;position:relative;isolation:isolate}
.print::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--glas);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glasrand);box-shadow:0 20px 50px rgba(16,32,26,.08)}
.print h3{color:var(--gruen2);font-size:1.4rem}
.print .alt{color:var(--dim);text-decoration:line-through}
.print .gratis{font-family:var(--f-display);font-size:1.8rem;color:var(--gruen);font-variation-settings:'opsz' 144}
.print p{color:var(--ink2);margin:6px 0 0}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:60;background:rgba(16,32,26,.9);display:none;place-items:center;padding:20px;cursor:zoom-out}
.lightbox.offen{display:grid}
.lightbox img{max-width:min(96vw,900px);max-height:88vh;object-fit:contain;border-radius:14px;background:#fff}

/* Formular */
.formular{border-radius:var(--r);padding:26px 20px;max-width:760px;margin:0 auto;position:relative;isolation:isolate}
@media(min-width:760px){.formular{padding:34px}}
.formular::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glasrand);box-shadow:0 30px 70px rgba(16,32,26,.12)}
.formular h2{font-family:var(--f-display);font-weight:400;font-size:clamp(1.8rem,5vw,2.6rem);margin-bottom:8px;font-variation-settings:'opsz' 120}
.felder{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.feld{display:flex;flex-direction:column;gap:6px;min-width:0}
.feld.breit{grid-column:1/-1}
.feld label{font-size:.85rem;color:var(--ink2);letter-spacing:.02em;font-weight:600}
.feld label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.feld input,.feld select{height:48px;box-sizing:border-box}
.feld input[type=date]{-webkit-appearance:none;appearance:none;min-width:0;width:100%;display:block;height:48px;line-height:46px;text-align:left}
.feld input[type=date]::-webkit-datetime-edit{height:46px;line-height:46px;padding:0}
.feld input[type=date]::-webkit-date-and-time-value{text-align:left}
.feld input,.feld select{min-height:48px;border-radius:12px;border:1px solid var(--linie);background:#fff;color:var(--ink);padding:0 14px;font:inherit;font-size:16px;width:100%}
.feld input:focus,.feld select:focus{outline:2px solid var(--gruen);outline-offset:1px}
.formular .gewaehlt{border:1px solid rgba(15,122,90,.4);border-radius:14px;padding:12px 14px;background:var(--mint);margin-bottom:14px;display:none}
.formular .gewaehlt.an{display:block}
.formular .gewaehlt b{color:var(--gruen2)}
.formular .datenschutz{color:var(--ink2);font-size:.85rem;margin:10px 0 0}
.formular .datenschutz a{text-decoration:underline}
.erfolg{text-align:center;padding:30px 10px}
.erfolg .haken{width:72px;height:72px;border-radius:50%;background:var(--gruen);display:grid;place-items:center;margin:0 auto 16px}
.erfolg .haken::after{content:"";width:28px;height:15px;border-left:4px solid #fff;border-bottom:4px solid #fff;transform:rotate(-45deg) translate(2px,-3px)}
.erfolg h3{color:var(--ink);font-family:var(--f-display);font-weight:400;font-size:1.9rem;margin-bottom:8px}
.erfolg p{color:var(--ink2)}
.fehlermeldung{color:#7A1F14;background:#FBE4E0;border:1px solid #F0B8AE;border-radius:12px;padding:12px 14px;margin-top:12px;display:none}
.fehlermeldung.an{display:block}

/* Fuss + Leiste */
.fuss{position:relative;z-index:1;padding:40px 0 130px;color:var(--ink2);font-size:.9rem}
.fuss .innen{display:grid;gap:14px}
.fuss nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.fuss nav a{color:var(--ink);min-height:44px;display:inline-flex;align-items:center}
.fuss-team{margin:14px 0 0;padding-top:18px;border-top:1px solid var(--linie);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.fuss-team span{color:var(--ink2)}
@media(min-width:900px){.fuss{padding-bottom:60px}}
.leiste{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;gap:10px;padding:8px var(--rand) calc(8px + env(safe-area-inset-bottom));background:rgba(251,251,249,.8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--linie)}
.leiste .knopf{flex:1;min-height:50px}
@media(min-width:900px){.leiste{display:none}}

/* Assistent */
.as-knopf{position:fixed;right:14px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:46;width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 30px rgba(16,32,26,.28)}
.as-knopf svg{width:26px;height:26px}
@media(min-width:900px){.as-knopf{bottom:24px;right:24px}}
.as-fenster{position:fixed;right:14px;bottom:calc(146px + env(safe-area-inset-bottom));z-index:47;width:min(380px,calc(100vw - 28px));max-height:min(560px,calc(100svh - 190px));display:none;flex-direction:column;background:#fff;border:1px solid var(--linie);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(16,32,26,.22)}
.as-fenster.offen{display:flex}
@media(min-width:900px){.as-fenster{bottom:92px;right:24px}}
.as-kopf{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--linie);background:var(--mint)}
.as-kopf b{font-size:1rem;color:var(--ink)} .as-kopf small{display:block;color:var(--ink2);font-size:.8rem}
.as-kopf button{margin-left:auto;width:40px;height:40px;border-radius:50%;border:1px solid var(--linie);background:#fff;color:var(--ink);font-size:1.3rem;cursor:pointer}
.as-lauf{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.as-blase{max-width:88%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.45}
.as-blase.frage{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:4px}
.as-blase.antwort{align-self:flex-start;background:#F1F5F3;color:var(--ink);border-bottom-left-radius:4px}
.as-blase a{color:var(--gruen2);text-decoration:underline}
.as-vorschlaege{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.as-vorschlaege button{border:1px solid var(--linie);background:#fff;color:var(--ink);border-radius:999px;padding:8px 12px;font:inherit;font-size:.85rem;cursor:pointer;min-height:36px}
.as-eingabe{display:flex;gap:8px;padding:10px;border-top:1px solid var(--linie)}
.as-eingabe input{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--linie);background:#fff;color:var(--ink);padding:0 12px;font:inherit;font-size:16px}
.as-eingabe button{min-width:44px;min-height:44px;border-radius:12px;border:0;background:var(--gruen);color:#fff;font-weight:700;cursor:pointer;font:inherit}

@media(prefers-reduced-motion:reduce){.hoer.spielt .welle i{animation:none}.linse .glanz{display:none}}

.finder-stand{margin:-6px 0 14px;padding:10px 14px;border-radius:12px;background:var(--mint);color:var(--gruen2);font-weight:700;font-size:.95rem}

/* Lina-Video im Kreis (Startseite, 01.10.2026) */
.lina .bild video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.lina .bild video[hidden],.lina .bild img[hidden],.lina-ton[hidden]{display:none}
.lina .bild.spricht{animation:linaPulsStart 1.6s ease-out infinite}
@keyframes linaPulsStart{0%{box-shadow:0 30px 70px rgba(16,32,26,.14),0 0 0 0 rgba(15,122,90,.38)}70%{box-shadow:0 30px 70px rgba(16,32,26,.14),0 0 0 22px rgba(15,122,90,0)}100%{box-shadow:0 30px 70px rgba(16,32,26,.14),0 0 0 0 rgba(15,122,90,0)}}
.lina .lina-ton{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.88);color:var(--ink);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 8px 24px rgba(16,32,26,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.lina .lina-ton svg{width:18px;height:18px;color:var(--gruen)}
.lina .bild.spricht .lina-ton{opacity:0;pointer-events:none;transition:opacity .3s}
@media(prefers-reduced-motion:reduce){.lina .bild.spricht{animation:none}}

/* Lina-Links überall (01.10.2026) */
.lina-mini{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px 4px 4px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid rgba(15,122,90,.25);color:var(--ink);font-weight:800;font-size:.88rem;text-decoration:none;margin-left:auto;white-space:nowrap}
.lina-mini img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px rgba(15,122,90,.35)}
.lina-mini + .knopf{margin-left:0}
@media(min-width:1040px){.lina-mini{margin-left:0}}
@media(max-width:380px){.lina-mini span{display:none}.lina-mini{padding:4px}}
.lina-hinweis{display:flex;align-items:center;gap:12px;margin:18px 0 0;padding:10px 16px 10px 10px;border-radius:999px;color:var(--ink);text-decoration:none;font-size:.95rem;line-height:1.35;max-width:560px}
.lina-hinweis img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 2px rgba(15,122,90,.35)}
.lina-hinweis b{display:block;color:var(--gruen2)}
.lina-hinweis i{font-style:normal;color:var(--gruen);font-weight:800}
.lina-hinweis:hover{transform:translateY(-1px)}
#startpakete .lina-hinweis{margin:0 0 22px}
.kachel-mehr{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;color:var(--gruen2);font-weight:800;font-size:.9rem;text-decoration:none}
.leiste .leiste-lina{gap:8px;padding-left:8px;white-space:nowrap;font-size:.9rem}
.leiste .leiste-lina img{width:30px;height:30px;border-radius:50%;object-fit:cover}
@media(max-width:380px){.leiste .knopf{font-size:.88rem;padding-left:10px;padding-right:10px}}

/* 01.10.2026: PW und GV fuer Interessenten erklaert, zugeklappt */
.pw-erklaert.glas{padding:0 18px;margin:-12px 0 24px;min-width:0;border-radius:18px;max-width:640px}
.pw-erklaert>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;font-weight:700;color:var(--gruen2)}
.pw-erklaert>summary::-webkit-details-marker{display:none}
.pw-erklaert>summary::after{content:"+";font-size:1.5rem;line-height:1;flex:none}
.pw-erklaert[open]>summary::after{content:"\2212"}
.pw-erklaert[open]{padding-bottom:16px}
.pw-kacheln{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media(min-width:760px){.pw-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pw-k{background:rgba(255,255,255,.7);border:1px solid var(--linie);border-radius:14px;padding:12px 14px}
.pw-k b{display:block;font-size:.95rem;color:var(--gruen2);margin:0 0 2px}
.pw-k p{margin:0;font-size:.92rem;line-height:1.45;color:var(--ink2)}
.pw-mehr{margin:8px 0 0;padding:0}
.pw-mehr summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-weight:700;font-size:.92rem;color:var(--gruen2)}
.pw-mehr summary::-webkit-details-marker{display:none}
.pw-mehr summary::after{content:"+";font-size:1.3rem;line-height:1}
.pw-mehr[open] summary::after{content:"\2212"}
.pw-mehr dl{margin:0}
.pw-mehr dt{font-weight:800;font-size:.92rem;margin-top:8px}
.pw-mehr dd{margin:0;color:var(--ink2);font-size:.9rem}
.pw-quelle{margin:10px 0 0;font-size:.8rem;color:var(--dim)}
.pw-link{display:inline-flex;align-items:center;min-height:44px;margin:-18px 0 18px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
#pw-erklaert{scroll-margin-top:110px}