/* ============ ONF Tiefenrein – Consent-Banner ============ */
.consent{
  position:fixed;left:0;right:0;bottom:0;z-index:9999;
  display:none;
  padding:clamp(14px,3vw,22px);
  pointer-events:none;
}
.consent.is-open{display:block}
.consent-box{
  pointer-events:auto;
  max-width:960px;margin-inline:auto;
  background:#0D2F23;color:#F3F5EE;
  border:1px solid rgba(201,241,106,.28);
  border-radius:18px;
  box-shadow:0 18px 50px rgba(0,0,0,.34);
  padding:clamp(20px,3vw,28px);
  display:flex;flex-wrap:wrap;align-items:center;gap:18px 26px;
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:.95rem;line-height:1.6;
  animation:consent-in .35s ease-out;
}
@keyframes consent-in{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.consent-box{animation:none}}

.consent-text{flex:1 1 380px;min-width:0;color:rgba(243,245,238,.86)}
.consent-text b{display:block;color:#F3F5EE;font-size:1.06rem;font-weight:800;margin-bottom:6px}
.consent-text a{color:#C9F16A;text-decoration:underline;text-underline-offset:2px}
.consent-text a:hover{color:#fff}

.consent-actions{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}
.consent-btn{
  font:700 .95rem/1 inherit;
  border-radius:999px;padding:13px 24px;
  border:1.5px solid transparent;cursor:pointer;
  transition:background .18s,color .18s,border-color .18s;
}
.consent-btn.accept{background:#C9F16A;color:#0D2F23}
.consent-btn.accept:hover{background:#fff}
.consent-btn.decline{background:transparent;color:#F3F5EE;border-color:rgba(243,245,238,.4)}
.consent-btn.decline:hover{background:rgba(243,245,238,.12);border-color:#F3F5EE}
.consent-btn:focus-visible{outline:3px solid #C9F16A;outline-offset:3px}

/* Link zum Widerruf in der Fußzeile */
.consent-reopen{
  background:none;border:none;padding:0;cursor:pointer;
  font:inherit;color:inherit;text-decoration:none;
}
.consent-reopen:hover{color:#C9F16A}

@media(max-width:560px){
  .consent-box{flex-direction:column;align-items:stretch;gap:16px}
  .consent-actions{flex-direction:column}
  .consent-btn{width:100%}
}