/* drivebro — Versicherung (versicherung.html), Ratgeber ohne Prämienrechner. Klassen mit Präfix ve-. */

/* ---------- Bühne: ruhiges Band ---------- */
.ve-buehne h1{font-size:clamp(32px,3.8vw,54px)}

/* ---------- Partnerplatz (nur mit Eintrag in daten/partner.json) ---------- */
.ve-partner{padding-top:clamp(24px,3vw,40px);padding-bottom:0}
.ve-partner .pt-kasten{max-width:880px}

/* ---------- Deckungen, Bonus, Tipps ---------- */
.ve-zweispaltig{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:start}
.ve-zeilen{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--linie)}
.ve-zeilen li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;align-items:start;padding:24px 0;border-top:1px solid var(--linie)}
.ve-zeilen h3,.ve-tipps h3{font-size:clamp(19px,1.6vw,22px);line-height:1.25;margin-bottom:6px}
.ve-zeilen p,.ve-tipps p{margin:0;font-size:16px;color:var(--text);max-width:62ch}
.ve-tipps{list-style:none;margin:0;padding:0;counter-reset:ve-tipp;border-bottom:1px solid var(--linie-stark)}
.ve-tipps li{position:relative;padding:22px 0 22px 56px;border-top:1px solid var(--linie-stark);counter-increment:ve-tipp}
.ve-tipps li::before{content:counter(ve-tipp);position:absolute;left:0;top:20px;font-size:30px;font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--akzent)}

/* ---------- Abschluss ---------- */
.ve-band{display:flex;justify-content:space-between;align-items:center;gap:28px 60px;flex-wrap:wrap;padding:clamp(24px,3.4vw,48px)}
.ve-band h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin-bottom:12px}
.ve-band p{margin:0;max-width:56ch;color:var(--grau);font-size:17.5px}

/* ---------- Tablet und Telefon ---------- */
@media (max-width:1100px){
  .ve-zweispaltig{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .ve-zeilen li{grid-template-columns:44px minmax(0,1fr);gap:14px}
  .ve-zeilen .glas{--s:44px!important}
  .ve-tipps li{padding-left:44px}
  .ve-tipps li::before{font-size:26px}
}