/* =====================================================================
   WACAL · Goldtext-Inhalte im Shop-Design (gescopt unter .gold)
   Nutzt durchgehend die Theme-Variablen -> passt sich Light/Dark an.
   Ziel: Inhalt + Grundformatierung im WACAL-Look, kein Fremd-CSS 1:1.
   ===================================================================== */
.gold{font-family:'Inter',system-ui,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}
.gold *{box-sizing:border-box}
.gold h2{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:700;font-size:22px;color:var(--navy);margin:0 0 16px;line-height:1.1}
.theme-dark .gold h2{color:#fff}
.gold h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:16px;color:var(--ink);margin:0}
.gold p{margin:0 0 1rem;color:var(--ink)}
.gold a{color:var(--navy);text-decoration:underline;text-underline-offset:2px}
.theme-dark .gold a{color:#9aa0ff}
.gold a:hover{color:var(--red)}
.gold ul{padding-left:1.2rem}.gold li{margin-bottom:.65rem;color:var(--ink);line-height:1.6}
.gold strong{color:var(--ink)}

/* Lead / Hero / Speakable */
.gold .definitionssatz,.gold .wacal-produkt__hero{font-size:1.08rem;font-weight:500;border-left:4px solid var(--red);background:var(--bg2);padding:.85rem 1.1rem;border-radius:0 8px 8px 0;margin:0 0 1.2rem;color:var(--ink)}
.gold .wacal-produkt__hero p{margin:0}
.gold .wacal-produkt__speakable{border-left:4px solid var(--navy);background:var(--bg2);padding:1rem 1.2rem;border-radius:0 8px 8px 0;margin-bottom:1.4rem}
.gold .wacal-produkt__speakable::before{content:"Kurz erklärt";display:block;font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}
.gold .wacal-produkt__speakable p{margin:0}
.gold .wacal-produkt__einleitung{margin-bottom:1.2rem}
.gold .wacal-produkt__meta{font-size:.85rem;color:var(--muted);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}
.gold figure{margin:0 0 1.2rem}.gold figure img{max-width:100%;border:1px solid var(--line);border-radius:8px}
.gold figcaption{font-size:.82rem;color:var(--muted);margin-top:.4rem}

/* Tabellen */
.gold .table-wrap{overflow-x:auto;margin:.5rem 0 1rem}
.gold table{width:100%;border-collapse:collapse;font-size:.94rem;margin:.5rem 0}
.gold th,.gold td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}
.gold th[scope=row]{font-weight:500;color:var(--muted);width:42%}
.gold thead th{background:var(--bg2);font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:.85rem;font-weight:700;border-bottom:2px solid var(--line)}
.gold table.spec tr.group th{width:auto;background:var(--bg2);font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:700;border-top:2px solid var(--line);color:var(--navy)}
.theme-dark .gold table.spec tr.group th{color:#fff}
.gold tr.luecke td{background:var(--bg2);font-style:italic;color:var(--muted)}
.gold table.variants tr.this{background:var(--bg2);font-weight:600}
.gold .highlight{background:var(--bg2)}.gold .highlight strong{color:var(--red)}

/* Akkordeon (FAQ / Anwendung) */
.gold details{border:1px solid var(--line);border-radius:8px;margin-bottom:.6rem;padding:0 1rem;background:var(--card)}
.gold details[open]{padding-bottom:1rem}
.gold summary{cursor:pointer;padding:.95rem 2rem .95rem 0;font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:15px;list-style:none;position:relative;color:var(--ink)}
.gold summary::-webkit-details-marker{display:none}
.gold summary::after{content:"+";position:absolute;right:.2rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--red);font-weight:400}
.gold details[open]>summary::after{content:"–"}
.gold summary h2,.gold summary h3{display:inline;margin:0;font-size:15px;color:var(--ink)}

/* Experten-Tipp */
.gold .wacal-produkt__expert-tipp{background:var(--bg2);border-left:5px solid var(--red);padding:1rem 1.25rem;border-radius:0 8px 8px 0;margin:1.4rem 0}
.gold .wacal-produkt__expert-tipp h2{color:var(--red);margin-top:0;font-size:1.05rem}
.gold .wacal-produkt__expert-tipp blockquote{margin:0;border:0;padding:0}

/* Kontakt / Quellen / Cross-Sell / Downloads */
.gold .wacal-produkt__kontakt,.gold .wacal-produkt__sources{background:var(--bg2);padding:1.25rem;border-radius:8px;border-top:3px solid var(--navy);margin:1.4rem 0;font-size:.95rem}
.gold .wacal-produkt__kontakt h2,.gold .wacal-produkt__sources h2{margin-top:0;font-size:1.1rem}
.gold .wacal-produkt__kontakt ul{list-style:none;padding:0;margin:0}.gold .wacal-produkt__kontakt li{padding:.35rem 0}
.gold .wacal-produkt__kontakt-hinweis,.gold .wacal-produkt__hinweis{font-size:.88rem;color:var(--muted);font-style:italic}
.gold .wacal-produkt__cross-sell h3{display:block;margin:1rem 0 .4rem}
.gold .wacal-produkt__cross-sell ul,.gold .wacal-produkt__downloads ul{padding-left:1.2rem;margin:0 0 1rem}
.gold .wacal-source-link::after{content:" ↗";opacity:.6;font-size:.85em}
.gold .quellen-luecke{font-style:italic;color:var(--muted);background:var(--bg2);border:1px dashed var(--line);border-radius:8px;padding:.7rem .9rem}

/* Definitionsliste (FAQ-Fallback) */
.gold dl dt{font-family:'Oswald',sans-serif;text-transform:uppercase;font-weight:600;font-size:14px;margin-top:.7rem;color:var(--ink)}
.gold dl dd{margin:0 0 .5rem;color:var(--ink)}
.gold ul.editorial li{color:var(--muted)}
.gold small{color:var(--muted)}
.gold .kimark{font-size:.68rem;background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:.05rem .4rem;color:var(--muted);font-weight:400}

/* Nummerierte Schritt-Listen (z. B. „Aufstellung in 6 Schritten") — saubere rote Zähler */
.gold ol{padding-left:1.5rem;margin:.6rem 0 1.1rem}
.gold ol li{margin-bottom:.7rem;padding-left:.3rem;color:var(--ink);line-height:1.6}
.gold ol li::marker{color:var(--red);font-weight:700;font-family:'Oswald',sans-serif}
.gold .wacal-produkt__howto[open]{padding-bottom:1.2rem}
.gold .wacal-produkt__howto ol li strong{display:inline}

/* „Auf einen Blick" als breite Leiste unter dem PDP-Grid (statt schmal in der Buy-Box) */
.cp-glance-wide{max-width:1240px;margin:26px auto 2px;padding:0 30px}
.cp-glance-wide .cp-glance-lbl{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--red);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cp-glance-wide .cp-glance-lbl::before{content:"";width:22px;height:3px;background:var(--red)}
.cp-glance-wide .cp-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.cp-glance-wide .cp-badge{display:flex;flex-direction:column;gap:2px;background:var(--bg2);border:1px solid var(--line);border-radius:7px;padding:12px 16px;min-width:0}
.cp-glance-wide .cp-badge .v{font-family:'Oswald',sans-serif;font-weight:700;font-size:19px;color:var(--navy);line-height:1}
.theme-dark .cp-glance-wide .cp-badge .v{color:#fff}
.cp-glance-wide .cp-badge .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-family:'Oswald',sans-serif}
@media(max-width:560px){.cp-glance-wide .cp-badges{grid-template-columns:repeat(2,1fr)}}

/* Mehr Luft zwischen den Goldtext-Sektionen — „Platz zum Atmen" */
.gold .cp-tabpane{padding-top:32px}
.gold .cp-tabpane > section,
.gold .cp-tabpane > aside,
.gold .cp-tabpane > details,
.gold .cp-tabpane > p,
.gold .cp-tabpane > h2{margin-bottom:2.6rem}
.gold .cp-tabpane > *:last-child{margin-bottom:0}
/* etwas mehr Innenabstand in den hervorgehobenen Boxen */
.gold .wacal-produkt__hero,.gold .wacal-produkt__speakable{padding:1.15rem 1.3rem}
.gold .wacal-produkt__expert-tipp{padding:1.3rem 1.5rem}
.gold .wacal-produkt__sources,.gold .wacal-produkt__kontakt,.gold .wacal-produkt__downloads{padding:1.5rem}