/* 1 Lesespalte: 64–72 Zeichen, ruhiger Zeilenabstand */
.d4-grid{align-items:start}
.docgrid>.rail{border-top:0}
.kap .d4-text .prose,.d4-text .d4-vor{max-width:none}
.d4-text :is(p,h2,h3,h4,blockquote,ul:not(.kartenliste),ol:not(.kartenliste),.defkarte,.d4-toc,.kap__head,.angebot,.gwg-note,.callout,.d4-muster){max-width:40rem}
.d4-text blockquote :is(p,ul){max-width:none}
.d4-text .prose p,.d4-text .prose li{line-height:1.72}
.d4-text .prose>div>p,.d4-text .prose>p{font-size:17px}
.d4-text :is(h2,h3)[id],.quote-band h2[id],.d4-text .kap__head h2{scroll-margin-top:calc(var(--hdr-h,64px) + 24px)}
.d4-vor{margin:0 0 var(--sp-2,8px)}
.d4-vor>p:first-child{margin-top:0}
.d4-mt2{margin-top:var(--sp-2,8px)}
.d4-mt3{margin-top:var(--sp-3,12px)}
.d4-mt4{margin-top:var(--sp-4,16px)}
.d4-mt5{margin-top:var(--sp-5,24px)}

/* 2 Kurz gesagt (Faktenbox am Textanfang) */
.prose blockquote.d4-kurz,.d4-vor blockquote{background:var(--surface,#fff);box-shadow:var(--sh-2,0 1px 2px rgba(15,27,36,.06),0 8px 24px -12px rgba(15,27,36,.18));border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-lg,16px);padding:var(--sp-5,24px) var(--sp-5,24px) 20px 28px;margin:0 0 var(--sp-6,32px)}
.d4-vor blockquote::before{background:var(--petrol);top:22px;bottom:22px}
.d4-vor blockquote>p:first-child{font-family:var(--font-body);font-size:11.5px;font-weight:650;letter-spacing:.14em;color:var(--amber-deep);margin:0 0 var(--sp-3,12px)}
.d4-vor blockquote ul{display:grid;grid-template-columns:1fr;gap:10px}
.d4-vor blockquote li{font-size:15.5px;line-height:1.58}

/* 3 Inhaltsverzeichnis: mobil einklappbar, Desktop klebend mit aktivem Zustand */
.d4-toc{margin:0 0 var(--sp-5,24px);border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-md,12px);background:var(--surface,#fff);box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06))}
.d4-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 var(--sp-4,16px);cursor:pointer;font-weight:600;font-size:15px;color:var(--ink-900,#0F1B24);list-style:none}
.d4-toc summary::-webkit-details-marker{display:none}
.d4-toc summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-52);border-bottom:2px solid var(--ink-52);transform:translateY(-2px) rotate(45deg);transition:transform var(--t-fast,150ms) var(--ease-out,ease)}
.d4-toc[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.d4-toc>div{display:grid;padding:0 var(--sp-4,16px) 6px;border-top:1px solid var(--line-soft)}
.d4-toc>div>a,.prose .d4-toc>div>a{display:flex;align-items:center;min-height:44px;padding:8px 0;font-size:15px;line-height:1.35;color:var(--ink-72);text-decoration:none;border-bottom:1px solid var(--line-soft)}
.d4-toc>div>a:last-child{border-bottom:0}
.rail .toc{position:static;top:auto}
.rail .toc .rail__links{gap:0}
.rail .toc .rail__links a{padding:7px 10px 7px 12px;border-left:2px solid var(--line-soft);border-radius:0 var(--r-sm,8px) var(--r-sm,8px) 0;line-height:1.4;transition:color var(--t-fast,150ms) var(--ease-out,ease),background-color var(--t-fast,150ms) var(--ease-out,ease),border-color var(--t-fast,150ms) var(--ease-out,ease)}
.rail .toc .rail__links a:hover{background:var(--surface-2,#FBF8F3);color:var(--ink-900,#0F1B24)}
.rail .toc .rail__links a.is-on{color:var(--ink-900,#0F1B24);font-weight:600;border-left-color:var(--amber);background:var(--amber-soft,rgba(232,163,58,.16))}

/* 4 Spezifikationskarten im Rand (Auf einen Blick, Paket) */
.rail .rail__card{background:var(--surface,#fff);border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-lg,16px);box-shadow:var(--sh-2,0 1px 2px rgba(15,27,36,.06),0 8px 24px -12px rgba(15,27,36,.18));padding:20px 22px}
.rail .rail__card.toc{box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06));padding:18px 16px 14px}
.d4-spec .rail__price{gap:10px;margin:2px 0 var(--sp-4,16px);padding-bottom:var(--sp-4,16px);border-bottom:1px solid var(--border,rgba(15,27,36,.10))}
.d4-spec .rail__price b{font-size:36px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink-900,#0F1B24)}
.d4-spec dl{gap:0}
.d4-spec dl div{grid-template-columns:minmax(0,1fr);gap:3px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.d4-spec dl div:first-child{padding-top:0}
.d4-spec dt{font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.4}
.d4-spec dd{font-size:13.5px;font-variant-numeric:tabular-nums;overflow-wrap:break-word;min-width:0}
.d4-spec--paket{box-shadow:inset 0 3px 0 var(--amber),var(--sh-2,0 1px 2px rgba(15,27,36,.06),0 8px 24px -12px rgba(15,27,36,.18))}
.rail .d4-spec--paket{box-shadow:inset 0 3px 0 var(--amber),var(--sh-2,0 1px 2px rgba(15,27,36,.06),0 8px 24px -12px rgba(15,27,36,.18))}
.d4-notiz{background:transparent;border:0;box-shadow:none;padding:0}
.rail .rail__card.d4-notiz{background:transparent;border:0;box-shadow:none;padding:0 0 0 2px}
.rail__ph{border-radius:var(--r-lg,16px);background:var(--sand)}

/* 5 Kapitelköpfe */
.kap__head h2{max-width:24ch}
.d4-text .kap__head{margin-bottom:var(--sp-4,16px)}

/* 6 Tabellen im Text: .tbl aus app.css, hier Zebra, Grund und Hervorhebung */
.kap .tbl-scroll{background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/32px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/32px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(15,27,36,.16),transparent) left/12px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(15,27,36,.16),transparent) right/12px 100% no-repeat scroll,var(--surface,#fff);box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06),0 0 0 1px rgba(15,27,36,.06));border-radius:var(--r-lg,16px);margin:var(--sp-5,24px) 0 var(--sp-2,8px)}
.kap .tbl-scroll::after{display:none}
.kap .tbl tbody th,.kap .tbl td{background:transparent}
.kap .tbl tbody tr:nth-child(even){background:rgba(251,248,243,.75)}
.kap .tbl tbody tr:hover{background:rgba(232,163,58,.07)}
.kap table a{overflow-wrap:break-word}
.tbl th.is-hl,.tbl td.is-hl{background:rgba(232,163,58,.09)}
.kap .tbl tbody td.is-hl{background:rgba(232,163,58,.09);color:var(--ink-900,#0F1B24)}
.tbl thead th.is-hl{background:#FBEBD0;color:var(--amber-ink,#241704);box-shadow:inset 0 3px 0 var(--amber)}
.prose .tbl-scroll+.tbl-hint{margin-bottom:var(--sp-5,24px)}
/* Korrektur funnel3-3 (#5): gestapelte Tabellen (app.css „Tabellen gestapelt") ohne Scroll-Schatten. */
@media (max-width:760px){.kap .tbl-scroll.tbl-scroll--stapel{background:var(--surface,#fff)}}

/* 7 Hinweis- und Warnkästen, FAQ, Quellen */
.d4-text .callout{border-radius:var(--r-md,12px);box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06),0 0 0 1px rgba(15,27,36,.06))}
.callout--warnung::before,.callout--achtung::before,.callout--vorsicht::before{background:var(--clay)}
.callout--info::before,.callout--hinweis::before{background:var(--post)}
.d4-faq h3{font-size:clamp(17px,1.4vw,19px);line-height:1.38;margin:0;padding:20px 0 8px;border-top:1px solid var(--line)}
.d4-faq h3:first-of-type{border-top-color:var(--line)}
.d4-faq h3+p{margin-bottom:8px}
.prose .d4-faq>p:first-of-type,.prose.d4-faq>p:first-of-type,.prose.d4-faq>.rv:first-child>p:first-of-type,.d4-faq>.rv:first-child>p:first-of-type{font-family:var(--font-body);font-size:16.5px;line-height:1.7;color:var(--ink-72)}
.d4-quellen h2{font-size:20px;margin:0 0 12px}
.d4-quellen ul,.d4-quellenblock ul{gap:8px;font-size:14px}
.d4-quellen li,.d4-quellenblock li{line-height:1.5}
.d4-quellen a,.d4-quellenblock a{overflow-wrap:anywhere}
.d4-quellenblock{margin-top:var(--sp-7,48px)}
.d4-verweis{margin:0 0 var(--sp-4,16px)}
.kap .kartenliste li{background:var(--surface,#fff);border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-md,12px);box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06),0 0 0 1px rgba(15,27,36,.06))}
.inkkap .kartenliste li{background:rgba(9,20,26,.4);border-color:rgba(239,231,216,.18);box-shadow:none}

/* 8 Karten-Raster: Weiterlesen, Geschwister, Hub-Karten */
.d4-weiter{margin-top:var(--sp-7,48px)}
.d4-weiter>h2,.d4-weiter>h3{margin:0 0 var(--sp-2,8px)}
.d4-karten{display:grid;gap:var(--sp-4,16px);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:var(--sp-4,16px);max-width:none}
.d4-karten>.idxrow{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-height:0;padding:20px 22px 16px;
  background:var(--surface,#fff);border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-lg,16px);
  box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06),0 0 0 1px rgba(15,27,36,.06));text-decoration:none;color:inherit;
  transition:transform var(--t-med,220ms) var(--ease-out,ease),box-shadow var(--t-med,220ms) var(--ease-out,ease),border-color var(--t-fast,150ms) var(--ease-out,ease)}
.d4-karten>.idxrow:last-child{border-bottom:1px solid var(--border,rgba(15,27,36,.10))}
.d4-karten>.idxrow[hidden]{display:none}
.d4-karten>.idxrow:hover{padding-left:22px;transform:translateY(-2px);box-shadow:var(--sh-2,0 1px 2px rgba(15,27,36,.06),0 8px 24px -12px rgba(15,27,36,.18));border-color:rgba(232,163,58,.55)}
.d4-karten>.idxrow:focus-visible{outline:3px solid var(--focus,#245D88);outline-offset:2px}
.d4-karten .idxrow__n{font-family:var(--font-body);font-size:12px;font-weight:650;letter-spacing:.1em;line-height:1.3;color:var(--amber-deep);padding:0}
.d4-karten .idxrow h3{font-size:clamp(17px,1.35vw,19px);line-height:1.32;margin:0;color:var(--ink-900,#0F1B24)}
.d4-karten .idxrow p{font-size:14px;line-height:1.5;color:var(--ink-72);margin:0;max-width:none}
.d4-karten .idxrow__go{display:block;align-self:flex-start;margin-top:auto;padding-top:4px;text-align:left}
.d4-karten .idxrow__go .arrow-link{min-height:28px}
.d4-karten>.idxrow:hover .arrow-link::after{transform:translateX(3px)}
.d4-karten>.idxrow:hover .arrow-link::before{transform:translateX(3px) rotate(45deg)}
.d4-text .d4-karten{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.d4-gruppe__n{margin:-6px 0 0;font-size:13.5px;color:var(--ink-52)}
.kap__head+.d4-gruppe__n{margin-top:-10px}
.d4-schluss>h2,.d4-schluss>div>h2,.d4-schluss>div>h3{margin-top:0}
.d4-schluss>.angebot:first-child,.prose .d4-schluss>.angebot:first-child{margin-top:0}
.filterbar{max-width:100%}
.filterbar button{min-height:40px}
.jumpbar a{display:inline-flex;align-items:center;min-height:40px;transition:border-color var(--t-fast,150ms) var(--ease-out,ease),color var(--t-fast,150ms) var(--ease-out,ease)}
.d4-bauweise{margin-bottom:0;align-items:center}
.d4-bauweise h2{font-size:clamp(22px,2.4vw,32px)}
/* Alte Zeilenliste (ohne Raster), z. B. Übergangsseiten */
.idxrow{padding:16px 0;gap:4px;min-height:44px}
.idxrow p:empty{display:none}

/* 9 Glossar: Definition als Bühne, Begriffsnetz als Chips */
.defkarte.d4-def{background:var(--surface,#fff);border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-xl,24px);box-shadow:var(--sh-3,0 2px 4px rgba(15,27,36,.06),0 18px 40px -18px rgba(15,27,36,.28));padding:clamp(24px,3vw,36px) clamp(22px,3vw,40px);margin:0 0 var(--sp-6,32px)}
.defkarte.d4-def::before{left:0;top:clamp(24px,3vw,36px);bottom:clamp(24px,3vw,36px);width:3px;border-radius:0 2px 2px 0}
.defkarte.d4-def .rail__k{margin-bottom:var(--sp-3,12px)}
.defkarte.d4-def p{font-size:clamp(20px,calc(15px + .9vw),26px);line-height:1.42;letter-spacing:-.008em;color:var(--ink-900,#0F1B24)}
.begriffe.d4-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--sp-2,8px)}
.d4-chips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:var(--r-pill,999px);background:var(--surface,#fff);border:1px solid var(--border,rgba(15,27,36,.10));box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06),0 0 0 1px rgba(15,27,36,.06));text-decoration:none;transition:transform var(--t-fast,150ms) var(--ease-out,ease),border-color var(--t-fast,150ms) var(--ease-out,ease),box-shadow var(--t-fast,150ms) var(--ease-out,ease)}
.d4-chips a::after{content:"";width:6px;height:6px;border-top:1.6px solid var(--post);border-right:1.6px solid var(--post);transform:rotate(45deg);flex:none}
.d4-chips a:hover{transform:translateY(-1px);border-color:rgba(232,163,58,.6);box-shadow:var(--sh-2,0 1px 2px rgba(15,27,36,.06),0 8px 24px -12px rgba(15,27,36,.18))}
.d4-chips b{font-family:var(--font-body);font-size:14.5px;font-weight:600;color:var(--ink-900,#0F1B24);line-height:1.3}

/* 10 Flächen: helles Grundmotiv, solange Fotos laden; keine Riesenflächen */
.kapfoto__ph{background:var(--sand)}
.inkkap__n{font-size:clamp(120px,14vw,220px)}
.d4-muster{margin-top:var(--sp-4,16px);background:var(--surface,#fff);border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-lg,16px);box-shadow:var(--sh-2,0 1px 2px rgba(15,27,36,.06),0 8px 24px -12px rgba(15,27,36,.18))}
.impb pre.d4-muster__text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.65;margin:10px 0 0;padding:0;background:none;border:0;color:var(--ink,#1E2A33)}
.d4-doc__p{font-size:14.5px;color:var(--ink-72)}

@media (min-width:761px){
.idxrow:not(.d4-karten>.idxrow){grid-template-columns:48px minmax(0,1fr) auto;gap:4px 20px;align-items:center}
}
@media (max-width:760px){
.idxrow:not(.d4-karten>.idxrow){grid-template-columns:34px minmax(0,1fr);gap:4px 12px}
.idxrow:not(.d4-karten>.idxrow) .idxrow__go{display:none}
.d4-karten{gap:12px}
.d4-karten>.idxrow,.d4-karten>.idxrow:hover{padding:16px 18px 14px}
}
@media (max-width:900px){
.d4-mob-aus,.rail .toc,.rail__ph,.d4-notiz{display:none}
.docgrid.d4-grid{gap:var(--sp-5,24px)}
.d4-grid>.rail{padding-top:4px}
.kap__head h2{font-size:clamp(24px,6.4vw,30px)}
.d4-text .kap__head{margin-bottom:12px}
.filterbar,.jumpbar{gap:8px}
.filterbar button,.jumpbar a{font-size:13px;padding:8px 13px}
.d4-spec dl div{grid-template-columns:minmax(0,9.5em) minmax(0,1fr);gap:12px;align-items:baseline}
.d4-text .prose>div>p,.d4-text .prose>p{font-size:16.5px}
}
@media (min-width:901px){
.d4-tocnav{display:none}
.docgrid.d4-grid{grid-template-columns:minmax(0,1fr) 300px;gap:clamp(40px,5vw,72px)}
.rail__sticky{top:calc(var(--hdr-h,64px) + 16px)}
.rail .toc .rail__links{max-height:min(56vh,540px)}
}
@media (prefers-reduced-motion:reduce){
.d4-karten>.idxrow,.d4-chips a,.rail .toc .rail__links a{transition:none}
.d4-karten>.idxrow:hover,.d4-chips a:hover{transform:none}
}

/* 11 Runde „funnel3": Felder ohne Rand über die ganze Breite, Rand nur auf Desktop,
   kompaktere Lesefläche mobil (gleicher Text, weniger Leerraum). */
@media (min-width:901px){
.d4-feld--voll .docgrid.d4-grid{grid-template-columns:minmax(0,1fr)}
.d4-feld--voll .d4-text :is(.angebot,.d4-weiter){max-width:none}
.d4-feld--voll .d4-text .gwg-note{max-width:52rem}
.d4-feld--voll .d4-karten{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr))}
.d4-feld--quellen .d4-quellen ul{display:block;columns:2;column-gap:48px;max-width:none}
.d4-feld--quellen .d4-quellen li{break-inside:avoid;margin-bottom:8px}
}
@media (max-width:900px){ .d4-desk{display:none} }
/* Lesespalte ab 901 px 42rem statt 40rem (rund 72 bis 78 Zeichen), Zeilenabstand 1,6. */
.d4-text .prose p,.d4-text .prose li{line-height:1.6}
@media (min-width:901px){
.d4-text :is(p,h2,h3,h4,blockquote,ul:not(.kartenliste),ol:not(.kartenliste),.defkarte,.d4-toc,.kap__head,.angebot,.gwg-note,.callout,.d4-muster){max-width:42rem}
/* Ungerade Kartenliste: letzte Karte über beide Spalten statt allein in einer Spalte (dfix-kauf4-2). */
.kap .kartenliste>li:last-child:nth-child(odd){grid-column:1/-1}
}
.kap .kartenliste li{padding:15px 18px}
.d4-text .prose h2:not(:first-child){margin-top:40px;padding-top:20px}
.d4-text .prose h3:not(:first-child){margin-top:26px}
@media (min-width:901px){
.d4-feld--voll .d4-karten>.idxrow{padding:16px 18px 14px}
.d4-feld--voll .d4-weiter .idxrow__go{display:none}
}
.d4-text .prose>.rv+.rv>h2:first-child{margin-top:36px}
@media (min-width:761px){
.sec--tight.kap{padding-block:clamp(40px,4vw,56px)}
.sec.kapfoto,.sec.inkkap{padding-block:clamp(48px,4.4vw,64px)}
}
/* FAQ als Aufklapper (faqAkkordeon) */
.d4-frage{border-top:1px solid var(--line)}
.d4-frage:last-child{border-bottom:1px solid var(--line)}
.d4-frage>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:14px 0;cursor:pointer;list-style:none}
.d4-frage>summary::-webkit-details-marker{display:none}
.d4-faq .d4-frage h3{margin:0;padding:0;border:0;font-size:clamp(17px,1.4vw,19px);line-height:1.38;max-width:none}
.d4-frage>summary:hover h3{color:var(--post)}
.d4-frage__ic{flex:none;position:relative;width:26px;height:26px;border:1px solid var(--line);border-radius:50%}
.d4-frage__ic::before,.d4-frage__ic::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.6px;margin:-.8px 0 0 -5px;background:var(--ink-900);transition:transform var(--t-fast,150ms) var(--ease-out,ease)}
.d4-frage__ic::after{transform:rotate(90deg)}
.d4-frage[open] .d4-frage__ic::after{transform:rotate(0)}
.d4-frage__a{padding:0 0 14px}
.d4-frage__a>:last-child{margin-bottom:0}
.d4-frage>summary:focus-visible{outline:3px solid var(--focus,#245D88);outline-offset:2px}
@media (max-width:760px){
.d4-text .prose>div>p,.d4-text .prose>p{font-size:15.5px}
.d4-text .prose p,.d4-text .prose li{line-height:1.56}
.d4-quellen a,.d4-quellenblock a{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:44px;min-height:44px}
.d4-quellen p a,.d4-quellenblock p a{display:inline;overflow:visible;white-space:normal;line-height:inherit;min-height:0}
.sec.kapfoto,.sec.inkkap{padding-block:40px}
.schluss-cta--kompakt{padding-block:28px 36px}
.d4-text .prose h2:not(:first-child){margin-top:32px;padding-top:18px}
.d4-text .prose h3:not(:first-child){margin-top:22px}
.d4-text .prose>.rv+.rv>h2:first-child{margin-top:28px}
.kapfoto__ph{margin-bottom:16px}
.kapfoto__ph img{aspect-ratio:16/9}
.d4-text .gwg-note{padding:14px 16px 14px 44px}
.d4-text .gwg-note::before{left:14px;top:15px}
.d4-text .gwg-note p{font-size:14px;line-height:1.55}
.prose .angebot,.angebot{padding:20px 18px}
.d4-text .prose p{margin-bottom:.85em}
.kap .kartenliste{gap:8px}
.kap .kartenliste li{padding:12px 14px;gap:4px 10px;grid-template-columns:24px minmax(0,1fr);font-size:15px;line-height:1.5}
.kartenliste--punkt li::before{margin-top:8px}
.prose blockquote.d4-kurz,.d4-vor blockquote{padding:18px 18px 16px 22px;margin-bottom:24px}
.d4-vor blockquote li{font-size:15px;line-height:1.52}
.d4-weiter{margin-top:var(--sp-6,32px)}
/* Weiterlesen mobil als Wischschiene in zwei Reihen (alle Links bleiben, weniger Höhe). */
.d4-weiter .d4-karten{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:76%;gap:10px;
  overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:calc(var(--pad,16px) * -1);padding:4px var(--pad,16px) 12px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.d4-weiter .d4-karten::-webkit-scrollbar{display:none}
.d4-weiter .d4-karten>.idxrow,.d4-weiter .d4-karten>.idxrow:hover{scroll-snap-align:start;flex-direction:row;align-items:center;gap:10px;
  min-height:64px;padding:10px 14px;transform:none}
.d4-weiter .d4-karten .idxrow__n{flex:none;width:20px}
.d4-weiter .d4-karten .idxrow h3{flex:1 1 auto;font-size:15px;line-height:1.3}
.d4-weiter .d4-karten .idxrow p{display:none}
.d4-weiter .d4-karten .idxrow__go{margin:0;padding:0;flex:none}
.d4-quellen ul,.d4-quellenblock ul{font-size:13px;gap:6px}
.d4-faq h3{padding:16px 0 6px}
.angebot{margin-top:32px}
.kap .kartenliste--punkt{gap:0;margin-bottom:1em}
.kap .kartenliste--punkt li{padding:9px 0 9px 2px;background:none;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;box-shadow:none;grid-template-columns:18px minmax(0,1fr)}
.kap .kartenliste--punkt li:first-child{border-top:1px solid var(--line-soft)}
.inkkap .kartenliste--punkt li{background:none;border-color:rgba(239,231,216,.18)}
.sec--tight.kap{padding-block:32px}
}
/* Korrektur funnel3-2 (#9): Weiterlesen am Desktop als zweispaltige Linkliste mit Haarlinien,
   ohne Kartenrahmen und ohne Nummern, höchstens 8 Einträge, darunter „Alle Themen im Ratgeber".
   Mobil (bis 760 px) bleibt die Wischschiene mit allen Links. */
.d4-weiter__alle{display:none}
@media (min-width:761px){
.d4-weiter .d4-karten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,4vw,56px);margin-top:12px;
  border-bottom:1px solid var(--line-soft,rgba(15,27,36,.12))}
.d4-weiter .d4-karten>.idxrow,.d4-weiter .d4-karten>.idxrow:hover,.d4-feld--voll .d4-weiter .d4-karten>.idxrow{flex-direction:row;align-items:center;gap:12px;
  min-height:0;padding:13px 0;margin-bottom:-1px;background:none;border:0;border-bottom:1px solid var(--line-soft,rgba(15,27,36,.12));border-radius:0;box-shadow:none;transform:none}
.d4-weiter .d4-karten>.idxrow:last-child{border-bottom:1px solid var(--line-soft,rgba(15,27,36,.12))}
.d4-weiter .d4-karten>.idxrow:nth-child(n+9){display:none}
.d4-weiter .d4-karten .idxrow__n{display:none}
.d4-weiter .d4-karten .idxrow h3{flex:1 1 auto;font-size:16.5px;line-height:1.35}
.d4-weiter .d4-karten .idxrow p{display:none}
.d4-weiter .d4-karten .idxrow__go,.d4-feld--voll .d4-weiter .idxrow__go{display:none}
.d4-weiter .d4-karten>.idxrow:hover h3{color:var(--post)}
.d4-weiter__alle{display:block;margin:16px 0 0}
}
/* 12 Runde „bestand4": „Kurz gesagt" vor dem ersten Kapitelkopf (eigener .prose-Block),
   danach die Angebotszeile (kit.mjs angebotszeile): Preis-Info mit Paketnamen und
   Textlink, kein zweiter gefüllter Knopf, statisch (kein CLS). */
.d4-text>.d4-kurzbox{margin:0 0 var(--sp-5,24px)}
.d4-kurzbox>blockquote:last-child{margin-bottom:0}
.d4-kurzbox>pre{margin-bottom:var(--sp-5,24px)}
.d4-angebotszeile{max-width:42rem;margin:0 0 28px;padding:14px 18px 12px;background:var(--surface,#fff);border:1px solid var(--border,rgba(15,27,36,.10));border-radius:var(--r-md,12px);border-top:2px solid var(--amber);box-shadow:var(--sh-1,0 1px 2px rgba(15,27,36,.06))}
/* Design-Korrektur bestand4: Zeile wirkt als Fuß der Kurzbox, nicht als dritte Karte. */
.d4-kurzbox+.d4-angebotszeile{margin-top:-12px}
.d4-az__i{white-space:nowrap}
.d4-az__i--lang{white-space:normal}
.d4-az__preis{font-weight:700;color:var(--ink-900)}
.d4-az__zeile{margin:0;font-size:15px;line-height:1.5;color:var(--ink-72);max-width:none}
.d4-az__zeile>b{color:var(--ink-900,#0F1B24);font-weight:650}
.d4-angebotszeile--zwei .d4-az__zeile+.d4-az__zeile{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft)}
.d4-az__go{display:flex;width:fit-content;font-weight:600;color:var(--post);min-height:40px}
.d4-az__note.cta-note{margin:2px 0 0;font-size:13px;max-width:none}
.d4-az__note a{color:inherit;text-underline-offset:3px}
/* Preiszeile im Kopf der /fuer-Seiten (kit.mjs pageHero preis) */
.phero__preis{margin:12px 0 0;font-size:16px;line-height:1.45;font-weight:600;color:var(--ink-900,#0F1B24);max-width:64ch}
@media (max-width:760px){
.d4-angebotszeile{padding:12px 14px 10px;margin-bottom:24px}
.d4-az__zeile{font-size:14.5px}
/* Durchgang 2: Teile mobil als Liste mit Amber-Punkt, Trenner aus */
.d4-az__sep{display:none}
.d4-az__i{display:block;padding-left:14px;position:relative}
.d4-az__i::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--amber)}
.d4-az__go{min-height:44px}
.phero__box .phero__preis{order:3;margin-top:10px;font-size:15.5px}
}