/* Einwilligungs-Banner im Stil der Website (gleichwertige Knöpfe, kein Vorab-Häkchen) */
.cc { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1100; display: flex; justify-content: center; pointer-events: none; }
.cc[hidden] { display: none; }
.cc-in { pointer-events: auto; width: min(980px, 100%); display: flex; gap: 22px; align-items: center; padding: 20px 24px; background: #F5EEE2; color: #1A1C22;
  border: 1px solid #CFC2AC; box-shadow: 0 24px 60px rgba(10, 12, 18, .28); font-family: 'GFS Didot', 'Didot', Georgia, serif; font-size: 15px; line-height: 1.5; }
.cc-txt p { margin: 0; }
.cc-t { font-size: 12px !important; letter-spacing: .24em; text-transform: uppercase; color: #56524A; margin-bottom: 6px !important; }
.cc a { color: #24493F; }
.cc-btns { display: flex; gap: 10px; flex-shrink: 0; }
.cc-b { min-height: 48px; padding: 0 20px; border: 1px solid #24493F; background: #24493F; color: #F5EEE2; font: 13px 'GFS Didot', Georgia, serif; letter-spacing: .14em; text-transform: uppercase; cursor: pointer; border-radius: 2px; white-space: nowrap; }
.cc-b:hover { background: #173129; border-color: #173129; }
@media (max-width: 760px) {
  .cc { left: 0; right: 0; bottom: 0; }
  .cc-in { flex-direction: column; align-items: stretch; gap: 14px; padding: 18px 16px; font-size: 14px; }
  .cc-btns { flex-direction: column; }
}