/* ============ Entwurf Abo-Modell (A-0124, 11.10.2026) ============
   Ergänzt stil.css und seiten.css der Live-Seite. Neu: Preis im Kopf, Beispiel-Knöpfe, Laufzeit-Zeile, Bausteinpreise
   im Monat, Regeln im Kasten „Ihr Monatsbeitrag“, Zahlungsweg bis „gehört Ihnen“, Liste „fair geregelt“. */

/* ---------- Rahmen: Entwurfsband auch auf der Startseite, Hinweis „für Betriebe“ im Fuß ---------- */
.entwurf-band{background:#FFF1D6;color:#5A3A00;font:600 .875rem/1.45 "Source Sans 3",system-ui,sans-serif;text-align:center;padding:7px var(--rand)}
.fuss__b2b{margin:24px 0 0;padding-top:16px;border-top:1px solid rgba(138,180,255,.16);font-size:.875rem;line-height:1.5;color:var(--t-m)}

/* ---------- Kopf der Preise-Seite: die Antwort gleich oben ---------- */
.abo-ab{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:22px 0 0;color:var(--t-hell)}
.abo-ab b{font:800 clamp(2.75rem,1.9rem + 3.4vw,4.25rem)/1 Archivo,sans-serif;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.abo-ab small{font:600 1.125rem/1.2 "Source Sans 3",sans-serif;color:var(--t-m)}
.abo-kopf{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.abo-kopf li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 9px;border-radius:999px;background:rgba(138,180,255,.12);border:1px solid rgba(138,180,255,.22);color:#E6EEFF;font-size:.9375rem;line-height:1.3}
.abo-kopf svg{flex:none;color:var(--hellblau)}
.abo-kopf li:last-child{background:rgba(227,184,118,.14);border-color:rgba(227,184,118,.35)}
.abo-kopf li:last-child svg{color:var(--gold)}
@media (max-width:420px){.abo-kopf li{font-size:.875rem}}
.abo-trio{display:none}
@media (min-width:960px){
  .sk__raster--abo{align-items:center}
  .sk__abo{padding:28px 28px 26px;border-radius:24px;background:linear-gradient(160deg,rgba(138,180,255,.12),rgba(138,180,255,.04));border:1px solid rgba(138,180,255,.22);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
  .sk__abo .abo-ab{margin:0}
  .abo-trio{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 0;padding:0}
  .abo-trio li{display:grid;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(138,180,255,.18)}
  .abo-trio span{font-size:.875rem;color:var(--t-m)}
  .abo-trio b{font:800 1.375rem/1 Archivo,sans-serif;color:#fff;white-space:nowrap}
  .abo-trio__1{background:rgba(1,85,253,.32)!important;border-color:rgba(138,180,255,.45)!important}
  .abo-trio__2{border-color:rgba(227,184,118,.5)!important}
  .abo-trio__2 b{color:#F6DCA8}
  .sk__abo .abo-kopf{flex-direction:column;align-items:flex-start}
}

/* ---------- Beispiele: ein Klick stellt den Rechner ein ---------- */
#rechner .sp-kopf{max-width:none}
.bsp{display:grid;gap:10px;margin-top:4px}
.bsp__titel{margin:0;font-size:.9375rem;color:var(--ged)}
.bsp__reihe{display:grid;gap:8px}
@media (min-width:600px){.bsp__reihe{display:flex;flex-wrap:wrap;gap:10px}}
.bsp__knopf{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:48px;padding:10px 12px 10px 16px;border-radius:14px;border:1.5px solid var(--linie-2);background:#fff;color:var(--h);font:700 1rem/1.25 "Source Sans 3",sans-serif;text-align:left;cursor:pointer;box-shadow:0 8px 20px -16px rgba(1,27,79,.5);transition:transform .3s var(--ease),border-color .2s,background-color .25s,color .25s,box-shadow .3s}
.bsp__knopf b{flex:none;padding:5px 10px;border-radius:10px;background:var(--blau-grund);color:var(--blau);font:800 1rem/1 Archivo,sans-serif;white-space:nowrap;transition:background-color .25s,color .25s}
.bsp__knopf:hover{transform:translateY(-2px);border-color:#9FB2D6;box-shadow:0 14px 26px -16px rgba(1,27,79,.55)}
.bsp__knopf:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
.bsp__knopf[aria-pressed="true"]{border-color:var(--st0-linie);background:var(--st0-grund)}
.bsp__knopf--1[aria-pressed="true"]{border-color:var(--blau);background:var(--blau);color:#fff}
.bsp__knopf--1[aria-pressed="true"] b{background:#fff;color:var(--blau)}
.bsp__knopf--2[aria-pressed="true"]{border-color:var(--gold-d);background:var(--marine);color:#fff}
.bsp__knopf--2[aria-pressed="true"] b{background:var(--gold);color:var(--marine)}

/* ---------- Schritt 1: „In jedem Abo“ und die Laufzeit über den drei Abos ---------- */
.pk--abo{margin-bottom:16px}
.pk--abo .pk__preis b{color:#F6DCA8}
.pk--abo .pk__kern > .liste li:last-child{padding:8px 10px;margin-top:2px;border-radius:12px;background:rgba(227,184,118,.16)}
.pk--abo .pk__kern > .liste li:last-child .tick{background:var(--gold-d)}
.abo-regel{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px;padding:10px 14px;border-radius:12px;background:var(--blau-grund);color:var(--h);font-size:.9375rem;line-height:1.45}
.abo-regel svg{flex:none;margin-top:1px;color:var(--blau)}

/* ---------- Schritt 2: Bausteinpreise im Monat ---------- */
.kf .kf-schritt .pr-option__preis small{display:block;margin-top:3px;font:600 .75rem/1.2 "Source Sans 3",sans-serif;color:var(--ged)}
.kf .kf-schritt .pr-option__preis s{color:var(--ged);font-weight:700}

/* ---------- Kasten „Ihr Monatsbeitrag“: Regeln unter der Summe ---------- */
.jb__regeln{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--jb-linie);display:grid;gap:8px}
.jb__regeln li{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.4}
.jb__regeln svg{flex:none;margin-top:1px;opacity:.85}
.jb[data-stufe="1"] .jb__regeln b,.jb[data-stufe="2"] .jb__regeln b{color:#fff}
.jb[data-stufe="2"] .jb__regeln li:last-child svg{color:var(--gold);opacity:1}
.jb[data-stufe="0"] .jb__regeln li:last-child svg{color:var(--gold-d);opacity:1}
.jb__gesamt dt{font-size:1.25rem}

/* ---------- Zahlungsweg: bauen ohne Anzahlung, ab Livegang der Beitrag, nach 24 Monaten gehört sie Ihnen ---------- */
.zw__halt--bau .zw__punkt{background:#DDF2E4;color:#14532D}
.zw__halt--bau .zw__betrag{font-size:1.0625rem;background:#DDF2E4;color:#14532D;box-shadow:none}
.zw__halt--geld .zw__betrag{font-size:1.125rem}
.zw__halt--eigen .zw__punkt{background:linear-gradient(140deg,#F3D9A8,var(--gold-d));color:var(--marine)}
.zw__halt--eigen .zw__betrag{background:var(--marine);color:#F6DCA8;font-size:1.125rem}
@media (min-width:900px){
  .zw--abo .zw__klammer{left:calc((100% - 60px) / 2 + 40px);width:calc((100% - 60px) / 4 + 44px);border-color:var(--marine)}
  .zw--abo .zw__klammer b{color:var(--marine)}
}

/* ---------- Fair geregelt ---------- */
.fair{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:900px){.fair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.fair li{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:var(--schatten)}
.fair__zeichen{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--blau-grund);color:var(--blau)}
.fair li:nth-child(3) .fair__zeichen{background:linear-gradient(140deg,#F3D9A8,var(--gold-d));color:var(--marine)}
.fair b{display:block;font:800 1.0625rem/1.3 Archivo,sans-serif;color:var(--h)}
.fair div > span{display:block;margin-top:3px;font-size:.9375rem;line-height:1.5;color:var(--t)}

/* ---------- Runde 2 (11.10.2026): ohne „gehört nach 24 Monaten“, Abos offen, Umfang sichtbar, Telefon im Kopf ---------- */
.abo-kopf li:last-child{background:rgba(138,180,255,.12);border-color:rgba(138,180,255,.22)}
.abo-kopf li:last-child svg{color:var(--hellblau)}
.pk--abo .pk__kern > .liste li:last-child{padding:0;margin-top:0;background:none}
.pk--abo .pk__kern > .liste li:last-child .tick{background:var(--blau)}
.pk__umfang{margin:0;padding:10px 14px;border-radius:12px;background:#EEF3FC;color:var(--t);font-size:.9375rem;line-height:1.5}
.pk__umfang b{color:var(--h)}
.st-zeile__mehr{display:block}
.fair li:nth-child(3) .fair__zeichen{background:var(--blau-grund);color:var(--blau)}
@media (min-width:900px){.zw--abo{padding-top:0}}
.bsp__knopf span small{display:block;margin-top:2px;font:500 .8125rem/1.3 "Source Sans 3",sans-serif;color:var(--ged)}
.bsp__knopf--1[aria-pressed="true"] span small,.bsp__knopf--2[aria-pressed="true"] span small{color:rgba(255,255,255,.82)}
.kopf__tel{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:var(--r-knopf);background:#fff;color:var(--marine);font:700 .9375rem/1 Archivo,sans-serif;text-decoration:none}
.kopf__tel:focus-visible{outline:3px solid var(--hellblau);outline-offset:2px}
@media (max-width:359px){.kopf__tel span{display:none}}
@media (min-width:600px){.kopf__tel{display:none}}

/* ---------- Runde 3: Bausteine einmalig/laufend, am Handy aufklappbar, Beitrag nach der Laufzeit, Menschen am Rechner ---------- */
.bs-art{display:inline-block;justify-self:start;width:max-content;max-width:100%;margin-top:6px;padding:2px 9px;border-radius:999px;background:#EEF3FC;color:var(--ged);font:600 .75rem/1.5 "Source Sans 3",sans-serif;font-style:normal}
.bs-art--laufend{background:#DDF2E4;color:#14532D}
.bs-klapp > summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:10px 14px 10px 16px;border-radius:14px;border:1.5px solid var(--linie-2);background:#fff;color:var(--h);font:700 1.0625rem/1.2 Archivo,sans-serif;list-style:none;cursor:pointer}
.bs-klapp > summary::-webkit-details-marker{display:none}
.bs-klapp > summary i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--blau-grund);color:var(--blau);transition:transform .3s var(--ease)}
.bs-klapp[open] > summary{margin-bottom:12px}
.bs-klapp[open] > summary i{transform:rotate(45deg)}
.bs-klapp > summary:focus-visible{outline:3px solid var(--blau);outline-offset:3px}
@media (min-width:600px){.bs-klapp > summary{display:none}}
.jb__danach{margin:10px 0 0;padding:8px 12px;border-radius:12px;background:rgba(1,27,79,.06);font-size:.9375rem;line-height:1.45}
.jb[data-stufe="1"] .jb__danach,.jb[data-stufe="2"] .jb__danach{background:rgba(255,255,255,.12)}
.jb__danach[hidden]{display:none}
.jb__mensch{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--jb-linie);font-size:.9375rem;line-height:1.4}
.jb__bilder{display:flex;flex:none}
.jb__bilder img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.jb__bilder img + img{margin-left:-10px}
.jb__mensch a{color:inherit;font-weight:700;text-underline-offset:3px;white-space:nowrap}
/* Vergleichstabelle der drei Abos (12.10.2026) */
#vergleich{background:var(--sand-grund)}
.vgl-rahmen{overflow-x:auto;border-radius:18px;background:#fff;border:1px solid var(--linie);box-shadow:var(--schatten)}
.vgl{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.3;color:var(--t)}
.vgl th,.vgl td{padding:11px 10px;text-align:center;border-bottom:1px solid var(--linie);vertical-align:middle}
.vgl tbody tr:last-child th,.vgl tbody tr:last-child td{border-bottom:0}
.vgl tbody th{text-align:left;font-weight:500;color:var(--h);width:40%}
.vgl thead th{vertical-align:bottom;padding-top:16px;border-bottom:2px solid var(--linie-2)}
.vgl__abo{font:700 1rem/1.1 Archivo,sans-serif;color:var(--h)}
.vgl__abo b{display:block;margin-top:6px;font-size:1.5rem;color:var(--blau)}
.vgl__abo small{display:block;margin-top:2px;font:400 .75rem/1.2 Archivo,sans-serif;color:var(--ged)}
.vgl .vgl--1{background:rgba(1,85,253,.05)}
.vgl thead .vgl--1{background:var(--blau-grund)}
.vgl thead .vgl--2 b{color:var(--gold-d)}
.vgl__gruppe th{background:var(--sand-grund);text-align:left;font:700 .75rem/1 Archivo,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--warm);padding:10px}
.vgl__nein{color:var(--t-m);font-size:1.125rem}
.vgl td .tick{margin-inline:auto}
.vgl__fuss{margin-top:14px;color:var(--ged)}
@media (max-width:599px){.vgl{font-size:.8125rem}.vgl th,.vgl td{padding:9px 5px}.vgl__abo{font-size:.875rem}.vgl__abo b{font-size:1.125rem}.vgl tbody th{width:34%}}
@media (prefers-reduced-motion:no-preference){.vgl tbody tr{transition:background .2s}.vgl tbody tr:not(.vgl__gruppe):hover{background:rgba(1,85,253,.03)}}
/* Handy: Leistung als Zeile über den drei Werten, damit alle drei Abos ohne Wischen nebeneinander passen */
@media (max-width:599px){
  .vgl,.vgl thead,.vgl tbody{display:block;width:100%}
  .vgl tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .vgl thead th:first-child{display:none}
  .vgl tbody th{grid-column:1/-1;width:auto;padding:10px 10px 2px;border-bottom:0;font-weight:600}
  .vgl tbody .vgl__gruppe th{padding:9px 10px}
  .vgl td{padding:4px 4px 10px}
  .vgl thead th{padding:12px 4px 10px}
  .vgl .vgl--1{background:rgba(1,85,253,.05)}
}
@media (max-width:599px){
  .vgl-rahmen{overflow:visible}
  .vgl thead{position:sticky;top:0;z-index:2}
  .vgl thead tr{background:#fff;border-radius:18px 18px 0 0;box-shadow:0 6px 12px -10px rgba(10,18,48,.35)}
}

/* ===== Preisseite Stand 2 (12.10.2026): Kopf-Fakten, Wähler, Abo-Karten, In jedem Abo, Zusatzleistungen, Startangebot ===== */
.sk-fakten{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.sk-fakten li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:12px;background:rgba(138,180,255,.12);border:1px solid rgba(138,180,255,.28);color:#fff;font-size:.9375rem;line-height:1.3}
.sk-fakten svg{color:var(--hellblau);flex:none}

.wahl{display:grid;gap:12px;margin:0 0 24px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--linie);box-shadow:var(--schatten)}
@media (min-width:900px){.wahl{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 20px;padding:16px 20px}.wahl__ergebnis{grid-column:1/-1}}
.wahl__titel{font:700 1.0625rem/1.2 Archivo,sans-serif;color:var(--h)}
.wahl__reihe{display:flex;flex-wrap:wrap;gap:8px}
.wahl__knopf{border:1.5px solid var(--linie-2);background:var(--grund);color:var(--h);border-radius:999px;padding:9px 15px;font:600 .9375rem/1.15 "Source Sans 3",sans-serif;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .15s var(--ease)}
.wahl__knopf:hover{border-color:var(--blau)}
.wahl__knopf:active{transform:scale(.97)}
.wahl__knopf[aria-pressed="true"]{background:var(--blau);border-color:var(--blau);color:#fff}
.wahl__ergebnis{margin:0;font-size:1rem;line-height:1.45;color:var(--h);background:var(--blau-grund);border-radius:12px;padding:10px 14px;border-left:4px solid var(--blau)}

.abo-karten{display:grid;gap:18px;grid-template-columns:minmax(0,1fr);max-width:620px;margin-inline:auto}
@media (min-width:900px){.abo-karten{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:20px}}
.abo-karte{position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;padding:24px 22px 22px;border-radius:20px;background:#fff;border:1px solid var(--linie);box-shadow:var(--schatten);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s}
@media (hover:hover){.abo-karte:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(1,27,79,.06),0 26px 50px -22px rgba(1,27,79,.38)}}
.abo-karte__oben{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:30px}
.abo-karte h3{font-size:1.5rem;margin-right:auto}
.abo-karte__marke{font:700 .75rem/1 Archivo,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;background:var(--blau);color:#fff}
.abo-karte__passt{display:none;align-items:center;gap:5px;font:700 .8125rem/1 Archivo,sans-serif;padding:6px 10px;border-radius:999px;background:#E3F6E8;color:#1F6B35}
.abo-karte__passt svg{width:14px;height:14px}
.abo-karte.ist-passend{border-color:#2E9E52;box-shadow:0 0 0 3px rgba(46,158,82,.28),var(--schatten)}
.abo-karte.ist-passend .abo-karte__passt{display:inline-flex;animation:abo-passt .45s var(--ease)}
@keyframes abo-passt{from{opacity:0;transform:scale(.85)}}
.abo-karte__kurz{color:var(--t);line-height:1.45}
@media (min-width:900px){.abo-karte__kurz{min-height:2.9em}}
.abo-karte__preis{display:flex;align-items:baseline;gap:8px;margin-top:4px}
.abo-karte__preis b{font:800 clamp(2.5rem,2.1rem + 1.4vw,3.25rem)/1 Archivo,sans-serif;letter-spacing:-.03em;color:var(--h);font-variant-numeric:tabular-nums}
.abo-karte__preis span{color:var(--ged);font-size:1rem}
.abo-karte__lz{font-size:.9375rem;color:var(--ged);margin-top:-4px;padding-bottom:14px;border-bottom:1px solid var(--linie)}
.abo-karte .liste{gap:9px;font-size:1rem}
.abo-karte__bsp{font-size:.9375rem;line-height:1.4;color:var(--t)}
.abo-karte__bsp small{display:block;font:700 .75rem/1.3 Archivo,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--ged);margin-bottom:2px}
.abo-karte__unten{margin-top:auto;display:grid;gap:12px;padding-top:4px}
.abo-karte__start{display:flex;gap:8px;align-items:flex-start;font-size:.9375rem;line-height:1.35;padding:9px 12px;border-radius:12px;background:var(--sand-grund);color:var(--gold-t)}
.abo-karte__start svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--gold-d)}
.abo-karte--1{border:2px solid var(--blau)}
@media (min-width:900px){.abo-karte--1{transform:translateY(-10px)}}
@media (min-width:900px) and (hover:hover){.abo-karte--1:hover{transform:translateY(-14px)}}
.abo-karte--2{background:radial-gradient(28rem 18rem at 100% 0%,rgba(227,184,118,.16),transparent 60%),var(--marine);border-color:transparent;color:var(--t-hell)}
.abo-karte--2 h3{color:#fff}
.abo-karte--2 .abo-karte__kurz,.abo-karte--2 .abo-karte__bsp,.abo-karte--2 .liste span{color:var(--t-hell)}
.abo-karte--2 .abo-karte__preis b{color:var(--gold)}
.abo-karte--2 .abo-karte__preis span,.abo-karte--2 .abo-karte__lz,.abo-karte--2 .abo-karte__bsp small{color:var(--t-m)}
.abo-karte--2 .abo-karte__lz{border-color:rgba(169,184,214,.25)}
.abo-karte--2 .tick{background:var(--gold-d)}
.abo-karte--2 .abo-karte__start{background:rgba(227,184,118,.14);color:var(--warm-m)}
.abo-karte--2 .abo-karte__start svg{color:var(--gold)}
.abo-karte--2.ist-passend{border-color:#5BD07F;box-shadow:0 0 0 3px rgba(91,208,127,.45),var(--schatten)}
.abo-unter{margin-top:22px;text-align:center}

.immer{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.immer{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.immer{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
.immer li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:16px;background:var(--grund);border:1px solid var(--linie);transition:border-color .25s,transform .3s var(--ease)}
@media (hover:hover){.immer li:hover{border-color:var(--hellblau);transform:translateY(-2px)}}
.immer__zeichen{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--blau-grund);color:var(--blau)}
.immer b{display:block;font:700 1.0625rem/1.25 Archivo,sans-serif;color:var(--h);margin-bottom:4px}
.immer div span{display:block;font-size:.96875rem;line-height:1.45;color:var(--t)}
.immer__fuss{margin-top:16px}

.zusatz{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:900px}
.zusatz li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--linie);box-shadow:0 1px 2px rgba(1,27,79,.05)}
.zusatz__zeichen{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--blau-grund);color:var(--blau)}
.zusatz__zeichen svg{width:22px;height:22px}
.zusatz__text{min-width:0}
.zusatz__text b{display:block;font:700 1.0625rem/1.25 Archivo,sans-serif;color:var(--h)}
.zusatz__text span{display:block;font-size:.9375rem;line-height:1.4;color:var(--t);margin-top:2px}
.zusatz__preis{margin:0;text-align:right;white-space:nowrap}
.zusatz__preis b{display:block;font:800 1.375rem/1 Archivo,sans-serif;color:var(--h)}
.zusatz__preis small{font-size:.8125rem;color:var(--ged)}
@media (max-width:599px){.zusatz li{grid-template-columns:40px minmax(0,1fr);padding:14px}.zusatz__zeichen{width:40px;height:40px}.zusatz__preis{grid-column:2;text-align:left;display:flex;gap:6px;align-items:baseline}.zusatz__preis b{display:inline}}
.zusatz__fuss{margin-top:14px}

.start{display:grid;gap:26px;align-items:center}
@media (min-width:900px){.start{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:56px}}
.start__text{display:grid;gap:12px}
.start__text p:last-child{max-width:52ch;font-size:1.0625rem}
.start-band .vorzeile{color:var(--gold)}
.start__zaehler{display:grid;gap:14px;padding:22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(227,184,118,.32)}
.start__punkte{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin:0}
.start__punkte span{aspect-ratio:1;border-radius:50%;border:2px solid var(--gold)}
.start__punkte .frei{background:var(--gold)}
.start__punkte .weg{opacity:.35}
@media (prefers-reduced-motion:no-preference){.start__punkte .frei{animation:start-glimmen 3.2s ease-in-out infinite}.start__punkte .frei:nth-child(2n){animation-delay:.4s}.start__punkte .frei:nth-child(3n){animation-delay:.8s}}
@keyframes start-glimmen{50%{opacity:.72}}
.start__zahl{margin:0;color:var(--t-hell);font-size:1.0625rem}
.start__zahl b{font:800 2rem/1 Archivo,sans-serif;color:#fff;margin-right:6px}