/* Hinweis zur Statistik („Cookie-Banner“, Stufe „leicht“): blockiert die Seite nicht, beide Wahlmöglichkeiten gleich groß.
   Farben wie crazysun.de; Fallbacks, weil die Datei auch auf danke.html (landing.css) läuft. */
.consent {
  position: fixed; z-index: 40; left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom));
  max-width: 420px; padding: 18px 18px 14px; border-radius: 20px;
  background: rgba(255, 255, 255, .94); border: 1px solid rgba(247, 107, 28, .18);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  box-shadow: 0 16px 48px rgba(26, 14, 5, .16);
  font-family: "Outfit", system-ui, sans-serif; color: var(--ink, #1A0E05);
  animation: consent-in .35s cubic-bezier(.2, .8, .2, 1) both;
}
.consent[hidden] { display: none; }
.consent-title { font-weight: 700; font-size: 15px; }
.consent-text { margin-top: 6px; font-size: 13.5px; line-height: 1.5; color: var(--mid, #7A5C45); }
.consent-text .link { font-size: inherit; color: var(--ink, #1A0E05); }
.consent-actions { display: flex; gap: 10px; margin-top: 14px; }
.consent-btn {
  flex: 1; min-height: 46px; padding: 0 16px; border-radius: 100px; cursor: pointer;
  font: 700 14.5px "Outfit", system-ui, sans-serif; transition: transform .2s, box-shadow .2s;
}
.consent-no { background: #fff; color: var(--ink, #1A0E05); border: 1.5px solid rgba(26, 14, 5, .55); }
.consent-yes {
  border: 0; color: #fff; background: var(--grad, linear-gradient(135deg, #F76B1C, #F9A825));
  box-shadow: 0 4px 24px rgba(247, 107, 28, .38);
}
.consent-btn:hover { transform: translateY(-2px); }
.consent-btn:focus-visible { outline: 3px solid rgba(247, 107, 28, .45); outline-offset: 2px; }
.consent-state { margin-top: 8px; font-size: 12px; color: var(--mid, #7A5C45); }
.consent-state:empty { display: none; }

/* Fester Würfel-Button unten (mobil) solange der Hinweis offen ist ausblenden – nur visibility,
   damit die Ein-/Ausblendung aus landing.js (.hide/.busy) unberührt bleibt */
body.consent-open .dock { visibility: hidden; }

/* Handy: kompakt, damit der Würfel-Button im ersten Bildschirm sichtbar bleibt */
@media (max-width: 599px) {
  .consent { padding: 14px 14px 12px; border-radius: 18px; }
  .consent-title { font-size: 14px; }
  .consent-text { margin-top: 4px; font-size: 12.5px; line-height: 1.45; }
  .consent-actions { margin-top: 10px; }
  .consent-btn { min-height: 42px; font-size: 14px; }
}
@media (min-width: 900px) {
  .consent { left: 24px; right: auto; bottom: 24px; }
}
@keyframes consent-in { from { opacity: 0; transform: translateY(16px); } }
@media (prefers-reduced-motion: reduce) {
  .consent { animation: none; }
  .consent-btn { transition: none; }
}