/*
  Kompakte Kontakt-Kurzuebersicht -- bewusst KEIN Card-Grid (kein Rahmen/Schatten
  pro Eintrag, keine Card-Komponente wiederverwendet): 2-4 Eintraege in einer
  Zeile sind selbsterklaerend genug, eine volle Card-Optik waere hier
  Overengineering fuer reine Kontaktdaten. flex-wrap statt Container-Query
  reicht: der Umbruch von Reihe zu gestapelter Spalte ist rein inhaltsgetrieben
  (wie viel Platz haben 2-4 Eintraege nebeneinander), keine strukturelle
  Layoutentscheidung wie bei Card/Hero, die eine Container Query rechtfertigen
  wuerde.
*/@layer komponenten{.sofortkontakt-leiste{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding);padding-block:var(--space-10)}.sofortkontakt-leiste__titel{margin:0 0 var(--space-4);color:var(--farbe-akzent)}.sofortkontakt-leiste__liste{display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-10);margin:0;padding:var(--space-6) 0;list-style:none;border-block:1px solid var(--farbe-linie)}.sofortkontakt-leiste__eintrag{display:flex;align-items:flex-start;gap:var(--space-3);min-width:12rem}.sofortkontakt-leiste__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--farbe-flaeche);color:var(--farbe-akzent)}.sofortkontakt-leiste__icon svg{width:var(--space-4);height:var(--space-4)}.sofortkontakt-leiste__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.sofortkontakt-leiste__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.04em;color:var(--farbe-text-dezent)}.sofortkontakt-leiste__wert{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--farbe-text)}a.sofortkontakt-leiste__wert{text-decoration:none}a.sofortkontakt-leiste__wert:hover,a.sofortkontakt-leiste__wert:focus-visible{color:var(--farbe-akzent);text-decoration:underline}}