/* ═══════════════════════════════════════════════════════════
   Unique Lounge — Anti-Aging & Regeneration
   Ergänzendes Stylesheet, ausschließlich von
   anti-aging-hamburg-eppendorf.html geladen.
   stil.css bleibt unverändert.
   Alle Werte stammen aus dem bestehenden Design-System.
   ═══════════════════════════════════════════════════════════ */

/* ───── Abschnittsabstände ───────────────────────────────── */

.aa-auftakt   { padding-top: clamp(3.5rem, 7vw, 6rem); }
.aa-anschluss { padding-top: 0; }

/* ───── Textspalten ──────────────────────────────────────── */

.aa-kopf   { max-width: 52ch; }
.aa-spalte { max-width: 62ch; }

.aa-lead {
  margin-top: 1.8rem;
  color: var(--tinte);
}

.aa-nach-titel { margin-top: 1.2rem; }
.aa-preis      { margin-top: 1.4rem; }

/* ───── Überschrift im Einordnungsblock ──────────────────── */

.aa-titel-klein { font-size: clamp(1.4rem, 2.4vw, 2rem); }

/* ───── Tastengruppen ────────────────────────────────────── */

.aa-tasten       { margin-top: 2rem; }
.aa-tasten-eng   { margin-top: 1.4rem; }
.aa-tasten-mitte { justify-content: center; }

/* ───── Verweis in der Braue ─────────────────────────────── */

.aa-braue-verweis {
  text-decoration: none;
  color: inherit;
}

/* ───── Einwilligungsbanner ──────────────────────────────── */
/* Ersetzt das bisherige Inline-Attribut style="display:none".
   Das Skript blendet das Banner weiterhin über
   element.style.display ein und aus; ein Inline-Wert hat
   Vorrang vor dieser Regel, das Verhalten bleibt identisch. */

#cookie-banner { display: none; }