/* =========================================================================
   versichert.richtig · Gestaltung aller Unterseiten
   Liegt über dem alten style.css. Ändert nur die Gestaltung, nie Inhalt oder Aufbau.
   Alles mit .neu (Klasse am body), damit es sicher vor den alten Regeln greift.
   Unterseiten sind bewusst kompakter als die Startseite: kleinere Köpfe, weniger Luft.
   ========================================================================= */

/* ---------- Brücke: alte Variablen auf die neuen Werte ---------- */
:root{
  --cream:#F7F6F2; --paper-2:#fff;
  --r-lg:16px; --r-md:16px; --r-sm:10px;
  --grad:linear-gradient(var(--gold-l),var(--gold-l));
  --sh-1:0 1px 2px rgba(20,18,10,.04);
  --sh-2:0 8px 14px rgba(20,18,10,.06);
  --sh-3:none;
}
.neu{
  --fs-h1-sub:clamp(2rem, 1.3rem + 2.2vw, 3.25rem);        /* 32 → 52 */
  --fs-h2-sub:clamp(1.625rem, 1.25rem + 1.2vw, 2.25rem);   /* 26 → 36 */
  --fs-h3-sub:clamp(1.125rem, 1.06rem + .25vw, 1.25rem);   /* 18 → 20 */
  --fs-lead-sub:clamp(1.0625rem, 1rem + .3vw, 1.1875rem);  /* 17 → 19 */
  --fs-text-sub:clamp(1rem, .97rem + .15vw, 1.0625rem);    /* 16 → 17 */
  --sec-sub:clamp(48px, 5vw, 72px);                        /* Abschnitt oben/unten */
  --kopf-oben:calc(var(--head-h) + clamp(40px, 4.4vw, 64px));
  --kopf-unten:clamp(40px, 4.4vw, 64px);
  --rand-b:300px;                                          /* rechte Spalte im Ratgeber */
  --rand-gap:clamp(40px, 5vw, 72px);
  --sticky-top:calc(var(--head-h) + 40px);
}

/* ---------- Abschnitte ---------- */
.neu main > section{padding-block:var(--sec-sub)}
.neu main > section.sec-sm{padding-block:clamp(36px,4vw,56px)}
.neu main > section:first-of-type{position:relative;overflow:hidden;padding-top:var(--kopf-oben)!important;padding-bottom:var(--kopf-unten)!important}
.neu section.white{background:#fff}
.neu section.light,.neu section.cream{background:var(--sand)}
.neu section.dark,.neu section.final{background:var(--ink);color:var(--on-ink)}
.neu main > section.dark:first-child{background:radial-gradient(70% 90% at 85% 30%,#1b1812 0%,var(--ink) 70%)}
.neu main > section:first-of-type::before{display:none}
.neu main > section:first-of-type > .wrap{position:relative;z-index:2}
.neu :is(.wrap,.narrow):not(:is(.site-head,.menu,.site-foot) *){width:min(100% - 2*var(--gutter), var(--container));max-width:none;margin-inline:auto;padding-inline:0}

/* Beitragskurven in jedem dunklen Seitenkopf (Canvas setzt design.js) */
.neu .kopf-kurven{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 35%,#000 70%),linear-gradient(0deg,transparent 0%,#000 25%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 35%,#000 70%),linear-gradient(0deg,transparent 0%,#000 25%);mask-composite:intersect;opacity:.9}

/* ---------- Typografie ---------- */
.neu main h1{font:800 var(--fs-h1-sub)/1.06 var(--display);letter-spacing:-.026em;text-wrap:pretty}
.neu main h1.h1-lang{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.2;letter-spacing:-.015em}
.neu main h2{font:800 var(--fs-h2-sub)/1.12 var(--display);letter-spacing:-.02em;text-wrap:pretty;margin:0 0 16px}
.neu main h3{font:700 var(--fs-h3-sub)/1.3 var(--display);letter-spacing:-.005em}
.neu main p,.neu main li{text-wrap:pretty}
.neu .lead{font-size:var(--fs-lead-sub)!important;line-height:1.55;color:var(--muted);max-width:none}
.neu .dark .lead,.neu .final .lead{color:#CFCFC8}
.neu :is(.dark,.final) .lead b{color:#fff}
.neu .sec-eyebrow,.neu main .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:700 var(--fs-micro)/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);background:none;border:0;padding:0}
.neu .sec-eyebrow::before,.neu main .eyebrow::before{content:"";width:24px;height:2px;background:currentColor;flex:none}
.neu .dark :is(.sec-eyebrow,.eyebrow),.neu .final :is(.sec-eyebrow,.eyebrow){color:var(--gold-l)}
.neu .hint,.neu .smallnote{font-size:var(--fs-small);color:var(--muted);line-height:1.55}
.neu .dark .hint,.neu .final .hint{color:var(--on-ink-muted)}

/* Brotkrumen */
.neu .krume{display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 20px;font-size:var(--fs-micro);color:var(--on-ink-muted)}
.neu .krume a{color:var(--on-ink-muted);text-decoration:none}
.neu .krume a:hover{color:#fff}
.neu .krume > span:last-child,.neu .krume [aria-current]{color:var(--gold-l)}
.neu main > section:first-of-type:not(.dark) .krume,.neu main > section:first-of-type:not(.dark) .krume a{color:var(--muted)}

/* ---------- Seitenköpfe: ein Raster für Ratgeber, Gesellschaften, Übersichten, Rechner ---------- */
.neu :is(.rv-kopf-raster,.uv-kopf-raster,.rk-raster,.gs-kopf-raster){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,72px);align-items:center;max-width:none}
.neu :is(.rv-kopf,.uv-kopf,.rk-kopf,.gs-kopf) .wrap{max-width:none}
.neu :is(.rv-kopf,.uv-kopf,.rk-kopf,.gs-kopf) h1{margin:0;color:inherit}
.neu :is(.rv-kopf,.uv-kopf,.rk-kopf,.gs-kopf) .lead{margin:16px 0 0}
.neu :is(.rv-kopf,.uv-kopf,.rk-kopf,.gs-kopf) .cta-row{margin-top:24px;justify-content:flex-start}
@media (max-width:899px){
  .neu :is(.rv-kopf-raster,.uv-kopf-raster,.rk-raster,.gs-kopf-raster){grid-template-columns:minmax(0,1fr);gap:28px}
}
/* Kurzantwort im Kopf */
.neu .answer{background:rgba(23,23,27,.92);border:1px solid var(--ink-line);border-radius:var(--r-card);padding:clamp(20px,2vw,26px);color:#DADAD4;font-size:var(--fs-card);line-height:1.6;box-shadow:none;max-width:none;margin:0}
.neu .answer > b:first-child{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 var(--fs-micro)/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l)}
.neu .answer > b:first-child::before{content:"";width:24px;height:2px;background:currentColor;flex:none}
.neu .answer b{color:#fff}
.neu .answer .smallnote{display:block;color:#A8A8A2;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--ink-line)}
.neu section:not(.dark):not(.final) .answer{background:#fff;color:var(--text);border-color:var(--line)}
.neu section:not(.dark):not(.final) .answer b{color:var(--ink)}
.neu section:not(.dark):not(.final) .answer > b:first-child{color:var(--gold-d)}
/* Stand-Block "Was ich schon von dir weiß" (#223): Pillen auf Weiß in --gold-d
   (--gold-l hätte dort 2,08:1), und der Hinweis unter den Pillen überall 14px,
   auch dort, wo .prose p oder .gs-band-inhalt p den Abstand auf 0 setzen. */
.neu section:not(.dark):not(.final) .answer .pill{color:var(--gold-d)}
.neu .answer > .chips + .hint{margin:14px 0}

/* ---------- Knöpfe (alte Namen auf neue Knöpfe) ---------- */
.neu .btn:not(:is(.site-head,.menu,.nudge) *){min-height:48px;padding:0 22px;border-radius:var(--r-pill);font:700 .9375rem/1.15 var(--body);box-shadow:none;text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;gap:8px}
.neu .btn-gold{background:var(--gold-l)!important;color:var(--ink)!important;border:1px solid transparent}
.neu .btn-gold:hover{background:var(--gold)!important}
.neu .btn-dark{background:var(--ink);color:#fff;border:1px solid transparent}
.neu .btn-dark:hover{background:#2A2A30}
.neu .dark .btn-dark,.neu .final .btn-dark{background:transparent!important;color:var(--on-ink)!important;border:1px solid rgba(246,246,243,.3)!important}
.neu .dark .btn-dark:hover,.neu .final .btn-dark:hover{border-color:var(--on-ink)!important}
.neu .btn-ghost{background:transparent;border:1px solid var(--line-strong);color:var(--text)}
.neu .dark .btn-ghost,.neu .final .btn-ghost{border-color:rgba(246,246,243,.3);color:var(--on-ink)}
.neu .btn-ghost:hover{border-color:currentColor}
.neu .cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}
@media (prefers-reduced-motion:no-preference){
  .neu .btn-gold{position:relative;overflow:hidden;isolation:isolate}
  .neu .btn-gold::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.6) 45%,transparent 60%);transform:translateX(-120%);transition:transform .7s var(--ease-out)}
  .neu .btn-gold:hover::after{transform:translateX(120%)}
}

/* ---------- Karten: eine Form für alle ---------- */
.neu :is(.card,.toolcard,.dl-karte,.themenfeld,.rez,.kachel){background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 1px 2px rgba(20,18,10,.04)}
/* Werkzeug-Karten im dunklen Seitenkopf sind auf helle Schrift gebaut: dunkle Fläche behalten */
.neu .dark .toolcard{background:linear-gradient(#17171c,#111116);border-color:rgba(217,174,74,.2);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.neu :is(a.card,a.hoverable,.stk > a,a.dl-karte,a.themenfeld):hover{border-color:var(--line-strong);box-shadow:0 1px 2px rgba(20,18,10,.04);transform:none}
.neu :is(a.card,.stk > a,a.dl-karte,a.themenfeld),.neu :is(a.card,.stk > a,a.dl-karte,a.themenfeld) *{text-decoration:none!important}

/* Lichtschein an anklickbaren Karten, wie auf der Startseite */
@media (hover:hover) and (pointer:fine){
  .neu :is(a.card,a.hoverable,.stk > a,a.dl-karte,a.themenfeld){position:relative;isolation:isolate}
  .neu :is(a.card,a.hoverable,.stk > a,a.dl-karte,a.themenfeld)::before{
    content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;pointer-events:none;z-index:2;
    background:radial-gradient(300px circle at var(--mx,-999px) var(--my,-999px),#F3D58A 0%,rgba(217,174,74,.9) 25%,rgba(198,146,20,.35) 50%,transparent 72%);
    filter:drop-shadow(0 0 6px rgba(217,174,74,.55));
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
    opacity:var(--glow-on,0);transition:opacity 300ms ease}
  .neu :is(a.card,a.hoverable,.stk > a,a.dl-karte,a.themenfeld)::after{
    content:"";position:absolute;inset:0;width:auto!important;height:auto!important;margin:0!important;transform:none!important;grid-area:auto!important;align-self:auto!important;border-radius:inherit;pointer-events:none;z-index:-1;
    background:radial-gradient(360px circle at var(--mx,-999px) var(--my,-999px),rgba(217,174,74,.16),transparent 70%);
    opacity:var(--glow-on,0);transition:opacity 300ms ease}
}

/* Icon-Kacheln wie auf der Startseite */
.neu .ic{width:44px!important;height:44px!important;flex:none;display:flex!important;align-items:center;justify-content:center;border-radius:var(--r-small)!important;background:linear-gradient(180deg,#FBF6E8 0%,#F1E3BD 100%)!important;box-shadow:inset 0 0 0 1px rgba(198,146,20,.24),inset 0 1px 0 rgba(255,255,255,.9)!important;color:var(--gold-d)!important;margin:0!important}
.neu .ic .sym{width:22px;height:22px}

/* Werkzeug-Karten (4er-Reihe) wie „Verschaff dir Klarheit“ auf der Startseite */
/* auto-fit: drei Karten füllen die Breite genauso wie vier, nie eine leere Spalte rechts */
.neu .wz-gross{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--gap);margin:28px 0 0}
.neu .wz-gross > .card{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:10px;padding:var(--pad-card);color:var(--text)}
.neu .wz-gross > .card .ic{grid-row:1;grid-column:1}
.neu .wz-gross > .card h3{grid-row:1;grid-column:2;align-self:center;margin:0;padding:0;border:0;font:700 var(--fs-title-sm)/1.25 var(--display);color:var(--ink)}
.neu .wz-gross > .card p{grid-column:1 / -1;margin:0;font-size:var(--fs-small);line-height:1.5;color:var(--muted)}
.neu .wz-gross > .card .arrow{grid-column:1 / -1;padding:0;font-weight:700;font-size:var(--fs-small);color:var(--gold-d)}

/* Große Themenkarten (z. B. Double-Check): Symbol und Titel in einer Zeile */
.neu .cards.gross{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--gap);margin:28px 0}
.neu .cards.gross.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.neu .cards.gross > .card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:center;padding:var(--pad-card);color:var(--text);min-height:0}
.neu .cards.gross > .card h3{grid-column:2;margin:0!important;padding:0;border:0;font:700 var(--fs-title-sm)/1.3 var(--display)!important;color:var(--ink)}
.neu .cards.gross > .card p{grid-column:1 / -1;margin:0;font-size:var(--fs-small);line-height:1.55;color:var(--muted)}
.neu .cards.gross > .card .ic svg{width:22px!important;height:22px!important}
@media (max-width:639px){.neu .cards.gross.two{grid-template-columns:minmax(0,1fr)}}
.neu .cards.gross > div.card::after{content:none}
@media not ((hover:hover) and (pointer:fine)){.neu .card::after{content:none!important}}
.neu div.card::after{content:none!important}
@media (hover:hover) and (pointer:fine){.neu .cards.gross > a.card::after{height:auto;margin:0;transform:none;grid-area:auto;align-self:auto}}

/* Verwandte Themen als Kacheln wie „Dein Status entscheidet“ */
.neu .stk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:16px 0 0}
.neu .stk > a{display:flex;align-items:center;gap:14px;min-height:72px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);color:var(--text)}
.neu .stk > a::after{content:"→"!important;position:static!important;transform:none!important;margin-left:auto;padding-left:8px;color:var(--muted);opacity:1!important;font-size:1rem}
.neu .stk > a:hover::after{color:var(--gold-d)}
.neu .stk .tx b{font:700 var(--fs-title-sm)/1.3 var(--display);color:var(--ink);letter-spacing:0}
.neu .stk .tx b::after{content:none!important}
.neu .stk .ic{width:40px!important;height:40px!important}
.neu .stk .ic .sym{width:20px;height:20px}

/* ---------- Fließtext ---------- */
.neu .prose{font-size:var(--fs-text-sub);line-height:1.7;color:var(--text)}
.neu .prose p{max-width:none;margin:0 0 16px}
.neu .prose > * > p:last-child{margin-bottom:0}
.neu main :is(p,td) > a:not(.btn):not(.bigcta),.neu main :is(ul,ol):not([class]) > li > a,.neu .seitennavi-belege a{color:var(--gold-d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(138,109,0,.35)}
.neu main :is(p,td) > a:not(.btn):not(.bigcta):hover,.neu main :is(ul,ol):not([class]) > li > a:hover{text-decoration-color:currentColor}
.neu :is(.dark,.final) :is(p,td) > a:not(.btn):not(.bigcta),.neu :is(.dark,.final) :is(ul,ol):not([class]) > li > a{color:var(--gold-l)}

/* Tabellen: eine ruhige Karte, Kopf in Kapitälchen */
.neu section:not(.dark) .table-scroll{border:1px solid var(--line);border-radius:var(--r-card);overflow:auto;background:#fff;box-shadow:none;margin:24px 0}
.neu section:not(.dark) .table-scroll table{width:100%;border-collapse:collapse;font-size:var(--fs-small);line-height:1.55}
.neu section:not(.dark) .table-scroll th{background:var(--sand);font:700 var(--fs-micro)/1.35 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);text-align:left;padding:14px 18px;border-bottom:1px solid var(--line)}
.neu section:not(.dark) .table-scroll td{padding:14px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text)}
.neu section:not(.dark) .table-scroll tbody tr:last-child td{border-bottom:0}
.neu section:not(.dark) .table-scroll td b{color:var(--ink)}
.neu section:not(.dark) .table-scroll td:first-child b,.neu section:not(.dark) .table-scroll td:first-child b a{color:var(--gold-d)}
.neu section:not(.dark) .table-scroll .smallnote{display:block;margin-top:6px;font-size:var(--fs-micro)}
@media (max-width:639px){
  .neu .table-scroll:has(> table.karten){border:0;background:none;overflow:visible}
  .neu table.karten tr{border-radius:var(--r-card)!important;padding:4px 16px!important}
}

/* Profi-Tipp: die goldene Fläche, wie die goldenen Elemente der Startseite */
.neu .tipp{display:grid!important;grid-template-columns:48px minmax(0,1fr);gap:18px!important;align-items:start!important;margin:24px 0!important;padding:22px 26px!important;background:linear-gradient(135deg,#E6C372 0%,#D9AE4A 42%,#C69214 100%)!important;border:0!important;border-radius:var(--r-card)!important;box-shadow:0 1px 2px rgba(20,18,10,.06),inset 0 1px 0 rgba(255,255,255,.35)!important;color:var(--ink);position:relative;overflow:hidden;isolation:isolate}
.neu .tipp::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 0% 0%,rgba(255,255,255,.28),transparent 55%)}
.neu .tipp .bulb{min-width:0!important;width:48px;height:48px;border-radius:var(--r-small);background:rgba(255,255,255,.55)!important;box-shadow:inset 0 0 0 1px rgba(14,14,16,.12)!important;display:flex!important;align-items:center;justify-content:center}
.neu .tipp .bulb img,.neu .tipp .tipp-zeichen{width:28px!important;height:28px!important}
.neu .tipp .k{display:block;font:800 var(--fs-micro)/1.3 var(--body)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--ink)!important}
.neu .tipp p{margin:6px 0 0!important;font-size:var(--fs-text-sub)!important;font-weight:500!important;line-height:1.55;color:#1A1407!important}
.neu .tipp p b{color:var(--ink);font-weight:800}
.neu .tipp .smallnote{font-size:var(--fs-micro)!important;color:rgba(26,20,7,.72)!important;font-weight:500!important}
.neu .tipp a{color:var(--ink)!important;text-decoration:underline!important;text-decoration-color:rgba(14,14,16,.4)!important}

/* Hinweis-Blöcke (z. B. Häufige Fragen): Liste mit Trennlinien statt Kästen */
.neu .hinweis{background:none!important;border:0!important;border-top:1px solid var(--line-strong)!important;border-radius:0!important;padding:20px 0 4px!important;margin:0!important;box-shadow:none!important}
.neu .hinweis:last-of-type{border-bottom:1px solid var(--line-strong)!important;padding-bottom:20px!important}
.neu .hinweis h3{margin:0 0 8px!important;font:700 var(--fs-h3-sub)/1.3 var(--display)!important;color:var(--ink)}
.neu .hinweis p{margin:0 0 8px!important;color:var(--muted)}
.neu .hinweis p.smallnote{font-size:var(--fs-micro)!important}

/* Häufige Fragen: alle als Aufklapper (design.js baut die Liste um), wie auf der Startseite */
.neu .faq-klapp{border-top:1px solid var(--line-strong);margin:0;padding:0;background:none}
.neu .faq-klapp:not(:has(~ .faq-klapp)){border-bottom:1px solid var(--line-strong)}
.neu .faq-klapp > summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;cursor:pointer;list-style:none}
.neu .faq-klapp > summary::-webkit-details-marker{display:none}
.neu .faq-klapp > summary h3,.neu .faq-klapp > summary .faq-frage{margin:0!important;padding:0;border:0;font:700 var(--fs-h3-sub)/1.35 var(--display)!important;color:var(--ink)}
.neu .faq-klapp > summary::after{content:"";flex:none;width:32px;height:32px;border-radius:50%;background:var(--sand) center/14px 14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7 1v12M1 7h12' stroke='%238A6D00' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 1px var(--line);transition:transform var(--t)}
.neu .rv-band:nth-of-type(even) .faq-klapp > summary::after{background-color:#fff}
.neu .faq-klapp[open] > summary::after{transform:rotate(45deg)}
.neu .faq-klapp > summary:hover h3,.neu .faq-klapp > summary:hover .faq-frage{color:var(--gold-d)}
.neu .faq-klapp > .faq-antwort{padding:0 52px 20px 0}
.neu .faq-klapp > .faq-antwort p{margin:0 0 10px!important;color:var(--muted)}
.neu .faq-klapp > .faq-antwort > :last-child{margin-bottom:0!important}
.neu .faq-klapp.hinweis{border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:0!important;padding:0!important}
.neu .faq-klapp.hinweis:not(:has(~ .faq-klapp)){border-bottom:1px solid var(--line-strong)!important}

/* Häufige Fragen als Aufklapper (andere Seitentypen) */
.neu .faq details{border:0;border-bottom:1px solid var(--line-strong);border-radius:0;background:none;box-shadow:none;margin:0;padding:0}
.neu .faq details:first-of-type{border-top:1px solid var(--line-strong)}
.neu .faq summary{font:700 var(--fs-h3-sub)/1.3 var(--display);padding:18px 0;cursor:pointer}
.neu .faq details p{color:var(--muted)}

/* Hinweis mit Rechtsgrundlage */
.neu .rechtshinweis{border:1px solid var(--line);border-radius:var(--r-card);background:var(--sand);padding:16px 20px}

/* ---------- Ratgeber-Inhalt ---------- */
.neu .rv-inhalt{padding:0!important}
.neu .rv-inhalt .seitenlayout{width:min(100% - 2*var(--gutter), var(--container));max-width:none}
.neu .rv-inhalt .gl-raster{display:flex;flex-direction:column}
.neu .rv-inhalt :is(.seitennavi,.seitennavi-halt){display:contents}
.neu .rv-inhalt .gl-text{order:2;max-width:none;width:100%}
.neu .rv-inhalt .seitennavi-belege{order:3;width:100%;margin:0;padding:20px 0 var(--sec-sub);border-top:1px solid var(--line);max-width:none}
.neu .rv-inhalt .seitennavi-belege .hint{margin:0}
/* Inhaltsverzeichnis: nummerierte Karte mit Lesefortschritt (Nummern setzt design.js) */
.neu .rv-inhalt .seitennavi-gliederung{order:1;margin:var(--sec-sub) 0 0}
.neu :is(.seitennavi-gliederung,.rv-mini){background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-card)!important;box-shadow:0 1px 2px rgba(20,18,10,.04)!important;padding:16px 14px 12px!important;max-width:none}
.neu :is(.seitennavi-titel,.rv-mini-titel){display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin:0 6px 10px!important;font:700 var(--fs-micro)/1.2 var(--body)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--gold-d)!important;cursor:default}
.neu .toc-zahl{font:700 12px/1 var(--body);letter-spacing:.04em;color:var(--muted);font-variant-numeric:tabular-nums;text-transform:none}
.neu .toc-zahl b{color:var(--ink)}
.neu .toc-balken{display:block;height:3px;margin:0 6px 10px;border-radius:3px;background:var(--line);overflow:hidden}
.neu .toc-balken > i{display:block;height:100%;width:calc(var(--anteil,0) * 100%);background:linear-gradient(90deg,var(--gold-l),var(--gold));border-radius:inherit}
.neu :is(.seitennavi-liste,.rv-mini ol){list-style:none!important;margin:0!important;padding:0!important;border:0!important;columns:1}
.neu :is(.seitennavi-liste,.rv-mini ol) li{margin:0;padding:0}
.neu :is(.seitennavi-liste,.rv-mini) li a{display:grid!important;grid-template-columns:26px minmax(0,1fr);gap:4px;align-items:baseline;padding:7px 8px!important;margin:0!important;border:0!important;border-radius:var(--r-small);color:var(--muted)!important;font-size:.875rem!important;line-height:1.4;font-weight:500;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-decoration:none!important;min-height:0}
.neu :is(.seitennavi-liste,.rv-mini) li a::before{content:attr(data-nr);font:700 12px/1.4 var(--body);color:#B9B2A0;font-variant-numeric:tabular-nums}
.neu :is(.seitennavi-liste,.rv-mini) li a:hover{background:var(--sand);color:var(--ink)!important}
.neu :is(.seitennavi-liste a[aria-current],.rv-mini li.ist a,.seitennavi-liste li.ist a){background:var(--gold-tint)!important;color:var(--ink)!important;font-weight:700}
.neu :is(.seitennavi-liste a[aria-current],.rv-mini li.ist a,.seitennavi-liste li.ist a)::before{color:var(--gold-d)}
.neu summary.seitennavi-titel::after{display:none!important}
@media (min-width:1100px){
  .neu .rv-inhalt .gl-raster:has(.rv-mini) .seitennavi-gliederung{display:none}
}

/* Bänder: abwechselnd Weiß und Sand über die volle Breite, wie auf der Startseite */
.neu .rv-band{padding:var(--sec-sub) 0!important;margin:0}
.neu .rv-band:nth-of-type(even){background:var(--sand);border-image:conic-gradient(var(--sand) 0 0) fill 0 / / 0 100vmax}
.neu .rv-band > *{max-width:none}
.neu .rv-band > :first-child{margin-top:0}
.neu .rv-band > :last-child{margin-bottom:0}
.neu .rv-band > h2,.neu .rv-lese > h2{margin:0 0 16px}
/* Einleitungsband ohne Überschrift: Einstiegstext */
.neu .rv-band:first-child:not(:has(h2)){padding-block:clamp(32px,3.4vw,48px)!important}
.neu .rv-band:first-child:not(:has(h2)) > p{font-size:var(--fs-lead-sub);line-height:1.55;color:var(--ink);margin:0}

/* Lesespalte + rechte Spalte (Kurz-Inhaltsverzeichnis, Quelle, Handlung) */
@media (min-width:1100px){
  .neu .rv-band > :is(p,ul,ol,.smallnote,.hint,.hinweis,.einordnung,h3):not(.rv-spalten){max-width:calc(100% - var(--rand-b) - var(--rand-gap))}
  .neu .rv-zeile{display:grid;grid-template-columns:minmax(0,1fr) var(--rand-b);column-gap:var(--rand-gap);align-items:start}
  .neu .rv-rand{position:sticky;top:var(--sticky-top);display:flex;flex-direction:column;gap:16px;padding-top:4px}
  .neu .rv-rand.rv-mit-gl{position:static;align-self:stretch;contain:size;overflow:clip}
  .neu .rv-mini{position:sticky;top:var(--sticky-top)}
}
@media (max-width:1099px){
  .neu .rv-zeile{display:block}
  .neu .rv-rand{position:static;margin:24px 0 0}
}
.neu .rv-lese > :first-child{margin-top:0}
.neu .rv-lese > :last-child{margin-bottom:0}

/* Karten in der rechten Spalte */
.neu .rv-rand .card{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:8px;padding:18px 20px;align-items:center}
.neu .rv-rand .card h3{grid-column:2;margin:0;padding:0;border:0;min-height:0;font:700 var(--fs-title-sm)/1.3 var(--display)}
.neu .rv-rand .card p{grid-column:1 / -1;margin:0;font-size:var(--fs-small);color:var(--muted)}
.neu .rv-rand .card .arrow{grid-column:1 / -1;padding:0;font-weight:700;font-size:var(--fs-small);color:var(--gold-d)}
.neu .rv-handlung{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:18px 20px!important}
.neu .rv-handlung .cta-row .btn{width:100%;justify-content:center;white-space:normal;text-align:center;padding-block:12px}
.neu .rv-quelle{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:start;border-top:1px solid var(--line);padding-top:14px}
.neu .rv-quelle .ic{width:32px!important;height:32px!important}
.neu .rv-quelle .ic .sym{width:16px;height:16px}
.neu .rv-quelle .smallnote{margin:0;font-size:var(--fs-micro)}

/* Kennzahlen wie das Faktenband der Startseite */
.neu .gs-kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:0;margin:24px 0;border:1px solid var(--line);border-radius:var(--r-card);background:#fff;overflow:hidden}
.neu .rv-kennzahl{border:0!important;border-left:1px solid var(--line)!important;padding:18px 20px!important;margin:0}
.neu .rv-kennzahl:first-child{border-left:0!important}
.neu .rv-kennzahl .n{display:block;font:800 clamp(1.5rem,1.2rem + 1vw,2rem)/1.1 var(--display)!important;color:var(--gold-d)!important;letter-spacing:-.01em!important}
.neu .rv-kennzahl .l{display:block;margin-top:6px;font-size:var(--fs-small)!important;color:var(--muted)}

/* Absätze in Spalten */
@media (min-width:1100px){
  .neu .rv-band > .rv-spalten{display:grid;column-gap:var(--gap);row-gap:var(--gap);margin:24px 0;padding:0}
  .neu .rv-band > .rv-s2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .neu .rv-band > .rv-s3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.neu .rv-band > .rv-absaetze > p{margin:0;padding:20px 0 0!important;border-top:1px solid var(--line-strong)!important;font-size:var(--fs-small);line-height:1.6;color:var(--muted)}
.neu .rv-band > .rv-absaetze > p > b:first-child{display:block;margin:0 0 6px;font:700 var(--fs-title-sm)/1.3 var(--display)!important;color:var(--ink)}
@media (min-width:1100px){
  .neu .rv-band > ul.rv-spalten > li{border-top:1px solid var(--line-strong)!important;padding-top:64px!important}
}

/* Einordnung als ruhige Randnotiz */
.neu .einordnung{border-left:2px solid var(--gold);padding-left:16px;color:var(--text)}

/* Themenfelder (Links zu verwandten Seiten): Raster über die volle Breite, wie „Weitere Infos zum Thema“ */
.neu .themenfelder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:20px 0 0;max-width:none;columns:auto}
.neu .themenfelder > .themenfeld{display:flex;align-items:center;min-height:60px;padding:12px 44px 12px 18px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4' fill='none' stroke='%2365655F' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center/16px;border:1px solid var(--line);border-radius:var(--r-card);font:700 var(--fs-title-sm)/1.3 var(--display);color:var(--ink);text-decoration:none!important;box-shadow:0 1px 2px rgba(20,18,10,.04)}
.neu .themenfelder > .themenfeld:hover{border-color:var(--line-strong);color:var(--gold-d)}

/* ---------- Gesellschaftsseiten ---------- */
/* Sprungleiste: zweite Leiste im Stil der Kopfleiste, gleiche Breite, 8 px darunter */
.neu .gs-themen{position:sticky;top:calc(var(--head-h) + 18px);z-index:40;display:flex;align-items:center;gap:0;
  width:min(100vw - 24px, 1232px);margin:var(--sec-sub) 0 0 calc((100% - min(100vw - 24px, 1232px)) / 2);
  padding:5px;min-height:52px;box-sizing:border-box;max-width:none;
  background:rgba(14,14,16,.88);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);
  border:1px solid rgba(217,174,74,.22);border-radius:var(--r-pill);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.neu .gs-themen > .k{flex:none;display:flex;align-items:center;align-self:stretch;margin:0!important;padding:0 18px 0 17px;border-right:1px solid rgba(246,246,243,.14);font:700 .75rem/1 var(--body)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l)!important}
.neu .gs-themen .themenfelder{display:flex!important;flex-wrap:nowrap;align-items:center;gap:2px;margin:0!important;padding:0 36px 0 8px;overflow-x:auto;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 12px,#000 92%,transparent)}
.neu .gs-themen .themenfelder::-webkit-scrollbar{display:none}
.neu .gs-themen .themenfeld{flex:none;display:inline-flex!important;align-items:center;min-height:40px!important;padding:0 14px!important;border:0!important;border-radius:var(--r-pill)!important;background:none!important;box-shadow:none!important;font:600 .875rem/1 var(--body)!important;color:#C9C9C2!important;white-space:nowrap}
.neu .gs-themen .themenfeld::before,.neu .gs-themen .themenfeld::after{display:none!important}
.neu .gs-themen .themenfeld:hover{background:rgba(246,246,243,.08)!important;color:#fff!important}
.neu .gs-themen .themenfeld.ist{background:var(--gold-l)!important;color:var(--ink)!important}
.neu .rv-inhalt .gl-text article > .rv-band:first-child{padding-top:clamp(40px,4vw,56px)!important}

/* Jede Frage als Zeile eines Steckbriefs: durchgehend weiß, feine Linien, Frage links, Antwort rechts */
.neu .rv-inhalt :is(.rv-rand.rv-nur-gl,.rv-mini-spur,.rv-mini){display:none!important}
.neu .rv-inhalt .rv-band.gs-split{background:none!important;border-image:none!important;border-top:1px solid var(--line);padding-block:clamp(32px,3.4vw,48px)!important}
.neu .rv-inhalt .gl-text article > .rv-band.gs-split:first-child{border-top:0}
.neu .rv-inhalt .gl-text article > .rv-band:not(.gs-split):not(.rv-zwischen){background:none!important;border-image:none!important}
.neu .rv-inhalt .rv-band.rv-zwischen{background:var(--sand)!important;border-image:conic-gradient(var(--sand) 0 0) fill 0 / / 0 100vmax!important}
.neu .rv-inhalt .rv-band.rv-zwischen + .gs-split{border-top:0}
/* Überschrift oben über die volle Breite, darunter der Text in Lesebreite.
   Quelle, Lesetipp und Handlung stehen rechts neben dem Text, wenn es sie gibt (Emre, 27.09.2026). */
.neu .rv-inhalt .rv-band.gs-split{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"augenbraue" "titel" "inhalt" "neben"}
.neu .rv-inhalt .gs-band-kopf{display:contents}
.neu .rv-inhalt .gs-band-kopf .sec-eyebrow{grid-area:augenbraue}
.neu .rv-inhalt .gs-band-kopf h2{grid-area:titel}
.neu .rv-inhalt .gs-band-inhalt{grid-area:inhalt}
.neu .rv-inhalt .gs-band-neben{grid-area:neben}
@media (min-width:900px){
  .neu .rv-inhalt .rv-band.gs-split:has(.gs-band-neben){grid-template-columns:minmax(0,8fr) minmax(0,4fr);grid-template-areas:"augenbraue augenbraue" "titel titel" "inhalt neben";column-gap:clamp(40px,5vw,72px);align-items:start}
  .neu .rv-inhalt .gs-split:has(.gs-band-neben) .gs-band-neben{margin-top:0!important;position:sticky;top:calc(var(--head-h) + 94px)}
  .neu[data-ohne-leiste] .rv-inhalt .gs-split .gs-band-neben{top:calc(var(--head-h) + 32px)}
}
/* Fließtext bleibt in Lesebreite; Tabellen, Karten, Kennzahlen und Profi-Tipp nutzen die volle Breite */
.neu .rv-inhalt .gs-split:not(:has(.gs-band-neben)) .gs-band-inhalt :is(p,.hinweis,.faq-klapp,.einordnung,.smallnote,.hint),
.neu .rv-inhalt .gs-split:not(:has(.gs-band-neben)) .gs-band-inhalt > ul:not([class]),
.neu .rv-inhalt .gs-split:not(:has(.gs-band-neben)) .gs-band-inhalt .rv-lese > ul:not([class]){max-width:800px}
.neu .rv-inhalt .gs-split :is(.tipp,.table-scroll,.gs-kennzahlen,.wz-gross,.cards,.stk) p{max-width:none}
.neu .gs-band-kopf .sec-eyebrow{margin-bottom:10px}
.neu .gs-band-kopf h2{hyphens:auto;-webkit-hyphens:auto;margin:0 0 18px!important;max-width:900px;font-size:var(--fs-h2-sub)!important;line-height:1.14!important}
.neu .gs-band-neben{display:flex;flex-direction:column;gap:12px;margin-top:20px}
@media (max-width:899px){.neu .gs-band-neben{flex-direction:row;flex-wrap:wrap}}
.neu .gs-band-neben .rv-quelle{border:0!important;padding:0!important;grid-template-columns:24px minmax(0,1fr)!important;column-gap:10px!important}
.neu .gs-band-neben .rv-quelle .ic{width:24px!important;height:24px!important;border-radius:6px!important}
.neu .gs-band-neben .rv-quelle .ic .sym{width:13px;height:13px}
.neu .gs-band-neben .rv-quelle .smallnote{font-size:.8125rem!important;line-height:1.5;color:var(--muted)}
.neu .gs-band-inhalt{min-width:0;font-size:var(--fs-text-sub)}
.neu .gs-band-inhalt > :first-child,.neu .gs-band-inhalt .rv-lese > :first-child{margin-top:0}
.neu .gs-band-inhalt > :last-child{margin-bottom:0}
.neu .gs-band-inhalt p{margin:0 0 12px}
.neu .rv-inhalt .rv-zeile{display:block!important}
.neu .rv-inhalt .rv-rand{position:static!important;display:flex!important;flex-direction:column;gap:14px;margin:18px 0 0!important;padding:0!important;contain:none!important;overflow:visible!important}
.neu .rv-inhalt .rv-rand:not(:has(> :not(.rv-mini-spur))){display:none!important}
.neu .gs-band-inhalt .table-scroll{margin:18px 0}
.neu .gs-band-inhalt .tipp{margin:0!important}
.neu .gs-band-inhalt .gs-kennzahlen{margin:18px 0}
.neu .gs-band-inhalt > .smallnote{margin-top:16px;font-size:.8125rem}
.neu .rv-inhalt .einordnung{margin:0}
/* Absätze mit fettem Stichwort als ruhige Liste */
.neu .gs-band-inhalt .rv-spalten{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:0}
.neu .gs-band-inhalt .rv-absaetze > p{margin:0!important;padding:16px 0!important;border-top:1px solid var(--line-strong);font-size:var(--fs-text-sub);line-height:1.6;color:var(--text)}
.neu .gs-band-inhalt .rv-absaetze > p:last-child{border-bottom:1px solid var(--line-strong)}
.neu .gs-band-inhalt .rv-absaetze > p > b:first-child{display:block;margin:0 0 4px;font:700 var(--fs-title-sm)/1.3 var(--display);color:var(--ink)}
/* Weiter-Links als ruhige Knöpfe statt großer unterstrichener Texte */
.neu .gs-weiter{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0!important}
.neu .gs-weiter a{display:inline-flex!important;align-items:center;min-height:44px;padding:0 20px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:#fff;font:700 .9375rem/1.2 var(--body)!important;color:var(--ink)!important;text-decoration:none!important}
.neu .gs-weiter a:hover{border-color:var(--gold);color:var(--gold-d)!important}
/* Handlung: nur der Knopf, ohne leere Karte drumherum */
.neu .rv-inhalt .rv-handlung{display:block!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
.neu .rv-inhalt .rv-handlung .ic{display:none!important}
.neu .rv-inhalt .rv-handlung::before,.neu .rv-inhalt .rv-handlung::after{display:none!important}
.neu .rv-inhalt .rv-handlung .cta-row{margin:0;justify-content:flex-start!important}
.neu .rv-inhalt .rv-handlung .btn{width:auto!important;white-space:nowrap;min-height:44px!important;padding:0 20px!important;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line-strong)!important;font:700 .9375rem/1.2 var(--body)!important}
.neu .rv-inhalt .rv-handlung .btn:hover{border-color:var(--gold)!important;color:var(--gold-d)!important}
/* Verweis auf eine Ratgeberseite: eine Zeile */
.neu .rv-inhalt .rv-seite{display:grid!important;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:2px;padding:12px 14px!important}
.neu .rv-inhalt .rv-seite .ic{width:36px!important;height:36px!important;grid-row:1 / span 2}
.neu .rv-inhalt .rv-seite .ic .sym{width:18px;height:18px}
.neu .rv-inhalt .rv-seite h3{grid-column:2;border:0!important;padding:0!important;margin:0!important;min-height:0!important;font:700 .9375rem/1.3 var(--display)!important}
.neu .rv-inhalt .rv-seite .arrow{grid-column:2;padding:0!important;font-weight:700;font-size:.8125rem;color:var(--gold-d)}
/* Quelle: kleine Zeile unter dem Inhalt */
.neu .rv-inhalt .rv-quelle{border-top:1px solid var(--line);padding-top:12px}

/* Handbuch-Kopf in Übersichten: Überschrift links, Text rechts, wie die Abschnittsköpfe der Startseite */
@media (min-width:900px){
  .neu .hb-kopf{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,72px);align-items:start;max-width:none}
  .neu .hb-kopf > .sec-eyebrow{grid-column:1;grid-row:1}
  .neu .hb-kopf > h2{grid-column:1;grid-row:2;margin:0!important}
  .neu .hb-kopf > p{grid-column:2;grid-row:1 / span 2;margin:0;max-width:none}
  .neu .hb-kopf > .hb-meta{grid-column:2;grid-row:3;margin-top:12px}
}

/* ---------- Anfrage-Block am Ende ---------- */
.neu .rv-anfrage{padding-block:var(--sec-sub)!important;position:relative;overflow:hidden}
.neu .rv-anfrage::before{display:none}
.neu .rv-anfrage-raster{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px var(--rand-gap);align-items:center}
.neu .rv-anfrage h3{margin:0;font:800 var(--fs-h2-sub)/1.12 var(--display)!important;letter-spacing:-.02em;color:#fff}
.neu .rv-anfrage .hint{margin:10px 0 0;font-size:var(--fs-text-sub)!important;color:#CFCFC8;max-width:none}
.neu .rv-anfrage .cta-row{margin:0}
.neu .rv-anfrage-hell h3{color:var(--ink)}
.neu .rv-anfrage-hell .hint{color:var(--muted)}
@media (max-width:899px){.neu .rv-anfrage-raster{grid-template-columns:minmax(0,1fr)}}

/* Großer Schlussknopf der Übersichten */
.neu .bigcta{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 28px;border-radius:var(--r-pill);background:var(--gold-l);color:var(--ink)!important;font:700 1rem/1.15 var(--body);text-decoration:none!important;box-shadow:none}
.neu .bigcta:hover{background:var(--gold)}
.neu .uv-final-knopf{margin:0}
.neu .uv-schluss .hint{margin:0;font:700 var(--fs-h3-sub)/1.35 var(--display)!important;color:#fff}

/* Übersichten und Service mit Inhaltsverzeichnis rechts: Lesespalte breit, Verzeichnis schmal */
@media (min-width:1100px){
  .neu .uv-rahmen .gl-raster{display:grid;grid-template-columns:minmax(0,1fr) var(--rand-b);column-gap:var(--rand-gap);align-items:start}
  .neu .uv-rahmen .gl-text{grid-column:1;grid-row:1;max-width:none}
  .neu .uv-rahmen .seitennavi{grid-column:2;grid-row:1;max-width:none;margin:0}
  .neu .uv-rahmen .seitennavi-halt{position:sticky;top:var(--sticky-top)}
  .neu .uv-rahmen .seitennavi-gliederung{margin:0}
}
.neu .uv-rahmen .seitenlayout,.neu .uv-rahmen .narrow{max-width:none}

/* ---------- Verwandte Themen ---------- */
.neu .rv-verwandt .wrap{display:grid;gap:40px}
.neu .rv-vw-kopf,.neu .h2-anhang{margin:0;font:800 clamp(1.25rem,1.1rem + .6vw,1.625rem)/1.2 var(--display)!important;letter-spacing:-.015em;color:var(--ink);text-transform:none}
.neu .rv-verwandt .wz-klein{margin-top:16px}

/* ---------- Kleines Formular „Du vermisst ein Thema?“ ---------- */
.neu .sec-sm form.toolcard{padding:var(--pad-card);max-width:none}
/* Haekchen und Auswahlknoepfe ausgenommen (29.09.2026): mit 48 px Mindesthoehe zeichnete der Browser
   das Kaestchen mittig in ein hohes Feld, es sass 17 px unter der Textzeile daneben. :where haelt die
   Gewichtung der Regel gleich, an den Textfeldern aendert sich nichts. */
.neu section:not(.dark) .toolcard :is(input:where(:not([type=checkbox],[type=radio])),select,textarea){min-height:48px;border:1px solid var(--line-strong);border-radius:var(--r-small);background:#fff;font:inherit;font-size:1rem;padding:10px 14px}
.neu .toolcard :is(input,select,textarea):focus{outline:2px solid var(--gold-l);outline-offset:1px;border-color:var(--gold)}
.neu section:not(.dark) .toolcard label{font-size:var(--fs-small);font-weight:600;color:var(--text)}

/* ---------- Rechner- und Double-Check-Kopf: kompakt und übersichtlich ---------- */
.neu .rk-kopf h1{font-size:clamp(2rem,1.4rem + 1.7vw,2.75rem)}
@media (min-width:900px){
  .neu .rk-raster{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"text werkzeug" "ergebnis werkzeug";grid-template-rows:auto 1fr;column-gap:clamp(32px,5vw,72px);row-gap:24px;align-items:start}
  .neu .rk-raster.breit{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "werkzeug" "ergebnis"}
  .neu .rk-text{grid-area:text}
  .neu .rk-werkzeug{grid-area:werkzeug}
  .neu .rk-ergebnis{grid-area:ergebnis;max-width:none}
}
.neu .rk-kopf .rk-text > .lead{margin-top:14px}
.neu .rk-werkzeug .toolcard{padding:22px!important;border-radius:var(--r-card)!important}
.neu .rk-werkzeug .toolcard h3{font:700 1.125rem/1.3 var(--display)!important;margin:0 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid var(--ink-line)!important;color:#fff}
.neu .rk-werkzeug .toolcard label{display:block;margin:14px 0 6px!important;font:600 .875rem/1.35 var(--body)!important;color:var(--on-ink-muted)!important}
.neu .rk-werkzeug .toolcard label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;color:var(--on-ink)!important}
.neu .rk-werkzeug .toolcard label b{color:var(--gold-l)}
.neu .rk-werkzeug .toolcard select{width:100%;min-height:44px!important;padding:0 12px!important;border-radius:var(--r-small)!important;font:500 .9375rem/1 var(--body)!important}
.neu .rk-werkzeug .toolcard .btn{width:100%;justify-content:center;margin-top:18px}
.neu .rk-werkzeug .toolcard .hint{font-size:var(--fs-micro)!important}
.neu .rk-werkzeug .toolcard .sec-eyebrow{margin:0!important}
.neu .rk-werkzeug .toolcard h3#frage{font-size:1.25rem!important}
.neu .rk-werkzeug .chips{gap:10px!important}
.neu .rk-werkzeug .chips > *{font-size:.9375rem!important;padding:12px 14px!important;border-radius:var(--r-small)!important;min-height:0!important}
.neu .rk-ergebnis .result{padding:18px 22px!important;border-radius:var(--r-card)!important;background:rgba(23,23,27,.92)!important;border:1px solid var(--ink-line)!important}
.neu .rk-ergebnis .result .lbl{font:700 var(--fs-micro)/1.3 var(--body)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--on-ink-muted)!important}
.neu .rk-ergebnis .result .big{font:800 clamp(2rem,1.6rem + 1.2vw,2.75rem)/1.05 var(--display)!important;color:var(--gold-l)!important;margin:6px 0 8px!important}
.neu .rk-ergebnis .result > div:last-child{font-size:var(--fs-small)!important;gap:20px!important;color:var(--on-ink-muted)}
.neu .rk-ergebnis > div:not(.result):not(.hint):not(.cards):not(.center):not(.toolcard){margin:12px 0 0!important;padding:14px 18px!important;border-radius:var(--r-card)!important;font-size:var(--fs-small)!important;line-height:1.5}
.neu .rk-ergebnis > .hint{margin:12px 0 0!important;font-size:var(--fs-micro)!important;line-height:1.55}
.neu .rk-ergebnis > .btn{margin-top:16px!important;width:auto!important}
.neu :is(#pitch,#begleit) > div{gap:12px!important;margin:0!important;padding:12px 0!important;border-top:1px solid var(--ink-line)}
.neu :is(#pitch,#begleit) > div:first-child{border-top:0}
.neu #pitch > div > div:first-child{width:28px;height:28px;flex:none;border-radius:50%;background:rgba(217,174,74,.14);box-shadow:inset 0 0 0 1px rgba(217,174,74,.4);display:flex;align-items:center;justify-content:center;font:800 .875rem/1 var(--display)!important;color:var(--gold-l)!important}
.neu :is(#pitch,#begleit) b{font:700 1rem/1.35 var(--display)!important}
.neu :is(#pitch,#begleit) > div > div:last-child span{display:block;margin-top:2px;font-size:var(--fs-small)!important;line-height:1.5}
.neu .rk-text > div[style*="margin-top"]{margin-top:20px!important}

/* ---------- Bewegung: Karten gleiten beim Scrollen herein (an die Scrollposition gebunden) ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline: view()){
    .neu main > section:not(:first-of-type) :is(h2,.card,.dl-karte,.themenfeld,.rez,.stk > *,.tipp,.table-scroll){
      animation:rise auto linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    .neu main > section:not(:first-of-type) .sec-eyebrow::before{transform-origin:left center;animation:draw auto linear both;animation-timeline:view();animation-range:entry 30% entry 80%}
  }
  .neu main > section:first-of-type :is(.krume,.sec-eyebrow,h1,.lead,.cta-row,.answer,.rk-werkzeug,.rk-ergebnis,.gs-steckbrief,.uv-kopf-rechts){animation:rise .9s var(--ease-out) both}
  .neu main > section:first-of-type h1{animation-delay:.06s}
  .neu main > section:first-of-type .lead{animation-delay:.14s}
  .neu main > section:first-of-type :is(.answer,.rk-werkzeug,.gs-steckbrief,.uv-kopf-rechts){animation-delay:.24s}
}

/* Kästen im Fließtext laufen über die volle Breite, damit nichts mitten auf der Seite endet */
.neu main :is(.tipp,.rechtshinweis){max-width:none!important;margin-right:0!important}
.neu main :is(.rk-band,.uv-band,.sec-sm) :is(.narrow,.wrap) > :is(.toolcard,form.toolcard,.kachel){max-width:none!important;margin-right:0!important}
/* Kästen mit fest eingestellter Breite (z. B. Hinweis vor dem Tarifrechner) ebenfalls auf volle Breite */
.neu main section:not(:first-of-type) :is(.wrap,.narrow) > div[style*="max-width"]{max-width:none!important}

/* Rechner-Abschnitte: Einleitung über die volle Breite, Profi-Tipp breit darunter statt seitlich */
.neu .rk-kopfzeile{display:block!important}
.neu .rk-kopfzeile .rk-intro p{max-width:none!important}
.neu .rk-kopfzeile > .tipp{margin:20px 0 0!important}
.neu .rk-kopfzeile + *{margin-top:24px}

/* Dunkle Schlussbänder: Beitragskurven, mehr Präsenz */
.neu main > section.final{position:relative;overflow:hidden;padding-block:clamp(64px,7vw,104px)!important;background:radial-gradient(70% 120% at 85% 50%,#1b1812 0%,var(--ink) 70%)}
.neu main > section.final > .wrap{position:relative;z-index:2}
.neu main > section.final .kopf-kurven{-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 30%,#000 75%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.2) 30%,#000 75%)}
.neu .uv-schluss .rv-anfrage-raster{grid-template-columns:minmax(0,1fr) auto}
.neu .uv-schluss .hint{margin:0!important;font:800 var(--fs-h2-sub)/1.15 var(--display)!important;letter-spacing:-.02em;color:#fff!important;max-width:none}
.neu .uv-schluss .bigcta{min-height:56px;padding:0 32px;font-size:1.0625rem}

/* Sprungziele landen unter Kopfleiste und Sprungleiste, nicht dahinter */
.neu .rv-inhalt [id],.neu .rv-inhalt .gs-split{scroll-margin-top:calc(var(--head-h) + 100px)}


/* ---------- Ratgeber: Sprungleiste mit aktuellem Abschnitt und aufklappbarer Liste ---------- */
.neu .rv-inhalt .seitennavi-gliederung{display:none!important}
.neu .sprung-lang{order:1;position:sticky}
.neu .sprung-lang .sprung-aktuell{flex:1;min-width:0;display:flex;align-items:center;gap:14px;padding:0 18px;color:#fff;font:600 .9375rem/1.3 var(--body)}
.neu .sprung-lang .toc-zahl{flex:none;color:var(--on-ink-muted);font-size:.8125rem}
.neu .sprung-lang .toc-zahl b{color:var(--gold-l)}
.neu .sprung-lang .sprung-titel{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.neu .sprung-lang .sprung-balken{position:absolute;left:28px;right:28px;bottom:-1px;height:2px;border-radius:2px;background:rgba(246,246,243,.08);overflow:hidden;pointer-events:none}
.neu .sprung-lang .sprung-balken > i{display:block;height:100%;width:100%;transform:scaleX(var(--anteil,0));transform-origin:left center;background:linear-gradient(90deg,var(--gold-l),var(--gold));transition:transform .3s ease}
.neu .sprung-lang .sprung-nav{flex:none;display:flex;align-items:center;gap:6px}
.neu .sprung-lang .sprung-nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;min-width:40px;padding:0 14px;border:1px solid rgba(246,246,243,.18);border-radius:var(--r-pill);background:transparent;color:#fff;font:600 .875rem/1 var(--body);cursor:pointer}
.neu .sprung-lang .sprung-nav button:hover{border-color:rgba(246,246,243,.5)}
.neu .sprung-lang .sprung-nav button:disabled{opacity:.35;cursor:default}
.neu .sprung-lang .sprung-alle{background:var(--gold-l)!important;border-color:var(--gold-l)!important;color:var(--ink)!important}
.neu .sprung-lang .sprung-alle svg{transition:transform var(--t)}
.neu .sprung-lang .sprung-alle[aria-expanded=true] svg{transform:rotate(180deg)}
.neu .sprung-lang .sprung-liste{position:absolute;top:calc(100% + 8px);right:0;width:min(460px,100%);margin:0;padding:10px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 24px 60px rgba(14,14,16,.22);max-height:min(70vh,560px);overflow:auto}
.neu .sprung-lang .sprung-liste[hidden]{display:none}
.neu .sprung-lang .sprung-liste a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px;align-items:baseline;padding:9px 10px;border-radius:var(--r-small);color:var(--text);font:500 .9375rem/1.4 var(--body);text-decoration:none}
.neu .sprung-lang .sprung-liste a::before{content:attr(data-nr);font:700 12px/1.5 var(--body);color:#B9B2A0;font-variant-numeric:tabular-nums}
.neu .sprung-lang .sprung-liste a:hover{background:var(--sand);color:var(--ink)}
.neu .sprung-lang .sprung-liste a.ist{background:var(--gold-tint);color:var(--ink);font-weight:700}
.neu .sprung-lang .sprung-liste a.ist::before{color:var(--gold-d)}
@media (max-width:639px){.neu .sprung-lang > .k,.neu .sprung-lang .sprung-zurueck,.neu .sprung-lang .sprung-weiter{display:none}}

/* Seiten ohne Leiste „Auf dieser Seite“ (<body data-ohne-leiste>): Überschriften bleiben näher unter der Kopfleiste stehen */
.neu[data-ohne-leiste] .rv-inhalt [id]{scroll-margin-top:calc(var(--head-h) + 32px)}

/* Vorstellung „Über mich“ (.mediatext.vr-zwei): Foto links, rechts Vorstellung und Marke,
   das Markenzeichen klein vor dem Absatz zur Marke statt in Fotogröße (Emre, 27.09.2026) */
.neu .rv-inhalt .mediatext.vr-zwei{display:grid;grid-template-columns:minmax(0,260px) 44px minmax(0,1fr);grid-template-areas:"foto text text" "foto zeichen marke";column-gap:20px;row-gap:0;align-items:start;margin:28px 0 8px!important;max-width:none}
.neu .rv-inhalt .mediatext.vr-zwei > picture{grid-area:foto;max-width:none;margin-right:12px}
.neu .rv-inhalt .mediatext.vr-zwei > picture img{aspect-ratio:4/5;height:auto!important;object-fit:cover;object-position:50% 25%;border-radius:var(--r-card)!important;box-shadow:none!important}
.neu .rv-inhalt .mediatext.vr-zwei > picture + div{grid-area:text;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.neu .rv-inhalt .mediatext.vr-zwei > .vr-zeichen{grid-area:zeichen;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-small);background:linear-gradient(180deg,#FBF6E8 0%,#F1E3BD 100%);box-shadow:inset 0 0 0 1px rgba(198,146,20,.24)}
.neu .rv-inhalt .mediatext.vr-zwei > .vr-zeichen img{width:24px;height:24px}
.neu .rv-inhalt .mediatext.vr-zwei > .vr-zeichen + div{grid-area:marke}
.neu .rv-inhalt .mediatext.vr-zwei p{max-width:none;margin:0 0 10px}
@media (max-width:639px){
  .neu .rv-inhalt .mediatext.vr-zwei{grid-template-columns:44px minmax(0,1fr);grid-template-areas:"foto foto" "text text" "zeichen marke"}
  .neu .rv-inhalt .mediatext.vr-zwei > picture{max-width:220px;margin:0 0 18px}
}

/* Nachprüfung aller Seiten (Emre, 27.09.2026): Rechnerseiten.
   Das Werkzeug steht unter dem Text über die ganze Breite; die alte Grenze aus style.css (.rk-breit) fällt weg. */
.neu .rk-breit{max-width:none}
/* Augenbrauen mit style="display:block" bekamen ihren Strich ohne Abstand vor den Text */
.neu .sec-eyebrow[style*="display:block"]{display:flex!important}
/* Fragen im Rechner: Abstand zur vorigen Antwort, statt direkt darunter zu kleben */
.neu .rk-werkzeug .toolcard :not(.sec-eyebrow) + .sec-eyebrow{margin-top:28px!important}
.neu .rk-werkzeug .hint[style*="text-align:center"]{text-align:left!important}
/* Kasten „… kurz durchsprechen?“ unter dem Rechner: Text links, Knöpfe rechts daneben, nichts zentriert */
.neu main div[style*="padding:28px;margin-top:26px;text-align:center"]{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:center;text-align:left!important;padding:26px 28px!important;border-radius:var(--r-card)!important}
.neu main div[style*="padding:28px;margin-top:26px;text-align:center"] > :not(.cta-row){grid-column:1}
.neu main div[style*="padding:28px;margin-top:26px;text-align:center"] > p{margin:6px 0 0!important}
.neu main div[style*="padding:28px;margin-top:26px;text-align:center"] > .cta-row{grid-column:2;grid-row:1 / span 2;justify-content:flex-end;margin:0}
@media (max-width:899px){
  .neu main div[style*="padding:28px;margin-top:26px;text-align:center"]{grid-template-columns:minmax(0,1fr)}
  .neu main div[style*="padding:28px;margin-top:26px;text-align:center"] > .cta-row{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:18px}
}
.neu .rk-werkzeug .toolcard > * + div > .sec-eyebrow:first-child{margin-top:28px!important}
/* Kennzahl-Kacheln im Rechner linksbündig wie die Kennzahlen der Startseite */
.neu .rk-werkzeug .cards .result{text-align:left!important}

/* Nachprüfung 27.09.2026: Seiten mit section.uv-rahmen und durchlaufendem article.prose (Leistungen,
   Wechsel, Beitrag, Für wen, en) wie die Ratgeberseiten: weißer Grund, Fließtext in Lesebreite,
   jede Augenbraue (oder h2 ohne Augenbraue) beginnt einen Abschnitt mit Haarlinie darüber. */
.neu section.uv-rahmen{background:#fff}
.neu .uv-rahmen article.prose > :is(p,ul,ol,h3,h4,blockquote,dl,.hint,.smallnote){max-width:800px}
.neu .uv-rahmen article.prose > :is(.sec-eyebrow,h2:not(.sec-eyebrow + h2)):not(:first-child){margin-top:clamp(40px,4vw,56px);padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--line)}
.neu .uv-rahmen article.prose > .cta-row{margin-top:24px}
.neu .uv-rahmen .h2-anhang{margin-top:clamp(48px,5vw,72px)!important;padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--line)}
/* Formular „Du vermisst ein Thema?“: die Zeile war für einen dunklen Kasten gesetzt (#F6F6F3), steht aber auf Weiß */
.neu form.toolcard[data-thema-fehlt] > p:first-child{color:var(--text)!important}

/* Handbuch: Kapitelseiten und Übersicht mit dunklem Seitenkopf wie die Ratgeber (27.09.2026) */
.neu .hb-seitenkopf h1{margin:0!important}
.neu .hb-seitenkopf .hint{margin:14px 0 0;font-size:var(--fs-small);color:var(--on-ink-muted)}
.neu .hb-seitenkopf .hint + .lead{margin-top:10px}
.neu section.hb-seite{background:#fff;padding-top:clamp(40px,4vw,56px)}
/* Kasten „Zum Weiterlesen“ / „Kapitel aus dem Handbuch“: linksbündig, Knöpfe rechts daneben */
.neu .kap-mehr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:center;text-align:left!important;background:#fff!important;border:1px solid var(--line)!important;border-radius:var(--r-card)!important;padding:26px 28px!important}
.neu .kap-mehr > :not(.cta-row){grid-column:1}
.neu .kap-mehr > h3{margin:4px 0 0!important}
.neu .kap-mehr > p{margin:6px 0 0!important;max-width:62ch!important}
.neu .kap-mehr > .cta-row{grid-column:2;grid-row:1 / span 3;justify-content:flex-end;margin:0}
.neu :is(.rv-lese,.gs-band-inhalt) .kap-mehr{grid-template-columns:minmax(0,1fr)}
.neu :is(.rv-lese,.gs-band-inhalt) .kap-mehr > .cta-row{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:18px}
@media (max-width:899px){
  .neu .kap-mehr{grid-template-columns:minmax(0,1fr)}
  .neu .kap-mehr > .cta-row{grid-column:1;grid-row:auto;justify-content:flex-start;margin-top:18px}
}
/* .center aus dem alten Stilblatt: im neuen Design steht nichts mittig (Emre, 27.09.2026) */
.neu main .center,.neu main .center :is(p,h2,h3,.hint,.lead){text-align:left!important}
.neu main .center :is(.cta-row,.krume),.neu main .center.cta-row{justify-content:flex-start!important}
.neu main .center > :is(p,.lead,.hint){margin-left:0!important;margin-right:0!important}
/* Übersicht Rechner: 14 Karten in drei Spalten, die letzte füllt die Reihe, statt rechts eine Lücke zu lassen */
@media (min-width:920px){
  .neu .rk-uebersicht .dl-raster > :last-child:nth-child(3n+2){grid-column:span 2}
  .neu .rk-uebersicht .dl-raster > :last-child:nth-child(3n+1){grid-column:1 / -1}
}
/* Textteil unter den Rechnern (section.rk-band > .narrow): wie die Ratgeber, Fließtext in Lesebreite,
   jede neue h2 mit Abstand und Haarlinie statt direkt unter dem vorigen Absatz */
.neu .rk-band > .narrow > :is(p,ul,ol,h3,h4,blockquote,dl){max-width:800px}
.neu .rk-band > .narrow > :is(.sec-eyebrow,h2:not(.sec-eyebrow + h2)):not(:first-child){margin-top:clamp(40px,4vw,56px)!important;padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--line)}
/* Werkzeugkarten, deren Inhalt für den dunklen Kasten gesetzt ist (helle Schrift im Markup und im Stilblatt):
   Gehaltscheck (Einkommensgrenzen 2027) und Erfassungsbogen bleiben dunkel wie die Rechner, sonst steht
   weiße Schrift auf Weiß. */
.neu section:not(.dark) .toolcard:is(.gc,:has(> .eb-block)){background:linear-gradient(#17171c,#111116);border-color:rgba(217,174,74,.2);color:var(--on-ink)}
.neu section:not(.dark) .toolcard:is(.gc,:has(> .eb-block)) label{color:var(--on-ink)}
.neu section:not(.dark) .toolcard:is(.gc,:has(> .eb-block)) :is(input,select,textarea){border-color:rgba(246,246,243,.18)}
.neu section:not(.dark) .toolcard:has(> .eb-block) h3{color:#fff}
.neu section:not(.dark) .toolcard:is(.gc,:has(> .eb-block)) :is(input,select,textarea){color:var(--text);background:#fff}
/* Aufzählungspunkte im Fließtext in Gold, wie die Marken der Startseite */
.neu main :is(.prose,.rv-lese,.gs-band-inhalt) ul:not([class]) > li::marker{color:var(--gold)}
/* Rechnerköpfe: Ergebnis- und Hinweiskästen mit style="text-align:center" linksbündig */
.neu .rk-kopf :is(div,p)[style*="text-align:center"]{text-align:left!important}
/* Übrige Blöcke mit style="text-align:center" im Inhalt linksbündig; die Handbuch-Folien (.kap) behalten ihr Layout */
.neu main :is(div,p)[style*="text-align:center"]:not(.kap *):not(.kap-folie *),.neu main .toolcard .hint{text-align:left!important}
.neu main div[style*="text-align:center"]:not(.kap *) > .cta-row{justify-content:flex-start!important}
/* Link „Datenschutz“ im Formular „Du vermisst ein Thema?“: Gold dunkel statt hell auf Weiß */
.neu section:not(.dark) form.toolcard[data-thema-fehlt] a{color:var(--gold-d)}

/* Kompakte Rechner (27.09.2026, vorher über die ganze Breite): Felder im Kasten rechts untereinander,
   Ergebniskacheln und Knopf bündig an der linken Kante */
@media (min-width:900px){ .neu .rk-werkzeug .toolcard .grid-2{grid-template-columns:minmax(0,1fr)!important;gap:14px!important} }
.neu .rk-ergebnis > .center{margin-top:18px!important}
.neu .rk-ergebnis > .cards{gap:14px}
.neu .rk-werkzeug .toolcard:has(#bre) .grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 16px!important}
/* Abschnitt mit breiter Tabelle und Quelle daneben: die Tabelle braucht die volle Breite,
   die Quelle rückt unter den Inhalt (sonst wurde die Tabelle in der 8/12-Spalte abgeschnitten) */
@media (min-width:900px){
  .neu .rv-inhalt .rv-band.gs-split:has(.gs-band-neben):has(.gs-band-inhalt .table-scroll){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"augenbraue" "titel" "inhalt" "neben"!important}
  .neu .rv-inhalt .rv-band.gs-split:has(.gs-band-inhalt .table-scroll) .gs-band-neben{position:static!important;margin-top:20px;max-width:800px}
}
.neu .rv-inhalt .rv-band.gs-split:has(.gs-band-inhalt .table-scroll) .gs-band-inhalt .rv-lese > :is(p,ul,ol,h3){max-width:800px}
/* Kachelreihen (.stk, „Weitere Infos zum Thema“): die letzte Reihe füllt die Breite, statt rechts eine
   Lücke oder eine einzelne Karte stehen zu lassen (7 Karten in 4 Spalten, 5 Karten in 4 Spalten …) */
.neu .stk,.neu .themenfelder{display:flex;flex-wrap:wrap}
.neu .stk > *{flex:1 1 240px;min-width:0}
.neu .themenfelder > .themenfeld{flex:1 1 220px;min-width:0}
.neu .stk .tx{flex:1 1 auto;min-width:0}
/* Bei 5, 9 oder 17 Kacheln blieb eine allein in der letzten Reihe: dann drei je Reihe, bei 13 fünf je Reihe */
@media (min-width:900px){
  .neu :is(.stk,.themenfelder):has(> :last-child:nth-child(4n+1)) > *{flex-basis:calc((100% - 24px) / 3)}
  .neu :is(.stk,.themenfelder):has(> :last-child:nth-child(12n+1)) > *{flex-basis:calc((100% - 48px) / 5)}
  .neu :is(.stk,.themenfelder):has(> :only-child) > *{flex-basis:100%}
}
/* Formular „Du vermisst ein Thema?“: klebte ohne Abstand oben an seinem Band (alte Regel aus style.css setzte 0) */
.neu section:has(> .narrow > [data-thema-fehlt]){padding-top:clamp(40px,4vw,56px)!important}
.neu .stk > a.mit-pfeil::after{content:none!important}
/* Abstand nach Spalten-Absätzen, Listen und Karten, bevor die nächste Zeile (h3, Absatz) beginnt */
.neu :is(.gs-band-inhalt,.rv-band) > :is(.rv-spalten,.rv-absaetze,ul,ol,.stk,.cards,.table-scroll) + :is(.rv-zeile,p,h3,.tipp,.cta-row){margin-top:clamp(28px,3vw,40px)!important}
/* Listen direkt nach ihrem Einleitungssatz: kleiner Abstand statt anliegend */
.neu main :is(.rv-lese,.prose,.gs-band-inhalt) p + :is(ul,ol){margin-top:12px}
/* Durchlaufender Text in article.prose auch unter Rechnern (.rk-band): wie section.uv-rahmen */
.neu .rk-band article.prose > :is(p,ul,ol,h3,h4,blockquote,dl,.hint,.smallnote){max-width:800px}
.neu .rk-band article.prose > :is(.sec-eyebrow,h2:not(.sec-eyebrow + h2)):not(:first-child){margin-top:clamp(40px,4vw,56px);padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--line)}
.neu main article.prose > .cta-row{margin-top:24px;margin-bottom:0}
.neu main article.prose > .cta-row + :is(p,.smallnote,.hint){margin-top:14px}
.neu :is(.uv-rahmen,.rk-band) article.prose > :is(h2,.sec-eyebrow){max-width:none}
/* Seiten mit section.uv-rahmen und Inhaltsverzeichnis: dieselbe dunkle Leiste „Auf dieser Seite“ wie die Ratgeber,
   der weiße Seitenkasten entfällt, die Autorzeile rückt unter den Text */
.neu .uv-rahmen .gl-raster:has(> .sprung-lang){display:flex!important;flex-direction:column}
.neu .uv-rahmen .gl-raster:has(> .sprung-lang) > .sprung-lang{order:1}
.neu .uv-rahmen .gl-raster:has(> .sprung-lang) > .gl-text{order:2}
.neu .uv-rahmen .gl-raster:has(> .sprung-lang) > .seitennavi{order:3;margin:clamp(40px,4vw,56px) 0 0!important;padding-top:20px;border-top:1px solid var(--line)}
.neu .uv-rahmen .gl-raster:has(> .sprung-lang) .seitennavi-halt{position:static}
.neu .uv-rahmen .gl-raster:has(> .sprung-lang) .seitennavi-gliederung{display:none!important}
.neu .uv-rahmen .gl-raster > .sprung-lang{margin-bottom:clamp(24px,3vw,40px)}

/* ---------- Handbuch-Kapitel auf der Website (.kap, Spiegel des Decks) ----------
   Emre, 28.09.2026: „nimm das was da ist und design es neu“. Das Markup der Folien bleibt
   unangetastet (es kommt aus dem Deck, Regel 21). Geändert werden nur Rahmen, Abstände und
   die Schriftgrößen der Folienüberschriften, damit die Kapitel wie die übrige Seite aussehen. */
.neu .kap{margin:clamp(32px,4vw,48px) 0 0}
.neu .kap-folien{border:1px solid var(--line);border-radius:var(--r-card);box-shadow:none;background:#fff;overflow:hidden}
.neu .kap-folie{padding:clamp(28px,3.4vw,44px) clamp(20px,2.6vw,36px)!important}
.neu .kap-folie + .kap-folie{border-top:1px solid var(--line)}
/* Überschrift einer Folie in der Größe der Seite. Der enge Buchstabenabstand des Decks
   (-1,2 px bei 30 px) ließ die Wörter bei 26 px zusammenkleben. */
.neu .kap-folie h2{font:800 clamp(1.375rem,1.1rem + .9vw,1.75rem)/1.14 var(--display)!important;
  letter-spacing:-.02em!important;word-spacing:.04em;margin:0 0 14px!important;color:var(--ink)}
.neu .kap-folie h2 span,.neu .kap-folie h2 em{letter-spacing:inherit!important}
.neu .kap-folie h3{font:700 var(--fs-title-sm)/1.3 var(--display)!important;letter-spacing:-.01em!important}
/* Zahlen und Werte: der enge Abstand des Decks ist hier zu eng */
.neu .kap-folie [style*="font-size"]{letter-spacing:normal}
.neu .kap-folie p{color:var(--muted)}
/* Karten in einer Folie: Rundung und Linien wie auf der Seite */
.neu .kap-folie [style*="border-radius"]{border-radius:var(--r-small)!important}
.neu .kap-folie [style*="border-top:3px"],.neu .kap-folie [style*="border-top: 3px"]{border-top-width:2px!important}
/* Folien mit Klick-Zustand aus dem Deck (<sc-if>): auf der Website gibt es kein Klicken,
   deshalb stand der Aufruf „Klick mich“ über der ohnehin ausgeklappten Liste. Der Aufruf und
   das „wieder ausblenden“ entfallen, der Inhalt bleibt vollständig sichtbar. */
.neu .kap-folie sc-if{display:block}
.neu .kap-folie sc-if[value*="closed"]{display:none}
.neu .kap-folie [onclick],.neu .kap-folie [onClick]{display:none}
.neu .kap-folie sc-if[value*="open"] > div{display:flex!important}

/* ---------- Formular "Du vermisst ein Thema?" (#238) ----------
   Stand bis 29.09.2026 als Inline-Stil in jeder Seite (_werkzeug/thema-fehlt.py).
   Dieselben Werte, gemessen gleich (berechneter Stil vorher und nachher). Farbe des
   Einleitungssatzes und des Datenschutz-Links setzt das Stilblatt schon selbst. */
.neu :is(form[data-thema-fehlt],[data-thema-danke]) > p.tf-kopf{margin:0;font-size:var(--fs-text);line-height:1.45}
.neu [data-thema-danke] > p.tf-kopf{color:var(--on-ink)}
.neu form[data-thema-fehlt] .tf-felder{display:flex;gap:12px;flex-wrap:wrap}
.neu form[data-thema-fehlt] .tf-falle{position:absolute;left:-9999px}
.neu form[data-thema-fehlt] label.tf-einwilligung{display:flex;gap:9px;align-items:flex-start;margin-top:14px;font-size:var(--fs-klein);font-weight:400;line-height:1.55}
.neu form[data-thema-fehlt] label.tf-einwilligung input{width:auto;flex:0 0 auto;margin-top:3px}
.neu form[data-thema-fehlt] [data-thema-fehler]{display:none;background:var(--fehler);border:1px solid var(--fehler-linie);color:var(--fehler-text);border-radius:12px;padding:11px 14px;font-size:var(--fs-feld);margin-top:12px}
.neu form[data-thema-fehlt] .tf-senden{margin-top:14px}

/* ---------- Gesellschaftsseiten: Aufbau (29.09.2026) ----------
   Stand als <style> am Ende von 33 Gesellschaftsseiten, nach design.css. */
/* gs-aufbau */
.gs-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gs-kopflogo{margin:6px 0 10px}.gs-kopflogo img{height:56px;width:auto;max-width:100%;display:block}
.gs-themen{margin:26px 0 8px}.gs-themen .k{font-size:calc(var(--fs-kicker) * 12 / 13);letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 2px}
.gs-themen .themenfelder{margin-top:8px}
article [id^="gs-"]{scroll-margin-top:90px}
.gs-weiter{display:flex;flex-wrap:wrap;column-gap:28px;margin:12px 0 34px}.gs-weiter a{display:inline-block;padding:12px 0;font-family:'Archivo',sans-serif;font-weight:800;font-size:calc(var(--fs-text) * 17 / 18);line-height:1.1765;color:var(--gold-d)}

/* ---------- Seiten-Stilbloecke, standen nach design.css (29.09.2026) ---------- */
/* aus beitrag/beitragsentwicklung-vergleichen (an die Seite gebunden) */
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-werkzeug, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-werkzeug{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;margin:26px 0;box-shadow:var(--sh-1);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-wahl, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-wahl{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-wahl label, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-wahl label{display:flex;flex-direction:column;gap:6px;font-size:var(--fs-klein);font-weight:700;color:var(--muted);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-wahl select, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-wahl select{font:600 0.9375rem 'Hanken Grotesk',sans-serif;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-pillen, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-pillen{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-pille, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-pille{font:600 0.875rem 'Hanken Grotesk',sans-serif;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper-2);color:var(--ink);cursor:pointer;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-pille[aria-pressed="true"], :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-pille[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper-2);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-pille:focus-visible, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-pille:focus-visible, :where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-wahl select:focus-visible, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-wahl select:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-titel, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-titel{margin:14px 0 8px;font-size:var(--fs-lead);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-zeile, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-zeile{display:grid;grid-template-columns:150px 1fr 96px;gap:10px;align-items:center;margin:10px 0;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-zeile b, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-zeile b{font-size:var(--fs-feld);color:var(--ink);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-spur, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-spur{height:16px;border-radius:5px;background:var(--line);overflow:hidden;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-spur i, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-spur i{display:block;height:100%;border-radius:5px;background:var(--gold);transition:width .3s;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-zeile.vergleich .bv-spur i, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-zeile.vergleich .bv-spur i{background:var(--kopf-sub);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-wert, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-wert{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink);line-height:1.2;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-wert small, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-wert small{display:block;font-weight:500;color:var(--muted);font-size:calc(var(--fs-klein) * 12 / 13);}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) table.kvguru td, :where(html.seite-beitrag-beitragsentwicklung-vergleichen) table.kvguru th{font-variant-numeric:tabular-nums;}
:where(html.seite-beitrag-beitragsentwicklung-vergleichen) table.kvguru small{color:var(--muted);}
@media(max-width:620px){:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-wahl, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-wahl{grid-template-columns:1fr;}:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-zeile, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-zeile{grid-template-columns:1fr 90px;}:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-zeile .bv-spur, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-zeile .bv-spur{grid-column:1/-1;grid-row:2;}}
@media(prefers-reduced-motion:reduce){:where(html.seite-beitrag-beitragsentwicklung-vergleichen) .bv-spur i, :where(html.seite-beitrag-beitragsentwicklung-vergleichen).bv-spur i{transition:none;}}
/* aus beitrag/echter-beitragsverlauf, wechsel/tarifwechsel-nach-204-vvg (an die Seite gebunden) */
:where(html.seite-beitrag-echter-beitragsverlauf) .zb-bilder, :where(html.seite-beitrag-echter-beitragsverlauf).zb-bilder, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg) .zb-bilder, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg).zb-bilder{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 10px}
:where(html.seite-beitrag-echter-beitragsverlauf) .zb-bilder figure, :where(html.seite-beitrag-echter-beitragsverlauf).zb-bilder figure, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg) .zb-bilder figure, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg).zb-bilder figure{margin:0}
:where(html.seite-beitrag-echter-beitragsverlauf) .zb-bilder img, :where(html.seite-beitrag-echter-beitragsverlauf).zb-bilder img, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg) .zb-bilder img, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg).zb-bilder img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);box-shadow:var(--sh-1)}
:where(html.seite-beitrag-echter-beitragsverlauf) .zb-bilder figcaption, :where(html.seite-beitrag-echter-beitragsverlauf).zb-bilder figcaption, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg) .zb-bilder figcaption, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg).zb-bilder figcaption{font-size:var(--fs-klein);color:var(--muted);margin-top:6px;line-height:1.4}
@media(max-width:620px){:where(html.seite-beitrag-echter-beitragsverlauf) .zb-bilder, :where(html.seite-beitrag-echter-beitragsverlauf).zb-bilder, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg) .zb-bilder, :where(html.seite-wechsel-tarifwechsel-nach-204-vvg).zb-bilder{grid-template-columns:1fr}}
/* aus empfehlen (an die Seite gebunden) */
:where(html.seite-empfehlen) .wege, :where(html.seite-empfehlen).wege{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
@media(max-width:760px){:where(html.seite-empfehlen) .wege, :where(html.seite-empfehlen).wege{grid-template-columns:1fr}}
:where(html.seite-empfehlen) .weg, :where(html.seite-empfehlen).weg{background:var(--paper-2);border:1px solid var(--line,var(--einzel-e7e7e3));border-radius:18px;padding:26px 28px;
  box-shadow:0 14px 36px rgba(14,14,16,.08);display:flex;flex-direction:column}
:where(html.seite-empfehlen) .weg h3, :where(html.seite-empfehlen).weg h3{margin:10px 0 8px;font-size:calc(var(--fs-text) * 22 / 18)}
:where(html.seite-empfehlen) .weg .kick, :where(html.seite-empfehlen).weg .kick{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:2px;
  text-transform:uppercase;color:var(--gold-d,var(--einzel-a8841c))}
:where(html.seite-empfehlen) .weg p, :where(html.seite-empfehlen).weg p{color:var(--muted,#5F5F59);margin:0 0 16px}
:where(html.seite-empfehlen) .weg .rest, :where(html.seite-empfehlen).weg .rest{margin-top:auto}
:where(html.seite-empfehlen) .feld, :where(html.seite-empfehlen).feld{display:block;margin:0 0 12px}

:where(html.seite-empfehlen) .feld span, :where(html.seite-empfehlen).feld span{display:block;font-size:var(--fs-feld);font-weight:600;margin-bottom:5px;color:var(--text)}
:where(html.seite-empfehlen) .feld input, :where(html.seite-empfehlen).feld input{width:100%;padding:12px 14px;border:1px solid var(--line,var(--einzel-e7e7e3));border-radius:11px;
  font:inherit;font-size:var(--fs-feld);background:var(--paper-2)}
:where(html.seite-empfehlen) .feld input:focus, :where(html.seite-empfehlen).feld input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:transparent}
:where(html.seite-empfehlen) .knopf, :where(html.seite-empfehlen).knopf{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--on-ink);
  text-decoration:none;font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-feld);
  border:0;border-radius:999px;padding:14px 26px;cursor:pointer;width:100%;justify-content:center}
:where(html.seite-empfehlen) .knopf:disabled, :where(html.seite-empfehlen).knopf:disabled{opacity:.4;cursor:not-allowed}
:where(html.seite-empfehlen) .knopf.zweit, :where(html.seite-empfehlen).knopf.zweit{background:var(--paper-2);color:var(--ink);border:1.5px solid var(--ink)}
:where(html.seite-empfehlen) .linkbox, :where(html.seite-empfehlen).linkbox{background:#F6F6F4;border:1px dashed var(--line,var(--einzel-e7e7e3));border-radius:12px;
  padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-klein);
  word-break:break-all;margin:0 0 12px;color:var(--einzel-3a3a36)}
:where(html.seite-empfehlen) .praemie, :where(html.seite-empfehlen).praemie{background:#F6F6F4;border:1px solid var(--line);border-radius:16px;padding:26px 28px;margin:30px 0;
  display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start}
@media(max-width:640px){:where(html.seite-empfehlen) .praemie, :where(html.seite-empfehlen).praemie{grid-template-columns:1fr;gap:14px;padding:22px 22px}}
:where(html.seite-empfehlen) .praemie p, :where(html.seite-empfehlen).praemie p{margin:0;color:var(--auf-gold)}
:where(html.seite-empfehlen) .praemie b, :where(html.seite-empfehlen).praemie b{font-family:'Archivo',sans-serif}
:where(html.seite-empfehlen) .praemie-zahl, :where(html.seite-empfehlen).praemie-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:calc(var(--fs-text) * 44 / 18);line-height:1;
  color:var(--auf-gold);white-space:nowrap;align-self:center}
@media(max-width:640px){:where(html.seite-empfehlen) .praemie-zahl, :where(html.seite-empfehlen).praemie-zahl{align-self:start}}
:where(html.seite-empfehlen) .praemie-zahl span, :where(html.seite-empfehlen).praemie-zahl span{display:block;font-family:'Archivo',sans-serif;font-size:var(--fs-kicker);letter-spacing:2px;
  text-transform:uppercase;font-weight:800;color:var(--einzel-6b5714);margin-top:7px;white-space:normal}
:where(html.seite-empfehlen) .praemie ul, :where(html.seite-empfehlen).praemie ul{margin:14px 0 0;padding:0;list-style:none;font-size:var(--fs-feld);color:var(--einzel-3a2e0c)}
:where(html.seite-empfehlen) .praemie ul li, :where(html.seite-empfehlen).praemie ul li{position:relative;padding-left:18px;margin:5px 0;line-height:1.5}
:where(html.seite-empfehlen) .praemie ul li:before, :where(html.seite-empfehlen).praemie ul li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;
  border-radius:50%;background:var(--einzel-a8841c)}

:where(html.seite-empfehlen) .qr, :where(html.seite-empfehlen).qr{display:none;margin:14px 0 0;text-align:center}
:where(html.seite-empfehlen) .qr.da, :where(html.seite-empfehlen).qr.da{display:block}
:where(html.seite-empfehlen) .qr svg, :where(html.seite-empfehlen).qr svg{width:170px;height:170px;border:1px solid var(--line,var(--einzel-e7e7e3));border-radius:12px;background:var(--paper-2)}
:where(html.seite-empfehlen) .qr p, :where(html.seite-empfehlen).qr p{font-size:var(--fs-klein);line-height:1.5;color:var(--muted,#5F5F59);margin:9px 0 0}
:where(html.seite-empfehlen) .knopfreihe, :where(html.seite-empfehlen).knopfreihe{display:grid;gap:10px;margin-top:14px}
:where(html.seite-empfehlen) .melde, :where(html.seite-empfehlen).melde{font-size:var(--fs-feld);color:var(--muted,#5F5F59);margin-top:10px}
/* aus empfehlen (an die Seite gebunden) */
:where(html.seite-empfehlen) .praemie-oben, :where(html.seite-empfehlen).praemie-oben{display:flex;flex-direction:column;gap:14px;}
:where(html.seite-empfehlen) .praemie-oben-zahl, :where(html.seite-empfehlen).praemie-oben-zahl{font-family:'Archivo',sans-serif;font-weight:900;font-size:clamp(44px,8vw,68px);line-height:1;letter-spacing:-2px;color:var(--paper-2);white-space:nowrap;}
:where(html.seite-empfehlen) .praemie-oben-text, :where(html.seite-empfehlen).praemie-oben-text{font-size:var(--fs-text);line-height:1.5;}
:where(html.seite-empfehlen) .praemie-oben-text a, :where(html.seite-empfehlen).praemie-oben-text a{color:var(--gold-l);}
/* aus erstgespraech (an die Seite gebunden) */
:where(html.seite-erstgespraech) .lauf, :where(html.seite-erstgespraech).lauf{position:relative;max-width:620px;margin:0 auto;}
:where(html.seite-erstgespraech) .lauf-fenster, :where(html.seite-erstgespraech).lauf-fenster{overflow:hidden;}
:where(html.seite-erstgespraech) .lauf-spur, :where(html.seite-erstgespraech).lauf-spur{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);}
:where(html.seite-erstgespraech) .lauf-folie, :where(html.seite-erstgespraech).lauf-folie{flex:0 0 100%;margin:0;}
:where(html.seite-erstgespraech) .lauf-punkte, :where(html.seite-erstgespraech).lauf-punkte{display:flex;justify-content:center;gap:0;margin-top:2px;}

:where(html.seite-erstgespraech) .lauf-punkt, :where(html.seite-erstgespraech).lauf-punkt{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;display:grid;place-items:center;}
:where(html.seite-erstgespraech) .lauf-punkt::before, :where(html.seite-erstgespraech).lauf-punkt::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--line);transition:background .2s,transform .2s;}
:where(html.seite-erstgespraech) .lauf-punkt.an::before, :where(html.seite-erstgespraech).lauf-punkt.an::before{background:var(--gold,var(--einzel-b0850a));transform:scale(1.25);}
:where(html.seite-erstgespraech) .lauf-punkt:focus-visible, :where(html.seite-erstgespraech).lauf-punkt:focus-visible{outline:2px solid var(--gold,var(--einzel-b0850a));outline-offset:-10px;}
@media (prefers-reduced-motion:reduce){:where(html.seite-erstgespraech) .lauf-punkt::before, :where(html.seite-erstgespraech).lauf-punkt::before{transition:none;}}
@media (prefers-reduced-motion: reduce){:where(html.seite-erstgespraech) .lauf-spur, :where(html.seite-erstgespraech).lauf-spur{transition:none;}}
/* aus leistungen/rechnung-zahlungsziel-und-erstattung (an die Seite gebunden) */
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-zeit, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-zeit{overflow-x:auto;margin:18px 0 8px;padding-bottom:4px}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-innen, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-innen{min-width:680px}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-reihe, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-reihe{position:relative}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-reihe-oben, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-reihe-oben{height:78px}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-reihe-unten, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-reihe-unten{height:74px}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-marke, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-marke{position:absolute;display:flex;flex-direction:column;white-space:nowrap}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-oben, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-oben{bottom:0}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-unten, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-unten{top:0}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-marke b, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-marke b{font-family:'Archivo',sans-serif;font-weight:900;font-size:var(--fs-lead);line-height:1.1;color:var(--ink)}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-marke span, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-marke span{font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted)}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-marke i, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-marke i{display:block;width:2px;height:12px;background:var(--ink);margin:4px 0}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-gold b, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-gold b{color:var(--gold-d)}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-gold i, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-gold i{background:var(--gold-d)}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-band, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-band{position:relative;height:40px}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-30, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-30{position:absolute;top:0;bottom:0;background:var(--einzel-f0dca0);border-radius:8px;display:flex;align-items:center;padding-left:14px;font-size:var(--fs-feld);font-weight:700;color:var(--auf-gold)}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-9, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-9{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,rgba(168,132,28,.30) 0 7px,rgba(168,132,28,.08) 7px 14px);border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;font-size:var(--fs-feld);font-weight:800;color:var(--auf-gold)}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-auszug, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-auszug{margin:14px 0 18px;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;padding:18px 22px}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-auszug blockquote, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-auszug blockquote{margin:0;color:var(--ink)}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-auszug mark, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-auszug mark{background:var(--einzel-f7d54a);color:var(--ink);padding:1px 5px;border-radius:6px}
:where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung) .rz-auszug figcaption, :where(html.seite-leistungen-rechnung-zahlungsziel-und-erstattung).rz-auszug figcaption{font-size:var(--fs-klein);color:var(--muted);margin-top:8px}
/* aus leistungen/zahnstaffel (an die Seite gebunden) */
:where(html.seite-leistungen-zahnstaffel) .zb-bilder, :where(html.seite-leistungen-zahnstaffel).zb-bilder{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 10px}
:where(html.seite-leistungen-zahnstaffel) .zb-bilder figure, :where(html.seite-leistungen-zahnstaffel).zb-bilder figure{margin:0}
:where(html.seite-leistungen-zahnstaffel) .zb-bilder img, :where(html.seite-leistungen-zahnstaffel).zb-bilder img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);box-shadow:var(--sh-1)}
:where(html.seite-leistungen-zahnstaffel) .zb-bilder figcaption, :where(html.seite-leistungen-zahnstaffel).zb-bilder figcaption{font-size:var(--fs-klein);color:var(--muted);margin-top:6px;line-height:1.4}
:where(html.seite-leistungen-zahnstaffel) .zb-zahlen, :where(html.seite-leistungen-zahnstaffel).zb-zahlen{display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;margin:22px 0}
:where(html.seite-leistungen-zahnstaffel) .zb-zahlen div, :where(html.seite-leistungen-zahnstaffel).zb-zahlen div{border-top:3px solid var(--gold);padding-top:10px}
:where(html.seite-leistungen-zahnstaffel) .zb-zahlen b, :where(html.seite-leistungen-zahnstaffel).zb-zahlen b{display:block;font-family:'Archivo',sans-serif;font-size:calc(var(--fs-text) * 26 / 18);color:var(--ink);font-variant-numeric:tabular-nums}
:where(html.seite-leistungen-zahnstaffel) .zb-zahlen span, :where(html.seite-leistungen-zahnstaffel).zb-zahlen span{font-size:calc(var(--fs-klein) * 14 / 13);color:var(--muted)}
@media(max-width:620px){:where(html.seite-leistungen-zahnstaffel) .zb-bilder, :where(html.seite-leistungen-zahnstaffel).zb-bilder{grid-template-columns:1fr}:where(html.seite-leistungen-zahnstaffel) .zb-zahlen, :where(html.seite-leistungen-zahnstaffel).zb-zahlen{grid-template-columns:1fr;gap:14px}}
/* aus nicht-mitzaehlen (an die Seite gebunden) */
:where(html.seite-nicht-mitzaehlen) body{background:var(--sand);}
:where(html.seite-nicht-mitzaehlen) .gw, :where(html.seite-nicht-mitzaehlen).gw{max-width:620px;margin:0 auto;padding:40px 20px 80px;}
:where(html.seite-nicht-mitzaehlen) h1{font-size:clamp(24px,5vw,34px);line-height:1.1;margin:0 0 14px;}
:where(html.seite-nicht-mitzaehlen) .stand, :where(html.seite-nicht-mitzaehlen).stand{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:14px;
  border:1px solid var(--line);background:var(--paper);margin:22px 0;}
:where(html.seite-nicht-mitzaehlen) .punkt, :where(html.seite-nicht-mitzaehlen).punkt{width:13px;height:13px;border-radius:50%;flex:0 0 auto;background:var(--muted);}
:where(html.seite-nicht-mitzaehlen) .stand.aus .punkt, :where(html.seite-nicht-mitzaehlen).stand.aus .punkt{background:var(--einzel-2e6b4f);}
:where(html.seite-nicht-mitzaehlen) .stand.an .punkt, :where(html.seite-nicht-mitzaehlen).stand.an .punkt{background:var(--einzel-a8322a);}
:where(html.seite-nicht-mitzaehlen) .stand b, :where(html.seite-nicht-mitzaehlen).stand b{font-size:1.0625rem;}
:where(html.seite-nicht-mitzaehlen) .knopfreihe, :where(html.seite-nicht-mitzaehlen).knopfreihe{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0;}
:where(html.seite-nicht-mitzaehlen) .hinweis, :where(html.seite-nicht-mitzaehlen).hinweis{font-size:0.90625rem;color:var(--muted);line-height:1.6;margin-top:26px;
  padding-top:18px;border-top:1px solid var(--line);}
:where(html.seite-nicht-mitzaehlen) .hinweis b, :where(html.seite-nicht-mitzaehlen).hinweis b{color:var(--text);}
/* aus rechner/erfassungsbogen (an die Seite gebunden) */
:where(html.seite-rechner-erfassungsbogen) .eb-feld, :where(html.seite-rechner-erfassungsbogen).eb-feld{display:block;margin:0 0 14px}
:where(html.seite-rechner-erfassungsbogen) .eb-feld>span, :where(html.seite-rechner-erfassungsbogen).eb-feld>span{display:block;font-size:var(--fs-feld);font-weight:600;margin-bottom:5px;color:#F0F0EC}
:where(html.seite-rechner-erfassungsbogen) .eb-feld input, :where(html.seite-rechner-erfassungsbogen).eb-feld input, :where(html.seite-rechner-erfassungsbogen) .eb-feld textarea, :where(html.seite-rechner-erfassungsbogen).eb-feld textarea, :where(html.seite-rechner-erfassungsbogen) .eb-feld select, :where(html.seite-rechner-erfassungsbogen).eb-feld select{width:100%;padding:11px 13px;border-radius:10px;
  border:1px solid rgba(246,246,243,.2);background:rgba(246,246,243,.05);color:var(--on-ink);
  font:inherit;font-size:var(--fs-werkzeug)}
:where(html.seite-rechner-erfassungsbogen) .eb-feld input:focus, :where(html.seite-rechner-erfassungsbogen).eb-feld input:focus, :where(html.seite-rechner-erfassungsbogen) .eb-feld textarea:focus, :where(html.seite-rechner-erfassungsbogen).eb-feld textarea:focus, :where(html.seite-rechner-erfassungsbogen) .eb-feld select:focus, :where(html.seite-rechner-erfassungsbogen).eb-feld select:focus{outline:2px solid var(--gold);outline-offset:1px}
:where(html.seite-rechner-erfassungsbogen) .eb-feld small, :where(html.seite-rechner-erfassungsbogen).eb-feld small{display:block;color:#9A9A94;font-size:var(--fs-klein);margin-top:4px}
:where(html.seite-rechner-erfassungsbogen) .eb-reihe, :where(html.seite-rechner-erfassungsbogen).eb-reihe{display:flex;gap:12px;flex-wrap:wrap}
:where(html.seite-rechner-erfassungsbogen) .eb-reihe>*, :where(html.seite-rechner-erfassungsbogen).eb-reihe>*{flex:1;min-width:170px}
:where(html.seite-rechner-erfassungsbogen) .eb-block, :where(html.seite-rechner-erfassungsbogen).eb-block{border-top:1px solid rgba(246,246,243,.14);margin-top:26px;padding-top:22px}
:where(html.seite-rechner-erfassungsbogen) .eb-block>h3, :where(html.seite-rechner-erfassungsbogen).eb-block>h3{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-text);margin:0 0 4px}
:where(html.seite-rechner-erfassungsbogen) .eb-block>p.eb-sub, :where(html.seite-rechner-erfassungsbogen).eb-block>p.eb-sub{color:#9A9A94;font-size:var(--fs-feld);margin:0 0 16px}
:where(html.seite-rechner-erfassungsbogen) .eb-stand, :where(html.seite-rechner-erfassungsbogen).eb-stand{font-size:var(--fs-klein);color:#9A9A94;margin-top:10px;min-height:18px}
/* aus rechner/gesundheitsfragen (an die Seite gebunden) */
:where(html.seite-rechner-gesundheitsfragen) .gf-wrap, :where(html.seite-rechner-gesundheitsfragen).gf-wrap{max-width:760px;margin:0 auto;}
:where(html.seite-rechner-gesundheitsfragen) .gf-block, :where(html.seite-rechner-gesundheitsfragen).gf-block{border-top:1px solid var(--line);padding:20px 0;}
:where(html.seite-rechner-gesundheitsfragen) .gf-block:first-of-type, :where(html.seite-rechner-gesundheitsfragen).gf-block:first-of-type{border-top:0;}
:where(html.seite-rechner-gesundheitsfragen) .gf-kopf, :where(html.seite-rechner-gesundheitsfragen).gf-kopf{display:flex;align-items:baseline;gap:12px;margin-bottom:7px;}
:where(html.seite-rechner-gesundheitsfragen) .gf-nr, :where(html.seite-rechner-gesundheitsfragen).gf-nr{font-family:'Archivo',sans-serif;font-weight:900;font-size:var(--fs-klein);letter-spacing:.08em;
  background:#F0F0EC;color:var(--einzel-7a5f00);padding:2px 9px;border-radius:99px;}
:where(html.seite-rechner-gesundheitsfragen) .gf-zeit, :where(html.seite-rechner-gesundheitsfragen).gf-zeit{font-family:'Archivo',sans-serif;font-weight:700;font-size:var(--fs-kicker);letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);}
:where(html.seite-rechner-gesundheitsfragen) .gf-frage, :where(html.seite-rechner-gesundheitsfragen).gf-frage{margin:0 0 6px;font-size:var(--fs-text);line-height:1.45;font-weight:500;}
:where(html.seite-rechner-gesundheitsfragen) .gf-hint, :where(html.seite-rechner-gesundheitsfragen).gf-hint{display:block;color:var(--muted);font-size:var(--fs-feld);margin-bottom:10px;}
:where(html.seite-rechner-gesundheitsfragen) .gf-wahl, :where(html.seite-rechner-gesundheitsfragen).gf-wahl{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0;}
:where(html.seite-rechner-gesundheitsfragen) .gf-wahl label, :where(html.seite-rechner-gesundheitsfragen).gf-wahl label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);
  border-radius:99px;padding:8px 15px;font-size:var(--fs-feld);cursor:pointer;background:var(--card,var(--paper-2));}
:where(html.seite-rechner-gesundheitsfragen) .gf-wahl label:has(input:checked), :where(html.seite-rechner-gesundheitsfragen).gf-wahl label:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;}
:where(html.seite-rechner-gesundheitsfragen) .gf-wahl input, :where(html.seite-rechner-gesundheitsfragen).gf-wahl input{accent-color:var(--gold);}

:where(html.seite-rechner-gesundheitsfragen) .gf-detail, :where(html.seite-rechner-gesundheitsfragen).gf-detail{display:none;width:100%;margin-top:11px;padding:11px 13px;border-radius:10px;
  border:1px solid var(--line);font:inherit;font-size:var(--fs-werkzeug);resize:vertical;}
:where(html.seite-rechner-gesundheitsfragen) .gf-detail.auf, :where(html.seite-rechner-gesundheitsfragen).gf-detail.auf{display:block;}
:where(html.seite-rechner-gesundheitsfragen) .gf-detail:focus, :where(html.seite-rechner-gesundheitsfragen).gf-detail:focus{outline:2px solid var(--gold);outline-offset:1px;}
:where(html.seite-rechner-gesundheitsfragen) .gf-zwei, :where(html.seite-rechner-gesundheitsfragen).gf-zwei{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;}
:where(html.seite-rechner-gesundheitsfragen) .gf-zwei label, :where(html.seite-rechner-gesundheitsfragen).gf-zwei label{flex:1;min-width:150px;font-size:var(--fs-feld);color:var(--muted);}

:where(html.seite-rechner-gesundheitsfragen) .gf-zwei input, :where(html.seite-rechner-gesundheitsfragen).gf-zwei input{width:100%;margin-top:5px;padding:10px 12px;border-radius:10px;
  border:1px solid var(--line);font:inherit;font-size:var(--fs-werkzeug);}
:where(html.seite-rechner-gesundheitsfragen) .gf-knopfreihe, :where(html.seite-rechner-gesundheitsfragen).gf-knopfreihe{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 10px;}
:where(html.seite-rechner-gesundheitsfragen) .gf-melde, :where(html.seite-rechner-gesundheitsfragen).gf-melde{font-size:var(--fs-feld);color:var(--muted);min-height:22px;margin:0;}
@media print{
  :where(html.seite-rechner-gesundheitsfragen) header.site, :where(html.seite-rechner-gesundheitsfragen) footer, :where(html.seite-rechner-gesundheitsfragen) .gf-knopfreihe, :where(html.seite-rechner-gesundheitsfragen).gf-knopfreihe, :where(html.seite-rechner-gesundheitsfragen) .wa-fab, :where(html.seite-rechner-gesundheitsfragen).wa-fab, :where(html.seite-rechner-gesundheitsfragen) .skip, :where(html.seite-rechner-gesundheitsfragen).skip{display:none !important;}
  :where(html.seite-rechner-gesundheitsfragen) .gf-detail, :where(html.seite-rechner-gesundheitsfragen).gf-detail{display:block !important;min-height:52px;}
  :where(html.seite-rechner-gesundheitsfragen) .gf-block, :where(html.seite-rechner-gesundheitsfragen).gf-block{break-inside:avoid;}
}
/* aus wechsel/gesundheitspruefung (an die Seite gebunden) */
:where(html.seite-wechsel-gesundheitspruefung) .gg, :where(html.seite-wechsel-gesundheitspruefung).gg{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0;text-align:left;width:min(940px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%);}@media(max-width:720px){:where(html.seite-wechsel-gesundheitspruefung) .gg, :where(html.seite-wechsel-gesundheitspruefung).gg{grid-template-columns:1fr;}}:where(html.seite-wechsel-gesundheitspruefung) .gg-karte, :where(html.seite-wechsel-gesundheitspruefung).gg-karte{background:var(--dark-2);border:1px solid var(--dark-line,var(--ink-line));border-radius:var(--r-md,18px);padding:26px 28px;}:where(html.seite-wechsel-gesundheitspruefung) .gg-karte.achtung, :where(html.seite-wechsel-gesundheitspruefung).gg-karte.achtung{border-color:var(--gold);}:where(html.seite-wechsel-gesundheitspruefung) .gg-kopf, :where(html.seite-wechsel-gesundheitspruefung).gg-kopf{font-family:'Archivo',sans-serif;font-weight:900;font-size:calc(var(--fs-text) * 22 / 18);color:var(--on-ink);margin:0 0 4px;}:where(html.seite-wechsel-gesundheitspruefung) .gg-karte.achtung .gg-kopf, :where(html.seite-wechsel-gesundheitspruefung).gg-karte.achtung .gg-kopf{color:var(--gold);}:where(html.seite-wechsel-gesundheitspruefung) .gg-unter, :where(html.seite-wechsel-gesundheitspruefung).gg-unter{font-size:var(--fs-feld);color:var(--kopf-sub);margin:0 0 18px;}:where(html.seite-wechsel-gesundheitspruefung) .gg-zeile, :where(html.seite-wechsel-gesundheitspruefung).gg-zeile{display:grid;grid-template-columns:1fr;gap:2px;padding:13px 0;border-top:1px solid var(--dark-line,var(--ink-line));}:where(html.seite-wechsel-gesundheitspruefung) .gg-zeile:first-of-type, :where(html.seite-wechsel-gesundheitspruefung).gg-zeile:first-of-type{border-top:0;padding-top:0;}:where(html.seite-wechsel-gesundheitspruefung) .gg-zeile dt, :where(html.seite-wechsel-gesundheitspruefung).gg-zeile dt{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-kicker);letter-spacing:.13em;text-transform:uppercase;color:var(--kopf-sub);margin:0;}:where(html.seite-wechsel-gesundheitspruefung) .gg-zeile dd, :where(html.seite-wechsel-gesundheitspruefung).gg-zeile dd{margin:0;font-size:var(--fs-text);line-height:1.4;color:#F0F0EC;}
/* Seit dem Umbau auf die Ratgeber-Form (29.09.2026) stehen die Karten im weissen Band und erben nicht mehr die helle Schrift des dunklen Bands */
:where(html.seite-wechsel-gesundheitspruefung) .gg-karte{color:var(--on-ink)}
:where(html.seite-wechsel-gesundheitspruefung) .gg-karte .gg-unter{color:var(--on-ink-muted)}
/* aus wechsel/schon-privat-versichert (an die Seite gebunden) */
:where(html.seite-wechsel-schon-privat-versichert) .sp-abschnitt, :where(html.seite-wechsel-schon-privat-versichert).sp-abschnitt{margin-top:56px}
:where(html.seite-wechsel-schon-privat-versichert) .sp-logos, :where(html.seite-wechsel-schon-privat-versichert).sp-logos{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
:where(html.seite-wechsel-schon-privat-versichert) .sp-logos a, :where(html.seite-wechsel-schon-privat-versichert).sp-logos a{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:104px;height:52px;padding:8px 10px;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;transition:border-color .15s}
:where(html.seite-wechsel-schon-privat-versichert) .sp-logos a:hover, :where(html.seite-wechsel-schon-privat-versichert).sp-logos a:hover{border-color:var(--gold)}
:where(html.seite-wechsel-schon-privat-versichert) .sp-logos a:focus-visible, :where(html.seite-wechsel-schon-privat-versichert).sp-logos a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
:where(html.seite-wechsel-schon-privat-versichert) .sp-logos img, :where(html.seite-wechsel-schon-privat-versichert).sp-logos img{max-width:100%;max-height:30px;width:auto;height:auto;object-fit:contain}
:where(html.seite-wechsel-schon-privat-versichert) .sp-wege, :where(html.seite-wechsel-schon-privat-versichert).sp-wege{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:22px 0 0}
:where(html.seite-wechsel-schon-privat-versichert) .sp-wege .sp-weg, :where(html.seite-wechsel-schon-privat-versichert).sp-wege .sp-weg{margin-top:0;padding:22px 24px;text-align:left}
:where(html.seite-wechsel-schon-privat-versichert) .sp-weg h3, :where(html.seite-wechsel-schon-privat-versichert).sp-weg h3{margin:0 0 10px}
:where(html.seite-wechsel-schon-privat-versichert) .sp-weg ul, :where(html.seite-wechsel-schon-privat-versichert).sp-weg ul{margin:0;padding-left:18px}
:where(html.seite-wechsel-schon-privat-versichert) .sp-weg li, :where(html.seite-wechsel-schon-privat-versichert).sp-weg li{margin:6px 0}
:where(html.seite-wechsel-schon-privat-versichert) .sp-handeln, :where(html.seite-wechsel-schon-privat-versichert).sp-handeln{margin-top:22px}
:where(html.seite-wechsel-schon-privat-versichert) .sp-handeln .btn, :where(html.seite-wechsel-schon-privat-versichert).sp-handeln .btn{font-size:calc(var(--fs-text) * 17 / 18);padding:16px 26px}
/* aus wissen/gesellschaften (an die Seite gebunden) */
:where(html.seite-wissen-gesellschaften) .gs-abschnitt, :where(html.seite-wissen-gesellschaften).gs-abschnitt{margin-top:56px}
:where(html.seite-wissen-gesellschaften) .gs-meldungen, :where(html.seite-wissen-gesellschaften).gs-meldungen{display:grid;gap:14px;margin:22px 0 0}
:where(html.seite-wissen-gesellschaften) .gs-meldung, :where(html.seite-wissen-gesellschaften).gs-meldung{display:flex;align-items:stretch;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .15s}
:where(html.seite-wissen-gesellschaften) .gs-meldung:hover, :where(html.seite-wissen-gesellschaften).gs-meldung:hover{border-color:var(--gold);text-decoration:none}
:where(html.seite-wissen-gesellschaften) .gs-meldung:focus-visible, :where(html.seite-wissen-gesellschaften).gs-meldung:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
:where(html.seite-wissen-gesellschaften) .gs-meldung .gs-logo, :where(html.seite-wissen-gesellschaften).gs-meldung .gs-logo{flex:0 0 180px;height:auto;border-bottom:0;border-right:1px solid var(--line)}
:where(html.seite-wissen-gesellschaften) .gs-text, :where(html.seite-wissen-gesellschaften).gs-text{flex:1;display:flex;flex-direction:column;gap:6px;padding:16px 20px;background:var(--cream)}
:where(html.seite-wissen-gesellschaften) .gs-text small, :where(html.seite-wissen-gesellschaften).gs-text small{font-weight:700;font-size:calc(var(--fs-kicker) * 11 / 13);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d)}
:where(html.seite-wissen-gesellschaften) .gs-text b, :where(html.seite-wissen-gesellschaften).gs-text b{font-family:'Archivo',sans-serif;font-weight:800;font-size:var(--fs-text);line-height:1.25}
:where(html.seite-wissen-gesellschaften) .gs-text span, :where(html.seite-wissen-gesellschaften).gs-text span{color:var(--muted);font-size:var(--fs-feld)}
:where(html.seite-wissen-gesellschaften) .gs-text em, :where(html.seite-wissen-gesellschaften).gs-text em{font-style:normal;font-weight:700;color:var(--gold-d)}
:where(html.seite-wissen-gesellschaften) .gs-handeln, :where(html.seite-wissen-gesellschaften).gs-handeln{margin-top:34px}
:where(html.seite-wissen-gesellschaften) .gs-handeln .btn, :where(html.seite-wissen-gesellschaften).gs-handeln .btn{font-size:calc(var(--fs-text) * 17 / 18);padding:16px 26px}
@media (max-width:620px){:where(html.seite-wissen-gesellschaften) .gs-meldung, :where(html.seite-wissen-gesellschaften).gs-meldung{flex-direction:column}:where(html.seite-wissen-gesellschaften) .gs-meldung .gs-logo, :where(html.seite-wissen-gesellschaften).gs-meldung .gs-logo{flex:0 0 auto;height:72px;border-right:0;border-bottom:1px solid var(--line)}}
:where(html.seite-wissen-gesellschaften) .gs-wand, :where(html.seite-wissen-gesellschaften).gs-wand{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:22px 0 0}
:where(html.seite-wissen-gesellschaften) .gs-kachel, :where(html.seite-wissen-gesellschaften).gs-kachel{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:var(--ink);text-decoration:none;transition:border-color .15s,transform .15s}
:where(html.seite-wissen-gesellschaften) .gs-kachel.gs-neu, :where(html.seite-wissen-gesellschaften).gs-kachel.gs-neu{border-color:var(--gold-l);box-shadow:0 0 0 1px var(--gold-l) inset}
:where(html.seite-wissen-gesellschaften) .gs-kachel:hover, :where(html.seite-wissen-gesellschaften).gs-kachel:hover{border-color:var(--gold);transform:translateY(-2px);text-decoration:none}
:where(html.seite-wissen-gesellschaften) .gs-kachel:focus-visible, :where(html.seite-wissen-gesellschaften).gs-kachel:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
:where(html.seite-wissen-gesellschaften) .gs-logo, :where(html.seite-wissen-gesellschaften).gs-logo{height:84px;display:flex;align-items:center;justify-content:center;padding:14px 16px;background:var(--paper-2);border-bottom:1px solid var(--line)}
:where(html.seite-wissen-gesellschaften) .gs-logo img, :where(html.seite-wissen-gesellschaften).gs-logo img{max-height:44px;max-width:100%;width:auto;height:auto;object-fit:contain}
:where(html.seite-wissen-gesellschaften) .gs-name, :where(html.seite-wissen-gesellschaften).gs-name{flex:1;padding:10px 14px 12px;background:var(--cream);font-family:'Archivo',sans-serif;font-weight:800;font-size:calc(var(--fs-klein) * 14 / 13);line-height:1.3;overflow-wrap:anywhere;hyphens:auto}
:where(html.seite-wissen-gesellschaften) .gs-name small, :where(html.seite-wissen-gesellschaften).gs-name small{display:block;margin-top:3px;font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:calc(var(--fs-kicker) * 11 / 13);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-d)}
:where(html.seite-wissen-gesellschaften) .gs-wand.klein, :where(html.seite-wissen-gesellschaften).gs-wand.klein{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
:where(html.seite-wissen-gesellschaften) .gs-wand.klein .gs-logo, :where(html.seite-wissen-gesellschaften).gs-wand.klein .gs-logo{height:64px;padding:10px 12px}
:where(html.seite-wissen-gesellschaften) .gs-wand.klein .gs-logo img, :where(html.seite-wissen-gesellschaften).gs-wand.klein .gs-logo img{max-height:32px}
:where(html.seite-wissen-gesellschaften) .gs-wand.klein .gs-name small, :where(html.seite-wissen-gesellschaften).gs-wand.klein .gs-name small{color:var(--muted)}
@media (prefers-reduced-motion:reduce){:where(html.seite-wissen-gesellschaften) .gs-kachel, :where(html.seite-wissen-gesellschaften).gs-kachel{transition:none}:where(html.seite-wissen-gesellschaften) .gs-kachel:hover, :where(html.seite-wissen-gesellschaften).gs-kachel:hover{transform:none}}

/* ---------- Hilfsklassen fuer ehemalige Inline-Stile (29.09.2026) ----------
   Nur Farbe, Hintergrund und Schrift (BAUSTEINE.md, Verbot 1). !important wie der Inline-Stil davor. */
.u-background-f6f6f4{background:#F6F6F4 !important}
.u-font-size-fs-text-22-18{font-size:calc(var(--fs-text) * 22 / 18) !important}
.u-color-auf-gold{color:var(--auf-gold) !important}
.u-font-size-fs-text{font-size:var(--fs-text) !important}
.u-background-rgba-246-246-243-16{background:rgba(246,246,243.16) !important}
.u-font-size-fs-klein{font-size:var(--fs-klein) !important}
.u-color-kopf-sub{color:var(--kopf-sub) !important}
.u-color-gold-l{color:var(--gold-l) !important}
.u-background-fehler{background:var(--fehler) !important}
.u-color-fehler-text{color:var(--fehler-text) !important}
.u-font-size-fs-feld{font-size:var(--fs-feld) !important}
.u-font-family-archivo{font-family:'Archivo' !important}
.u-font-size-fs-text-27-18{font-size:calc(var(--fs-text) * 27 / 18) !important}
.u-color-gold{color:var(--gold) !important}
.u-color-on-ink{color:var(--on-ink) !important}
.u-color-b6b6b0{color:#B6B6B0 !important}
.u-font-size-fs-text-34-18{font-size:calc(var(--fs-text) * 34 / 18) !important}
.u-color-on-ink-link{color:var(--on-ink-link) !important}
.u-background-grad{background:var(--grad) !important}
.u-font-size-fs-kicker{font-size:var(--fs-kicker) !important}
.u-color-9a9a94{color:#9A9A94 !important}
.u-color-muted-5f5f59{color:var(--muted,#5F5F59) !important}
.u-color-deded8{color:#DEDED8 !important}
.u-background-paper-2{background:var(--paper-2) !important}
.u-font-size-clamp-28px-3-6vw-40px{font-size:clamp(28px,3.6vw,40px) !important}
.u-color-gold-d{color:var(--gold-d) !important}
.u-background-gold{background:var(--gold) !important}
.u-background-einzel-8b3125{background:var(--einzel-8b3125) !important}
.u-font-family-archivo-sans-serif{font-family:'Archivo',sans-serif !important}
.u-color-muted{color:var(--muted) !important}
.u-background-line{background:var(--line) !important}
.u-background-einzel-fdebe7{background:var(--einzel-fdebe7) !important}
.u-color-einzel-8a2b18{color:var(--einzel-8a2b18) !important}
.u-background-dark-2{background:var(--dark-2) !important}
.u-background-card{background:var(--card) !important}
.u-font-size-fs-klein-14-13{font-size:calc(var(--fs-klein) * 14 / 13) !important}
.u-font-size-fs-text-24-18{font-size:calc(var(--fs-text) * 24 / 18) !important}
.u-font-family-archivo-sans-serif-2{font-family:Archivo,sans-serif !important}
.u-color-f4f4f0{color:#F4F4F0 !important}
.u-font-inherit{font:inherit !important}
.u-font-size-fs-werkzeug{font-size:var(--fs-werkzeug) !important}
.u-background-transparent{background:transparent !important}
.u-font-size-fs-text-30-18{font-size:calc(var(--fs-text) * 30 / 18) !important}
.u-font-size-fs-text-32-18{font-size:calc(var(--fs-text) * 32 / 18) !important}
.u-font-size-fs-text-44-18{font-size:calc(var(--fs-text) * 44 / 18) !important}
.u-background-rgba-8-8-10-7{background:rgba(8,8,10.7) !important}
.u-background-einzel-fff6d6{background:var(--einzel-fff6d6) !important}
.u-color-einzel-6b5200{color:var(--einzel-6b5200) !important}
.u-background-dark{background:var(--dark) !important}
.u-background-none{background:none !important}