/* Cookie-Consent – kompakte Karte unten rechts (Desktop), Leiste unten (Mobile) */
.cc-banner{
  position:fixed;z-index:9999;
  left:1.25rem;bottom:1.25rem;right:auto;
  width:min(360px,calc(100vw - 2.5rem));
  background:var(--surface-2,#fff);
  border:1px solid var(--line,rgba(26,28,27,.12));
  border-radius:14px;
  box-shadow:0 10px 40px rgba(70,58,0,.18);
  animation:cc-in .35s cubic-bezier(.22,1,.36,1) both;
}
@keyframes cc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cc-inner{display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1.25rem}
.cc-text{font-size:.9rem;line-height:1.5}
.cc-text strong{display:block;margin-bottom:.3rem;font-size:1rem;font-family:var(--font-display,inherit)}
.cc-text p{margin:0;color:var(--ink-soft,#57544f)}
.cc-text a{text-decoration:underline}
.cc-options{display:flex;flex-direction:column;gap:.45rem;margin-top:.6rem}
.cc-options label{display:flex;align-items:center;gap:.5rem}
.cc-options span{color:var(--ink-soft,#57544f)}
.cc-actions{display:flex;flex-direction:column;gap:.5rem}
.cc-actions .btn{width:100%;text-align:center;justify-content:center}
/* hidden-Attribut MUSS gewinnen (sonst sind Optionen + Speichern-Button dauerhaft sichtbar) */
.cc-options[hidden]{display:none}
.cc-actions .btn[hidden]{display:none}
/* dezenter Textlink für Einstellungen */
.cc-link{
  align-self:flex-start;background:none;border:0;padding:0;cursor:pointer;
  font:inherit;font-size:.82rem;color:var(--ink-soft,#57544f);text-decoration:underline;
}
.cc-link:hover{color:var(--ink,#1a1c1b)}

@media (max-width:680px){
  /* Kompakt halten, damit der Banner nicht das halbe Viewport verdeckt (Audit K1 + #40) */
  .cc-banner{right:0;left:0;bottom:0;width:auto;border-radius:14px 14px 0 0;max-height:60vh;overflow-y:auto}
  .cc-inner{padding:.65rem .9rem;gap:.4rem}
  .cc-text{font-size:.8rem;line-height:1.35}
  .cc-text strong{font-size:.92rem;margin-bottom:.1rem;display:block}
  /* Buttons nebeneinander statt gestapelt → spart Höhe; 44px Tap-Target */
  .cc-actions{flex-direction:row;flex-wrap:wrap}
  .cc-actions .btn{flex:1 1 0;min-width:120px;min-height:44px;display:inline-flex;align-items:center}
  .cc-link{align-self:center;padding:.3rem .25rem;min-height:32px}
}