/* =============================================================================
   Kirby-spezifische Ergänzungen
   -----------------------------------------------------------------------------
   site.css ist eine 1:1-Kopie der Astro-Styles und bleibt unangetastet
   (jederzeit über _build/css-bauen.py neu erzeugbar). Alles, was im
   Astro-Projekt so nicht existierte, steht hier — aktuell nur der
   Sprachumschalter: Er war in Astro über `showLanguageSwitch: false`
   ausgeblendet, im Kirby-Port ist DE/EN aber Kernfunktion (Briefing Phase 2/6).
   Gestaltung bewusst aus den vorhandenen Tokens abgeleitet, keine neuen Farben.
   ============================================================================= */

.langswitch {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.03em;
}

.langswitch__item {
  color: var(--c-ink-soft);
  text-decoration: none;
  padding: 0.35rem 0.5rem;
  border-radius: var(--radius-btn);
  transition: color var(--dur-fast) ease-out, background var(--dur-fast) ease-out;
}

.langswitch__item:hover {
  color: var(--c-primary);
  background: var(--c-surface-alt);
}

.langswitch__item.is-active {
  color: var(--c-primary);
}

/* Trenner zwischen den Sprachkürzeln */
.langswitch__item + .langswitch__item {
  border-left: 1px solid var(--c-line);
  border-radius: 0 var(--radius-btn) var(--radius-btn) 0;
}

@media (max-width: 1024px) {
  /* Auf Mobil neben dem Burger, damit die Sprache ohne Menü erreichbar bleibt */
  .langswitch { margin-right: 0.25rem; font-size: 0.85rem; }
}

/* ---------- Cookie-Hinweis (DSGVO) ----------
   Existierte im Astro-Projekt nicht; nachträglich beauftragt. Gestaltung
   ausschließlich mit vorhandenen Tokens: weiße Fläche, 1px-Linie, eckig —
   wie die Karten des Bestandsdesigns. Kein neuer Farbwert. */
.cookiehinweis{
  position: fixed; inset-inline: 0; bottom: 0; z-index: 80;
  background: var(--c-surface);
  border-top: 1px solid var(--c-line);
  box-shadow: var(--shadow-panel);
  padding-block: 1rem;
}
.cookiehinweis__inner{
  display: flex; align-items: center; gap: 1.5rem;
}
.cookiehinweis__text{ margin: 0; font-size: 0.92rem; }
.cookiehinweis__text a{ color: var(--c-accent); }
.cookiehinweis__ok{ flex-shrink: 0; padding: 0.65rem 1.4rem; }
@media (max-width: 620px){
  .cookiehinweis__inner{ flex-direction: column; align-items: stretch; text-align: left; gap: 0.9rem; }
}