/* Zusätzliche Stile für Inhalte, die 1:1 von der alten WordPress-Seite übernommen wurden
   (build/ratgeber/*.html, build/seiten/alt-*.html – erzeugt von build/werkzeug/*_uebernehmen.py). */

/* ---------- Bilder im Fließtext */
.artikel__fig,.prosa--alt .artikel__fig{margin:26px 0;max-width:70ch}
.artikel__bild{width:100%;height:auto;border-radius:12px;background:var(--kalk2);box-shadow:0 18px 40px -30px rgba(20,23,28,.55)}
.prosa > .artikel__fig:first-child{margin-top:0}
.prosa p .artikel__bild{display:inline-block;margin:10px 0}

/* ---------- Video: Link statt Einbettung (keine Cookies) */
.video-link{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid var(--see-rand);border-radius:10px;background:var(--see-bg);max-width:70ch}
.video-link::before{content:"";flex:none;width:0;height:0;border-left:11px solid var(--see-tief);border-top:7px solid transparent;border-bottom:7px solid transparent}

/* ---------- Übernommene Seiten (Elementor) */
.alt-sec{padding-top:clamp(32px,4vw,56px)}
.prosa--alt{max-width:860px}
.prosa--alt > figure,.prosa--alt > div{max-width:70ch}
.alt-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:24px 0}
.alt-galerie .artikel__fig{margin:0}
.alt-galerie p{margin:0}
.alt-stimmen,.alt-preis{display:grid;gap:16px;margin:26px 0}
.alt-stimmen blockquote{margin:0;padding:18px 22px;border-left:4px solid var(--see);background:var(--papier);border-radius:0 10px 10px 0}
.alt-preis{padding:20px 22px;border:1px solid var(--linie);border-radius:12px;background:var(--papier)}
.alt-zaehler{font:700 clamp(32px,4vw,48px)/1 var(--sora);color:var(--tanne);margin:20px 0 4px}
.prosa blockquote{margin:22px 0;padding:4px 0 4px 20px;border-left:3px solid var(--see)}
.prosa img{max-width:100%;height:auto}

/* ---------- Übernommene Seiten im Ratgeber-Aufbau (CI-Umbau 29.09.2026) */
.prosa--alt{max-width:none}
.prosa--alt > .marke{margin:56px 0 -8px}          /* Überzeile gehört zur folgenden Überschrift, nicht zum Absatz davor */
.prosa--alt > .marke + h2{margin-top:0}
.prosa--alt > .marke:first-child{margin-top:0}
.schritte{list-style:none;margin:20px 0 8px;padding:0;display:grid;gap:14px;counter-reset:none}
.schritte li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;padding:14px 16px;border:1px solid var(--linie);border-radius:14px;background:var(--papier)}
.schritte__nr{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--anthrazit);color:#fff;font:600 13px/1 var(--mono)}
.schritte p{margin:4px 0 0}