/* Bildfahrt – nur Variablen (Design-Kit K4a). Kontrastwerte in DESIGN.md. */
:root {
  --marke: #1f5c66;
  --marke-dunkel: #164650;
  --marke-hell: #e4f0f1;
  --akzent: #c77a32;
  --flaeche: #f6f2ea;
  --radius: 14px;
}
/* Ratgeber-Übersicht: ganze Karte ist Link, ohne Unterstreichung */
a.karte { text-decoration: none; color: inherit; display: block; }
a.karte:hover h2 { text-decoration: underline; }
/* Sprachumschalter DE/EN bleibt auch auf dem Handy sichtbar (Kit blendet Textlinks unter 760 px aus) */
.nav a.sprache { font-size: .9rem; letter-spacing: .04em; }
@media (max-width: 760px) {
  .nav { gap: .85rem; }
  .nav a.sprache { display: inline; }
  .nav a.btn { white-space: nowrap; padding-inline: .9rem; }
}

/* Abzeichen der empfohlenen Preiskarte auf englischen Seiten übersetzen (Kit-Text ist deutsch) */
html[lang="en"] .preis-karte.empfohlen::before { content: "Recommended"; }
.preis-hinweis { margin-top: 1.5rem; }
h1, h2 { overflow-wrap: break-word; hyphens: manual; }