/* Banner fuer die Datenschutz-Einstellungen. Farben und Schriften kommen aus
   den Variablen der jeweiligen Seite, damit es sich einfuegt. */
.gw-cc{
  position:fixed; left:clamp(12px,3vw,24px); right:clamp(12px,3vw,24px);
  bottom:clamp(12px,3vw,24px); max-width:30rem; z-index:9999;
  background:var(--surface,#fffbf3); color:var(--ink-mid,#3a2a20);
  border:1px solid var(--line,rgba(36,24,18,.14)); border-radius:var(--r,18px);
  padding:1.4rem 1.5rem; box-shadow:0 18px 44px rgba(36,24,18,.18);
  display:none; font-size:.92rem; line-height:1.6;
}
.gw-cc.gw-cc-show{ display:block; animation:gw-cc-auf .32s ease both; }
@keyframes gw-cc-auf{ from{opacity:0;transform:translateY(12px)} to{opacity:1;transform:none} }
@media (prefers-reduced-motion:reduce){ .gw-cc.gw-cc-show{ animation:none; } }

.gw-cc h2{
  font-family:var(--f-d,sans-serif); font-weight:600; font-size:1.08rem;
  color:var(--ink,#241812); margin:0 0 .6rem; letter-spacing:-.01em;
}
.gw-cc p{ margin:0 0 1rem; color:var(--ink-soft,#655244); font-size:.88rem; }

.gw-cc-opt{ display:grid; grid-template-columns:auto 1fr; gap:.7rem; align-items:start; }
.gw-cc-opt input{
  width:1.05rem; height:1.05rem; margin-top:.25rem;
  accent-color:var(--accent,#a3223f); flex:none;
}
.gw-cc-opt label{ font-size:.85rem; color:var(--ink-soft,#655244); }
/* Kein Figtree-Fettschnitt vorhanden: Hervorhebung ueber Farbe und Schriftart */
.gw-cc-opt label span{
  display:block; font-family:var(--f-d,sans-serif); font-weight:600;
  color:var(--ink,#241812); margin-bottom:.15rem;
}

.gw-cc-btns{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.2rem; }
.gw-cc .gw-btn{
  flex:1 1 auto; justify-content:center; display:inline-flex; align-items:center;
  font-family:var(--f-d,sans-serif); font-weight:600; font-size:.92rem;
  padding:.75em 1.3em; border-radius:999px; border:1px solid transparent;
  background:var(--accent,#a3223f); color:var(--accent-ink,#fff8ee);
  cursor:pointer; line-height:1;
}
.gw-cc .gw-btn:hover{ background:var(--accent-hi,#c73152); }
.gw-cc .gw-btn-ghost{
  background:transparent; color:var(--ink,#241812);
  border-color:var(--line-strong,rgba(36,24,18,.26));
}
.gw-cc .gw-btn-ghost:hover{ background:var(--paper-deep,#ece0cb); }
.gw-cc .gw-btn:focus-visible{ outline:2px solid var(--accent,#a3223f); outline-offset:2px; }