/* SW Cookie-Hinweis: Widerspruchs-Shortcode. Sichtbar ist die Fassung, die zum Status am -Element passt. */ html[data-swc-statistik="aus"] .swc-widerspruch__an, html:not([data-swc-statistik="aus"]) .swc-widerspruch__aus { display: none; } .swc-widerspruch__knopf { margin: 0 0 0 8px; padding: 8px 16px; border: 0; border-radius: 3px; background: #004494; color: #fff; font: inherit; font-size: 0.85em; line-height: 1.2; cursor: pointer; } .swc-widerspruch__knopf:hover { background: #0058bf; } .swc-widerspruch__knopf:focus-visible { outline: 2px solid #004494; outline-offset: 2px; } /* Einwilligungsleiste (nur Opt-in) am unteren Rand, Farben wie der bisherige Hinweis. */ .swc-hinweis { position: fixed; right: 0; bottom: 0; left: 0; z-index: 100000; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 24px; box-sizing: border-box; padding: 14px 20px; background: #32323a; color: #fff; font-family: 'Lato', sans-serif; font-size: 14px; line-height: 1.5; hyphens: manual; } .swc-hinweis[hidden] { display: none; } .swc-hinweis__text { flex: 1 1 320px; max-width: 760px; margin: 0; color: inherit; /* Das Theme setzt Schriftgröße und Laufweite direkt auf p. */ font-size: 14px; font-weight: 400; line-height: 1.5; letter-spacing: 0; } .swc-hinweis__aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; } /* Beide Knöpfe bewusst gleich gestaltet: Ablehnen ist so leicht wie Zustimmen. */ .swc-hinweis__knopf { margin: 0; padding: 9px 16px; border: 0; border-radius: 3px; background: #004494; color: #fff; font: inherit; line-height: 1.2; cursor: pointer; } .swc-hinweis__knopf:hover { background: #0058bf; } .swc-hinweis__link, .swc-hinweis__link:visited { color: #fff; text-decoration: underline; } .swc-hinweis__knopf:focus-visible, .swc-hinweis__link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } /* Ab dieser Breite sitzt das Logo fest unten links (über allem): Platz lassen. */ @media (min-width: 1011px) { .swc-hinweis { padding-left: calc(8vw + 60px); } } @media (max-width: 600px) { .swc-hinweis { padding: 12px 16px; } .swc-hinweis__text { font-size: 13px; } .swc-hinweis__aktionen { flex: 1 1 100%; } }