/* ============================================================
   VAITS – Cookie-Banner (Blau auf Papierweiß)
   Klassennamen unverändert – nur Optik neu.
   ============================================================ */

#cc-banner{
  position:fixed; left:0; right:0; bottom:0; z-index:9999;
  background:#fff;
  border-top:1px solid var(--line);
  box-shadow:0 -8px 28px rgba(15,30,48,.08);
  transform:translateY(110%); transition:transform .4s ease;
  font-family:var(--font-text); color:var(--fg);
}
#cc-banner.show{transform:translateY(0)}

.cc-inner{
  max-width:1180px; margin:0 auto; padding:1.4rem clamp(1.25rem,5vw,1.75rem);
  display:flex; align-items:center; gap:2rem; flex-wrap:wrap; justify-content:space-between;
}
.cc-text{flex:1; min-width:260px}
.cc-text strong{
  font-family:var(--font-display); font-weight:700; font-size:.98rem; display:block;
  margin-bottom:.4rem;
}
.cc-text p{font-size:.88rem; line-height:1.62; color:var(--dim); max-width:70ch; margin:0}
.cc-text a{color:var(--accent); text-decoration:underline; text-underline-offset:2px}

.cc-actions{display:flex; gap:.7rem; flex-wrap:wrap; align-items:center}
.cc-btn{
  font-family:var(--font-text); font-weight:600; font-size:.88rem;
  padding:.72rem 1.3rem; border-radius:var(--radius); cursor:pointer;
  border:1.5px solid transparent;
  transition:background .15s,border-color .15s,color .15s; white-space:nowrap;
}

/* "Alle akzeptieren" */
.cc-solid{background:var(--accent); color:#fff; border-color:var(--accent)}
.cc-solid:hover{background:var(--accent-dark); border-color:var(--accent-dark)}

/* "Ablehnen" – gleichwertig prominent (DSK-Anforderung) */
.cc-neutral{background:var(--surface); color:var(--fg); border-color:var(--line)}
.cc-neutral:hover{border-color:var(--fg)}

/* "Einstellungen" – dezent, aber sichtbar */
.cc-ghost{background:transparent; color:var(--dim); border-color:var(--line)}
.cc-ghost:hover{color:var(--fg); border-color:var(--accent)}

/* Einstellungs-Panel */
.cc-settings-panel{
  border-top:1px solid var(--line);
  max-width:1180px; margin:0 auto; padding:.5rem clamp(1.25rem,5vw,1.75rem) 1.6rem;
}
.cc-row{
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem;
  padding:1rem 0; border-bottom:1px solid var(--line);
}
.cc-row strong{font-family:var(--font-display); font-weight:600; font-size:.92rem; display:block}
.cc-row span{font-size:.8rem; color:var(--dim); display:block; margin-top:.18rem}
.cc-fixed{font-size:.8rem; color:var(--accent); font-weight:600; white-space:nowrap}
.cc-panel-actions{padding-top:1.1rem; display:flex; justify-content:flex-end}

/* Toggle-Switch */
.cc-switch{position:relative; display:inline-block; width:46px; height:26px; flex-shrink:0}
.cc-switch input{opacity:0; width:0; height:0}
.cc-switch span{
  position:absolute; inset:0; cursor:pointer; background:var(--line); border-radius:26px; transition:background .25s;
}
.cc-switch span::before{
  content:''; position:absolute; height:20px; width:20px; left:3px; top:3px;
  background:#fff; border-radius:50%; transition:transform .25s;
}
.cc-switch input:checked + span{background:var(--accent)}
.cc-switch input:checked + span::before{transform:translateX(20px)}

/* Footer-Link "Cookie-Einstellungen" */
.cc-reopen{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:underline}
.cc-reopen:hover{color:var(--accent)}

@media(max-width:760px){
  .cc-inner{flex-direction:column; align-items:stretch; gap:1.1rem}
  .cc-actions{justify-content:stretch}
  .cc-actions .cc-btn{flex:1; text-align:center}
}

@media (prefers-reduced-motion:reduce){
  #cc-banner{transition:none}
}