/* =====================================================================
   Camilux – Cookie-Consent-Banner (nach Leitkante-Vorlage)
   Lädt nach style.css und nutzt dessen Farben, Schriften und .btn.
   Beide Knöpfe sind absichtlich gleich gestaltet: Ablehnen ist genauso
   sichtbar wie Akzeptieren. Gold bleibt der Handlung „Reise anfragen“ vorbehalten.
   ===================================================================== */

.cookie-banner {
  position: fixed;
  left: clamp(12px, 2.4vw, 32px);
  right: clamp(12px, 2.4vw, 32px);
  bottom: calc(clamp(12px, 2.4vw, 32px) + var(--unten-sicher));
  z-index: 80;
  max-width: 500px;
  padding: 24px;
  background: var(--anthrazit-flaeche);
  border: 1px solid rgba(243, 236, 224, .18);
  border-radius: var(--radius);
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .75);
  color: var(--creme);
  animation: einblenden .6s var(--kurve) both;
}
.cookie-banner[hidden] { display: none; }

.cookie-banner__titel { font: 400 22px/1.2 var(--f-display); }
.cookie-banner__text { margin-top: 10px; font-size: 14px; line-height: 1.6; color: var(--creme-gedaempft); }
.cookie-banner__aktionen { margin-top: 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.cookie-banner__knopf { --h: 48px; width: 100%; padding: 0 16px; border-color: rgba(243, 236, 224, .34); color: var(--creme); }
.cookie-banner__knopf:hover { border-color: var(--creme); }
.cookie-banner__link {
  display: inline-block;
  margin-top: 14px;
  font-size: 13px;
  color: var(--taupe);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cookie-banner__link:hover { color: var(--creme); }

/* Link „Cookie-Einstellungen“ in der Fußzeile – sieht aus wie die Links daneben */
.fuss__cookie { font-size: 15px; color: var(--creme-gedaempft); transition: color .3s; }
.fuss__cookie:hover { color: var(--creme); }