/* Aware Pilates · Cookie-Banner. Gleichwertige Buttons für Zustimmen und Ablehnen. */
.cc { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 300; display: flex; justify-content: flex-start; pointer-events: none; }
.cc__card { pointer-events: auto; width: min(460px, 100%); background: #fffdfb; color: #2d2622; border-radius: 22px; padding: 22px 22px 18px; box-shadow: 0 30px 60px -28px rgba(45, 38, 34, .45), 0 0 0 1px rgba(45, 38, 34, .06); font: 300 .9rem/1.55 "Poppins", system-ui, sans-serif; opacity: 0; transform: translateY(14px); transition: opacity .3s cubic-bezier(.22, 1, .36, 1), transform .3s cubic-bezier(.22, 1, .36, 1); }
.cc.is-open .cc__card { opacity: 1; transform: none; }
.cc__title { font: 400 1.5rem/1.1 "Cormorant Garamond", Georgia, serif; margin: 0 0 8px; }
.cc__text { margin: 0 0 14px; color: #554a44; }
.cc__text a { color: #c94524; }
.cc__details { display: grid; gap: 10px; margin: 0 0 16px; padding: 14px 0 0; border-top: 1px solid #e3d8cf; }
.cc__details[hidden] { display: none; }
.cc__opt { display: flex; gap: 10px; align-items: flex-start; font-size: .84rem; color: #554a44; cursor: pointer; }
.cc__opt b { display: block; font-weight: 500; color: #2d2622; }
.cc__opt input { accent-color: #ea5c37; width: 18px; height: 18px; margin-top: 2px; flex: none; }
.cc__btns { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.cc__btn { flex: 1 1 140px; border: 0; border-radius: 999px; padding: 13px 16px; background: #ea5c37; color: #fff; font: 500 .86rem/1 "Poppins", system-ui, sans-serif; cursor: pointer; }
.cc__btn:hover { background: #c94524; }
.cc__link { border: 0; background: none; padding: 8px 4px; font: 400 .82rem/1 "Poppins", system-ui, sans-serif; color: #554a44; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.cc__link[hidden] { display: none; }
@media (max-width: 760px) {
  .cc { left: 8px; right: 8px; bottom: 8px; }
  .cc__card { width: 100%; padding: 16px 16px 12px; border-radius: 18px; font-size: .8rem; line-height: 1.45; }
  .cc__title { font-size: 1.2rem; margin-bottom: 4px; }
  .cc__text { margin-bottom: 10px; }
  .cc__btn { padding: 11px 12px; font-size: .8rem; }
  .cc__link { padding: 6px 2px 2px; }
}
@media (prefers-reduced-motion: reduce) { .cc__card { transition: none; transform: none; } }