/* Einwilligungsbanner Google Analytics, nur Livestand Schreinerei Hergert (Anna 26.10.2026, Abschnitt 3.6).
   Hergert-CI über deren Variablen (system.css, brand.css, finish.css). Fest am unteren Rand, außerhalb des
   Flusses: kein Layoutsprung, keine Einblendanimation, nicht modal.
   Kompakt seit 26.10.2026 (Philip): Rechner Text links und Knöpfe rechts in einer Zeile, Handy Knöpfe nebeneinander.
   Beide Knöpfe gleich gestaltet und mit gleichem Hover (Gleichwertigkeit, VG Hannover 10 A 5385/22, DSK OH 1.2). */
.einwilligung{position:fixed;left:16px;right:16px;bottom:16px;z-index:40;max-width:880px;margin-inline:auto;max-height:calc(100dvh - 32px);overflow:auto;background:var(--paper,#fff);color:var(--ink,#20221e);border:1px solid var(--line,#dedfd9);border-radius:var(--radius-small,8px);padding:16px 20px;box-shadow:0 4px 18px rgba(32,34,30,.16);font-family:var(--font-family,Archivo,Arial,sans-serif);display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 24px}
.einwilligung[hidden]{display:none}
.einwilligung h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.einwilligung p{margin:0;font-size:14px;line-height:1.45;color:var(--ink,#20221e)}
.einwilligung a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.einwilligung a:hover{text-decoration-thickness:2px}
.einwilligung-knoepfe{display:flex;gap:var(--space-3,12px)}
.einwilligung-knoepfe button{min-width:132px;min-height:44px;padding:0 var(--space-4,16px);font:inherit;font-size:15px;font-weight:600;color:#fff;background:var(--ink,#20221e);border:2px solid var(--ink,#20221e);border-radius:var(--radius-control,6px);cursor:pointer;transition:background-color .15s ease,color .15s ease}
@media (hover:hover){.einwilligung-knoepfe button:hover{background:var(--paper,#fff);color:var(--ink,#20221e)}}
.einwilligung-knoepfe button:active{transform:translateY(1px)}
.einwilligung :focus-visible{outline:3px solid var(--focus,var(--ink,#20221e));outline-offset:3px}
@media (max-width:640px){
  .einwilligung{left:12px;right:12px;bottom:12px;padding:14px 16px;grid-template-columns:1fr;gap:12px}
  .einwilligung p{font-size:13.5px}
  .einwilligung-knoepfe button{flex:1 1 0;min-width:0}
}
@media (prefers-reduced-motion:reduce){.einwilligung-knoepfe button{transition:none}.einwilligung-knoepfe button:active{transform:none}}
#seitenanfang:focus{outline:none}
/* Fußzeile: wie die Links in .footer-bottom (chrome.css) */
.footer-einwilligung{font:inherit;color:inherit;background:none;border:0;padding:0;min-height:44px;cursor:pointer;display:inline-flex;align-items:center}
@media (hover:hover){.footer-einwilligung:hover{text-decoration:underline;text-underline-offset:5px}}
/* Datenschutzerklärung, Abschnitt #analyse: Knopf im Stil der Hergert-Bedienelemente (.request) */
.einwilligung-oeffnen{display:inline-flex;align-items:center;min-height:48px;margin:0 0 var(--space-4,16px);padding:0 19px;font:inherit;font-size:var(--font-label,15px);color:var(--ink,#20221e);background:var(--paper,#fff);border:1px solid var(--ink,#20221e);border-radius:var(--radius-control,6px);cursor:pointer}
@media (hover:hover){.einwilligung-oeffnen:hover{background:var(--ink,#20221e);color:#fff}}
@media print{.einwilligung{display:none}}
/* Ben 26.10.2026 S1: Fokus auf dem Banner selbst (Widerruf über „Cookie-Einstellungen“) sichtbar. body nur als
   Fokusziel nach einer Wahl mit der Maus, ohne Rahmen. */
.einwilligung:focus{outline:none}
.einwilligung:focus-visible{outline:3px solid var(--focus,var(--ink,#20221e));outline-offset:3px}
body:focus{outline:none}