/* Einwilligungsbanner — flach, nicht zweispaltig, Text über die volle Breite.
   Nimmt die Palette der Seite (stil.css) auf, damit es kein Fremdteil ist. */
.ks-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:200;
  background:var(--grund-2,#1B1E24);
  border-top:1px solid var(--grund-3,#23272E);
  box-shadow:0 -14px 40px rgba(0,0,0,.4);
}
.ks-banner[hidden]{display:none}
.ks-banner__innen{
  max-width:1180px;margin-inline:auto;
  padding:16px clamp(1.15rem,4vw,3rem);
}
.ks-banner__titel{
  font-family:"Archivo Expanded","Public Sans",sans-serif;font-weight:600;
  font-size:1.05rem;line-height:1.2;color:var(--tinte,#ECEAE4);margin:0;
}
.ks-banner__text{
  margin:.5rem 0 0;line-height:1.55;color:var(--tinte-leise,#A2A8B0);
  font:400 .95rem/1.55 "Public Sans",system-ui,sans-serif;
}
.ks-banner__wahl{display:grid;gap:.5rem;margin:.9rem 0 0}
.ks-banner__wahl[hidden]{display:none}
.ks-banner__wahl label{
  display:flex;align-items:center;gap:.6ch;color:var(--tinte,#ECEAE4);
  font:500 .92rem/1.4 "Public Sans",system-ui,sans-serif;min-height:32px;
}
.ks-banner__wahl input{width:1.05rem;height:1.05rem;accent-color:var(--akzent,#E7A23E)}
.ks-banner__knoepfe{
  display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;
}
.ks-knopf{
  font:600 .92rem/1 "Public Sans",system-ui,sans-serif;
  padding:.7rem 1.1rem;min-height:44px;cursor:pointer;
  border-radius:var(--rad,4px);border:1px solid var(--grund-3,#23272E);
  background:transparent;color:var(--tinte,#ECEAE4);
  transition:border-color .18s ease,filter .18s ease;
}
.ks-knopf:hover{border-color:var(--akzent,#E7A23E)}
.ks-knopf--voll{background:var(--akzent,#E7A23E);color:#14161A;border-color:transparent}
.ks-knopf--voll:hover{filter:brightness(1.07)}
.ks-knopf--leise{color:var(--tinte-leise,#A2A8B0)}
.ks-knopf:focus-visible{outline:2px solid var(--akzent,#E7A23E);outline-offset:3px}

@media (min-width:680px){
  .ks-banner__innen{padding:18px clamp(1.15rem,4vw,3rem) 20px}
}