/* Theme für vanilla-cookieconsent v3.1.0. Wird nur geladen, wenn mindestens ein SEOmatic-Tracking-Dienst aktiv ist (siehe _stage.twig). Lädt NACH cookieconsent.css: gleiche Spezifität (#cc-main), Quellreihenfolge entscheidet, deshalb kommt hier kein !important vor. Die --bs-*-Variablen stammen aus bss-overrides.css; Custom Properties werden vom all:unset der Library nicht zurückgesetzt und sind innerhalb von #cc-main verfügbar. */ #cc-main { --cc-font-family: var(--bs-body-font-family); --cc-bg: #fff; --cc-primary-color: var(--bs-heading-color); --cc-secondary-color: var(--bs-body-color); --cc-link-color: var(--bs-primary); --cc-toggle-on-bg: var(--bs-primary); --cc-btn-border-radius: var(--bs-border-radius); --cc-modal-border-radius: var(--bs-border-radius); --cc-separator-border-color: var(--bs-border-color); /* Über fixed (1030), unter offcanvas-backdrop (1040) — beide Werte im lokalen bootstrap.min.css verifiziert. Modals liegen damit über dem Banner. */ --cc-z-index: 1035; /* Entscheidungs-Buttons: die .btn-primary-Tokens aus bss-overrides.css */ --cc-btn-primary-bg: #008898; --cc-btn-primary-color: #fff; --cc-btn-primary-border-color: #008898; --cc-btn-primary-hover-bg: #269AA7; --cc-btn-primary-hover-color: #fff; --cc-btn-primary-hover-border-color: #269AA7; } /* "Alle akzeptieren" und "Alle ablehnen" müssen optisch gleichwertig sein. Die Library entfernt bei equalWeightButtons:true zwar die --secondary-Klasse, diese Regel hält die Gleichwertigkeit aber auch dann, wenn die Option je abgeschaltet wird. data-role ist im Bundle als stabiler Hook belegt. */ #cc-main [data-role="all"], #cc-main [data-role="necessary"] { background: var(--cc-btn-primary-bg); border-color: var(--cc-btn-primary-border-color); color: var(--cc-btn-primary-color); } #cc-main [data-role="all"]:hover, #cc-main [data-role="necessary"]:hover { background: var(--cc-btn-primary-hover-bg); border-color: var(--cc-btn-primary-hover-border-color); color: var(--cc-btn-primary-hover-color); } /* "Einstellungen" ist keine Alternative zu Akzeptieren/Ablehnen, sondern eine Vertiefung — Optik von .btn-outline-primary, damit die beiden echten Entscheidungen klar nebeneinander stehen. */ #cc-main [data-role="show"] { background: transparent; border-color: var(--bs-primary); color: var(--bs-primary); } #cc-main [data-role="show"]:hover { background: var(--bs-primary); border-color: var(--bs-primary); color: #fff; } /* Freiraum unter der fixen Leiste: ohne ihn verdeckt sie den Absende-Button langer Formulare (/beratungsanfrage) und die Footer-Zeile. Die Klasse setzt die Library am , solange der Banner sichtbar ist. */ html.show--consent body { padding-bottom: 11rem; } @media (min-width: 992px) { html.show--consent body { padding-bottom: 7rem; } } /* Widerruf-Button im Footer: .btn schließt ihn von der globalen Link-Regel in default.css aus, und .btn-link zöge --bs-link-color (Bootstrap-Blau, im Projekt nicht überschrieben). Deshalb hier explizit auf die Fließtext-Link-Optik der Site angeglichen: geerbte Textfarbe, dezente Teal-Unterstreichung. */ .kc-consent-link { --bs-btn-color: inherit; --bs-btn-hover-color: var(--bs-heading-color); --bs-btn-active-color: var(--bs-heading-color); text-decoration-color: rgba(var(--bs-primary-rgb), .35); }