/* ============================================================
   YBS – Consent-Banner (DSGVO)
   Lädt externe Schriftarten (Google Fonts) erst nach Zustimmung.
   Eigenständig, unabhängig vom jeweiligen Seiten-Design.
   ============================================================ */

.consent{
  position:fixed;left:0;right:0;bottom:0;z-index:2000;
  background:#0d1016;color:#e8eaef;
  border-top:4px solid #0d5cff;
  box-shadow:0 -10px 40px rgba(0,0,0,.35);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  transform:translateY(110%);transition:transform .35s ease;
}
.consent.is-visible{transform:translateY(0)}
.consent__inner{
  max-width:1200px;margin-inline:auto;padding:22px clamp(20px,5vw,64px);
  display:flex;align-items:center;gap:28px;flex-wrap:wrap;
}
.consent__text{flex:1 1 460px;min-width:280px}
.consent__title{
  font-family:'Archivo','Inter',system-ui,sans-serif;
  font-weight:800;text-transform:uppercase;letter-spacing:.02em;
  font-size:1rem;margin-bottom:6px;color:#fff;
}
.consent__text p{font-size:.92rem;line-height:1.55;color:#c3c7d0;margin:0}
.consent__text a{color:#8ab4ff;text-decoration:underline}
.consent__actions{display:flex;gap:12px;flex:0 0 auto;flex-wrap:wrap}
.consent__btn{
  font-family:'Archivo','Inter',system-ui,sans-serif;
  font-weight:800;text-transform:uppercase;letter-spacing:.02em;
  font-size:.82rem;padding:13px 24px;border-radius:0;cursor:pointer;
  border:2px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;
}
.consent__btn:hover{transform:translateY(-2px)}
.consent__btn--accept{background:#f6a41c;color:#0d1016}
.consent__btn--accept:hover{background:#ffc043}
.consent__btn--decline{background:transparent;color:#e8eaef;border-color:rgba(255,255,255,.45)}
.consent__btn--decline:hover{background:#fff;color:#0d1016;border-color:#fff}
@media(max-width:640px){
  .consent__inner{gap:16px}
  .consent__actions{width:100%}
  .consent__btn{flex:1 1 auto;text-align:center}
}
@media(prefers-reduced-motion:reduce){.consent{transition:none}.consent__btn:hover{transform:none}}