/* ---- tokens.css ---- */
/*! tokens.css - diversity company
 * Kommentierte Fassung im Repository, nicht in der Auslieferung.
 */
:root {

	--dc-gelb:    #f8d74a;

	--dc-grau:    #f0f0f0;
	--dc-schwarz: #000000;
	--dc-weiss:   #ffffff;

	--dc-kontur:   1px solid var(--dc-schwarz);
	--dc-schatten: -3px 3px 0 var(--dc-schwarz);

	--bs-primary:       var(--dc-gelb);
	--bs-primary-rgb:   248, 215, 74;

	--bs-body-bg:       var(--dc-grau);
	--bs-body-color:    var(--dc-schwarz);
	--bs-body-color-rgb: 0, 0, 0;

	--bs-border-color:  var(--dc-schwarz);
	--bs-border-width:  1px;
	--bs-border-radius:    0;
	--bs-border-radius-sm: 0;
	--bs-border-radius-lg: 0;
	--bs-border-radius-xl: 0;

	--bs-link-color:       var(--dc-schwarz);
	--bs-link-hover-color: var(--dc-schwarz);

	--bs-body-font-family: gotham, "Montserrat", "Helvetica Neue", Arial, sans-serif;

	--dc-gewicht-book:   400;
	--dc-gewicht-medium: 500;
	--dc-gewicht-bold:   700;

	--dc-fs-h1: clamp(2rem, 4.4vw, 4rem);
	--dc-lh-h1: 1;

	--dc-fs-h2: clamp(1.75rem, 2.5vw, 2.25rem);
	--dc-lh-h2: 1.111;

	--dc-fs-h3: clamp(1.75rem, 2.5vw, 2.25rem);
	--dc-lh-h3: 1.111;

	--dc-fs-h4: 1.5rem;
	--dc-lh-h4: 1.083;

	--dc-fs-h5: 1.5rem;
	--dc-lh-h5: 1.083;

	--dc-fs-h6: 1.25rem;
	--dc-lh-h6: 1.1;

	--dc-fs-text: 1rem;
	--dc-lh-text: 1.25;

	--dc-fs-fussnote: 0.75rem;
	--dc-lh-fussnote: 1.125;

	--dc-container:      1320px;
	--dc-rand-mobil:     40px;

	--dc-scrollbar: calc( 100vw - 100% );
	--dc-gasse: max(
		var(--dc-rand-mobil),
		calc( ( 100vw - var(--dc-scrollbar) - var(--dc-container) ) / 2 )
	);

	--dc-abstand-section: clamp(3rem, 6vw, 6.25rem);
	--dc-abstand-block:   clamp(2rem, 4vw, 3.5rem);
	--dc-abstand-element: 1.25rem;

	--dc-abstand-absatz: 1.25rem;

	--dc-button-padding: 14px 25px;

	--dc-feld-hoehe:          50px;
	--dc-feld-padding-y:      14px;
	--dc-feld-padding-x:      29px;
	--dc-feld-label-abstand:  11px;
	--dc-feld-zeilenabstand:  30px;
	--dc-feld-spaltenabstand: 20px;
	--dc-feld-haken:          20px;
	--dc-feld-haken-abstand:  14px;

	--dc-feld-platzhalter: rgba(10, 10, 13, 0.6);

	--dc-kachel-gelb:    var(--dc-gelb);
	--dc-kachel-pink:    #f1529e;
	--dc-kachel-tuerkis: #00cccc;
	--dc-kachel-rose:    #ffb3e9;

	--dc-kachel-grau:    var(--dc-grau);

	--dc-dim-gender:           #5e287f;
	--dc-dim-orientierung:     #e69736;
	--dc-dim-ethnizitaet:      #8bba57;
	--dc-dim-alter:            #e66e99;
	--dc-dim-behinderung:      #336fb2;
	--dc-dim-religion:         #fade4d;
	--dc-dim-herkunft:         #c52c54;
	--dc-dim-neurodiversitaet: #b2508d;
	--dc-dim-fachlich:         #56a8dc;
	--dc-dim-sprachniveau:     #5ca847;

}

/* ---- base.css ---- */
/*! base.css - diversity company
 * Kommentierte Fassung im Repository, nicht in der Auslieferung.
 */
@font-face {
	font-family: "Montserrat";
	src: url(https://diversity-company.de/wp-content/themes/blim-diversity-company/assets/css/../fonts/montserrat-regular.woff2) format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url(https://diversity-company.de/wp-content/themes/blim-diversity-company/assets/css/../fonts/montserrat-medium.woff2) format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url(https://diversity-company.de/wp-content/themes/blim-diversity-company/assets/css/../fonts/montserrat-bold.woff2) format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url(https://diversity-company.de/wp-content/themes/blim-diversity-company/assets/css/../fonts/montserrat-regular-italic.woff2) format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Montserrat";
	src: url(https://diversity-company.de/wp-content/themes/blim-diversity-company/assets/css/../fonts/montserrat-medium-italic.woff2) format("woff2");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

body {
	font-family: var(--bs-body-font-family);
	font-weight: var(--dc-gewicht-book);
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	color: var(--dc-schwarz);

	background-color: var(--dc-grau);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	overflow-wrap: break-word;
}

@media (max-width: 575.98px) {

	body {
		overflow-wrap: break-word;
	}
}

@media (max-width: 575.98px) {

	h1, h2, h3, h4, h5, h6,
	.h1, .h2, .h3, .h4, .h5, .h6 {
		hyphens: auto;
	}
}

h1, .h1 {
	font-size: var(--dc-fs-h1);
	line-height: var(--dc-lh-h1);
	font-weight: var(--dc-gewicht-bold);
}

h2, .h2 {
	font-size: var(--dc-fs-h2);
	line-height: var(--dc-lh-h2);
	font-weight: var(--dc-gewicht-bold);
}

h3, .h3 {
	font-size: var(--dc-fs-h3);
	line-height: var(--dc-lh-h3);
	font-weight: var(--dc-gewicht-medium);
}

h4, .h4 {
	font-size: var(--dc-fs-h4);
	line-height: var(--dc-lh-h4);
	font-weight: var(--dc-gewicht-bold);
}

h5, .h5 {
	font-size: var(--dc-fs-h5);
	line-height: var(--dc-lh-h5);
	font-weight: var(--dc-gewicht-book);
}

h6, .h6 {
	font-size: var(--dc-fs-h6);
	line-height: var(--dc-lh-h6);
	font-weight: var(--dc-gewicht-bold);
}

.dc-fussnote {
	font-size: var(--dc-fs-fussnote);
	line-height: var(--dc-lh-fussnote);
}

.dc-container {
	width: 100%;
	max-width: calc(var(--dc-container) + 2 * var(--dc-rand-mobil));
	margin-inline: auto;
	padding-inline: var(--dc-rand-mobil);
}

.dc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--dc-button-padding);
	border: var(--dc-kontur);
	box-shadow: var(--dc-schatten);
	font-weight: var(--dc-gewicht-bold);
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	color: var(--dc-schwarz);
	text-decoration: none;
	cursor: pointer;
}

.dc-btn--gelb {
	background-color: var(--dc-gelb);
}

.dc-btn--grau {
	background-color: var(--dc-grau);
}

.dc-btn:hover,
.dc-btn:focus-visible {
	color: var(--dc-schwarz);
	box-shadow: none;
	transform: translate(-3px, 3px);
}

@media (prefers-reduced-motion: reduce) {
	.dc-btn {
		transition: none;
	}
}

@media (max-width: 767.98px) {

	.dc-btn {
		width: 100%;
	}
}

:focus-visible {
	outline: 3px solid var(--dc-schwarz);
	outline-offset: 2px;
}

.dc-weiterlesen {

	position: relative;

	display: inline-grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	gap: 4px 12px;
	width: fit-content;
	padding-block-end: 6px;
	border-block-end: 1px solid var(--dc-schwarz);
	color: var(--dc-schwarz);
	text-decoration: none;
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
}

.dc-weiterlesen__pfeil {
	display: block;
	width: 21px;
	height: 8px;
}

.dc-weiterlesen:hover,
.dc-weiterlesen:focus-visible {
	color: var(--dc-schwarz);
}

.dc-weiterlesen:hover .dc-weiterlesen__text,
.dc-weiterlesen:focus-visible .dc-weiterlesen__text {
	text-decoration: underline;
}

.dc-kachel-klick {
	position: relative;
}

.dc-kachel-klick .dc-flaechenlink {
	position: static;
}

.dc-kachel-klick .dc-flaechenlink::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
}

.dc-kachel-klick h2 a,
.dc-kachel-klick h3 a,
.dc-kachel-klick h4 a {
	position: relative;
	z-index: 1;
}

.dc-kachel-klick:hover .dc-weiterlesen__text,
.dc-kachel-klick:focus-within .dc-weiterlesen__text {
	text-decoration: underline;
}

.dc-kachel-klick:has( .dc-flaechenlink:focus-visible ) {
	outline: 3px solid var(--dc-schwarz);
	outline-offset: 2px;
}

.dc-kachel-klick .dc-flaechenlink:focus-visible {
	outline: none;
}

.dc-kachel-klick h2 a,
.dc-kachel-klick h3 a,
.dc-kachel-klick h4 a {
	color: inherit;
	text-decoration: none;
}

.dc-kachel-klick:hover h2 a,
.dc-kachel-klick:hover h3 a,
.dc-kachel-klick:hover h4 a {
	text-decoration: underline;
}

.dc-slider-kopf {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--dc-abstand-element);
}

.dc-pfeile {
	display: flex;
	flex-shrink: 0;

	gap: 15px;
}

.dc-pfeil {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: var(--dc-kontur);
	background: none;
	color: var(--dc-schwarz);
	cursor: pointer;
}

.dc-pfeil:hover:not(:disabled),
.dc-pfeil:focus-visible:not(:disabled) {
	background-color: var(--dc-gelb);
}

.dc-pfeil:disabled {
	opacity: 0.35;
	cursor: default;
}

.dc-pfeil svg {
	display: block;
}

.dc-slider-zaehler {
	display: none;
	margin: 0;
	align-self: center;
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	font-weight: var(--dc-gewicht-bold);
	color: var(--dc-schwarz);
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

@media (max-width: 767.98px) {

	.dc-pfeil {
		display: none;
	}

	.dc-slider-zaehler {
		display: block;
	}
}

.dc-stimmen__reihe,
.dc-angebote__reihe,
.dc-personen__reihe,
.dc-presse__karten,
.dc-publikationen__liste,
.dc-beitraege__liste,
.dc-dimensionen__reihe,
.dc-kurse__liste {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.dc-stimmen__reihe::-webkit-scrollbar,
.dc-angebote__reihe::-webkit-scrollbar,
.dc-personen__reihe::-webkit-scrollbar,
.dc-presse__karten::-webkit-scrollbar,
.dc-publikationen__liste::-webkit-scrollbar,
.dc-beitraege__liste::-webkit-scrollbar,
.dc-dimensionen__reihe::-webkit-scrollbar,
.dc-kurse__liste::-webkit-scrollbar {
	display: none;
}

@media (max-width: 767.98px) {

	.dc-stimmen__reihe,
	.dc-angebote__reihe,
	.dc-presse__karten,
	.dc-publikationen__liste {
		width: 100%;
		margin-inline: 0;
		padding-inline: var(--dc-rand-mobil);
		scroll-padding-inline-start: var(--dc-rand-mobil);
	}

	.dc-personen__reihe,
	.dc-kurse__liste {
		margin-inline: calc( var(--dc-rand-mobil) * -1 );
		padding-inline: var(--dc-rand-mobil);
		scroll-padding-inline-start: var(--dc-rand-mobil);
	}
}

main section + section {
	margin-block-start: var(--dc-abstand-section);
}

main section + section.dc-stoerer {
	margin-block-start: 60px;
}

main section + section.dc-termin {
	margin-block-start: 140px;
}

main section + section.dc-initial {
	margin-block-start: 0;
}

.dc-band {
	padding-block: var(--dc-abstand-section);
}

.dc-band--gelb {
	background-color: var(--dc-gelb);
}

.dc-band--grau {
	background-color: var(--dc-grau);
}

.dc-kachel {
	background-color: var(--dc-grau);
	border: var(--dc-kontur);
	box-shadow: var(--dc-schatten);
	padding: var(--dc-abstand-element);
}

.wsf-form {

	--wsf-field-line-height: var(--dc-lh-text);
	--wsf-field-font-size: var(--dc-fs-text);
	--wsf-field-padding-vertical: var(--dc-feld-padding-y);
	--wsf-field-padding-horizontal: var(--dc-feld-padding-x);
	--wsf-field-label-font-size: var(--dc-fs-text);
	--wsf-field-label-line-height: var(--dc-lh-text);
	--wsf-field-label-gap: var(--dc-feld-label-abstand);
	--wsf-form-grid-gap: var(--dc-feld-spaltenabstand);
	--wsf-field-checkbox-size: var(--dc-feld-haken);
	--wsf-field-checkbox-gap-horizontal: var(--dc-feld-haken-abstand);
	--wsf-field-button-padding: var(--dc-button-padding);
	--wsf-field-button-line-height: var(--dc-lh-text);
	--wsf-field-button-font-size: var(--dc-fs-text);

	--wsf-field-color-background: transparent;
	--wsf-field-color: var(--dc-schwarz);
	--wsf-field-border-color: var(--dc-schwarz);
	--wsf-field-border-color-hover: var(--dc-schwarz);
	--wsf-field-border-color-focus: var(--dc-schwarz);
	--wsf-field-border-width: 1px;
	--wsf-field-border-radius: 0;
	--wsf-field-box-shadow: none;

	--wsf-field-button-color-background: var(--dc-gelb);
	--wsf-field-button-color-background-hover: var(--dc-gelb);
	--wsf-field-button-color-background-focus: var(--dc-gelb);
	--wsf-field-button-color: var(--dc-schwarz);
	--wsf-field-button-color-hover: var(--dc-schwarz);
	--wsf-field-button-color-focus: var(--dc-schwarz);
	--wsf-field-button-border-color: var(--dc-schwarz);
	--wsf-field-button-border-color-hover: var(--dc-schwarz);
	--wsf-field-button-border-color-focus: var(--dc-schwarz);
	--wsf-field-button-border-width: 1px;
	--wsf-field-button-border-radius: 0;
	--wsf-field-button-font-weight: var(--dc-gewicht-bold);

	--wsf-field-button-primary-color-background: var(--dc-gelb);
	--wsf-field-button-primary-color-background-hover: var(--dc-gelb);
	--wsf-field-button-primary-color-background-focus: var(--dc-gelb);
	--wsf-field-button-primary-color: var(--dc-schwarz);
	--wsf-field-button-primary-color-hover: var(--dc-schwarz);
	--wsf-field-button-primary-color-focus: var(--dc-schwarz);
	--wsf-field-button-primary-border-color: var(--dc-schwarz);
	--wsf-field-button-primary-border-color-hover: var(--dc-schwarz);
	--wsf-field-button-primary-border-color-focus: var(--dc-schwarz);
}

.wsf-form button.wsf-button {
	box-shadow: var(--dc-schatten);
}

.wsf-form button.wsf-button:hover {
	box-shadow: none;
	transform: translate(-3px, 3px);
}

.wsf-form.wsf-form-canvas .wsf-field-wrapper {
	margin-bottom: var(--dc-feld-zeilenabstand);
}

.wsf-form.wsf-form-canvas .wsf-field-wrapper[data-type="checkbox"] {
	margin-bottom: 50px;
}

.wsf-form.wsf-form-canvas .wsf-field-wrapper:last-child {
	margin-bottom: 0;
}

.wsf-form input[type="checkbox"].wsf-field + label.wsf-label {
	font-size: var(--dc-fs-fussnote);
	line-height: var(--dc-lh-fussnote);
}

.wsf-form .wsf-label .wsf-required-wrapper {
	display: none;
}

.wsf-form .wsf-label-position-inside label.wsf-label {
	color: var(--dc-feld-platzhalter);
	background-color: transparent;
	padding: 0;
	transform: none;
	inset-block-start: 11.5px;
}

.wsf-form .wsf-label-position-inside:focus-within label.wsf-label,
.wsf-form .wsf-label-position-inside:has( .wsf-field:not(:placeholder-shown) ) label.wsf-label,
.wsf-form .wsf-label-position-inside:has( select.wsf-field ) label.wsf-label {
	opacity: 0;
}

.wsf-form .wsf-label-position-inside select.wsf-field:has( option[value=""]:checked ) {
	color: var(--dc-feld-platzhalter);
}

.brlbs-cmpnt-content-blocker {
	--content-blocker-background-color: var(--dc-weiss);
	--content-blocker-text-color: var(--dc-schwarz);

	--content-blocker-button-color: var(--dc-gelb);
	--content-blocker-button-color-hover: var(--dc-gelb);
	--content-blocker-button-text-color: var(--dc-schwarz);
	--content-blocker-button-text-color-hover: var(--dc-schwarz);

	--content-blocker-button-border-radius-top-left: 0;
	--content-blocker-button-border-radius-top-right: 0;
	--content-blocker-button-border-radius-bottom-left: 0;
	--content-blocker-button-border-radius-bottom-right: 0;
	--content-blocker-border-radius-top-left: 0;
	--content-blocker-border-radius-top-right: 0;
	--content-blocker-border-radius-bottom-left: 0;
	--content-blocker-border-radius-bottom-right: 0;

	--content-blocker-link-color: var(--dc-schwarz);
	--content-blocker-link-color-hover: var(--dc-schwarz);
	--content-blocker-separator-color: var(--dc-schwarz);

	--dialog-font-size: 1rem;
}

.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons {
	display: flex;
	justify-content: center;
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description {
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons a.brlbs-cmpnt-cb-btn {
	width: max-content;
	max-width: 100%;
	padding: var(--dc-button-padding);
	border: var(--dc-kontur);
	box-shadow: var(--dc-schatten);
	font-family: var(--bs-body-font-family);
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
}

body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons a.brlbs-cmpnt-cb-btn:hover {
	box-shadow: none;
	transform: translate(-3px, 3px);
}

.dc-hubspot-formular {
	min-height: 320px;
	width: 100%;
}

.dc-hubspot-formular__hinweis {
	display: none;
}

.dc-hubspot-formular:has(.brlbs-cmpnt-content-blocker) .dc-hubspot-formular__hinweis {
	display: block;
	margin: 0 0 var(--dc-abstand-element);
	font-weight: var(--dc-gewicht-bold);
	color: var(--dc-schwarz);
}

.dc-hubspot-formular .hs-form-field > label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.dc-hubspot-formular .hs-form-booleancheckbox label,
.dc-hubspot-formular .hs-form-checkbox label,
.dc-hubspot-formular .hs-form-radio label,
.dc-hubspot-formular .legal-consent-container label {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
	clip-path: none;
	white-space: normal;
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	color: var(--dc-schwarz);
}

.dc-hubspot-formular input[type="text"],
.dc-hubspot-formular input[type="email"],
.dc-hubspot-formular input[type="tel"],
.dc-hubspot-formular input[type="number"],
.dc-hubspot-formular textarea,
.dc-hubspot-formular select {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	background-color: transparent !important;
	color: var(--dc-schwarz) !important;
	border: 1px solid var(--dc-schwarz) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: var(--dc-feld-padding-y) var(--dc-feld-padding-x) !important;
	font-family: inherit !important;
	font-size: var(--dc-fs-text) !important;
	line-height: var(--dc-lh-text) !important;
}

.dc-hubspot-formular ::placeholder {
	color: var(--dc-feld-platzhalter);
	opacity: 1;
}

.dc-hubspot-formular .hs-form-field {
	margin-block-end: var(--dc-feld-zeilenabstand);
}

.dc-hubspot-formular input[type="checkbox"],
.dc-hubspot-formular input[type="radio"] {
	width: var(--dc-feld-haken) !important;
	height: var(--dc-feld-haken) !important;
	margin-inline-end: var(--dc-feld-haken-abstand) !important;
	accent-color: var(--dc-schwarz);
}

.dc-hubspot-formular input[type="submit"],
.dc-hubspot-formular .hs-button {
	background-color: var(--dc-gelb) !important;
	color: var(--dc-schwarz) !important;
	border: 1px solid var(--dc-schwarz) !important;
	border-radius: 0 !important;
	box-shadow: var(--dc-schatten) !important;
	padding: var(--dc-button-padding) !important;
	font-family: inherit !important;
	font-size: var(--dc-fs-text) !important;
	line-height: var(--dc-lh-text) !important;
	font-weight: var(--dc-gewicht-bold) !important;
	cursor: pointer;
	transition: none;
}

.dc-hubspot-formular input[type="submit"]:hover,
.dc-hubspot-formular .hs-button:hover {
	background-color: var(--dc-gelb) !important;
	color: var(--dc-schwarz) !important;
	box-shadow: none !important;
	transform: translate(-3px, 3px);
}

.dc-hubspot-formular :focus-visible {
	outline: 2px solid var(--dc-schwarz) !important;
	outline-offset: 2px;
}

.dc-hubspot-formular .hs-error-msg,
.dc-hubspot-formular .hs-form-required {
	font-family: inherit !important;
	font-size: var(--dc-fs-fussnote) !important;
}

.dc-hubspot-formular .hs-form__virality-link,
.dc-hubspot-formular .legal-consent-container .hs-form-booleancheckbox-display > span {
	margin-inline-start: 0;
}

.grecaptcha-badge {
	visibility: hidden;
}

.dc-hubspot-formular .hs-recaptcha-hint,
.dc-hubspot-formular .legal-consent-container p:last-child {
	font-size: var(--dc-fs-fussnote);
	line-height: var(--dc-lh-text);
}

/* ---- navigation.css ---- */
/*! navigation.css - diversity company
 * Kommentierte Fassung im Repository, nicht in der Auslieferung.
 */
.dc-header {
	position: absolute;
	inset-block-start: 0;
	inset-inline: 0;
	z-index: 1030;
}

.dc-header__inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-block-start: 70px;

	gap: 16px;
}

.dc-header__logo {
	display: block;
	flex-shrink: 0;
	width: 178px;
	max-width: 40vw;
}

.dc-header__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.dc-menue-schalter {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	padding: 0;
	background: none;
	border: 0;
	cursor: pointer;
	color: var(--dc-schwarz);
}

.dc-menue-schalter img {
	display: block;
	width: 58px;
	height: 33px;
}

.dc-menue-schalter span {
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	text-decoration: underline;
	text-transform: uppercase;
}

.dc-nav {

	--bs-offcanvas-height: 100%;
	--bs-offcanvas-bg: var(--dc-grau);
	--bs-offcanvas-border-width: 0;
	--bs-offcanvas-padding-x: 0;
	--bs-offcanvas-padding-y: 0;
}

.dc-nav__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding-block: 70px;
}

.dc-nav__kopf {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--dc-abstand-element);
}

.dc-nav__kopf-rechts {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 24px;
}

.dc-sprachen {
	display: flex;
	gap: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	text-transform: uppercase;
}

.dc-sprachen a {
	color: var(--dc-schwarz);
	text-decoration: none;
}

.dc-sprachen .is-aktiv a {
	font-weight: var(--dc-gewicht-bold);
	text-decoration: underline;
}

.dc-nav__haupt {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: space-between;
	gap: var(--dc-abstand-block);
	flex-wrap: wrap;
}

.dc-nav__spalte-links {
	display: flex;
	flex-direction: column;
	gap: var(--dc-abstand-block);
}

.dc-nav__bild {
	width: 456px;
	max-width: 100%;
}

.dc-nav__bild img {
	display: block;
	width: 100%;
	height: auto;
	border: var(--dc-kontur);
}

.dc-nav__aktionen {
	display: flex;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.dc-nav__linkedin {
	display: block;
	width: 61px;
	height: 61px;
	flex-shrink: 0;
}

.dc-nav__linkedin img {
	display: block;
	width: 100%;
	height: 100%;
}

.dc-nav__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 61px;
	padding-inline: 32px;
	border: var(--dc-kontur);
	font-size: var(--dc-fs-h4);
	line-height: var(--dc-lh-h4);
	font-weight: var(--dc-gewicht-bold);
	color: var(--dc-schwarz);
	text-decoration: none;
}

.dc-nav__button:hover,
.dc-nav__button:focus-visible {
	background-color: var(--dc-gelb);
	color: var(--dc-schwarz);
}

.dc-nav__menue {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.dc-nav__menue > li + li {
	margin-block-start: 48px;
}

.dc-nav__zeile {
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
}

.dc-nav__unter {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-nav__unter.show,
.dc-nav__unter.collapsing {
	padding-block-start: 20px;
}

.dc-nav__unterpunkt + .dc-nav__unterpunkt {
	margin-block-start: 12px;
}

.dc-nav__menue .dc-nav__unterpunkt a {
	font-size: var(--dc-fs-h6);
	line-height: var(--dc-lh-h6);
	font-weight: var(--dc-gewicht-book);
}

.dc-nav__schalter {
	margin-inline-end: 16px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--dc-schwarz);
	font-size: var(--dc-fs-h2);
	line-height: var(--dc-lh-h2);
	font-weight: var(--dc-gewicht-bold);
}

.dc-nav__schalter::after {
	content: "\00D7";
}

.dc-nav__schalter.collapsed::after {
	content: "+";
}

.dc-nav__menue a {
	font-size: var(--dc-fs-h2);
	line-height: var(--dc-lh-h2);
	font-weight: var(--dc-gewicht-bold);
	color: var(--dc-schwarz);
	text-decoration: none;
}

.dc-nav__menue a:hover,
.dc-nav__menue a:focus-visible,
.dc-nav__menue .current-menu-item > a {
	text-decoration: underline;
}

@media (max-width: 991.98px) {

	.dc-header__inner,
	.dc-nav__inner {
		padding-block: 32px;
	}

	.dc-header__logo {
		width: 110px;
	}

	.dc-menue-schalter img {
		width: 42px;
		height: 24px;
	}

	.dc-nav__haupt {
		align-items: flex-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		gap: var(--dc-abstand-block);

		overflow: visible;
		min-height: 0;
		flex: 1 1 auto;
		width: 100%;
	}

	.dc-nav__menue {
		overflow-y: auto;
		min-height: 0;
		flex: 1 1 auto;
		width: 100%;
	}

	.dc-nav__spalte-links {
		flex: 0 0 auto;
	}

	.dc-nav__menue {
		order: -1;
	}

	.dc-nav__bild {
		display: none;
	}

	.dc-nav__menue {
		text-align: left;
	}

	.dc-nav__zeile {
		justify-content: flex-start;
	}

	.dc-nav__menue > li + li {
		margin-block-start: 20px;
	}

	.dc-nav__menue a {
		font-size: var(--dc-fs-h4);
		line-height: var(--dc-lh-h4);
	}

	.dc-nav__button {
		min-height: 48px;
		padding-inline: 24px;
		font-size: var(--dc-fs-text);
		line-height: var(--dc-lh-text);
	}

	.dc-nav__linkedin {
		width: 48px;
		height: 48px;
	}
}

.dc-header--reduziert {
	position: sticky;
	inset-block-start: 0;
	background-color: var(--dc-grau);
}

.dc-header--reduziert .dc-header__inner {
	align-items: center;
	padding-block-start: clamp( 40px, 6.3vw, 121px );
	padding-block-end: clamp( 40px, 5vw, 96px );
}

.dc-header--reduziert .dc-header__logo {
	display: flex;
	align-items: center;
	gap: 24px;
	width: auto;
	max-width: none;
	color: var(--dc-schwarz);
	text-decoration: none;
}

.dc-header--reduziert .dc-header__logo img.dc-header__bildmarke {
	display: block;
	width: 140px;
	height: auto;
	flex-shrink: 0;
}

.dc-header__wortmarke {
	font-size: var(--dc-fs-h2);
	line-height: var(--dc-lh-h2);
	font-weight: var(--dc-gewicht-bold);
	white-space: nowrap;
}

@media (max-width: 991.98px) {

	.dc-header--reduziert .dc-header__inner {
		padding-block: 24px;
	}

	.dc-header--reduziert .dc-header__logo {
		gap: 12px;
		flex-shrink: 1;
		min-width: 0;
	}

	.dc-header--reduziert .dc-header__logo img.dc-header__bildmarke {
		width: 84px;
	}

	.dc-header__wortmarke {
		font-size: var(--dc-fs-h6);
		line-height: var(--dc-lh-h6);
		white-space: normal;
		min-width: 0;
	}
}

@media (max-width: 374.98px) {

	.dc-header--reduziert .dc-header__logo {
		gap: 12px;
		flex-shrink: 1;
		min-width: 0;
	}

	.dc-header--reduziert .dc-header__inner,
	.dc-header--reduziert .dc-nav__inner {
		padding-inline: 20px;
	}

	.dc-header--reduziert .dc-header__logo img.dc-header__bildmarke {
		width: 100px;
	}

	.dc-header__wortmarke {
		white-space: normal;
		min-width: 0;
		font-size: var(--dc-fs-text);
		line-height: var(--dc-lh-text);
	}
}

.dc-header--fixiert {
	position: fixed;
	inset-block-start: 0;
	inset-inline: 0;

	background-color: var(--dc-grau);
}

.dc-header--fixiert .dc-header__inner {
	padding-block: 20px;
	align-items: center;
}

.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__logo {
	width: 110px;
}

.dc-header:not(.dc-header--reduziert) .dc-header__bildmarke,
.dc-header:not(.dc-header--reduziert) .dc-header__wortmarke {
	display: none;
}

.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__logo {
	display: flex;
	align-items: center;
	gap: 24px;
	width: auto;
	max-width: none;
	color: var(--dc-schwarz);
	text-decoration: none;
}

.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__signet {
	display: none;
}

.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__logo img.dc-header__bildmarke {
	display: block;
	width: 140px;
	height: auto;
	flex-shrink: 0;
}

.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__wortmarke {
	display: inline;
}

@media (max-width: 991.98px) {

	.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__logo {
		gap: 12px;
		flex-shrink: 1;
		min-width: 0;
	}

	.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__logo img.dc-header__bildmarke {
		width: 84px;
	}
}

@media (max-width: 374.98px) {

	.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__logo img.dc-header__bildmarke {
		width: 100px;
	}

	.dc-header--fixiert:not(.dc-header--reduziert) .dc-header__inner {
		padding-inline: 20px;
	}
}

@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {

	.dc-header--fixiert:not(.dc-header--reduziert) {
		animation: dc-kopf-herein 0.25s ease;
	}
}

@keyframes dc-kopf-herein {
	from { transform: translateY(-100%); }
	to   { transform: translateY(0); }
}

@media (prefers-reduced-motion: no-preference) {

	.dc-header {
		transition: padding 0.2s ease, background-color 0.2s ease;
	}

	.dc-header__logo {
		transition: width 0.2s ease;
	}
}

html {
	scroll-padding-block-start: 110px;
}

@media (max-width: 299.98px) {

	.dc-header__wortmarke {
		display: none;
	}
}

/* ---- footer.css ---- */
/*! footer.css - diversity company
 * Kommentierte Fassung im Repository, nicht in der Auslieferung.
 */
.dc-footer {
	--dc-footer-bild-breite: 650px;
	--dc-footer-balken-hoehe: 161px;
	--dc-footer-ueberlappung: 56px;

	background-color: var(--dc-grau);
	margin-block-start: var(--dc-abstand-section);
}

.dc-footer__oben {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--dc-abstand-block);
	padding-block-start: 1rem;
}

.dc-footer__inhalt {
	display: flex;
	flex-direction: column;
	gap: var(--dc-abstand-block);
	flex: 1 1 auto;
	min-width: 0;
}

.dc-footer__logo {
	display: block;
	width: 191px;
	max-width: 50vw;
}

.dc-footer__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.dc-footer__bild {
	position: relative;
	z-index: 1;
	flex: 0 0 var(--dc-footer-bild-breite);
	max-width: var(--dc-footer-bild-breite);
	margin-block-end: calc( var(--dc-footer-ueberlappung) * -1 );
}

.dc-footer__bild img {
	display: block;
	width: 100%;
	height: auto;
}

.dc-footer__titel {
	font-size: var(--dc-fs-h4);
	line-height: var(--dc-lh-h4);
	font-weight: var(--dc-gewicht-bold);
	margin: 0 0 var(--dc-abstand-element);
}

.dc-footer__newsletter {
	max-width: 727px;
}

@media (max-width: 575.98px) {

	.dc-footer__newsletter .wsf-form.wsf-form-canvas .wsf-field-wrapper {
		--wsf-c: 12;
	}
}

.dc-footer__newsletter input[type="email"],
.dc-footer__newsletter input[type="text"] {
	width: 100%;
	max-width: 427px;
	min-height: 46px;
	padding: 0 1rem;
	background-color: var(--dc-grau);
	border: var(--dc-kontur);
	box-shadow: var(--dc-schatten);
	border-radius: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	color: var(--dc-schwarz);
}

.dc-footer__newsletter button[type="submit"],
.dc-footer__newsletter input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: var(--dc-button-padding);
	background-color: var(--dc-gelb);
	border: var(--dc-kontur);
	box-shadow: var(--dc-schatten);
	border-radius: 0;
	font-weight: var(--dc-gewicht-bold);
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	color: var(--dc-schwarz);
	cursor: pointer;
}

.dc-footer__newsletter button[type="submit"]:hover,
.dc-footer__newsletter input[type="submit"]:hover {
	box-shadow: none;
	transform: translate(-3px, 3px);
}

.dc-footer__newsletter label,
.dc-footer__newsletter .ws-form-label {
	font-size: var(--dc-fs-fussnote);
	line-height: var(--dc-lh-fussnote);
}

.dc-footer__newsletter input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border: var(--dc-kontur);
	border-radius: 0;
	accent-color: var(--dc-schwarz);
}

.dc-hinweis {
	padding: 0.75rem 1rem;
	border: 1px dashed var(--dc-schwarz);
	font-size: var(--dc-fs-fussnote);
	line-height: var(--dc-lh-fussnote);
	margin: 0;
}

.dc-footer__unten {
	display: flex;
	align-items: flex-end;
	gap: 20px;
	flex-wrap: wrap;
}

.dc-footer__sitemap {
	flex: 0 1 auto;
}

.dc-footer__menue {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-footer__menue a {
	display: inline-block;
	line-height: 40px;
	font-size: var(--dc-fs-text);
	color: var(--dc-schwarz);
	text-decoration: underline;
}

.dc-footer__menue a:hover,
.dc-footer__menue a:focus-visible {
	text-decoration: none;
}

.dc-footer__siegel {
	display: flex;
	align-items: flex-start;
	gap: var(--dc-abstand-element);
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-footer__siegel img {
	display: block;
	width: auto;
	height: auto;
	max-width: 140px;
	max-height: 200px;
}

.dc-footer__balken {
	background-color: var(--dc-gelb);
	min-height: var(--dc-footer-balken-hoehe);
	display: flex;
	align-items: center;
}

.dc-footer__balken-inhalt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--dc-abstand-block);
	flex-wrap: wrap;
	width: 100%;
}

.dc-footer__aktionen {
	display: flex;
	align-items: center;
	gap: 64px;
	flex-wrap: wrap;
}

.dc-footer__linkedin {
	display: block;
	width: 45px;
	height: 45px;
	flex-shrink: 0;
}

.dc-footer__linkedin img {
	display: block;
	width: 100%;
	height: 100%;
}

.dc-footer__rechtlich-menue {
	display: flex;
	gap: 2.5rem;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-footer__rechtlich-menue a {
	font-size: var(--dc-fs-text);
	line-height: var(--dc-lh-text);
	color: var(--dc-schwarz);
	text-decoration: none;
}

.dc-footer__rechtlich-menue a:hover,
.dc-footer__rechtlich-menue a:focus-visible {
	text-decoration: underline;
}

@media (max-width: 991.98px) {

	.dc-footer__oben {
		flex-direction: column;
		gap: var(--dc-abstand-block);
		padding-block-start: 0;
	}

	.dc-footer__bild {
		order: -1;
		align-self: stretch;
		flex: 0 0 auto;
		max-width: none;
		margin-block-end: 0;

		margin-inline: calc( var(--dc-rand-mobil) * -1 );
	}

	.dc-footer__logo {
		display: none;
	}

	.dc-footer__balken {
		padding-block: var(--dc-abstand-block);
	}

	.dc-footer__balken-inhalt {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--dc-abstand-element);
	}

	.dc-footer__rechtlich-menue {
		gap: 1.25rem;
	}

	.dc-footer__siegel img {
		max-height: 130px;
	}
}

.dc-footer--klein {
	background-color: var(--dc-gelb);
	padding-block: var(--dc-abstand-block);
}

.dc-footer--klein .dc-footer__oben-klein {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 30px;
	align-items: start;
	margin-block-end: var(--dc-abstand-section);
}

.dc-footer--klein .dc-footer__logo {
	grid-column: 1 / span 3;
	width: 140px;
}

.dc-footer--klein .dc-footer__sitemap {
	grid-column: 4 / span 6;
}

.dc-footer--klein .dc-footer__siegel {
	grid-column: 10 / span 3;
}

.dc-footer__menue--zweispaltig {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 30px;
}

.dc-footer__menue--zweispaltig li {
	break-inside: avoid;
}

.dc-footer--klein .dc-footer__balken-inhalt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--dc-abstand-block);
	flex-wrap: wrap;
}

@media (max-width: 991.98px) {

	.dc-footer--klein .dc-footer__oben-klein {
		grid-template-columns: 1fr;
		row-gap: var(--dc-abstand-block);
		margin-block-end: var(--dc-abstand-block);
	}

	.dc-footer--klein .dc-footer__logo,
	.dc-footer--klein .dc-footer__sitemap,
	.dc-footer--klein .dc-footer__siegel {
		grid-column: 1 / -1;
	}

	.dc-footer__menue--zweispaltig {
		grid-template-columns: 1fr;
	}

	.dc-footer--klein .dc-footer__balken-inhalt {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--dc-abstand-element);
	}
}

/* ---- borlabs.css ---- */
/*! borlabs.css - diversity company
 * Kommentierte Fassung im Repository, nicht in der Auslieferung.
 */
html:root {

	--dialog-background-color:        var(--dc-weiss);
	--dialog-text-color:              var(--dc-schwarz);
	--dialog-separator-color:         var(--dc-schwarz);

	--dialog-backdrop-background-color: var(--dc-schwarz);
	--dialog-backdrop-background-opacity: 0.8;

	--dialog-card-background-color:   var(--dc-grau);
	--dialog-card-text-color:         var(--dc-schwarz);
	--dialog-card-separator-color:    var(--dc-schwarz);

	--dialog-footer-background-color: var(--dc-grau);
	--dialog-footer-text-color:       var(--dc-schwarz);

	--dialog-button-accept-all-color:                  var(--dc-gelb);
	--dialog-button-accept-all-text-color:             var(--dc-schwarz);
	--dialog-button-accept-all-color-hover:            var(--dc-gelb);
	--dialog-button-accept-all-text-color-hover:       var(--dc-schwarz);

	--dialog-button-accept-only-essential-color:            var(--dc-gelb);
	--dialog-button-accept-only-essential-text-color:       var(--dc-schwarz);
	--dialog-button-accept-only-essential-color-hover:      var(--dc-gelb);
	--dialog-button-accept-only-essential-text-color-hover: var(--dc-schwarz);

	--dialog-button-save-consent-color:                var(--dc-gelb);
	--dialog-button-save-consent-text-color:           var(--dc-schwarz);
	--dialog-button-save-consent-color-hover:          var(--dc-gelb);
	--dialog-button-save-consent-text-color-hover:     var(--dc-schwarz);

	--dialog-button-selection-color:                   var(--dc-grau);
	--dialog-button-selection-text-color:              var(--dc-schwarz);
	--dialog-button-selection-color-hover:             var(--dc-grau);
	--dialog-button-selection-text-color-hover:        var(--dc-schwarz);

	--dialog-button-preferences-color:                 var(--dc-grau);
	--dialog-button-preferences-text-color:            var(--dc-schwarz);
	--dialog-button-preferences-color-hover:           var(--dc-grau);
	--dialog-button-preferences-text-color-hover:      var(--dc-schwarz);

	--dialog-button-close-color:                       var(--dc-grau);
	--dialog-button-close-text-color:                  var(--dc-schwarz);
	--dialog-button-close-color-hover:                 var(--dc-grau);
	--dialog-button-close-text-color-hover:            var(--dc-schwarz);

	--dialog-link-primary-color:         var(--dc-schwarz);
	--dialog-link-primary-color-hover:   var(--dc-schwarz);
	--dialog-link-secondary-color:       var(--dc-schwarz);
	--dialog-link-secondary-color-hover: var(--dc-schwarz);

	--dialog-control-element-color:            var(--dc-schwarz);
	--dialog-control-element-color-hover:      var(--dc-schwarz);
	--dialog-card-control-element-color:       var(--dc-schwarz);
	--dialog-card-control-element-color-hover: var(--dc-schwarz);

	--dialog-switch-button-background-color-active:   var(--dc-schwarz);
	--dialog-switch-button-background-color-inactive: #767676;
	--dialog-switch-button-color-active:              var(--dc-weiss);
	--dialog-switch-button-color-inactive:            var(--dc-weiss);

	--dialog-checkbox-background-color-active:   var(--dc-schwarz);
	--dialog-checkbox-background-color-inactive: var(--dc-weiss);
	--dialog-checkbox-background-color-disabled: var(--dc-grau);
	--dialog-checkbox-border-color-active:       var(--dc-schwarz);
	--dialog-checkbox-border-color-inactive:     var(--dc-schwarz);
	--dialog-checkbox-border-color-disabled:     #767676;
	--dialog-checkbox-check-mark-color-active:   var(--dc-weiss);
	--dialog-checkbox-check-mark-color-disabled: #767676;

	--dialog-tab-bar-tab-background-color-active:   var(--dc-gelb);
	--dialog-tab-bar-tab-background-color-inactive: var(--dc-weiss);
	--dialog-tab-bar-tab-text-color-active:         var(--dc-schwarz);
	--dialog-tab-bar-tab-text-color-inactive:       var(--dc-schwarz);
	--dialog-tab-bar-tab-border-color-bottom-active:   var(--dc-schwarz);
	--dialog-tab-bar-tab-border-color-bottom-inactive: var(--dc-schwarz);

	--dialog-list-item-background-color-even: var(--dc-weiss);
	--dialog-list-item-background-color-odd:  var(--dc-weiss);
	--dialog-list-item-text-color-even:       var(--dc-schwarz);
	--dialog-list-item-text-color-odd:        var(--dc-schwarz);
	--dialog-list-item-separator-color:       var(--dc-schwarz);
	--dialog-list-item-control-element-color:           var(--dc-schwarz);
	--dialog-list-item-control-element-color-hover:     var(--dc-schwarz);
	--dialog-list-item-control-element-separator-color: var(--dc-schwarz);

	--dialog-table-row-background-color-even: var(--dc-weiss);
	--dialog-table-row-background-color-odd:  var(--dc-grau);
	--dialog-table-row-text-color-even:       var(--dc-schwarz);
	--dialog-table-row-text-color-odd:        var(--dc-schwarz);
	--dialog-table-row-border-color:          var(--dc-schwarz);

	--dialog-search-bar-input-background-color:     var(--dc-grau);
	--dialog-search-bar-input-text-color:           var(--dc-schwarz);
	--dialog-search-bar-input-border-color-default: var(--dc-schwarz);
	--dialog-search-bar-input-border-color-focus:   var(--dc-schwarz);

	--dialog-font-size: 16px;

	--dialog-border-radius-top-left:     0;
	--dialog-border-radius-top-right:    0;
	--dialog-border-radius-bottom-left:  0;
	--dialog-border-radius-bottom-right: 0;

	--dialog-button-border-radius-top-left:     0;
	--dialog-button-border-radius-top-right:    0;
	--dialog-button-border-radius-bottom-left:  0;
	--dialog-button-border-radius-bottom-right: 0;

	--dialog-card-border-radius-top-left:     0;
	--dialog-card-border-radius-top-right:    0;
	--dialog-card-border-radius-bottom-left:  0;
	--dialog-card-border-radius-bottom-right: 0;

	--dialog-checkbox-border-radius-top-left:     0;
	--dialog-checkbox-border-radius-top-right:    0;
	--dialog-checkbox-border-radius-bottom-left:  0;
	--dialog-checkbox-border-radius-bottom-right: 0;

	--dialog-list-border-radius-top-left:     0;
	--dialog-list-border-radius-top-right:    0;
	--dialog-list-border-radius-bottom-left:  0;
	--dialog-list-border-radius-bottom-right: 0;

	--dialog-search-bar-input-border-radius-top-left:     0;
	--dialog-search-bar-input-border-radius-top-right:    0;
	--dialog-search-bar-input-border-radius-bottom-left:  0;
	--dialog-search-bar-input-border-radius-bottom-right: 0;

	--dialog-tab-bar-tab-border-radius-top-left-active:     0;
	--dialog-tab-bar-tab-border-radius-top-right-active:    0;
	--dialog-tab-bar-tab-border-radius-top-left-inactive:   0;
	--dialog-tab-bar-tab-border-radius-top-right-inactive:  0;

	--content-blocker-background-color:      var(--dc-grau);
	--content-blocker-text-color:            var(--dc-schwarz);
	--content-blocker-link-color:            var(--dc-schwarz);
	--content-blocker-link-color-hover:      var(--dc-schwarz);
	--content-blocker-separator-color:       var(--dc-schwarz);
	--content-blocker-button-color:          var(--dc-gelb);
	--content-blocker-button-color-hover:    var(--dc-gelb);
	--content-blocker-button-text-color:     var(--dc-schwarz);
	--content-blocker-button-text-color-hover: var(--dc-schwarz);

	--content-blocker-border-radius-top-left:     0;
	--content-blocker-border-radius-top-right:    0;
	--content-blocker-border-radius-bottom-left:  0;
	--content-blocker-border-radius-bottom-right: 0;

	--content-blocker-button-border-radius-top-left:     0;
	--content-blocker-button-border-radius-top-right:    0;
	--content-blocker-button-border-radius-bottom-left:  0;
	--content-blocker-button-border-radius-bottom-right: 0;

	--widget-color: var(--dc-schwarz);
}

html #BorlabsCookieBox .brlbs-cmpnt-dialog,
html .brlbs-cmpnt-container .brlbs-cmpnt-dialog {
	border: var(--dc-kontur);
	box-shadow: var(--dc-schatten);
}

html #BorlabsCookieBox .brlbs-cmpnt-card fieldset,
html .brlbs-cmpnt-container .brlbs-cmpnt-card fieldset {
	border: var(--dc-kontur);
}

html #BorlabsCookieBox .brlbs-cmpnt-btn,
html .brlbs-cmpnt-container .brlbs-cmpnt-btn {
	border: var(--dc-kontur);
	box-shadow: var(--dc-schatten);
	padding: var(--dc-button-padding);
	font-weight: var(--dc-gewicht-bold);
	line-height: var(--dc-lh-text);
}

html #BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold,
html .brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold {
	font-weight: var(--dc-gewicht-bold);
}

html #BorlabsCookieBox .brlbs-cmpnt-btn:hover,
html #BorlabsCookieBox .brlbs-cmpnt-btn:focus-visible,
html .brlbs-cmpnt-container .brlbs-cmpnt-btn:hover,
html .brlbs-cmpnt-container .brlbs-cmpnt-btn:focus-visible {
	box-shadow: none;
	transform: translate(-3px, 3px);
	transition-property: color, background-color, border-color, box-shadow, transform;
}

@media (prefers-reduced-motion: reduce) {

	html #BorlabsCookieBox .brlbs-cmpnt-btn:hover,
	html #BorlabsCookieBox .brlbs-cmpnt-btn:focus-visible,
	html .brlbs-cmpnt-container .brlbs-cmpnt-btn:hover,
	html .brlbs-cmpnt-container .brlbs-cmpnt-btn:focus-visible {
		transform: none;
	}
}

html #BorlabsCookieBox .brlbs-cmpnt-widget svg,
html .brlbs-cmpnt-container .brlbs-cmpnt-widget svg {
	box-sizing: border-box;
	width: 58px;
	height: 58px;
	padding: 12px;
	background-color: var(--dc-gelb);
	border: var(--dc-kontur);

	border-radius: 0;
	box-shadow: var(--dc-schatten);
	color: var(--dc-schwarz);

	filter: none;
}

html #BorlabsCookieBox .brlbs-cmpnt-widget:hover,
html .brlbs-cmpnt-container .brlbs-cmpnt-widget:hover {
	opacity: 1;
}

html .brlbs-cmpnt-container .brlbs-cmpnt-widget svg > use,
html #BorlabsCookieBox .brlbs-cmpnt-widget svg > use {
	width: 100%;
	height: 100%;
}

html #BorlabsCookieBox .brlbs-cmpnt-widget:hover svg,
html .brlbs-cmpnt-container .brlbs-cmpnt-widget:hover svg {
	box-shadow: none;
	transform: translate(-3px, 3px);
}

@media (prefers-reduced-motion: reduce) {

	html #BorlabsCookieBox .brlbs-cmpnt-widget:hover svg,
	html .brlbs-cmpnt-container .brlbs-cmpnt-widget:hover svg {
		transform: none;
	}
}

/* ---- barrierefreiheit.css ---- */
/*! barrierefreiheit.css - diversity company
 * Kommentierte Fassung im Repository, nicht in der Auslieferung.
 */
html .onetap-container-toggle .onetap-toggle {
	box-sizing: border-box !important;
	width: 58px !important;
	height: 58px !important;
	padding: 0 !important;
	background: var(--dc-gelb) !important;
	border: var(--dc-kontur) !important;
	box-shadow: var(--dc-schatten) !important;
}

html .onetap-container-toggle .onetap-toggle img {
	width: 100% !important;
	height: 100% !important;
	background: transparent !important;
	border-radius: 0 !important;

	filter: invert(1);
}

html .onetap-container-toggle .onetap-toggle:hover {
	transform: translate(-3px, 3px) !important;
	box-shadow: none !important;
}

html .onetap-container-toggle .onetap-toggle img:hover {
	transform: none !important;
}

@media (prefers-reduced-motion: reduce) {

	html .onetap-container-toggle .onetap-toggle:hover {
		transform: none !important;
	}
}

html .onetap-container-toggle .onetap-toggle:focus-visible {
	outline: 2px solid var(--dc-schwarz) !important;
	outline-offset: 3px !important;
}