/*
 * Barrierefreiheit - Dialog und Platzhalter von Borlabs Cookie
 * Version 1.4.0
 *
 * Eingebunden ueber das MU-Plugin imh-a11y.php, nur bei aktivem Borlabs Cookie.
 * Farben, Radien und Abstaende des Dialogs stehen in den Einstellungen von
 * Borlabs Cookie. Hier steht, was diese Einstellungen nicht abdecken.
 * Aenderungsdokumentation: siehe Projektunterlagen, Abschnitt "a11y-borlabs.css 1.0.0".
 *
 * Zur Spezifitaet: Borlabs laedt das Stylesheet des Dialogs erst mit dem Dialog
 * nach, also hinter dieser Datei. Jede Regel fuer den Dialog beginnt deshalb mit
 * "body #BorlabsCookieBox" und liegt damit ueber den Regeln des Plugins.
 * Platzhalter und das Fenster "Provider-Informationen" stehen ausserhalb
 * dieses Behaelters; ihre Regeln siehe B-112 und B-113.
 * Fuer Reiter, Schaltflaechen, Links und Listeneintraege hat das Plugin
 * eigene Regeln je Zustand (:hover, :focus, :active, :first-child,
 * :last-child) mit bis zu drei Klassen. Dort steht die Kennung doppelt
 * ("#BorlabsCookieBox#BorlabsCookieBox"), damit die Regel in jedem Zustand gilt.
 */


/* B-96 Ueberschrift des Dialogs in der Auszeichnungsschrift der Website.
   Unbounded 900 in Versalien, Dunkelgruen #00491e auf Creme #f9f5ec (9,79:1).
   Umbruch nur am Bindestrich ("Cookie-" / "Einstellungen"): Mit hyphens:none
   setzt das Skript der Website keine Silbentrennzeichen in die Ueberschrift.
   Mit ihnen fuellte Safari die erste Zeile bis zur letzten passenden Silbe
   ("Cookie-Einstellun-" / "gen"). Ein einzelnes Wort, das breiter ist als
   die Zeile, bricht als letzter Ausweg ohne Trennstrich um.
   WCAG 1.4.3, 1.4.10 */
body #BorlabsCookieBox #BorlabsCookieEntranceA11YHeadline,
body #BorlabsCookieBox #BorlabsCookiePreferencesA11YHeadline {
	font-family: "Unbounded", sans-serif;
	font-weight: 900;
	line-height: 1.2;
	color: #00491e;
	text-align: center;
	text-transform: uppercase;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	overflow-wrap: break-word;
}


/* B-97 Service-Gruppen: Haekchen und Beschreibung.
   Das Haekchen ist 16 x 16 px gross und wird am Innenrand des Kaestchens
   ausgerichtet; bei 2 px Rand sass es 2 px zu weit rechts und unten. Die
   Beschreibung unter dem Namen der Gruppe steht in normaler Staerke, der
   Name bleibt halbfett. */
body #BorlabsCookieBox input[type="checkbox"].brlbs-cmpnt-checkbox::before {
	top: -2px !important;
	right: auto !important;
	bottom: auto !important;
	left: -2px !important;
}

body #BorlabsCookieBox .brlbs-cmpnt-consent-list-content p {
	font-weight: 400 !important;
}


/* B-98 Schaltflaechen wie die Schaltflaechen der Website.
   Unbounded 700 in Versalien, Laufweite -0.02em, schwarze Unterkante als
   innerer Schatten. Flaeche Rosa #f5c5db mit schwarzer Schrift (13,89:1)
   bleibt Einstellung von Borlabs. Die kleinen Schaltflaechen "Alle
   auswaehlen" und "Alle abwaehlen" sind ausgenommen.
   Seitenabstand 24 px statt der 39 px der Website, weil die Schaltflaechen in
   "Praeferenzen" zu dritt nebeneinander stehen. Unter 480 px 13 px Schrift
   und 16 px Seitenabstand, damit die Beschriftung hoechstens ueber drei
   Zeilen laeuft. Umbruch nur an Leerzeichen und Bindestrichen (wie B-96).
   WCAG 1.4.3, 1.4.10, 2.5.8 */
body #BorlabsCookieBox#BorlabsCookieBox button.brlbs-cmpnt-btn:not(.brlbs-cmpnt-btn-sm) {
	padding: 16px 24px;
	font-family: "Unbounded", sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	overflow-wrap: break-word;
	box-shadow: inset 0 -0.275em 0.1px 0 #000;
	transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

@media (max-width: 479px) {
	body #BorlabsCookieBox#BorlabsCookieBox button.brlbs-cmpnt-btn:not(.brlbs-cmpnt-btn-sm) {
		padding: 14px 16px;
		font-size: 13px;
	}
}


/* B-99 Fusszeile: Schrift 14 px in Hellgelb.
   Vorher Schwarz auf Dunkelgruen #00491e mit 1,97:1 bei 12,25 px, beim
   Zeigen Dunkelgruen auf Dunkelgruen. Jetzt #f0e6b1 auf #00491e (8,45:1),
   beim Zeigen und im Fokus zusaetzlich unterstrichen.
   WCAG 1.4.3 */
body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-dialog-footer .brlbs-cmpnt-link {
	font-size: 14px;
	color: #f0e6b1 !important;
}

body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-dialog-footer .brlbs-cmpnt-link:is(:hover, :focus-visible) {
	color: #f0e6b1 !important;
	text-decoration: underline !important;
	text-decoration-thickness: max(2px, 0.15em) !important;
	text-underline-offset: 0.18em;
}


/* B-100 Hoehe des Dialogs.
   Ab 960 px Fensterbreite hob das Plugin die Hoehenbegrenzung des
   Textbereichs auf; der Dialog war dann 1014 px hoch und ragte auf
   gaengigen Fenstern unter den Rand. Der Textbereich ist jetzt auf jeder
   Breite begrenzt und scrollt innen. Die Grenze rechnet a11y-borlabs.js aus
   der Fensterhoehe (C-37); ohne Skript gelten 40 % der Fensterhoehe.
   Die Ueberlagerung nutzt die sichtbare Fensterhoehe.
   WCAG 1.4.10, 2.1.1 */
body #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description {
	height: auto !important;
	max-height: var(--imh-bc-texthoehe, 40vh);
	overscroll-behavior: contain;
}

@supports (height: 100dvh) {
	body #BorlabsCookieBox .brlbs-fixed.brlbs-h-screen {
		height: 100dvh;
	}
}


/* B-101 Waechter der Fokusschleife ausserhalb des Seitenflusses.
   Die beiden unsichtbaren Fokusfaenger vor und hinter dem Dialog lagen am
   Seitenende. Beim Umlauf mit Tab holte der Browser sie ins Bild, und die
   Seite hinter dem Dialog sprang ans Ende.
   WCAG 2.4.3, 3.2.1 */
body #BorlabsCookieBox .vue-focus-loop > [tabindex][aria-hidden="true"] {
	position: fixed;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}


/* B-102 Dialog als Fokusziel beim Erscheinen (C-38).
   Der Dialog selbst ist kein Bedienelement; die Fokusanzeige tragen die
   Bedienelemente darin.
   WCAG 2.4.7 */
body #BorlabsCookieBox [role="alertdialog"]:focus {
	outline: none !important;
	box-shadow: none !important;
}


/* B-103 Scrollhinweis am Textbereich der Startansicht.
   Der Textbereich scrollt innen (B-100); zu erkennen war das nur an einem
   30 px hohen Verlauf. Jetzt: sichtbare Bildlaufleiste in Dunkelgruen auf
   Hellgelb (8,45:1), 8 px breit, an beiden Enden rund, mit 4 px Abstand zum
   Text, wo der Browser sie darstellt (nicht auf iOS). Der Abstand ist ein
   durchsichtiger Rand ringsum; nur links gesetzt, rundete er die Enden
   einseitig ab. Dazu am unteren Rand ein
   hoeherer Verlauf mit Pfeil nach unten (Dunkelgruen auf Creme, 9,79:1).
   Verlauf und Pfeil blendet das Plugin am Textende aus. Die Bildlaufleiste
   gilt auch fuer den Listenbereich in "Praeferenzen".
   WCAG 1.4.11 */
body #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description::-webkit-scrollbar,
body #BorlabsCookieBox .md\:brlbs-overflow-y-scroll::-webkit-scrollbar {
	width: 16px;
}

body #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description::-webkit-scrollbar-track,
body #BorlabsCookieBox .md\:brlbs-overflow-y-scroll::-webkit-scrollbar-track {
	border: 4px solid transparent;
	background: #f0e6b1;
	background-clip: padding-box;
	border-radius: 99px;
}

body #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description::-webkit-scrollbar-thumb,
body #BorlabsCookieBox .md\:brlbs-overflow-y-scroll::-webkit-scrollbar-thumb {
	border: 4px solid transparent;
	background: #00491e;
	background-clip: padding-box;
	border-radius: 99px;
}

@supports not selector(::-webkit-scrollbar) {
	body #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description,
	body #BorlabsCookieBox .md\:brlbs-overflow-y-scroll {
		scrollbar-width: thin;
		scrollbar-color: #00491e #f0e6b1;
	}
}

body #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description::after {
	height: 56px;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300491e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9l7 7 7-7'/%3E%3C/svg%3E"),
		linear-gradient(0deg, #f9f5ec 38%, rgba(249, 245, 236, 0));
	background-repeat: no-repeat;
	background-position: center bottom 2px, 0 0;
	background-size: 22px 22px, 100% 100%;
}


/* B-104 Reiter in "Praeferenzen" in der Auszeichnungsschrift.
   Unbounded 700 in Versalien. Farben bleiben Einstellung von Borlabs (aktiv
   Schwarz auf Rosa 13,89:1, inaktiv Hellgelb auf Dunkelgruen 8,45:1).
   Unter 640 px stehen die vier Reiter in zwei Reihen; in einer Reihe ragte
   der vierte bei 320 px ueber den Dialog hinaus.
   Beim Zeigen und im Fokus setzte das Plugin Schrift und Schreibweise
   zurueck; der Reiter wechselte dann sichtbar die Schrift.
   WCAG 1.4.3, 1.4.10 */
body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-tab {
	padding: 12px 8px;
	font-family: "Unbounded", sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	overflow-wrap: break-word;
}

@media (max-width: 639px) {
	body #BorlabsCookieBox .brlbs-cmpnt-tab-bar {
		flex-wrap: wrap;
	}

	body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-tab {
		flex: 1 1 50%;
	}
}


/* B-105 "Alle auswaehlen" und "Alle abwaehlen" wie die gruenen
   Schaltflaechen der Website.
   Vorbild .button-gruen: Hellgelb #f0e6b1 auf Dunkelgruen #00491e (8,45:1),
   Unbounded 700 in Versalien, schwarze Unterkante als innerer Schatten.
   Die Farben setzen die Felder der Auswahl-Schaltflaechen von Borlabs. Unter
   480 px 12 px Seitenabstand; mit 18 px ragte das Paar bei 320 px ueber den
   Dialog hinaus.
   WCAG 1.4.3, 1.4.10, 2.5.8 */
body #BorlabsCookieBox {
	--dialog-button-selection-color: #00491e;
	--dialog-button-selection-color-hover: #00351a;
	--dialog-button-selection-text-color: #f0e6b1;
	--dialog-button-selection-text-color-hover: #f0e6b1;
}

body #BorlabsCookieBox#BorlabsCookieBox button.brlbs-cmpnt-btn.brlbs-cmpnt-btn-selection {
	padding: 10px 18px;
	border-radius: 50px;
	font-family: "Unbounded", sans-serif;
	font-size: 11px !important;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	box-shadow: inset 0 -0.275em 0.1px 0 #000;
	transition: background-color 0.2s ease-out, box-shadow 0.2s ease-out;
}

body #BorlabsCookieBox .brlbs-cmpnt-selection-controls {
	flex-wrap: wrap;
	row-gap: 8px;
}

@media (max-width: 479px) {
	body #BorlabsCookieBox#BorlabsCookieBox button.brlbs-cmpnt-btn.brlbs-cmpnt-btn-selection {
		padding: 10px 12px;
	}
}


/* B-106 Karten in "Praeferenzen" in den Farben der Website.
   Karte Hellgelb #f0e6b1 statt Grau #f7f7f7, Rundung 16 px wie die Kacheln
   der Website. Eintraege der Services Creme #f9f5ec mit dunkelgruenem Rand,
   damit sie auf der Karte und im Reiter "Services" direkt auf dem Dialog
   gleich aussehen. Namen der Gruppen, Provider und Services in Unbounded 700,
   Versalien, Dunkelgruen (auf Hellgelb 8,45:1, auf Creme 9,79:1).
   Das gesperrte Kaestchen "Essenziell" erhaelt denselben dunkelgruenen Rand
   wie die uebrigen; seine Flaeche ist auf der Karte sonst nicht zu sehen.
   Das Suchfeld erhaelt einen dunkelgruenen Rand (vorher #ccc auf Creme,
   1,5:1).
   Rand und Rundung der Eintraege gelten ringsum und fuer jeden Eintrag: Das
   Plugin rundete nur den ersten oben und den letzten unten und liess dem
   letzten den unteren Rand weg. Zwischen zwei Eintraegen 8 px Abstand.
   Die Farbwerte ueberschreiben die gleichnamigen Felder von Borlabs.
   WCAG 1.4.3, 1.4.11 */
body #BorlabsCookieBox {
	--dialog-card-background-color: #f0e6b1;
	--dialog-card-separator-color: #00491e;
	--dialog-list-item-background-color-even: #f9f5ec;
	--dialog-list-item-background-color-odd: #f9f5ec;
	--dialog-list-item-separator-color: #00491e;
	--dialog-list-item-control-element-separator-color: #00491e;
	--dialog-search-bar-input-border-color-default: #00491e;
	--dialog-checkbox-border-color-disabled: #00491e;
}

body #BorlabsCookieBox .brlbs-cmpnt-card > fieldset {
	border-radius: 16px;
}

body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-list-item {
	border: 1px solid #00491e;
	border-radius: 12px;
}

body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-list-item + .brlbs-cmpnt-list-item {
	margin-top: 8px;
}

body #BorlabsCookieBox .brlbs-cmpnt-card-group-form-control label,
body #BorlabsCookieBox .brlbs-cmpnt-card-group-form-control > span,
body #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-h2 {
	font-family: "Unbounded", sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.02em;
	color: #00491e;
	text-transform: uppercase;
	-webkit-hyphens: none !important;
	hyphens: none !important;
}


/* B-107 Schalter eines Service, der immer aktiv ist.
   Eingeschaltet und gesperrt zeigte der Schalter einen hellgelben Punkt auf
   rosa Bahn (1,2:1). Der Punkt ist jetzt Schwarz wie beim ausgeschalteten
   Schalter (auf Rosa 13,89:1). */
body #BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked:disabled + .brlbs-cmpnt-slider::before {
	background-color: #000;
}


/* B-108 Fokusanzeige am Schalter.
   Der Schalter ist ein unsichtbares Kontrollkaestchen (12 x 15 px) unter
   der Bahn. Im Fokus wurde das Kaestchen eingeblendet und trug den Ring der
   Website, dazu zeichnete das Plugin einen grauen Rahmen um die Bahn; beide
   ueberlagerten sich. Jetzt sitzt ein Ring um die Bahn (Dunkelgruen 3 px,
   dazu Hellgelb 6 px wie auf der uebrigen Website).
   WCAG 2.4.7, 1.4.11 */
body #BorlabsCookieBox .brlbs-cmpnt-btn-switch input:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	opacity: 0 !important;
}

body #BorlabsCookieBox .brlbs-cmpnt-btn-switch:focus-within {
	box-shadow: none;
}

body #BorlabsCookieBox .brlbs-cmpnt-btn-switch input:focus-visible + .brlbs-cmpnt-slider {
	outline: 3px solid #00491e;
	outline-offset: 2px;
	box-shadow: 0 0 0 6px #f0e6b1;
}


/* B-109 Aufklapp-Link der Services auf Telefonen.
   Unter 640 px blendet das Plugin die Beschriftung "Informationen anzeigen"
   mit display:none aus; uebrig bleibt ein 16 x 16 px grosser Pfeil ohne
   Namen. Die Beschriftung ist dort jetzt nur optisch versteckt und bleibt
   der Name des Links; die Flaeche ist mindestens 24 x 24 px gross.
   WCAG 4.1.2, 2.5.8 */
@media (max-width: 639px) {
	body #BorlabsCookieBox .brlbs-cmpnt-accordion-toggle > span.brlbs-hidden {
		display: block !important;
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
	}

	body #BorlabsCookieBox .brlbs-cmpnt-accordion-toggle {
		min-width: 24px;
		min-height: 24px;
		justify-content: center;
	}
}


/* B-110 Kopf von "Praeferenzen" unter 1024 px buendig mit dem Inhalt.
   "Zurueck" und die beiden Links teilen sich die erste Zeile zu 3/12 und
   8/12 der Breite und standen mittig; links und rechts blieben je 14 px
   (bei 402 px Fensterbreite) mehr Rand als am Text darunter. Jetzt steht
   "Zurueck" am linken, das Linkpaar am rechten Rand des Inhalts. */
@media (max-width: 1023px) {
	body #BorlabsCookieBox .brlbs-cmpnt-dialog-details-header {
		justify-content: space-between;
	}
}


/* B-111 Eigene Scrollanzeige, wo der Browser keine Bildlaufleiste zeigt.
   Safari auf iOS und andere Browser mit ueberlagerten Bildlaufleisten
   blenden sie nur waehrend des Scrollens ein; die Regeln aus B-103 greifen
   dort nicht. a11y-borlabs.js setzt in diesem Fall eine Anzeige in den
   Scrollbereich und fuehrt den Griff mit (C-44). Farben und Masse wie B-103:
   Griff Dunkelgruen #00491e auf Bahn Hellgelb #f0e6b1 (8,45:1), 8 px breit,
   6 px Abstand zum Text. Reine Anzeige ohne Bedienung.
   WCAG 1.4.11 */
body #BorlabsCookieBox .imh-bc-mit-leiste {
	padding-right: 14px !important;
}

body #BorlabsCookieBox .imh-bc-mit-leiste::after {
	width: calc(100% - 14px);
}

body #BorlabsCookieBox .imh-bc-leiste {
	position: sticky;
	top: 0;
	z-index: 1;
	height: 0;
	pointer-events: none;
}

body #BorlabsCookieBox .imh-bc-leiste::before,
body #BorlabsCookieBox .imh-bc-griff {
	position: absolute;
	top: 0;
	right: -14px;
	width: 8px;
	border-radius: 99px;
}

body #BorlabsCookieBox .imh-bc-leiste::before {
	content: "";
	height: var(--imh-bc-leiste-hoehe, 0);
	background: #f0e6b1;
}

body #BorlabsCookieBox .imh-bc-griff {
	background: #00491e;
}


/* B-114 Leerzeichen zwischen den Saetzen des Dialogtexts.
   Das Plugin setzt mehrere Absaetze als Fliesstext hintereinander
   (display: inline). An zwei Stellen stand zwischen ihnen kein Leerzeichen
   ("Inhalten.Weitere", "anpassen.Bitte"). Jeder Absatz endet jetzt mit einem
   Leerzeichen; mehrere hintereinander fallen zu einem zusammen. */
body #BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description p::after {
	content: " ";
}


/* B-115 Kleine Bedienelemente in "Cookie-Einstellungen".
   "Zurueck" bzw. "Schliessen", die Links im Kopf, "Informationen anzeigen" und
   die Angabe "Ein"/"Aus" standen in 12,25 px und waren 18 px hoch. Jetzt
   14 px wie der Text des Dialogs, die Bedienelemente mindestens 24 px hoch.
   WCAG 2.5.8 */
body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link,
body #BorlabsCookieBox#BorlabsCookieBox a.brlbs-cmpnt-accordion-toggle,
body #BorlabsCookieBox#BorlabsCookieBox a.brlbs-cmpnt-accordion-toggle span,
body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-btn-switch-status-text {
	font-size: 14px;
	line-height: 1.5;
}

body #BorlabsCookieBox#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
}

body #BorlabsCookieBox#BorlabsCookieBox a.brlbs-cmpnt-accordion-toggle {
	min-height: 24px;
}


/* B-116 Fokusanzeige am scrollenden Textbereich der Startansicht (C-49).
   Ring wie an den uebrigen Bedienelementen, ohne den hellen Hof: Der Ring
   liegt ausserhalb des Textes im Innenabstand des Dialogs.
   WCAG 2.4.7 */
body #BorlabsCookieBox .brlbs-cmpnt-dialog-box-description:focus-visible {
	outline: 3px solid #00491e !important;
	outline-offset: 2px !important;
	box-shadow: none !important;
}


/* B-112 Platzhalter vor gesperrten Inhalten im Aussehen des Dialogs.
   Betrifft den Platzhalter vor dem Instagram-Feed und den vor dem
   Buchungsrahmen. Die Platzhalter stehen im Seiteninhalt, nicht im Behaelter
   des Dialogs; die Regeln beginnen deshalb mit den beiden Klassen des
   Platzhalters. Das angehaengte ":not(#imh-bc)" hebt sie ueber die Regeln
   des Themes fuer Links im Fliesstext (mit !important) und ueber "all: unset"
   des Plugins; eine Kennung dieses Namens gibt es nicht.
   Text und "Mehr Informationen" uebernehmen die Schriftgroesse ihrer
   Umgebung, also die des Fliesstexts der Website (20 px; in einem Block mit
   kleiner Schrift dessen Groesse), mit dessen Zeilenhoehe 1.55. Bis 569 px
   Fensterbreite 15 px: Dort zeigt die Website ihre Textbloecke in der kleinen
   Fassung. Vorher fest 14 px aus der Einstellung des Plugins. Das Fenster
   "Provider-Informationen" traegt dieselben Klassen und ist ausgenommen.
   Schwarz auf Creme (19,3:1). Der Link ist mindestens 24 px hoch.
   Der Name des Anbieters und "Mehr Informationen" uebernahmen im dunklen
   Abschnitt die Farben des Themes (Hellgelb und Rosa auf Creme, 1,2:1 und
   1,39:1); beide sind jetzt Dunkelgruen #00491e (9,79:1), der Link
   unterstrichen. Schaltflaechen wie im Dialog (B-98).
   Der Platzhalter mit Text links und Schaltflaechen rechts stellt beides
   erst ab 1100 px eigener Breite nebeneinander (Plugin: ab 480 px). Darunter
   blieb den Schaltflaechen ein Drittel der Breite; die laengere Beschriftung
   lief bei 696 px ueber fuenf, bei 960 px ueber vier Zeilen.
   Im einfachen Platzhalter (Text, darunter Schaltflaechen) stehen die
   Schaltflaechen untereinander und hoechstens 640 px breit; eine einzelne
   Schaltflaeche lief sonst ueber die ganze Inhaltsbreite (1192 px).
   WCAG 1.4.3, 1.4.1, 1.4.10 */
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(.brlbs-cmpnt-cb-provider-card):not(#imh-bc),
body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(.brlbs-cmpnt-cb-provider-card):not(#imh-bc) p {
	font-size: inherit !important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-description {
	line-height: 1.55 !important;
	color: #000 !important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-description strong {
	font-weight: 700 !important;
	color: #00491e !important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-provider-toggle {
	min-height: 24px;
	font-size: inherit !important;
	line-height: 1.55 !important;
	color: #00491e !important;
	text-decoration: underline !important;
	text-underline-offset: 0.18em;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-provider-toggle:is(:hover, :focus) {
	color: #00491e !important;
	text-decoration-thickness: max(2px, 0.15em) !important;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-btn {
	padding: 16px 24px !important;
	font-family: "Unbounded", sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	color: #000 !important;
	text-transform: uppercase !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	overflow-wrap: break-word;
	box-shadow: inset 0 -0.275em 0.1px 0 #000;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-buttons {
	flex-direction: column;
	max-width: 640px;
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 569px) {
	body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(.brlbs-cmpnt-cb-provider-card):not(#imh-bc) p.brlbs-cmpnt-cb-description,
	body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(.brlbs-cmpnt-cb-provider-card):not(#imh-bc) .brlbs-cmpnt-cb-provider-toggle {
		font-size: 15px !important;
	}
}

@container brlbsCmpntContentBlocker (width < 1100px) {
	body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main {
		flex-direction: column;
		gap: 8px;
	}
}

@media (max-width: 479px) {
	body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:not(#imh-bc) .brlbs-cmpnt-cb-btn {
		padding: 14px 16px !important;
		font-size: 13px !important;
	}
}


/* B-113 Fenster "Provider-Informationen" (ueber "Mehr Informationen" im
   Platzhalter).
   Das Fenster haengt direkt an body, ausserhalb des Dialogs. Ueberschrift und
   "Schliessen" wie im Dialog (B-96, B-98).
   Lange Adressen in den Tabellen brechen um: Die Tabelle "Provider" war mit
   der Cookie-Adresse des Anbieters 587 px breit, 35 px breiter als das
   Fenster, und rechts abgeschnitten. Links und Listenwerte in den Zellen
   sind eigens genannt, weil sie den Umbruch nicht von der Zelle erben. Die
   Bezeichnungen links brechen weiterhin nur zwischen Woertern um. Gilt auch
   fuer die Tabellen im Dialog.
   Fokusfaenger ausserhalb des Seitenflusses wie B-101, Fenster als Fokusziel
   ohne eigene Fokusanzeige wie B-102 (C-45).
   Die Ueberlagerung nutzt die sichtbare Fensterhoehe wie B-100: Mit 100vh
   lag das Ende des Fensters in Safari auf iOS unter der Browserleiste.
   WCAG 1.4.10, 1.4.3, 2.4.3 */
body .brlbs-cmpnt-container.brlbs-cmpnt-cb-provider-card:not(#imh-bc) #BorlabsCookieProviderCardA11YHeadline {
	font-family: "Unbounded", sans-serif !important;
	font-weight: 900 !important;
	line-height: 1.2 !important;
	color: #00491e !important;
	text-align: center;
	text-transform: uppercase !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	overflow-wrap: break-word;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-cb-provider-card:not(#imh-bc) button.brlbs-cmpnt-btn.brlbs-cmpnt-btn-close {
	padding: 16px 24px !important;
	font-family: "Unbounded", sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.02em !important;
	color: #000 !important;
	text-transform: uppercase !important;
	-webkit-hyphens: none !important;
	hyphens: none !important;
	box-shadow: inset 0 -0.275em 0.1px 0 #000;
}

body .brlbs-cmpnt-container:not(#imh-bc) .brlbs-cmpnt-table td,
body .brlbs-cmpnt-container:not(#imh-bc) .brlbs-cmpnt-table td :is(a, span, dd, p) {
	overflow-wrap: anywhere;
}

body .brlbs-cmpnt-container:not(#imh-bc) .brlbs-cmpnt-table td dt {
	overflow-wrap: normal;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-cb-provider-card:not(#imh-bc) .vue-focus-loop > [tabindex][aria-hidden="true"] {
	position: fixed;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-cb-provider-card:not(#imh-bc) [role="alertdialog"]:focus {
	outline: none !important;
	box-shadow: none !important;
}

@media (max-width: 479px) {
	body .brlbs-cmpnt-container.brlbs-cmpnt-cb-provider-card:not(#imh-bc) button.brlbs-cmpnt-btn.brlbs-cmpnt-btn-close {
		padding: 14px 16px !important;
		font-size: 13px !important;
	}
}

@supports (height: 100dvh) {
	body .brlbs-cmpnt-container.brlbs-cmpnt-cb-provider-card:not(#imh-bc) .brlbs-fixed.brlbs-h-screen {
		height: 100dvh;
	}
}