/* taxitarifrechner.de — Gestaltungssystem 2026 (Nachtblau + Bernstein)
   Eine Datei für die ganze Website: Tarifseiten, Rechner, Vermittlung, Unternehmensprofile.
   Ohne externe Schriften, ohne Build-Schritt. Klassen der Altseiten (.box, table, .tags,
   form.s, form.rf, .preis, .warn, .hk, .sig, .kb, .karte, .tab, .k) bleiben gültig. */

:root{
  color-scheme:light dark;
  --grund:#F6F6F3;--flaeche:#FFFFFF;--flaeche2:#EFEEE9;--flaeche3:#E6E4DD;
  --text:#15181E;--leise:#5C6370;--leise2:#8A9099;--linie:#E3E1DA;--linie2:#CFCBC1;
  --gelb:#F2B705;--gelb2:#D9A300;--gelb-weich:#FFF4CC;
  --nacht:#141922;--nacht2:#1C2230;--nacht-text:#E7EAF0;
  --link:#174A86;--ok:#15803D;--ok-weich:#DCFCE7;--warn:#B45309;--warn-weich:#FEF3C7;
  --rot:#B91C1C;--rot-weich:#FEE2E2;--info:#1D4ED8;--info-weich:#DBEAFE;
  --r:16px;--rs:10px;--rx:24px;--pill:999px;--breite:1080px;--lesen:760px;
  --schatten:0 1px 2px rgba(20,24,32,.05),0 12px 32px -20px rgba(20,24,32,.35);
  --schatten2:0 2px 6px rgba(20,24,32,.06),0 24px 48px -24px rgba(20,24,32,.45);
  --knopf-schatten:0 1px 2px rgba(20,24,32,.14),0 8px 18px -10px rgba(242,183,5,.75);
  --f:var(--text);--m:var(--leise);--l:var(--linie);--a:var(--link);
  --papier:var(--grund);--karte:var(--flaeche);--tinte:var(--text);--grau:var(--leise);
  --amt:var(--link);--amt-hell:var(--flaeche2);--taxi:var(--gelb);--fokus:var(--gelb)
}
@media (prefers-color-scheme:dark){:root:not([data-thema="hell"]){
  --grund:#0E1117;--flaeche:#161B23;--flaeche2:#1C222C;--flaeche3:#242B37;
  --text:#ECEEF2;--leise:#A0A8B4;--leise2:#7C8592;--linie:#262D38;--linie2:#343C49;
  --gelb-weich:#3A2F08;--nacht:#0A0D12;--nacht2:#12161E;
  --link:#8FB8EE;--ok:#4ADE80;--ok-weich:#0F2E1C;--warn:#FBBF24;--warn-weich:#3A2A05;
  --rot:#FCA5A5;--rot-weich:#3B1212;--info:#93C5FD;--info-weich:#0F1F3D;
  --schatten:0 1px 2px rgba(0,0,0,.5),0 12px 32px -20px rgba(0,0,0,.8);
  --schatten2:0 2px 6px rgba(0,0,0,.5),0 24px 48px -24px rgba(0,0,0,.9);
  --knopf-schatten:0 1px 2px rgba(0,0,0,.5),0 8px 18px -10px rgba(242,183,5,.35)
}}
:root[data-thema="dunkel"]{
  --grund:#0E1117;--flaeche:#161B23;--flaeche2:#1C222C;--flaeche3:#242B37;
  --text:#ECEEF2;--leise:#A0A8B4;--leise2:#7C8592;--linie:#262D38;--linie2:#343C49;
  --gelb-weich:#3A2F08;--nacht:#0A0D12;--nacht2:#12161E;
  --link:#8FB8EE;--ok:#4ADE80;--ok-weich:#0F2E1C;--warn:#FBBF24;--warn-weich:#3A2A05;
  --rot:#FCA5A5;--rot-weich:#3B1212;--info:#93C5FD;--info-weich:#0F1F3D;
  --schatten:0 1px 2px rgba(0,0,0,.5),0 12px 32px -20px rgba(0,0,0,.8);
  --schatten2:0 2px 6px rgba(0,0,0,.5),0 24px 48px -24px rgba(0,0,0,.9);
  --knopf-schatten:0 1px 2px rgba(0,0,0,.5),0 8px 18px -10px rgba(242,183,5,.35)
}

/* ---------- Grundlagen ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--grund);color:var(--text);
  font:16.5px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-synthesis-weight:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
.w{max-width:var(--breite);margin:0 auto;padding:0 clamp(16px,3vw,28px)}
.w.lesen{max-width:var(--lesen)}
main{padding-bottom:40px;min-height:50vh}
.uebersprung{position:absolute;left:-999px;top:8px;background:var(--gelb);color:#14171D;padding:8px 14px;
  border-radius:var(--rs);z-index:100;font-weight:700}
.uebersprung:focus{left:12px}

/* ---------- Text ---------- */
h1{font-size:clamp(1.9rem,1.3rem + 2.2vw,2.75rem);line-height:1.1;letter-spacing:-.03em;font-weight:800;
  margin:34px 0 10px;text-wrap:balance}
h2{font-size:clamp(1.25rem,1.1rem + .55vw,1.55rem);line-height:1.25;letter-spacing:-.02em;font-weight:750;
  margin:40px 0 12px;text-wrap:balance}
h3{font-size:1.08rem;font-weight:700;margin:24px 0 6px;letter-spacing:-.01em}
h4{font-size:.98rem;font-weight:700;margin:18px 0 4px}
p{margin:0 0 14px}
.sub{color:var(--leise);margin:0 0 20px;font-size:1.05rem;max-width:64ch;text-wrap:pretty}
.kurz{background:var(--flaeche2);border-left:4px solid var(--gelb);border-radius:var(--rs);padding:14px 18px;margin:0 0 22px;font-size:1.02rem;line-height:1.6}
.hint,.leise{color:var(--leise);font-size:.92rem}
.klein{font-size:.88rem}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:from-font}
a:hover{text-decoration-thickness:2px}
strong,b{font-weight:700}
hr{border:0;border-top:1px solid var(--linie);margin:32px 0}
ul.sauber,ol.sauber{list-style:none;padding:0;margin:0}
.reihe{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.zwischen{justify-content:space-between}
.abstand{margin-top:28px}
.zentriert{text-align:center}
.nummer{font-variant-numeric:tabular-nums}
.marke-text{color:var(--gelb2)}

/* ---------- Kopf ---------- */
.kopf{position:sticky;top:0;z-index:40;background:var(--grund);
  background:color-mix(in srgb,var(--grund) 86%,transparent);
  -webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);
  border-bottom:1px solid var(--linie)}
.kopf-i{display:flex;align-items:center;gap:14px;min-height:64px}
.marke{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;
  font-weight:800;font-size:1.06rem;letter-spacing:-.02em;white-space:nowrap}
.marke:hover{text-decoration:none}
.marke-zeichen{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;
  background:var(--gelb);color:#14171D;font-size:.62rem;font-weight:900;letter-spacing:.06em;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--gelb) 22%,transparent)}
.nav-schalter{display:none}
.nav-knopf{display:none;margin-left:auto;width:42px;height:42px;border-radius:var(--rs);
  border:1px solid var(--linie);background:var(--flaeche);cursor:pointer;place-items:center}
.nav-knopf span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;
  box-shadow:0 -6px 0 var(--text),0 6px 0 var(--text)}
.nav{margin-left:auto;display:flex;align-items:center;gap:2px;font-size:.95rem}
.nav a{color:var(--leise);text-decoration:none;padding:8px 12px;border-radius:var(--pill);font-weight:500;
  transition:background .15s,color .15s}
.nav a:hover{color:var(--text);background:var(--flaeche2)}
.nav a[aria-current="page"]{color:var(--text);background:var(--flaeche2);font-weight:650}
.nav a.cta{margin-left:8px;background:var(--gelb);color:#14171D;font-weight:700;box-shadow:var(--knopf-schatten)}
.nav a.cta:hover{filter:brightness(1.06)}
.nav a.jetzt{color:var(--text);background:var(--gelb);font-weight:650}

/* ---------- Brotkrumen ---------- */
nav.bc{font-size:.85rem;color:var(--leise2);margin:20px 0 -10px;display:flex;flex-wrap:wrap;gap:4px 8px}
nav.bc a{color:var(--leise);text-decoration:none}
nav.bc a:hover{color:var(--text);text-decoration:underline}
nav.bc span::before{content:"›";margin-right:8px;color:var(--leise2)}
nav.bc span:first-child::before{content:none}

/* ---------- Held (Startseite / Landingpages) ---------- */
.held{background:linear-gradient(135deg,var(--nacht) 0%,var(--nacht2) 60%,#2A2410 140%);color:var(--nacht-text);
  border-radius:var(--rx);padding:clamp(34px,5vw,64px) clamp(22px,4vw,56px);margin:24px 0 32px;position:relative;
  overflow:hidden;box-shadow:var(--schatten2)}
.held::after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--gelb) 30%,transparent),transparent 70%);pointer-events:none}
.held h1{color:#fff;margin:0 0 12px;max-width:18ch}
.held .sub{color:#B9C0CC;font-size:1.12rem;max-width:56ch}
.held .marke-text{color:var(--gelb)}
.held form.s{margin:26px 0 12px;max-width:640px}
.held .vertrauen{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.9rem;color:#B9C0CC;margin-top:14px}
.held .vertrauen b{color:#fff;font-weight:650}

/* ---------- Karten und Raster ---------- */
.box,.k{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:20px 22px;
  margin:20px 0;box-shadow:var(--schatten)}
.box p:last-child,.k p:last-child{margin-bottom:0}
.box h2:first-child,.box h3:first-child,.k h2:first-child,.k h3:first-child{margin-top:0}
.k.erfolg{border-color:color-mix(in srgb,var(--ok) 40%,var(--linie));background:color-mix(in srgb,var(--ok-weich) 60%,var(--flaeche))}
.k.warnung{border-color:color-mix(in srgb,var(--warn) 40%,var(--linie));background:color-mix(in srgb,var(--warn-weich) 60%,var(--flaeche))}
.k.achtung,.warn{border:1px solid color-mix(in srgb,var(--rot) 35%,var(--linie));
  background:color-mix(in srgb,var(--rot-weich) 60%,var(--flaeche));border-radius:var(--r);padding:16px 18px;margin:20px 0}
.k.info{border-color:color-mix(in srgb,var(--info) 35%,var(--linie));background:color-mix(in srgb,var(--info-weich) 60%,var(--flaeche))}
.raster{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:18px 0}
.raster-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.raster-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.kachel{display:flex;flex-direction:column;gap:6px;background:var(--flaeche);border:1px solid var(--linie);
  border-radius:var(--r);padding:20px;text-decoration:none;color:var(--text);box-shadow:var(--schatten);
  transition:transform .15s,border-color .15s,box-shadow .15s;margin:0}
.kachel:hover{transform:translateY(-2px);border-color:var(--gelb);box-shadow:var(--schatten2);text-decoration:none}
.kachel .symbol{width:40px;height:40px;border-radius:12px;background:var(--gelb-weich);color:var(--gelb2);
  display:grid;place-items:center;font-size:1.25rem;margin-bottom:6px}
.kachel h3,.kachel strong{margin:0;font-size:1.05rem;letter-spacing:-.01em}
.kachel p{margin:0;color:var(--leise);font-size:.94rem}
.kachel .weiter{margin-top:auto;color:var(--link);font-weight:600;font-size:.92rem}
.kennzahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}
.kennzahl{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:16px 18px}
.kennzahl b{display:block;font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;font-variant-numeric:tabular-nums}
.kennzahl span{color:var(--leise);font-size:.88rem}
.abschnitt{margin:44px 0 0}
.abschnitt-kopf{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.abschnitt-kopf h2{margin:0 0 4px}
.abschnitt-kopf a.mehr{font-weight:600;font-size:.94rem;white-space:nowrap}

/* ---------- Tabellen ---------- */
.tab{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;margin:14px 0 24px;font-size:.97rem;font-variant-numeric:tabular-nums}
th,td{border-bottom:1px solid var(--linie);padding:11px 12px;text-align:left;vertical-align:top}
thead th{font-weight:650;color:var(--leise);font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;
  border-bottom:1px solid var(--linie2);background:var(--flaeche2)}
tbody tr{transition:background .12s}
tbody tr:hover{background:var(--flaeche2)}
td a{font-weight:500}
table.tarif th{width:46%;color:var(--leise);font-weight:500}
table.tarif td{font-weight:650;text-align:right}
.box table:last-child{margin-bottom:0}

/* ---------- Marken / Chips / Badges ---------- */
.tags{margin:10px 0 6px}
.tags a{display:inline-block;background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--pill);
  padding:7px 15px;margin:5px 6px 0 0;text-decoration:none;font-size:.92rem;color:var(--text);
  transition:border-color .15s,transform .15s,box-shadow .15s}
.tags a:hover{border-color:var(--gelb);transform:translateY(-1px);box-shadow:var(--schatten)}
.sig,.badge,.marke-klein{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:650;
  padding:4px 11px;border-radius:var(--pill);border:1px solid var(--linie);background:var(--flaeche2);color:var(--leise);
  white-space:nowrap;vertical-align:middle}
.sig.ok,.badge.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--linie));background:var(--ok-weich);color:var(--ok)}
.badge.gelb{border-color:color-mix(in srgb,var(--gelb) 60%,var(--linie));background:var(--gelb-weich);color:#6B4F00}
.badge.warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--linie));background:var(--warn-weich);color:var(--warn)}
.badge.info{border-color:color-mix(in srgb,var(--info) 40%,var(--linie));background:var(--info-weich);color:var(--info)}
.badge.rot{border-color:color-mix(in srgb,var(--rot) 40%,var(--linie));background:var(--rot-weich);color:var(--rot)}
@media (prefers-color-scheme:dark){:root:not([data-thema="hell"]) .badge.gelb{color:var(--gelb)}}

/* ---------- Suchfeld ---------- */
form.s{display:flex;gap:8px;margin:22px 0 28px;background:var(--flaeche);border:1px solid var(--linie);
  border-radius:var(--pill);padding:6px;box-shadow:var(--schatten);flex-wrap:wrap}
form.s input{flex:1 1 220px;min-width:0;padding:13px 18px;border:0;background:transparent;color:var(--text);
  font-size:1.05rem;border-radius:var(--pill)}
form.s input:focus{outline:0}
form.s:focus-within{border-color:var(--gelb);box-shadow:0 0 0 4px color-mix(in srgb,var(--gelb) 26%,transparent),var(--schatten)}
form.s button{white-space:nowrap}

/* ---------- Eingaben und Knöpfe ---------- */
input,select,textarea{background:var(--flaeche);color:var(--text);border:1px solid var(--linie2);border-radius:var(--rs);
  font:inherit;font-size:1rem;padding:12px 14px;width:100%;max-width:100%}
input[type="checkbox"],input[type="radio"]{width:auto;padding:0;accent-color:var(--gelb2);width:18px;height:18px;vertical-align:-3px;margin-right:6px}
input[type="file"]{padding:10px;background:var(--flaeche2);border-style:dashed}
textarea{min-height:130px;resize:vertical;line-height:1.5}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gelb);outline-offset:2px;border-color:var(--gelb)}
label{display:block;font-size:.88rem;font-weight:600;color:var(--leise);margin:0 0 6px}
label.kaestchen{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;font-weight:500;color:var(--text);font-size:.97rem;margin:0;cursor:pointer}
label.kaestchen input{margin:3px 0 0}
.plz-ort{display:grid;grid-template-columns:110px 1fr;gap:0 12px}
.feld{margin:0 0 16px}
.feld .hilfe{display:block;color:var(--leise2);font-size:.82rem;margin-top:5px;font-weight:400}
.feld.fehler input,.feld.fehler textarea,.feld.fehler select{border-color:var(--rot)}
.feld .fehler-text{color:var(--rot);font-size:.85rem;margin-top:5px}
.felder{display:grid;gap:0 16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.felder .breit{grid-column:1/-1}
fieldset{border:1px solid var(--linie);border-radius:var(--r);padding:16px 18px 4px;margin:0 0 20px}
legend{font-weight:700;padding:0 6px;font-size:.95rem}
button,.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:650;
  letter-spacing:-.005em;cursor:pointer;border:0;border-radius:var(--pill);padding:12px 22px;background:var(--gelb);
  color:#14171D;box-shadow:var(--knopf-schatten);transition:filter .15s,transform .15s;text-decoration:none;
  width:auto;line-height:1.2}
button:hover,.knopf:hover{filter:brightness(1.06);text-decoration:none}
button:active,.knopf:active{transform:translateY(1px)}
button:disabled{opacity:.55;cursor:not-allowed;filter:none}
.knopf.zweit,button.zweit,.kb{background:var(--flaeche);color:var(--text);border:1px solid var(--linie2);box-shadow:none;font-weight:600}
.knopf.zweit:hover,button.zweit:hover,.kb:hover{border-color:var(--gelb);filter:none;background:var(--flaeche2)}
.knopf.dunkel{background:var(--nacht);color:#fff;box-shadow:var(--schatten)}
.knopf.klein,button.klein{padding:8px 15px;font-size:.9rem}
.knopf.gross{padding:15px 28px;font-size:1.06rem}
.knopf.leise{background:transparent;color:var(--link);box-shadow:none;padding-left:8px;padding-right:8px}
button[style*="background:var(--a)"],button[style*="background:var(--f)"]{background:var(--gelb)!important;color:#14171D!important;
  border-radius:var(--pill)!important;padding:13px 24px!important;box-shadow:var(--knopf-schatten)!important}
a:focus-visible,button:focus-visible,summary:focus-visible,label:focus-visible{outline:2px solid var(--gelb);outline-offset:3px;border-radius:4px}
form.rf{margin:24px 0 8px}
form.rf .f{margin:0 0 14px}
form.rf .rr{display:flex;gap:14px;flex-wrap:wrap}
form.rf .rr .f{flex:1;min-width:150px}
.preis{font-size:clamp(2.2rem,1.6rem + 2vw,3.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.05;
  margin:10px 0 4px;font-variant-numeric:tabular-nums}
.hk{margin:18px 0 4px;border-top:1px solid var(--linie);padding-top:14px}
.hk summary{cursor:pointer;font-weight:650}
details.auf{border:1px solid var(--linie);border-radius:var(--rs);padding:10px 14px;margin:0 0 8px;background:var(--flaeche)}
details.auf summary{cursor:pointer;font-weight:600}
details.auf[open]{border-color:var(--linie2)}
.karte{position:relative;overflow:hidden;border:1px solid var(--linie);border-radius:var(--r);background:var(--flaeche2);
  margin:14px 0 0;box-shadow:var(--schatten)}
.karte .kt{position:absolute;inset:0}
.karte .kt img{display:block;border:0}
.karte .katt{position:absolute;right:0;bottom:0;background:color-mix(in srgb,var(--flaeche) 88%,transparent);
  color:var(--leise);font-size:.72rem;padding:3px 8px;border-top-left-radius:var(--rs)}

/* ---------- Unternehmensprofil ---------- */
.profil-kopf{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin:26px 0 10px}
.profil-logo{width:96px;height:96px;border-radius:20px;background:var(--flaeche);border:1px solid var(--linie);
  display:grid;place-items:center;overflow:hidden;box-shadow:var(--schatten);font-weight:900;font-size:2rem;color:var(--gelb2)}
.profil-logo img{width:100%;height:100%;object-fit:cover}
.profil-kopf h1{margin:0 0 4px}
.profil-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--leise);font-size:.95rem;align-items:center}
.profil-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-top:20px}
.profil-seite{position:sticky;top:80px}
.profil-seite .box{margin-top:0}
.kontakt dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:.95rem}
.kontakt dt{color:var(--leise);font-weight:500}
.kontakt dd{margin:0;overflow-wrap:anywhere}
.kontakt .knopf{width:100%;margin-top:14px}
.galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:14px 0 6px}
.galerie a,.galerie figure{display:block;margin:0;aspect-ratio:4/3;border-radius:var(--rs);overflow:hidden;
  background:var(--flaeche2);border:1px solid var(--linie)}
.galerie img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.galerie a:hover img{transform:scale(1.04)}
.galerie .gross{grid-column:span 2;grid-row:span 2}
.leistungen{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0}
.leistungen li{background:var(--flaeche2);border:1px solid var(--linie);border-radius:var(--pill);padding:6px 13px;font-size:.9rem}
.leistungen li::before{content:"✓";color:var(--ok);font-weight:800;margin-right:6px}
.zeiten{width:100%;margin:8px 0 0;font-size:.95rem}
.zeiten td{padding:6px 0;border:0}
.zeiten td:first-child{color:var(--leise);width:40%}
.zeiten tr.heute td{font-weight:700}
.geoeffnet{color:var(--ok);font-weight:650}
.geschlossen{color:var(--leise)}
.sterne{display:inline-flex;gap:1px;color:var(--gelb2);font-size:1.05rem;letter-spacing:-1px;line-height:1;vertical-align:-2px}
.sterne.gross{font-size:1.5rem}
.sterne .leer{color:var(--linie2)}
.bewertung-summe{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.bewertung-summe .zahl{font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.bewertung-balken{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;font-size:.86rem;color:var(--leise);margin-top:10px}
.bewertung-balken .balken{height:8px;background:var(--flaeche3);border-radius:4px;overflow:hidden}
.bewertung-balken .balken i{display:block;height:100%;background:var(--gelb);border-radius:4px}
.rezension{border-top:1px solid var(--linie);padding:16px 0 4px}
.rezension:first-of-type{border-top:0}
.rezension-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:baseline}
.rezension-kopf b{font-weight:700}
.rezension-kopf time{color:var(--leise2);font-size:.86rem}
.rezension p{margin:8px 0 0;text-wrap:pretty}
.antwort{margin:12px 0 0 18px;padding:12px 16px;border-left:3px solid var(--gelb);background:var(--flaeche2);border-radius:0 var(--rs) var(--rs) 0;font-size:.95rem}
.antwort b{display:block;font-size:.85rem;color:var(--leise);margin-bottom:4px}
.sterne-wahl{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.sterne-wahl input{position:absolute;opacity:0;width:0;height:0}
.sterne-wahl label{cursor:pointer;font-size:2rem;color:var(--linie2);margin:0;line-height:1;transition:color .1s}
.sterne-wahl label:hover,.sterne-wahl label:hover~label,.sterne-wahl input:checked~label{color:var(--gelb2)}
.sterne-wahl input:focus-visible+label{outline:2px solid var(--gelb);border-radius:4px}
.firmen-liste{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin:18px 0}
.firma-karte{display:grid;grid-template-columns:64px 1fr;gap:14px;background:var(--flaeche);border:1px solid var(--linie);
  border-radius:var(--r);padding:16px;box-shadow:var(--schatten);color:var(--text);text-decoration:none;
  transition:transform .15s,border-color .15s}
.firma-karte:hover{transform:translateY(-2px);border-color:var(--gelb);text-decoration:none}
.firma-karte .profil-logo{width:64px;height:64px;border-radius:14px;font-size:1.3rem;box-shadow:none}
.firma-karte h3{margin:0 0 2px;font-size:1.02rem}
.firma-karte .hint{margin:0}
.ablauf{counter-reset:s;list-style:none;padding:0;margin:20px 0;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.ablauf li{background:var(--flaeche);border:1px solid var(--linie);border-radius:var(--r);padding:20px 20px 18px 20px;position:relative}
.ablauf li::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:32px;height:32px;
  border-radius:50%;background:var(--gelb);color:#14171D;font-weight:800;margin-bottom:10px}
.ablauf b{display:block;margin-bottom:4px}
.fortschritt{display:flex;gap:6px;margin:14px 0 22px}
.fortschritt span{flex:1;height:6px;border-radius:3px;background:var(--flaeche3)}
.fortschritt span.aktiv{background:var(--gelb)}
.foto-vorschau{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.foto-vorschau figure{margin:0;width:110px;aspect-ratio:4/3;border-radius:var(--rs);overflow:hidden;border:1px solid var(--linie);position:relative}
.foto-vorschau img{width:100%;height:100%;object-fit:cover}
.foto-vorschau .weg{position:absolute;right:4px;top:4px}
.meldung{padding:14px 18px;border-radius:var(--rs);margin:16px 0;font-size:.97rem}
.meldung.ok{background:var(--ok-weich);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.meldung.fehler{background:var(--rot-weich);color:var(--rot);border:1px solid color-mix(in srgb,var(--rot) 35%,transparent)}
.meldung.info{background:var(--info-weich);color:var(--info);border:1px solid color-mix(in srgb,var(--info) 35%,transparent)}

/* ---------- Vermittlung (Bestellen, Status, Partner) ---------- */
.lesen-i{max-width:var(--lesen);margin:0 auto}
.btn{display:inline-flex;justify-content:center;align-items:center;width:100%;font:inherit;font-weight:700;font-size:1rem;cursor:pointer;
  border:0;border-radius:var(--pill);padding:14px 22px;background:var(--gelb);color:#14171D;box-shadow:var(--knopf-schatten);
  text-decoration:none;transition:filter .15s,transform .15s}
.btn:hover{filter:brightness(1.06);text-decoration:none}
.btn:active{transform:translateY(1px)}
.btn.zweit{background:var(--flaeche);color:var(--text);border:1px solid var(--linie2);box-shadow:none}
.btn.zweit:hover{border-color:var(--gelb);filter:none}
.fehler:not(.feld):not(.meldung){background:var(--rot-weich);color:var(--rot);border:1px solid color-mix(in srgb,var(--rot) 35%,transparent);
  border-radius:var(--rs);padding:12px 16px;margin:14px 0}
.gut{background:var(--ok-weich);color:var(--ok);border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);border-radius:var(--rs);padding:12px 16px;margin:14px 0}
.zeile{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--linie)}
.zeile:last-child{border-bottom:0}
.zeile span{color:var(--leise)}
.zeile b{font-weight:700}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tel{font-size:1.15rem;font-weight:800;color:var(--link);text-decoration:none;font-variant-numeric:tabular-nums}
.tel:hover{text-decoration:underline}
.schritte{font-size:.74rem;color:var(--leise);font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 6px}
.liste{list-style:none;padding:0;margin:0}
.liste li{padding:13px 0;border-bottom:1px solid var(--linie)}
.liste li:last-child{border-bottom:0}
.gruppe{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--leise);margin:26px 0 4px}

/* ---------- Fuß ---------- */
.fuss{margin-top:72px;background:var(--nacht);color:#B9C0CC;padding:44px 0 36px;font-size:.93rem}
.fuss a{color:#DDE2EA;text-decoration:none}
.fuss a:hover{color:var(--gelb);text-decoration:underline}
.fuss-raster{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.fuss h4{color:#fff;margin:0 0 10px;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
.fuss ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.fuss .marke{color:#fff}
.fuss .marke-zeichen{box-shadow:none}
.fuss p{max-width:36ch;color:#8F98A6;margin:12px 0 0}
.fuss-unten{border-top:1px solid #2A3140;margin-top:32px;padding-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px;
  justify-content:space-between;color:#8F98A6;font-size:.86rem}
.fuss .thema{background:transparent;border:1px solid #2A3140;color:#DDE2EA;padding:6px 12px;font-size:.84rem;box-shadow:none}
footer:not(.fuss){margin-top:64px;background:var(--nacht);color:#C7CDD8;padding:34px 0 40px;font-size:.94rem}
footer:not(.fuss) .w{display:flex;flex-wrap:wrap;gap:10px 22px}
footer:not(.fuss) a{color:#C7CDD8;text-decoration:none}

/* ---------- Responsiv ---------- */
@media (max-width:900px){
  .profil-layout{grid-template-columns:1fr}
  .profil-seite{position:static}
  .fuss-raster{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  body{font-size:16px}
  .kopf-i{min-height:58px;flex-wrap:wrap}
  .nav-knopf{display:grid}
  .nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding:6px 0 12px;margin:0}
  .nav a{padding:11px 12px;border-radius:var(--rs);font-size:1rem}
  .nav a.cta{margin:8px 0 0;text-align:center}
  .nav-schalter:checked~.nav{display:flex}
  h1{margin-top:24px}
  th,td{padding:9px 8px;font-size:.93rem}
  .held{border-radius:18px;margin:14px 0 24px}
  .profil-kopf{grid-template-columns:72px 1fr;gap:14px}
  .profil-logo{width:72px;height:72px;border-radius:16px;font-size:1.5rem}
  .galerie .gross{grid-column:span 2;grid-row:span 1}
  .fuss-raster{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto}
}
@media print{
  .kopf,.fuss,footer,.nav-knopf,form.s{display:none}
  body{background:#fff;color:#000}
  .box,.k{box-shadow:none}
}