/* ========================================
   KLARO COOKIE BANNER - CUSTOM POSITION
   Banner mittig am unteren Bildschirmrand
   ======================================== */

/* Klaro Notice (Banner) - Mittig unten positionieren */
.klaro .cookie-notice {
  position: fixed;
  bottom: 20px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  max-width: min(90vw, 600px);
  width: auto;
  margin: 0;
  z-index: 9999;
}

/* Modal (wenn geöffnet) - ebenfalls zentriert */
.klaro .cookie-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  max-width: min(90vw, 800px);
  max-height: 90vh;
  width: auto;
  margin: 0;
  z-index: 10000;
}

/* Mobile Anpassung */
@media (max-width: 768px) {
  .klaro .cookie-notice {
    max-width: calc(100vw - 32px);
    bottom: 16px;
  }
  
  .klaro .cookie-modal {
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 64px);
  }
}

/* Verhindere Überlappung mit Audio-Player (unten links) */
.klaro .cookie-notice {
  /* Audio-Player ist bei left: 12px, bottom: 24px, width: 320px */
  /* Banner sollte nicht überlappen */
  padding-bottom: env(safe-area-inset-bottom, 0);
}