/* =========================================================================
   SÜSS GRUPPE · Einwilligungsbanner
   Eigene Datei, weil das Banner erst per JS ins DOM kommt und auf jeder
   Seite gilt. Gestaltung folgt base.css (Jost/Lato, Orange, helle Bühne).
   Bewusst kein sperrendes Overlay: Impressum und Datenschutzerklärung
   müssen erreichbar bleiben, solange noch nichts entschieden ist.
   ========================================================================= */
.cc{
  position:fixed;left:0;right:0;bottom:0;z-index:200;
  background:#fff;border-top:1px solid var(--line-strong);
  box-shadow:0 -14px 40px rgba(26,25,23,.13);
}
.cc__inner{
  max-width:var(--wrap);margin:0 auto;padding:26px var(--pad);
  display:flex;align-items:center;gap:36px;
}
.cc__text{flex:1 1 auto;min-width:0;}
.cc__title{
  margin:0 0 8px;font-family:var(--display);font-weight:500;
  font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);
}
.cc__text p{
  margin:0;font-family:var(--body);font-weight:400;
  font-size:14.5px;line-height:1.62;color:var(--ink-62);
}
.cc__text a{color:var(--orange-ink);text-decoration:underline;}
.cc__text a:hover{color:var(--ink);}
.cc__links{margin-top:10px !important;font-size:13px !important;}

/* Beide Schaltflächen gleich groß und gleich gestaltet – eine hervorgehobene
   Zustimmung neben einer blassen Ablehnung gilt als unzulässige Lenkung. */
.cc__actions{flex:0 0 auto;display:flex;gap:12px;}
.cc__btn{
  font-family:var(--display);font-weight:600;font-size:12.5px;
  letter-spacing:.18em;text-transform:uppercase;
  padding:18px 26px;min-width:214px;text-align:center;cursor:pointer;
  background:var(--orange-dark);color:#fff;border:1px solid var(--orange-dark);
  transition:background .22s,border-color .22s;
}
.cc__btn:hover{background:var(--orange-ink);border-color:var(--orange-ink);}
.cc__btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px;}

@media (max-width:980px){
  .cc__inner{flex-direction:column;align-items:stretch;gap:20px;padding:22px 24px;}
  .cc__actions{flex-direction:column;}
  .cc__btn{min-width:0;width:100%;}
}

@media (prefers-reduced-motion:reduce){
  .cc__btn{transition:none;}
}