/* E9 (06.10.2026, Ritik): Hinweis "Cookies auf dieser Seite" wie auf risk./underwriting.focus-gruppe.com.
   Gestaltung = freigegebene Vorlage (projects/focus-gruppe-website/kontaktformular/vorlage/cookie-banner.html),
   Variablen auf Dirks Gruppen-Tokens abgebildet. Eigene Datei, weil Dirks CSP keine Inline-Stile erlaubt (style-src 'self'). */
/* Ebene: eine UNTER Dirks Kopfzeile (--z-header 50) -> ueber allen Inhalten, aber hinter Menue (80), Suche (81) und
   Gesellschafts-Auswahl. 06.10.2026: mit 9999 lag der Hinweis am Handy ueber dem offenen Menue, verdeckte 5 Eintraege,
   und "Verstanden" sah klickbar aus, war aber tot (Dirks Seitenskript setzt alles ausser dem Menue auf inert). */
.fdh-cb{--focus-button-primary:var(--focus-red);--focus-text-inverse:#fff;--text-button:.9375rem;
  position:fixed;left:0;right:0;bottom:0;z-index:calc(var(--z-header,50) - 1);background:#fff;border-top:1px solid #e3e3e3;box-shadow:0 -6px 18px rgba(0,0,0,.08)}
.fdh-cb[hidden]{display:none}
.fdh-cb-in{max-width:1100px;margin:0 auto;padding:14px 20px;display:grid;grid-template-columns:1fr auto;
  grid-template-areas:'titel knopf' 'text knopf';align-items:center;column-gap:28px;row-gap:2px;font-family:'Montserrat',system-ui,sans-serif}
.fdh-cb-t{grid-area:titel;margin:0;font-size:14px;font-weight:600;color:#1a1a1a}
.fdh-cb-x{grid-area:text;margin:0;font-size:13px;line-height:1.5;color:#575757;max-width:78ch}
.fdh-cb-x a{color:#e30613}
.fdh-cb-b{grid-area:knopf;justify-self:end;align-self:center;flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;
  justify-content:center;min-height:2.5rem;padding:.5rem 1.5rem;border:0;border-radius:var(--radius-s);background:var(--focus-button-primary);
  color:var(--focus-text-inverse);box-shadow:var(--shadow-glass);font:inherit;font-size:var(--text-button);font-weight:var(--fw-regular);
  line-height:1;cursor:pointer}
.fdh-cb-b:focus-visible{outline:3px solid #1a1a1a;outline-offset:2px}
@media(max-width:640px){.fdh-cb-in{grid-template-columns:1fr;grid-template-areas:'titel' 'text' 'knopf';row-gap:10px}
  .fdh-cb-b{justify-self:stretch;width:100%}}
/* Solange der Hinweis steht: Fusszeile unten frei (sonst liegen Impressum/Datenschutz darunter, vgl. Risk BUG-076)
   und per Tastatur fokussierte Elemente nicht unter dem Hinweis (WCAG 2.4.11). Stufen = gemessene Hinweishoehen. */
@media screen{body:has(#fdh-cb:not([hidden])) .site-footer{padding-bottom:112px}html:has(#fdh-cb:not([hidden])){scroll-padding-bottom:112px}}
@media screen and (max-width:899px){body:has(#fdh-cb:not([hidden])) .site-footer{padding-bottom:132px}html:has(#fdh-cb:not([hidden])){scroll-padding-bottom:132px}}
@media screen and (max-width:719px){body:has(#fdh-cb:not([hidden])) .site-footer{padding-bottom:190px}html:has(#fdh-cb:not([hidden])){scroll-padding-bottom:190px}}
@media screen and (max-width:559px){body:has(#fdh-cb:not([hidden])) .site-footer{padding-bottom:210px}html:has(#fdh-cb:not([hidden])){scroll-padding-bottom:210px}}
@media screen and (max-width:389px){body:has(#fdh-cb:not([hidden])) .site-footer{padding-bottom:229px}html:has(#fdh-cb:not([hidden])){scroll-padding-bottom:229px}}
@media screen and (max-width:359px){body:has(#fdh-cb:not([hidden])) .site-footer{padding-bottom:250px}html:has(#fdh-cb:not([hidden])){scroll-padding-bottom:250px}}
@media print{.fdh-cb{display:none!important}}