/* Seite „Cookie-Einstellungen“ (/cookie-einstellungen/) – Klassen mit Präfix ce-. Mobile first.
   Die Schalter erzeugt der Consent-Baustein in [data-consent-einstellungen] (Gestaltung: css/consent.css, .lpc--seite). */

.ce-hero { padding-bottom: clamp(2rem, 5vw, 3rem); }
.ce-hero .page-hero__grid { grid-template-columns: minmax(0, 1fr); }
.ce-hero .page-hero__lead { max-width: 42rem; }

.ce { padding-top: clamp(1.5rem, 4vw, 2.5rem); }
.ce__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.ce__grid > * { min-width: 0; }

/* Auswahl: weiße Kachel mit den Schaltern */
.ce__karte { padding: clamp(1.5rem, 4vw, 2.5rem); border-radius: var(--radius-l); background: var(--tile); box-shadow: var(--shadow-s); }
.ce__karte h2 { font-size: clamp(1.375rem, 1.15rem + .8vw, 1.75rem); }
.ce__intro { margin-top: .6rem; color: var(--muted); font-size: 1rem; }
.ce__panel { margin-top: 1.5rem; }
.ce__hinweis { padding: 1rem 1.2rem; border-radius: 8px; background: var(--bg); font-size: 1rem; }

/* Gut zu wissen: hellblaue Kachel */
.ce__info { padding: clamp(1.5rem, 4vw, 2rem); border-radius: var(--radius); background: var(--tile-2); }
.ce__info-title { font-size: 1.25rem; }
.ce__liste { margin-top: 1rem; font-size: 1rem; }
.ce__liste a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; }

@media (min-width: 1024px) {
  .ce__grid { grid-template-columns: minmax(0, 44rem) minmax(0, 20rem); justify-content: center; gap: 2.5rem; }
}