/* ==========================================================================
   /registrierung.css
   Gemeinsames Design für den Registrierungsablauf der Unternehmen:
   Unternehmer-Registrier.php und registrierung-bestaetigen.php
   Farben, Schrift und Radien wie Startseite / Anfrage-Seite (DM Sans, #1294F2).
   Alles ist unter .rg gekapselt, damit Navbar und Footer unberührt bleiben.
   ========================================================================== */

.rg{
  --blue:#1294F2;
  --blue-dk:#0A6FC2;
  --blue-deep:#0B3D66;
  --blue-lt:#E9F4FE;
  --teal:#2A9C8C;
  --teal-lt:#E6F5F2;
  --ink:#0E1520;
  --ink-2:#48546A;
  --ink-3:#808DA0;
  --paper:#FCFCFB;
  --surface:#F3F5F8;
  --line:#DFE4EB;
  --ok-bg:#EAF7F0; --ok-ink:#17663F; --ok-line:#BFE6D0;
  --err-bg:#FDF3F3; --err-ink:#9A2020; --err-line:#F0B8B8;
  --r-sm:6px; --r-md:12px; --r-lg:20px; --r-xl:28px;
  --sh-xs:0 1px 3px rgba(14,21,32,.06);
  --sh-lg:0 26px 64px rgba(14,21,32,.12);
  --sh-blue:0 10px 26px rgba(18,148,242,.28);
  --f:'DM Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --fm:'DM Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  color-scheme:light;
  font-family:var(--f);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(ellipse 60% 40% at 0% 0%, rgba(18,148,242,.07), transparent 60%),
    radial-gradient(ellipse 40% 30% at 100% 100%, rgba(42,156,140,.05), transparent 70%),
    var(--paper);
  padding:clamp(28px,5vw,64px) 0 clamp(48px,7vw,96px);
}
/* Schrift wie Startseite: gilt auch für Navbar und Footer dieser Seiten */
body{font-family:'DM Sans','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}

.rg *,.rg *::before,.rg *::after{box-sizing:border-box;}
.rg h1,.rg h2,.rg h3,.rg p,.rg label,.rg button,.rg input,.rg select,.rg li,.rg span,.rg a,.rg b,.rg strong,.rg small{font-family:inherit;}
.rg h1,.rg h2,.rg p,.rg ul,.rg ol{margin-top:0;}
.rg a{color:var(--blue-dk);text-decoration:none;}
.rg a:hover{text-decoration:underline;}
.rg :focus-visible{outline:2.5px solid var(--blue);outline-offset:2px;}

.rg-wrap{
  width:100%;max-width:1160px;margin-inline:auto;
  padding-inline:clamp(16px,4vw,40px);
}

/* ---------- Aufteilung: Info links, Formular rechts ---------- */
.rg-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,540px);
  gap:clamp(32px,5vw,72px);
  align-items:start;
}
.rg-grid--schmal{grid-template-columns:minmax(0,1fr) minmax(0,480px);}

/* ---------- Info-Spalte ---------- */
.rg-info{padding-top:clamp(4px,1.5vw,18px);}
.rg-kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--blue-dk);
  background:var(--blue-lt);border:1px solid rgba(18,148,242,.18);
  border-radius:999px;padding:6px 12px;margin-bottom:16px;
}
.rg-h1{
  margin:0 0 14px;
  font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.02em;font-weight:800;color:var(--ink);
}
.rg-h1 span{color:var(--blue);}
.rg-lead{margin:0 0 28px;font-size:clamp(15px,1.3vw,17px);line-height:1.7;color:var(--ink-2);max-width:46ch;}

.rg-vorteile{list-style:none;margin:0;padding:0;display:grid;gap:18px;}
.rg-vorteile li{display:flex;gap:14px;align-items:flex-start;}
.rg-ico{
  flex:0 0 36px;width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;background:var(--blue-lt);color:var(--blue-dk);
}
.rg-ico svg{width:18px;height:18px;}
.rg-vorteile li > div b{display:block;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:2px;}
.rg-vorteile li > div span{display:block;font-size:14px;line-height:1.6;color:var(--ink-2);}

.rg-ablauf{
  margin-top:32px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:#fff;box-shadow:var(--sh-xs);
}
.rg-ablauf-titel{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;}
.rg-ablauf ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:ab;}
.rg-ablauf li{counter-increment:ab;font-size:13.5px;line-height:1.45;color:var(--ink-2);}
.rg-ablauf li::before{
  content:counter(ab);display:grid;place-items:center;width:26px;height:26px;margin-bottom:8px;
  border-radius:50%;background:var(--surface);border:1.5px solid var(--line);
  font-family:var(--fm);font-size:12px;color:var(--ink-3);
}
.rg-ablauf li b{display:block;color:var(--ink);font-weight:700;}

/* Kurzzeile mit Häkchen: nur auf dem Handy sichtbar */
.rg-kurz{display:none;list-style:none;margin:0;padding:0;}

/* ---------- Karte ---------- */
.rg-karte{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--sh-lg);padding:clamp(22px,3vw,36px);
}
.rg-karte-kopf{margin-bottom:22px;}
.rg-karte-kopf h2{margin:0 0 4px;font-size:22px;line-height:1.2;font-weight:800;letter-spacing:-.01em;color:var(--ink);}
.rg-karte-kopf p{margin:0;font-size:14px;color:var(--ink-2);line-height:1.55;}

/* ---------- Fortschritt (4 Schritte des ganzen Ablaufs) ---------- */
.rg-fortschritt{margin-bottom:24px;}
.rg-balken{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.rg-balken i{display:block;height:4px;border-radius:999px;background:var(--line);transition:background .25s;}
.rg-balken i.is-fertig{background:var(--blue);}
.rg-balken i.is-aktiv{background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 60%,rgba(18,148,242,.35) 100%);}
.rg-schritte{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px;}
.rg-schritte span{font-size:12px;font-weight:600;color:var(--ink-3);line-height:1.3;}
.rg-schritte span.is-aktiv{color:var(--ink);font-weight:700;}
.rg-schritte span.is-fertig{color:var(--blue-dk);}

/* ---------- Meldungen ---------- */
.rg-meldung{
  display:flex;gap:10px;align-items:flex-start;
  padding:12px 14px;margin-bottom:18px;border-radius:var(--r-sm);
  font-size:14px;font-weight:600;line-height:1.5;border:1.5px solid;
}
.rg-meldung svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px;}
.rg-meldung--fehler{background:var(--err-bg);color:var(--err-ink);border-color:var(--err-line);}
.rg-meldung--ok{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--ok-line);}

/* ---------- Formular ---------- */
.rg-step{display:none;}
.rg-step.is-aktiv{display:block;animation:rgIn .22s ease;}
@keyframes rgIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.rg-step.is-aktiv{animation:none;}}

.rg-felder{display:grid;gap:16px;}
.rg-reihe{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rg-reihe--plz{grid-template-columns:120px 1fr;}

.rg-feld{display:flex;flex-direction:column;gap:6px;min-width:0;}
.rg-feld label,.rg-label{font-size:13px;font-weight:700;color:var(--ink);}
.rg-feld label small,.rg-label small{font-weight:500;color:var(--ink-3);}
.rg-hilfe{font-size:12.5px;color:var(--ink-3);line-height:1.45;}

.rg input[type=text],.rg input[type=email],.rg input[type=password],.rg input[type=tel],.rg select{
  width:100%;min-height:48px;padding:0 14px;
  font-family:var(--f);font-size:16px;color:var(--ink); /* 16px: kein Auto-Zoom auf dem iPhone */
  background-color:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-sm);
  outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
.rg select{
  padding-right:40px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2348546A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.rg input::placeholder{color:var(--ink-3);}
.rg input:focus,.rg select:focus{border-color:var(--blue);background-color:#fff;box-shadow:0 0 0 3px rgba(18,148,242,.14);}
.rg .is-ungueltig input,.rg .is-ungueltig select{border-color:#c94747;box-shadow:0 0 0 3px rgba(201,71,71,.10);}
.rg-fehlertext{display:none;font-size:12.5px;font-weight:700;color:var(--err-ink);}
.is-ungueltig .rg-fehlertext{display:block;}

/* Passwort mit Anzeigen-Knopf */
.rg-pw{position:relative;}
.rg-pw input{padding-right:52px;}
.rg-pw button{
  position:absolute;right:4px;top:50%;transform:translateY(-50%);
  width:42px;height:40px;border:0;background:none;cursor:pointer;color:var(--ink-3);
  display:grid;place-items:center;border-radius:var(--r-sm);
}
.rg-pw button:hover{color:var(--ink);}
.rg-pw button svg{width:20px;height:20px;}

/* Weitere Kategorien (aufklappbar) */
.rg-mehr{border:1.5px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden;}
.rg-mehr[open]{border-color:rgba(18,148,242,.30);}
.rg-mehr summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;font-size:14px;font-weight:700;color:var(--ink);
}
.rg-mehr summary::-webkit-details-marker{display:none;}
.rg-mehr summary::after{content:"+";font-size:22px;font-weight:300;line-height:1;color:var(--ink-3);transition:transform .2s;}
.rg-mehr[open] summary::after{transform:rotate(45deg);color:var(--blue);}
.rg-mehr summary small{display:block;font-weight:500;font-size:12.5px;color:var(--ink-3);margin-top:2px;}
.rg-mehr-inhalt{padding:2px 16px 16px;display:grid;gap:14px;}

/* Checkbox Rechtliches */
.rg-check{
  display:flex;gap:12px;align-items:flex-start;cursor:pointer;
  padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);
  font-size:14px;line-height:1.55;color:var(--ink-2);
}
.rg-check input{flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue);cursor:pointer;}
.rg-check a{font-weight:700;}
.rg-check.is-ungueltig{border-color:#c94747;background:var(--err-bg);}

/* ---------- Knöpfe ---------- */
.rg-aktionen{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:24px;}
.rg-aktionen--rechts{justify-content:flex-end;}
.rg-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:50px;padding:0 24px;border-radius:var(--r-sm);border:1.5px solid transparent;
  font-family:var(--f);font-size:15px;font-weight:700;cursor:pointer;text-decoration:none !important;
  transition:transform .16s,box-shadow .16s,background .16s,border-color .16s,color .16s;white-space:nowrap;
}
.rg-btn svg{width:18px;height:18px;}
.rg-btn--primaer{background:var(--blue);color:#fff;box-shadow:var(--sh-blue);}
.rg-btn--primaer:hover{background:var(--blue-dk);transform:translateY(-1px);}
.rg-btn--primaer:active{transform:none;}
.rg-btn--leise{background:#fff;color:var(--ink);border-color:var(--line);}
.rg-btn--leise:hover{border-color:var(--ink-3);}
.rg-btn--rand{background:#fff;color:var(--blue-dk);border-color:rgba(18,148,242,.45);}
.rg-btn--rand:hover{background:var(--blue-lt);border-color:var(--blue);}
.rg-btn--text{background:none;border:0;color:var(--blue-dk);padding:0 4px;min-height:40px;box-shadow:none;}
.rg-btn--text:hover{text-decoration:underline !important;}
.rg-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none !important;box-shadow:none;}
.rg-btn--breit{width:100%;}

.rg-fuss{
  margin-top:22px;padding-top:18px;border-top:1px solid var(--line);
  text-align:center;font-size:14px;color:var(--ink-2);
}
.rg-fuss a{font-weight:700;}

/* ---------- Bestätigungs-Seite: Code-Eingabe ---------- */
.rg-mail-symbol{
  width:56px;height:56px;border-radius:16px;display:grid;place-items:center;
  background:var(--blue-lt);color:var(--blue-dk);margin-bottom:18px;
}
.rg-mail-symbol svg{width:28px;height:28px;}
.rg .rg-code{
  width:100%;min-height:64px;text-align:center;
  font-family:var(--fm);font-size:30px;font-weight:500;letter-spacing:.45em;padding:0 0 0 .45em;
  background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-md);color:var(--ink);
}
.rg .rg-code::placeholder{color:#C3CBD6;letter-spacing:.45em;}
.rg-erneut{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;
  margin-top:18px;font-size:14px;color:var(--ink-2);
}
.rg-tipps{
  margin-top:22px;padding:14px 16px;border-radius:var(--r-md);background:var(--surface);
  font-size:13.5px;line-height:1.6;color:var(--ink-2);
}
.rg-tipps b{color:var(--ink);}
.rg-tipps ul{margin:6px 0 0;padding-left:18px;}

/* ==========================================================================
   Tablet
   ========================================================================== */
@media (max-width:1000px){
  .rg-grid,.rg-grid--schmal{grid-template-columns:minmax(0,1fr);gap:28px;max-width:640px;margin-inline:auto;}
  .rg-info{padding-top:0;text-align:left;}
  .rg-lead{margin-bottom:20px;max-width:none;}
  .rg-vorteile{grid-template-columns:1fr 1fr;gap:14px 20px;}
  .rg-ablauf{display:none;}
}

/* ==========================================================================
   Handy: so wenig scrollen wie möglich
   ========================================================================== */
@media (max-width:600px){
  .rg{padding:14px 0 32px;}
  .rg-wrap{padding-inline:12px;}
  .rg-grid,.rg-grid--schmal{gap:12px;}

  /* Kopf: nur Titel + eine Zeile Häkchen */
  .rg-kicker,.rg-lead,.rg-vorteile,.rg-ablauf{display:none;}
  .rg-h1{font-size:22px;line-height:1.2;margin:0 0 8px;letter-spacing:-.02em;}
  .rg-kurz{display:flex;flex-wrap:wrap;gap:6px 14px;}
  .rg-kurz li{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--ink-2);}
  .rg-kurz svg{width:14px;height:14px;color:var(--teal);}

  /* Karte kompakt */
  .rg-karte{border-radius:16px;padding:16px 14px 18px;box-shadow:0 8px 24px rgba(14,21,32,.07);}
  .rg-fortschritt{margin-bottom:14px;}
  .rg-schritte{margin-top:6px;}
  .rg-schritte span{font-size:11px;}
  .rg-karte-kopf{margin-bottom:12px;}
  .rg-karte-kopf h2{font-size:18px;margin:0 0 4px;}
  .rg-karte-kopf p{font-size:13.5px;}
  .rg-karte-kopf--zeile{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
  .rg-karte-kopf--zeile h2{margin:0;}
  .rg-karte-kopf--zeile p{font-size:12.5px;color:var(--ink-3);white-space:nowrap;}

  .rg-meldung{margin-bottom:12px;padding:10px 12px;font-size:13.5px;}

  .rg-felder{gap:12px;}
  .rg-feld{gap:5px;}
  .rg-feld label,.rg-label{font-size:12.5px;}
  .rg-hilfe{display:none;}
  .rg input[type=text],.rg input[type=email],.rg input[type=password],.rg input[type=tel],.rg select{min-height:46px;}
  .rg-reihe{grid-template-columns:1fr;gap:12px;}
  .rg-reihe--plz{grid-template-columns:88px 1fr;}
  .rg-mehr summary{padding:12px 14px;font-size:13.5px;}
  .rg-mehr summary small{display:none;}
  .rg-mehr-inhalt{padding:0 14px 14px;gap:12px;}
  .rg-check{padding:12px;font-size:13px;gap:10px;}

  .rg-aktionen{margin-top:16px;flex-direction:column-reverse;align-items:stretch;gap:8px;}
  .rg-aktionen .rg-btn{width:100%;}
  .rg-btn{min-height:48px;}
  .rg-btn--leise{min-height:42px;border-color:transparent;color:var(--ink-2);}
  .rg-fuss{margin-top:14px;padding-top:12px;font-size:13.5px;}

  /* Bestätigungs-Seite */
  .rg-mail-symbol{display:none;}
  .rg .rg-code{min-height:58px;font-size:26px;letter-spacing:.35em;padding-left:.35em;}
  .rg-erneut{margin-top:12px;font-size:13.5px;}
  .rg-tipps{margin-top:14px;padding:12px 14px;font-size:13px;}
}

/* ==========================================================================
   Abo-Auswahl (abo-auswahl.php): letzter Schritt des Ablaufs
   ========================================================================== */
.ab-kopf{max-width:640px;margin:0 auto clamp(24px,3.5vw,40px);text-align:center;}
.ab-kopf .rg-fortschritt{max-width:520px;margin:0 auto 26px;text-align:left;}
.ab-kopf .rg-lead{margin:0 auto;max-width:52ch;}

.ab-grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);
  gap:clamp(16px,2.4vw,28px);align-items:stretch;max-width:1000px;margin:0 auto;
}

.ab-karte{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1.5px solid var(--line);border-radius:var(--r-xl);
  padding:clamp(22px,2.8vw,32px);box-shadow:var(--sh-xs);
}
.ab-karte--top{border:2px solid var(--blue);box-shadow:0 26px 64px rgba(18,148,242,.14);}
.ab-band{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  padding:5px 14px;border-radius:999px;background:var(--blue);color:#fff;
  font-size:12px;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:var(--sh-blue);
}

.ab-name{margin:0 0 4px;font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--ink);}
.ab-text{margin:0 0 20px;font-size:14px;line-height:1.55;color:var(--ink-2);}

.ab-preis{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:48px;}
.ab-preis b{font-size:clamp(34px,3.6vw,42px);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--ink);}
.ab-preis span{font-size:14px;font-weight:600;color:var(--ink-2);}
.ab-preis-zusatz{min-height:20px;margin:6px 0 0;font-size:13px;font-weight:600;color:var(--ink-3);}
.ab-preis-zusatz.is-spar{color:#17663F;}

/* Monatlich / Jährlich */
.ab-umschalter{
  display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 18px;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;
}
.ab-umschalter button{
  border:0;background:none;cursor:pointer;padding:8px 16px;border-radius:7px;
  font-family:var(--f);font-size:13.5px;font-weight:700;color:var(--ink-2);white-space:nowrap;
}
.ab-umschalter button.is-aktiv{background:#fff;color:var(--blue-dk);box-shadow:0 2px 8px rgba(14,21,32,.10);}
.ab-umschalter small{font-weight:700;color:#17663F;margin-left:4px;}

.ab-aktion{
  display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:12px 14px;
  border-radius:var(--r-md);background:var(--teal-lt);border:1px solid rgba(42,156,140,.25);
  font-size:13.5px;line-height:1.45;color:#145C52;
}
.ab-aktion svg{flex:0 0 18px;width:18px;height:18px;margin-top:1px;color:var(--teal);}
.ab-aktion b{display:block;color:#0F4A42;}

/* Eckdaten */
.ab-fakten{margin:18px 0 0;padding:0;border-top:1px solid var(--line);}
.ab-fakten div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14px;}
.ab-fakten dt{color:var(--ink-2);}
.ab-fakten dd{margin:0;text-align:right;font-weight:700;color:var(--ink);}
.ab-fakten dd small{display:block;font-weight:500;font-size:12.5px;color:var(--ink-3);}

.ab-cta{margin-top:22px;}
.ab-cta .rg-btn{width:100%;}
.ab-cta-hinweis{margin:14px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink-3);text-align:center;}

/* Leistungen */
.ab-leistungen{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);flex:1;}
.ab-leistungen-titel{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px;}
.ab-liste{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.ab-liste li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink);}
.ab-liste li svg{flex:0 0 16px;width:16px;height:16px;margin-top:2px;color:var(--blue);}
.ab-liste li.is-nein{color:var(--ink-3);}
.ab-liste li.is-nein svg{color:#C3CBD6;}
.ab-mehr-btn{display:none;}

/* Vertrauen unten */
.ab-vertrauen{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;
  max-width:1000px;margin:clamp(24px,3vw,36px) auto 0;
  font-size:13.5px;font-weight:600;color:var(--ink-2);
}
.ab-vertrauen span{display:inline-flex;align-items:center;gap:7px;}
.ab-vertrauen svg{width:16px;height:16px;color:var(--teal);}

/* ---------- Tablet ---------- */
@media (max-width:860px){
  .ab-grid{grid-template-columns:minmax(0,1fr);max-width:560px;gap:28px;}
  .ab-karte--top{order:-1;}       /* empfohlenes Abo zuerst */
}

/* ---------- Handy ---------- */
@media (max-width:600px){
  .ab-kopf{margin-bottom:22px;text-align:left;}
  .ab-kopf .rg-fortschritt{margin-bottom:16px;}
  .ab-kopf .rg-kicker{display:none;}
  .ab-kopf .rg-lead{display:block;font-size:14px;margin:0;}
  .ab-grid{gap:22px;}
  .ab-karte{border-radius:18px;padding:20px 16px;}
  .ab-band{top:-11px;font-size:11.5px;padding:4px 12px;}
  .ab-text{margin-bottom:14px;font-size:13.5px;}
  .ab-umschalter{display:grid;width:100%;margin-bottom:14px;}
  .ab-fakten div{font-size:13.5px;padding:10px 0;}
  .ab-cta{margin-top:16px;}
  .ab-leistungen{margin-top:16px;padding-top:14px;}
  /* lange Liste kürzen, per Knopf aufklappbar */
  .ab-liste.is-kurz li:nth-child(n+5){display:none;}
  .ab-mehr-btn{
    display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;border:0;background:none;cursor:pointer;
    font-family:var(--f);font-size:13.5px;font-weight:700;color:var(--blue-dk);
  }
  .ab-vertrauen{justify-content:flex-start;flex-direction:column;gap:8px;font-size:13px;}
}