/* ===== Cookie Consent Card (compact, bottom-left, gleichgewichtige Buttons) ===== */
.cookie-banner{
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 1000;
  max-width: 380px;
  width: calc(100% - 48px);
  background: #2B2621;
  color: #F4F0E6;
  border: 1px solid rgba(244,240,230,0.14);
  border-top: 3px solid #2F8F76;
  border-radius: 3px;
  padding: 22px 24px;
  display: none;
  flex-direction: column;
  gap: 16px;
  font-family: 'Inter', sans-serif;
  box-shadow: 0 12px 32px rgba(0,0,0,0.28);
}

.cookie-banner-text{
  font-size: 0.88rem;
  line-height: 1.55;
  color: #C9BFAF;
}

.cookie-banner-text a{
  color: #F4F0E6;
  text-decoration: underline;
}

.cookie-banner-actions{
  display: flex;
  gap: 10px;
}

/* Gleiches Gewicht für beide Buttons - keine Farb-/Kontrast-Bevorzugung
   des "Akzeptieren"-Buttons, damit die Entscheidung wirklich frei ist. */
.cookie-banner-actions button{
  flex: 1;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.86rem;
  padding: 11px 16px;
  border-radius: 2px;
  cursor: pointer;
  border: 1.5px solid rgba(244,240,230,0.35);
  background: transparent;
  color: #F4F0E6;
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
}

.cookie-banner-actions button:hover{
  transform: translateY(-1px);
  background: rgba(244,240,230,0.1);
}

.cookie-btn-accept{
  border-color: #2F8F76;
}
.cookie-btn-accept:hover{
  background: rgba(47,143,118,0.16);
}

.cookie-settings-link{
  background: none;
  border: none;
  color: inherit;
  text-decoration: underline;
  font: inherit;
  cursor: pointer;
  padding: 0;
}

@media (max-width: 500px){
  .cookie-banner{
    left: 12px;
    right: 12px;
    bottom: 12px;
    width: auto;
    max-width: none;
  }
  .cookie-banner-actions{ flex-direction: column; }
}