/* Barrierefreiheit (WCAG 2.2 AA), zuletzt geladen. Gesammelt statt über sechs
   Dateien verteilt — eine Stelle, die man prüfen und bei Bedarf zurücknehmen kann.
   Gefunden mit axe-core 4.10 und einer Prüfung bei 375 px, 2026-10-18. */

/* 2.5.8 Zielgröße: Textschaltflächen in Kopfzeile, Fußzeile und Seitenlinks
   waren 16–17 px hoch. 24 px Mindesthöhe, ohne die Zeilen sichtbar zu verschieben. */
.linkish, .company-link, .colophon-legal button, .colophon-legal a {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
}
.linkish.pos-title { display: inline; min-height: 0; } /* Titel im Fließtext bleiben Text */

/* 1.4.3 / Lesbarkeit: nichts unter 12 px. */
.glance-link .k, .workflow-strip span, .provider-line, .lines-calc-price .kicker,
.mainnav .cnt { font-size: 12px; }
.company-link { font-size: 13px; }

/* 1.4.3 Kontrast: Versionsstempel war per Deckkraft auf 3,1:1 abgeblendet. */
.version-stamp { color: var(--color-neutral-700); }

/* 1.4.1 Links im Fließtext nicht nur an der Farbe erkennbar. */
.legal-section-body a, .company-legal p a, .company-legal address a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Cookie-Schaltfläche im Datenschutztext: wie ein Link, mit vollem Kontrast. */
.legal-section-body button[data-cookie-settings] {
  background: none;
  border: 1px solid currentColor;
  color: var(--color-accent-700);
  padding: 4px 10px;
  min-height: 32px;
  font: inherit;
  cursor: pointer;
}

/* Fokussierbare Scrollbereiche (siehe app.js labelScrollRegions) sichtbar fokussieren. */
.scroll-x:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 2px; }

/* Schrittleiste der Bestellung: auf dem Telefon nicht unter 12 px. */
@media (max-width: 640px) {
  .flow-bar-item, .flow-bar-link { font-size: 12px; hyphens: auto; }
  .flow-bar-no { font-size: 12px; }
}

/* Telefon: die Übersichtsleiste (fünf Kacheln, zwei Reihen ≈ 210 px) klebte
   oben und nahm zusammen mit dem Cookie-Hinweis gut zwei Drittel des
   Bildschirms. Sie scrollt jetzt mit; die Navigation bleibt oben erreichbar. */
@media (max-width: 760px) {
  .glance { position: static; }
}

/* Telefon: Cookie-Hinweis kompakter — gleichwertige Wahl nebeneinander. */
@media (max-width: 480px) {
  .cookie-banner { font-size: 15px; padding: 14px; max-height: 50vh; }
  .cookie-banner p { margin-bottom: 10px; }
  .cookie-banner .cookie-actions { gap: 8px; margin-top: 8px; }
  .cookie-banner .cookie-actions button { flex: 1 1 calc(50% - 4px); padding: 8px 10px; }
  .cookie-banner .cookie-actions button:last-child:nth-child(odd) { flex-basis: 100%; }
}