:root {
	--color-deep-night: #070e1c;
	--color-midnight: #0d1b30;
	--color-crimson: #8b1a2e;
	--color-deep: #6b0d1e;
	--color-ruby: #a82840;
	--color-blush: #c44060;
	--color-silver: #8a9bad;
	--color-platinum: #b0bfcc;
	--color-pearl: #d4dde6;
	--color-white: #f0f4f7;

	--color-steel: #4a5460;
	--color-gunmetal: #6e7d8c;
	--color-slate: #2a4880;
	--color-sky: #6a8cc8;
	--color-royal: #1e3560;
	--color-navy: #152540;

	--gradient-text-silver: linear-gradient(166deg, #6e7d8c 0%, #d4dde6 40%, #8a9bad 70%, #b0bfcc 100%);

	--gradient-red: linear-gradient(168deg, #a82840 0%, #6b0d1e 50%, #8b1a2e 100%);
	--gradient-navy: linear-gradient(170deg, #2a4880 0%, #0d1b30 50%, #1e3560 100%);
	--gradient-silver: linear-gradient(171deg, #d4dde6 0%, #6e7d8c 50%, #b0bfcc 100%);
	--gradient-grey: linear-gradient(168deg, #8a9bad 0%, #4a5460 50%, #6e7d8c 100%);

	--gradient-btn-shine: linear-gradient(150deg, transparent 33%, rgba(255, 255, 255, 0.12) 50%, transparent 67%);

	--shadow-btn-red: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 30px rgba(139, 26, 46, 0.4);
	--shadow-btn-navy: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 30px rgba(30, 53, 96, 0.4);
	--shadow-btn-silver: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 30px rgba(138, 155, 173, 0.4);
	--shadow-btn-grey: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 20px rgba(74, 84, 96, 0.4);

	--btn-outline-border: rgba(176, 191, 204, 0.3);

	--duration-shine: 0.6s;
	--duration-hover: 0.25s;
	--duration-leistungsliste-hover: 0.45s;
	--duration-karte: 0.6s;

	--color-akzent: var(--color-blush);
	--color-akzent-text: var(--color-akzent);
	--gradient-btn-akzent: var(--gradient-red);
	--shadow-btn-akzent: var(--shadow-btn-red);
	--hero-unterseite-tint: linear-gradient(151deg, #3a0610 0%, #8b1a2e 40%, #4a0810 70%, #6b0d1e 100%);

	--bs-primary: #8b1a2e;
	--bs-primary-rgb: 139, 26, 46;
	--bs-secondary: #8a9bad;
	--bs-secondary-rgb: 138, 155, 173;
	--bs-dark: #070e1c;
	--bs-dark-rgb: 7, 14, 28;
	--bs-light: #f0f4f7;
	--bs-light-rgb: 240, 244, 247;

	--bs-body-bg: #0d1b30;
	--bs-body-bg-rgb: 13, 27, 48;
	--bs-body-color: #f0f4f7;
	--bs-body-color-rgb: 240, 244, 247;
	--bs-secondary-color: #b0bfcc;
	--bs-heading-color: #f0f4f7;
	--bs-link-color: #f0f4f7;
	--bs-link-color-rgb: 240, 244, 247;
	--bs-link-hover-color: #c44060;
	--bs-link-hover-color-rgb: 196, 64, 96;
	--bs-border-color: rgba(176, 191, 204, 0.25);
	--bs-border-radius: 0;
	--bs-focus-ring-color: rgba(196, 64, 96, 0.5);

	--font-family-base: "Archivo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
	--bs-body-font-family: var(--font-family-base);


	--bs-body-font-size: 1.0625rem;
	--bs-body-line-height: 1.647;
	--ls-body: 0.0625rem;

	--fs-h1: clamp(2.25rem, 1.4rem + 3.4vw, 4.125rem);
	--lh-h1: 1.14;

	--fs-h2: clamp(1.625rem, 1.4rem + 0.8vw, 2rem);
	--lh-h2: 1.19;

	--fs-number: clamp(3.5rem, 2rem + 5vw, 6.25rem);

	--fs-label: 0.875rem;
	--ls-label: 0.1875rem;

	--fs-button: 0.8125rem;
	--ls-button: 0.1375rem;
	--btn-radius: 2px;
	--btn-outline-radius: 3px;

	--link-arrow-gap: 0.375rem;
	--link-arrow-width: 1.375rem;
	--link-arrow-height: 0.4375rem;
	--link-arrow-shift: 0.625rem;

	--fs-nav: 1rem;
	--ls-nav: 0.05em;

	--container-max: 1680px;
	--container-gutter: 1.5rem;
	--page-margin: 6.25vw;
	--space-section: clamp(3rem, 1.75rem + 4vw, 6rem);
	--space-section-sm: clamp(2rem, 1.25rem + 2.5vw, 3.5rem);
	--label-line-width: 2rem;
	--section-kopf-gap: 2.5rem;

	--header-offset: 4rem;
	--header-offset-mobile: 1.5rem;
	--header-height: 3.5rem;
	--logo-width: 16.25rem;
	--logo-width-mobile: 10.6875rem;

	--header-kompakt-schwelle: 4rem;
	--header-kompakt-padding: 1rem;
	--header-kompakt-padding-mobile: 0.75rem;
	--header-kompakt-hoehe: 5rem;
	--logo-width-kompakt: 11.25rem;
	--logo-width-kompakt-mobile: 8rem;
	--header-kompakt-flaeche: rgba(7, 14, 28, 0.85);
	--header-kompakt-linie: rgba(176, 191, 204, 0.12);
	--header-kompakt-schatten: 0 8px 30px rgba(7, 14, 28, 0.35);
	--header-kompakt-unschaerfe: 12px;
	--duration-header: 0.3s;
	--nav-gap: clamp(1.25rem, 1.67vw, 2rem);

	--menu-button: 2.75rem;
	--menu-icon: 2.75rem;
	--menu-strich: 2px;
	--duration-menu-icon: 0.22s;
	--ease-menu-icon: cubic-bezier(0.65, 0, 0.35, 1);
	--duration-overlay: 0.3s;
	--overlay-menue-abstand: 5.375rem;
	--overlay-link-padding: 1rem;
	--overlay-social-abstand: 3.4375rem;
	--overlay-icon: 1.875rem;
	--overlay-icon-gap: 1.1875rem;
	--overlay-kontakt-gap: 2.625rem;
	--fs-overlay-kontakt: 1rem;
	--lh-overlay-kontakt: 1.375;
	--overlay-unten: 2rem;

	--footer-padding-y: clamp(3.5rem, 2rem + 4vw, 6.25rem);
	--footer-logo-width: 22.5rem;
	--footer-logo-width-mobile: 15rem;
	--footer-menu-col-gap: 6.25rem;
	--footer-icon-size: 3.625rem;
	--footer-icon-gap: 2.25rem;
	--footer-siegel-size: 6.8rem;
	--footer-siegel-gap: 1.75rem;
	--footer-adresse-einzug: 8.4375rem;
	--footer-main-offset: 2rem;
	--footer-rechtliches-offset: 2rem;

	--hero-min-height: max(40rem, 100svh);
	--hero-padding-top: 11rem;
	--hero-padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 5rem);
	--hero-gap: 3rem;
	--hero-headline-max: 60.625rem;
	--hero-text-max: 51.75rem;
	--hero-tint: #275bad;
	--hero-verlauf: linear-gradient(180deg, transparent 0%, #06101f 100%);
	--hero-unterseite-verlauf: linear-gradient(176deg, rgba(30, 53, 96, 0) 5%, rgba(21, 37, 64, 0.5) 32%, #070e1c 86%);
	--hero-tint-neutral: linear-gradient(151deg, #0d1b30 0%, #2a4880 40%, #8a9bad 70%, #4a5460 100%);

	--leistungen-kopf-abstand: 3rem;
	--leistung-gap: 1.5rem;
	--leistung-button-abstand: 2.5rem;
	--leistung-karte-hoehe: clamp(32rem, 41vw, 49.1875rem);
	--leistung-karte-padding: clamp(1.5rem, 2.5vw, 3rem);
	--leistung-karte-padding-unten: clamp(2rem, 3.33vw, 4rem);
	--fs-leistung-titel: clamp(2.25rem, 3.4vw, 4.125rem);
	--leistung-karte-hoehe-kompakt: clamp(26rem, 28.65vw, 34.375rem);
	--leistung-karte-kompakt-text-oben: 0.58;
	--leistung-hover-zoom: 1.19;
	--leistung-hover-hub: -1.25rem;
	--leistung-dunkel: linear-gradient(170deg, rgba(30, 53, 96, 0) 5%, rgba(21, 37, 64, 0.5) 32%, #070e1c 86%);
	--leistung-farbe-silber: linear-gradient(125deg, #6e7d8c 0%, #d4dde6 40%, #8a9bad 70%, #b0bfcc 100%);
	--leistung-farbe-blau: linear-gradient(125deg, #07101f 0%, #1e3560 40%, #0d1b30 70%, #152540 100%);
	--leistung-farbe-rot: linear-gradient(125deg, #3a0610 0%, #8b1a2e 40%, #4a0810 70%, #6b0d1e 100%);
	--leistung-akzent-silber: #b0bfcc;
	--leistung-akzent-blau: #2a4880;
	--leistung-akzent-rot: #a82840;

	--zahlen-padding-top: clamp(3rem, 1.75rem + 4vw, 6rem);
	--zahlen-padding-bottom: clamp(3rem, 1.75rem + 5vw, 7.5rem);
	--zahlen-kopf-abstand: 3rem;
	--zahlen-bild-deckkraft: 0.2;
	--zahlen-flaeche: rgba(13, 27, 48, 0.7);
	--zahlen-radius: 0.5rem;
	--zahlen-eintrag-padding: 4rem 1.5rem 3.5rem;
	--zahlen-text-abstand: 3rem;
	--zahlen-text-max: 60.625rem;
	--zahlen-linie: var(--color-crimson);

	--bild-text-padding-y: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--bild-text-flaeche-padding-y: clamp(3rem, 1.5rem + 5vw, 6.25rem);
	--bild-text-spalten-abstand: 6.25rem;
	--bild-text-gap: 3rem;
	--bild-text-headline-max: 40.375rem;
	--bild-text-headline-max-breit: 51.5rem;
	--bild-text-button-gap: 1.5rem;
	--bild-text-bild-format: 752 / 700;
	--bild-text-radius: 0.5rem;
	--bild-text-linie-breite: 2.5rem;
	--bild-text-verlauf: linear-gradient(90deg, rgba(6, 16, 31, 0.15) 30%, rgba(6, 16, 31, 0.75) 100%);
	--bild-text-chips-abstand: 2rem;
	--bild-text-chip-gap: 1rem 0.5rem;
	--bild-text-chip-padding: 0.6875rem 0.875rem;
	--bild-text-chip-radius: 3px;
	--bild-text-chip-flaeche: rgba(139, 26, 46, 0.15);

	--highlights-padding-y: clamp(3rem, 1.75rem + 4vw, 6rem);
	--highlights-kopf-abstand: 3.5rem;
	--highlights-filter-abstand: 4rem;
	--highlights-filter-gap: 0.5rem;
	--highlights-filter-padding: 0.875rem;
	--highlights-filter-border: rgba(176, 191, 204, 0.15);
	--highlights-filter-aktiv-bg: rgba(139, 26, 46, 0.15);
	--highlights-gap: 0.5rem;
	--highlights-zeile: clamp(13rem, 14.375vw, 17.25rem);
	--highlights-spalten: minmax(0, 686fr) minmax(0, 410fr) minmax(0, 150fr) minmax(0, 410fr);
	--highlights-kachel-padding: clamp(1.25rem, 1.667vw, 2rem);
	--highlights-kategorie-abstand: 0.375rem;
	--highlights-titel-abstand: 0.75rem;
	--highlights-verlauf: linear-gradient(270deg, rgba(6, 16, 31, 0.15) 30%, rgba(6, 16, 31, 0.75) 100%);
	--highlights-dunkel: linear-gradient(175deg, rgba(30, 53, 96, 0) 5%, rgba(21, 37, 64, 0.5) 32%, #070e1c 86%);
	--highlights-hover-zoom: 1.2;
	--highlights-hover-hub: 2.5rem;
	--fs-highlights-titel: clamp(1.375rem, 1.667vw, 2rem);
	--lh-highlights-titel: 1.44;

	--social-padding-y: clamp(3rem, 1.75rem + 4vw, 6rem);
	--social-kopf-abstand: 3rem;
	--social-karte-breite: min(21.875rem, 80vw);
	--social-karte-gap: 1.5rem;
	--social-radius: 0.5rem;
	--social-text-abstand: 1.5rem;
	--social-meta-abstand: 2rem;
	--social-meta-gap: 0.9375rem;
	--social-text-zeilen: 5;
	--fs-social-meta: 1rem;
	--lh-social-meta: 1.375;

	--partner-padding-top: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--partner-padding-bottom: clamp(2.5rem, 1.5rem + 2.6vw, 4.6875rem);
	--partner-kopf-abstand: 3.5rem;
	--partner-gap: 0.5rem;
	--partner-feld-breite: clamp(9rem, 40vw, 12.6875rem);
	--partner-feld-hoehe: 4.875rem;
	--partner-sekunden-pro-logo: 3s;
	--partner-feld-padding: 0.5rem;
	--partner-logo-hoehe: 2.375rem;
	--partner-logo-breite: 9.5rem;
	--partner-steuerung-groesse: 2.75rem;
	--partner-steuerung-abstand: 1rem;

	--akkordeon-padding-top: clamp(3rem, 1.75rem + 4vw, 6rem);
	--akkordeon-padding-bottom: clamp(2rem, 1rem + 2vw, 3.125rem);
	--akkordeon-headline-max: 69.5rem;
	--akkordeon-kopf-abstand: 3.5rem;
	--akkordeon-linie: var(--color-steel);
	--akkordeon-kennung-breite: 4.875rem;
	--akkordeon-spalten-abstand: 4rem;
	--akkordeon-icon: 4rem;
	--akkordeon-icon-mobil: 2.5rem;
	--akkordeon-zeile-padding: 0.5rem 1.5rem 0.5rem 0;
	--akkordeon-text-padding: 0.5rem 1.5rem 2rem 0;

	--icon-karten-padding-top: clamp(4rem, 2rem + 4vw, 6.25rem);
	--icon-karten-padding-bottom: clamp(3rem, 1.75rem + 4vw, 6rem);
	--icon-karten-kopf-abstand: 3.5rem;
	--icon-karten-gap: 1.5rem;
	--icon-karten-karte-padding: 3rem 2rem 4rem;
	--icon-karten-radius: 0.5rem;
	--icon-karten-rahmen: var(--color-gunmetal);
	--icon-karten-flaeche: var(--color-navy);
	--icon-karten-linie: var(--color-platinum);
	--icon-karten-linie-hoehe: 3px;
	--icon-karten-icon: 6.25rem;
	--icon-karten-icon-abstand: 3rem;
	--icon-karten-titel-abstand: 2rem;

	--branchen-padding-top: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--branchen-padding-bottom: clamp(2rem, 1rem + 3vw, 5rem);
	--branchen-kopf-abstand: 3rem;
	--branchen-gap: 1.25rem;
	--branchen-reihen-gap: 3rem;
	--branchen-bild-format: 320 / 300;
	--branchen-titel-abstand: 2rem;
	--branchen-verlauf: linear-gradient(180deg, rgba(30, 53, 96, 0.15) 30%, #070e1c 100%);

	--cta-padding-top: clamp(2.5rem, 1.5rem + 2.6vw, 4.6875rem);
	--cta-padding-bottom: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--cta-headline-abstand: 1.75rem;
	--cta-text-max: 44rem;

	--fs-h4: clamp(1.25rem, 1.1rem + 0.5vw, 1.625rem);
	--lh-h4: 1.31;
	--fs-body-small: 0.9375rem;
	--lh-body-small: 1.47;

	--leistungsliste-padding-top: clamp(3rem, 1.75rem + 4vw, 6rem);
	--leistungsliste-padding-bottom: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--leistungsliste-kopf-abstand: 3rem;
	--leistungsliste-text-abstand: 3rem;
	--leistungsliste-text-max: 51.75rem;
	--leistungsliste-spalten-abstand: 5rem;
	--leistungsliste-bild-format: 686 / 700;
	--leistungsliste-radius: 0.5rem;
	--leistungsliste-hover-farbe: var(--color-akzent);
	--leistungsliste-verlauf: linear-gradient(180deg, rgba(6, 16, 31, 0.15) 30%, rgba(6, 16, 31, 0.75) 100%);
	--leistungsliste-liste-abstand: 4rem;
	--leistungsliste-eintrag-gap: 2.5rem;
	--leistungsliste-hover-einzug: 5.875rem;
	--leistungsliste-pfeil: 2.5rem;
	--leistungsliste-nummer-links: 3rem;

	--popup-abstand-aussen: clamp(0.5rem, 5.2vw, 6.25rem);
	--popup-padding-x: clamp(1.25rem, 3.33vw, 4rem);
	--popup-padding-top: clamp(1.25rem, 4.58vw, 5.5rem);
	--popup-padding-bottom: clamp(2rem, 3.33vw, 4rem);
	--popup-radius: 0.5rem;
	--popup-verlauf: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #06101f 100%);
	--popup-backdrop-deckkraft: 0.9;
	--popup-schliessen-groesse: 4rem;
	--popup-schliessen-icon: 2.625rem;
	--popup-schliessen-flaeche: var(--color-navy);
	--popup-schliessen-rahmen: var(--color-slate);
	--popup-schliessen-hover: var(--color-royal);
	--popup-titel-abstand: 0.75rem;
	--popup-bild-abstand: 2.5rem;
	--popup-max: 78rem;
	--popup-inhalt-abstand: 3rem;
	--popup-section-abstand: clamp(3rem, 1.75rem + 4vw, 6rem);
	--popup-spalten-abstand: 4.5rem;
	--lh-popup-beschreibung: 1.44;
	--popup-aufgabe-padding: 0.75rem;
	--popup-aufgabe-linie: rgba(176, 191, 204, 0.2);
	--popup-aufgaben-abstand: 2.5rem;
	--popup-punkt: 7px;
	--popup-punkt-abstand: 1rem;
	--popup-referenzen-kopf-abstand: 3rem;
	--popup-referenz-raster-breite: 73.1875rem;
	--popup-referenz-format: 568 / 276;
	--popup-referenz-gap: 2.1875rem;
	--popup-zurueck-abstand: 4rem;

	--popup-abschnitt-gap: 3rem;
	--popup-ueberschrift-abstand: 1rem;
	--popup-ueberleitung-abstand: 1.5rem;
	--popup-text-rechts-abstand: 2rem;
	--popup-flaeche-padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
	--popup-flaeche-kopf-abstand: 2rem;
	--popup-karten-kopf-abstand: 2rem;
	--popup-karten-kopf-max: 44.0625rem;
	--popup-karte-gap: 0.75rem;
	--popup-karte-flaeche: rgba(21, 37, 64, 0.5);
	--popup-karte-linie: 4px;
	--popup-karte-padding: 1.25rem 1.5rem;
	--popup-karte-kopf-gap: 1.75rem;
	--popup-karte-text-abstand: 0.25rem;
	--popup-karte-titel-text-abstand: 0.25rem;
	--popup-band-spalten-abstand: 4.5rem;
	--popup-band-bild-format: 4 / 3;
	--popup-band-bild-format-flaeche: 4 / 3;
	--popup-band-verlauf: linear-gradient(90deg, rgba(6, 16, 31, 0.15) 30%, rgba(6, 16, 31, 0.75) 100%);

	--rolle-flaeche: rgba(21, 37, 64, 0.5);
	--rolle-radius: 0.5rem;
		--rolle-padding: 1.25rem 1.5rem;
	--rolle-gap: 0.75rem;
	--fs-rolle-name: var(--fs-h5);
	--rolle-linie-hoehe: 4px;

	--stellen-padding-y: clamp(4rem, 2rem + 4vw, 6.25rem);
	--stellen-gap: 3rem;
	--stellen-hinweis-abstand: 1rem;
	--stellen-box-radius: 0.5rem;
	--stellen-box-padding: 1.5rem;
	--stellen-logo-breite: 8.6875rem;
	--stellen-logo-abstand: 1rem;
	--stellen-liste-abstand: 2.5rem;
	--stellen-liste-hoehe: 38.75rem;
	--stellen-eintrag-padding: 2.75rem;
	--stellen-badge-padding: 0.75rem 1.5rem;
	--stellen-fuss-hoehe: 4.5rem;
	--stellen-icon-groesse: 1.5rem;

	--initiativ-padding-y: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--initiativ-flaeche-padding-y: clamp(3rem, 1.5rem + 4vw, 6.25rem);
	--initiativ-gap: 3rem;
	--initiativ-linie-breite: 5px;
	--initiativ-vorteil-abstand: 2.5rem;
	--initiativ-punkt: 7px;
	--initiativ-punkt-abstand: 0.625rem;

	--referenzen-padding-y: clamp(3rem, 1.75rem + 4vw, 6rem);
	--referenzen-kopf-abstand: 3rem;
	--referenzen-bild-format: 402 / 300;
	--referenzen-verlauf: linear-gradient(180deg, rgba(30, 53, 96, 0.15) 30%, #070e1c 100%);
	--referenzen-kategorie-abstand: 1.25rem;
	--referenzen-titel-abstand: 0.75rem;
	--fs-referenzen-titel: clamp(1.5rem, 1.3rem + 0.6vw, 2rem);
	--lh-referenzen-titel: 1.44;

	--offene-stellen-padding-top: clamp(3rem, 1.75rem + 4vw, 6rem);
	--offene-stellen-padding-bottom: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--offene-stellen-breite: 91.55%;
	--offene-stellen-kopf-abstand: 3rem;
	--offene-stellen-liste-abstand: 3rem;
	--offene-stellen-filter-gap: 0.625rem;
	--offene-stellen-filter-spalten: 568fr 300fr 300fr 340fr;
	--offene-stellen-feld-hoehe: 3rem;
	--offene-stellen-feld-flaeche: rgba(42, 72, 128, 0.15);
	--offene-stellen-feld-rahmen: rgba(30, 53, 96, 0.3);
	--offene-stellen-feld-radius: 3px;
	--offene-stellen-feld-einzug: 3.125rem;
	--offene-stellen-feld-icon-links: 1rem;
	--offene-stellen-icon: 1.5rem;
	--offene-stellen-liste-hoehe: 45rem;
	--offene-stellen-scroller-abstand: 0.75rem;
	--offene-stellen-karte-gap: 2rem;
	--offene-stellen-karte-radius: 0.5rem;
	--offene-stellen-karte-padding: 2rem clamp(1.5rem, 3.8vw, 4.5rem) 2rem clamp(1.75rem, 3.8vw, 4.5625rem);
	--offene-stellen-karte-flaeche: rgba(21, 37, 64, 0.7);
	--offene-stellen-karte-rahmen: rgba(42, 72, 128, 0.7);
	--offene-stellen-karte-schatten: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 30px rgba(30, 53, 96, 0.4);
	--offene-stellen-karte-flaeche-hover: rgba(30, 53, 96, 0.7);
	--offene-stellen-karte-schatten-hover: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 6px 30px rgba(30, 53, 96, 0.5);
	--offene-stellen-leiste: 9px;
	--offene-stellen-meta-gap: 3rem;
	--offene-stellen-meta-gap-mobil: 1.5rem;
	--offene-stellen-meta-icon-gap: 0.5rem;
	--offene-stellen-titel-abstand: 1.5rem;
	--offene-stellen-linie-abstand: 1rem;
	--offene-stellen-linie: rgba(42, 72, 128, 1);
	--offene-stellen-vorteil-gap: 2rem;
	--offene-stellen-punkt: 7px;
	--offene-stellen-punkt-abstand-mobil: 0.75rem;
	--offene-stellen-button-breite: 16.8125rem;
	--offene-stellen-button-schatten: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 15px rgba(30, 53, 96, 0.4);

	--warum-padding-top: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--warum-padding-bottom: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--warum-kopf-abstand: 3rem;
	--warum-teil-abstand: clamp(3rem, 1.75rem + 4vw, 6rem);
	--warum-kachel-flaeche: rgba(13, 27, 48, 0.3);
	--warum-kachel-rahmen: rgba(30, 53, 96, 0.3);
	--warum-kachel-radius: 0.5rem;
	--warum-kachel-linie: 3px;
	--warum-vorteil-padding: 1.5rem 1rem 1.75rem;
	--warum-icon: 6.25rem;
	--warum-icon-abstand: 1rem;
	--warum-vorteil-text-abstand: 0.75rem;
	--fs-h5: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
	--lh-h5: 1.09;
	--ls-h5: 0.03125rem;
	--warum-mission-breite: 91.55%;
	--warum-mission-spalten: 752fr 706fr;
	--warum-mission-gap: 5rem;
	--warum-mission-text-abstand: 3rem;
	--lh-warum-headline-h2: 1.44;
	--warum-wert-padding: 1.5rem 2rem 2.5rem;
	--warum-wert-abstand: 0.75rem;

	--kontakt-padding-top: clamp(2.5rem, 1.25rem + 3.5vw, 6rem);
	--kontakt-padding-bottom: clamp(2rem, 1rem + 3vw, 4.6875rem);
	--kontaktdaten-padding-top: clamp(2rem, 1rem + 3vw, 4.6875rem);
	--kontaktdaten-padding-bottom: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--kontakt-spalten-abstand: 1.25rem;
	--kontakt-headline-abstand: 3rem;
	--kontakt-text-max: 28.5625rem;
	--kontakt-formular-titel-abstand: 2.25rem;
	--kontaktdaten-gruppe-abstand: 3rem;
	--kontaktdaten-wert-abstand: 0.5rem;
	--kontaktdaten-bild-format: 970 / 586;
	--kontaktdaten-bild-radius: 0.5rem;
	--lh-kontakt-h2: 1.44;

	--form-feld-flaeche: rgba(42, 72, 128, 0.15);
	--form-feld-rahmen: rgba(30, 53, 96, 0.3);
	--form-feld-rahmen-fokus: var(--color-slate);
	--form-feld-radius: 3px;
	--form-feld-padding: 0.5rem 1.5rem;
	--form-fokus-ring: 0 0 0 0.25rem rgba(42, 72, 128, 0.5);
	--fs-form: var(--fs-body-small);
	--lh-form: var(--lh-body-small);
	--form-feld-abstand: 0.5rem;
	--form-auswahl-hoehe: 3.375rem;
	--form-mitteilung-hoehe: 7.5rem;
	--form-checkbox-groesse: 1.5625rem;
	--form-checkbox-abstand: 1.5rem;
	--form-checkbox-text-abstand: 0.625rem;
	--form-checkbox-text-versatz: 0.125rem;
	--form-button-abstand: 3rem;
	--form-button-padding-y: 1rem;

	--fachbereiche-padding-y: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--fachbereiche-kopf-abstand: 3rem;
	--fachbereiche-karte-gap: 2rem;
	--fachbereiche-karte-padding: clamp(1.5rem, 3.33vw, 4rem);
	--fachbereiche-karte-radius: 0.5rem;
	--fachbereiche-karte-rahmen: var(--color-crimson);
	--fachbereiche-karte-flaeche: rgba(21, 37, 64, 0.7);
	--fachbereiche-karte-schatten: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 30px rgba(139, 26, 46, 0.4);
	--fachbereiche-leiste: 9px;
	--fachbereiche-leiste-farbe: rgba(139, 26, 46, 0.7);
	--fachbereiche-text-max: 42.875rem;
	--fachbereiche-chip-gap: 0.5rem;
	--fachbereiche-chip-padding: 0.6875rem 0.875rem;
	--fachbereiche-chip-radius: 3px;
	--fachbereiche-chip-rahmen: var(--color-crimson);
	--fachbereiche-chip-flaeche: rgba(107, 13, 30, 0.15);

	--projektprozess-padding-y: clamp(3rem, 1.5rem + 4vw, 6.25rem);
	--projektprozess-gap: 3rem;
	--projektprozess-text-max: 44.375rem;
	--projektprozess-kachel-gap: 1.5rem;
	--projektprozess-kachel-hoehe: 10rem;
	--projektprozess-kachel-padding: clamp(1.25rem, 1.67vw, 2rem);
	--projektprozess-linie: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #c44060 50%, rgba(0, 0, 0, 0) 100%);

	--reiter-tab-gap: 1.5rem;
	--reiter-tab-breite: 20.75rem;
	--reiter-tab-padding: 1rem 1.5rem;
	--reiter-tab-radius: 0.5rem;
	--reiter-tab-rahmen: rgba(74, 84, 96, 0.3);
	--reiter-tab-linie: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #b0bfcc 50%, rgba(0, 0, 0, 0) 100%);
	--reiter-tab-aktiv-rahmen: rgba(139, 26, 46, 0.3);
	--reiter-tab-aktiv-flaeche: linear-gradient(168deg, #3a0610 0%, #8b1a2e 40%, #4a0810 70%, #6b0d1e 100%);
	--reiter-tab-aktiv-linie: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #a82840 50%, rgba(0, 0, 0, 0) 100%);
	--reiter-padding-top: clamp(3rem, 1.5rem + 4vw, 6.25rem);
	--reiter-padding-bottom: clamp(3rem, 1.5rem + 4.5vw, 7rem);
	--reiter-bild-deckkraft: 0.2;
	--reiter-verlauf: linear-gradient(178deg, rgba(42, 72, 128, 0) 5%, rgba(30, 53, 96, 0.2) 70%, #0d1b30 95%);
	--reiter-linie-unten: 5px;
	--reiter-headline-max: 80.625rem;
	--reiter-text-max: 42.625rem;
	--reiter-gap: 3rem;

	--leitsatz-padding-y: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--leitsatz-text-max: 51.875rem;
	--leitsatz-gap: 3rem;
	--leitsatz-headline-max: 79.875rem;

	--news-padding-y: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--news-kopf-abstand: 3.5rem;
	--news-spalten-gap: 1.5rem;
	--news-reihen-gap: clamp(3rem, 2rem + 2.5vw, 5rem);
	--news-bild-format: 402 / 250;
	--news-verlauf: linear-gradient(180deg, rgba(30, 53, 96, 0.15) 30%, #070e1c 100%);
	--news-linie: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #a82840 50%, rgba(0, 0, 0, 0) 100%);
	--news-linie-hoehe: 3px;
	--news-datum-abstand: 1.125rem;
	--news-titel-abstand: 0.75rem;
	--news-mehr-abstand: 1.5rem;
	--news-hover-zoom: 1.05;
	--news-button-abstand: clamp(3rem, 2rem + 3vw, 6.25rem);
	--news-button-breite: 15.5rem;

	--beitrag-padding-top: clamp(3rem, 1.75rem + 4vw, 6rem);
	--beitrag-text-max: 51.75rem;
	--beitrag-absatz-abstand: 1.5rem;
	--beitrag-ueberschrift-abstand: 3rem;
	--beitrag-punkt-einzug: 1.4375rem;
	--beitrag-zitat-einzug: 2rem;
	--beitrag-linie: rgba(176, 191, 204, 0.15);

	--textseite-padding-top: clamp(2rem, 1rem + 3vw, 4rem);
	--textseite-padding-bottom: clamp(3rem, 1.75rem + 5.5vw, 8rem);
	--textseite-titel-abstand: 4rem;

	--stelle-padding-y: clamp(3rem, 1.75rem + 3.5vw, 6rem);
	--stelle-abschnitt-abstand: clamp(3rem, 2rem + 3vw, 6.25rem);
	--stelle-eckdaten-gap: 1.5rem;
	--stelle-spalten-abstand: 6.25rem;
	--stelle-punkt-padding: 1.5rem;
	--fs-stelle-titel: clamp(2rem, 1.5rem + 2vw, 3.5rem);

	--hero-video-knopf: 2.75rem;
	--hero-video-knopf-flaeche: rgba(7, 14, 28, 0.4);

	--zitat-logo-breite: 6.25rem;
	--zitat-logo-abstand: 4rem;
	--zitat-max: 90.125rem;
	--fs-zitat: clamp(1.75rem, 1.25rem + 2vw, 3rem);
	--lh-zitat: 1.33;
	--zitat-claim-abstand: clamp(3rem, 2rem + 3vw, 6.25rem);
	--zitat-label-abstand: 1.5rem;

	--weltkarte-padding-y: clamp(3rem, 1.5rem + 5vw, 6.25rem);
	--weltkarte-kopf-abstand: 3.5rem;
	--weltkarte-tabs-abstand: 4rem;
	--weltkarte-spalte-links: 27rem;
	--weltkarte-liste-breite: 18.75rem;
	--weltkarte-liste-abstand: 6rem;
	--weltkarte-tab-gap: 2rem;
	--weltkarte-tab-padding: 0.875rem;
	--weltkarte-tab-radius: 0.1875rem;
	--weltkarte-tab-aktiv: rgba(110, 125, 140, 0.15);
	--weltkarte-ort-padding: 1.25rem;
	--weltkarte-punkt: 0.4375rem;
	--weltkarte-punkt-abstand: 1rem;
	--weltkarte-karte-format: 1255.2 / 619.2;
	--weltkarte-land: var(--color-silver);
	--weltkarte-land-blau: var(--color-slate);
	--weltkarte-land-aktiv: var(--color-pearl);
	--weltkarte-land-anheben: -0.25rem;
	--weltkarte-land-zoom: 1.08;
	--weltkarte-land-schatten: 0 0.375rem 0.5rem rgba(3, 8, 16, 0.6);

	--ansprechpartner-kopf-abstand: 3.5rem;
	--ansprechpartner-karte-max: 42.875rem;
	--ansprechpartner-gap: clamp(2rem, 8vw, 10.375rem);
	--ansprechpartner-bild-format: 686 / 320;
	--ansprechpartner-bild-radius: 0.5rem;
	--ansprechpartner-bild-fokus: 50% 25%;
	--ansprechpartner-bild-verlauf: linear-gradient(90deg, rgba(6, 16, 31, 0.15) 30%, rgba(6, 16, 31, 0.75) 100%);
	--ansprechpartner-bild-abstand: 1.625rem;
	--ansprechpartner-gruppen-gap: 2.125rem;
	--ansprechpartner-text-gap: 1.125rem;
	--ansprechpartner-kontakt-gap: 3rem;
	--fs-ansprechpartner-wert: clamp(1.0625rem, 0.85rem + 0.45vw, 1.375rem);

	--meilensteine-kopf-max: 42.625rem;
	--meilensteine-kopf-gap: 3rem;
	--meilensteine-text-abstand: 2rem;
	--timeline-abstand: 4rem;
	--timeline-oben: 14.5625rem;
	--timeline-ueberstand: 2.4375rem;
	--timeline-einzug: 1.9375rem;
	--timeline-kopf-abstand: 3rem;
	--timeline-kopf-hub: 5rem;
	--timeline-bild-hoehe: 17.5rem;
	--timeline-bild-abstand: 4.5rem;
	--timeline-bild-hub: 4rem;
	--timeline-bild-radius: 0.5rem;
	--timeline-punkt: 0.9375rem;
	--timeline-linie: var(--color-slate);
	--timeline-punkt-farbe: var(--color-silver);
	--timeline-punkt-aktiv: var(--color-blush);
	--timeline-jahr: var(--color-gunmetal);
	--timeline-jahr-aktiv: var(--color-platinum);
	--timeline-text-gap: 1.5rem;
	--duration-timeline: 0.4s;

	--video-kopf-abstand: 3.5rem;
	--video-hoehe: clamp(22rem, 12rem + 32vw, 49.9375rem);
	--video-tint: var(--hero-tint-neutral);
	--video-verlauf: var(--hero-unterseite-verlauf);
	--video-knopf: 4rem;
	--video-hover-zoom: 1.05;
	--video-hoehe-aktiv: min(56.25cqi, 100svh);
	--video-radius: 0.5rem;
	--video-pause-deckkraft: 0.6;
	--duration-video: 0.8s;

	--zahlen-reihen-abstand: 1.125rem;
	--fs-zahlen-beschriftung: var(--fs-label);
	--lh-zahlen-beschriftung: 1.57;
	--zahlen-eintrag-gap: 1rem;
}

@media (max-width: 575.98px) {
	:root {
		--container-gutter: 2rem;

		--bs-body-font-size: 0.875rem;
		--bs-body-line-height: 1.571;
		--fs-body-small: 0.8125rem;
		--lh-body-small: 1.54;
		--fs-h1: 1.875rem;
		--lh-h1: 1;
		--fs-label: 0.625rem;
		--ls-label: 0.196875rem;
		--fs-number: 3rem;
		--fs-zitat: 1.5rem;
		--fs-social-meta: 0.875rem;
		--fs-leistung-titel: var(--fs-h1);
		--fs-hero-text: 0.75rem;
		--lh-hero-text: 1.5;
		--fs-karte-text: var(--fs-body-small);
		--lh-karte-text: 1.69;
		--fs-karte-nummer: 0.875rem;
		--fs-zahlen-beschriftung: 0.6875rem;
		--lh-zahlen-beschriftung: 1.27;

		--btn-outline-padding-y: 0.8125rem;
		--button-gruppe-gap: 1rem;

		--section-kopf-gap: 1.875rem;
		--hero-gap: 1.5rem;
		--leistungen-kopf-abstand: 2.5rem;
		--zahlen-kopf-abstand: 3rem;

		--zahlen-eintrag-padding: 1.25rem 0.5rem 1.6875rem;
		--zahlen-eintrag-gap: 1.75rem;

		--leistung-karte-hoehe: auto;
		--leistung-karte-padding: 1.875rem;
		--leistung-karte-padding-unten: 1.3125rem;
		--leistung-karte-padding-oben: 6.125rem;
		--leistung-gap: 0.875rem;
		--leistung-button-abstand: 0.375rem;
		--leistungen-karten-abstand: 1.625rem;
	}
}

.farbwelt-blau {
	--color-akzent: var(--color-slate);
	--color-akzent-text: var(--color-sky);
	--gradient-btn-akzent: var(--gradient-navy);
	--shadow-btn-akzent: var(--shadow-btn-navy);
	--hero-unterseite-tint: linear-gradient(151deg, #07101f 0%, #1e3560 40%, #0d1b30 70%, #152540 100%);
	--leistungsliste-hover-farbe: var(--color-sky);
}

.farbwelt-silber {
	--color-akzent: var(--color-silver);
	--color-akzent-text: var(--color-silver);
	--gradient-btn-akzent: var(--gradient-text-silver);
	--shadow-btn-akzent: var(--shadow-btn-navy);
	--hero-unterseite-tint: linear-gradient(151deg, #6e7d8c 0%, #d4dde6 40%, #8a9bad 70%, #b0bfcc 100%);
	--zahlen-linie: rgba(212, 221, 230, 0.5);
	--leistungsliste-hover-farbe: var(--color-platinum);
	--popup-schliessen-flaeche: var(--color-steel);
	--popup-schliessen-rahmen: var(--color-silver);
	--popup-schliessen-hover: var(--color-gunmetal);
	--header-dunkel: var(--color-navy);
	--header-dunkel-hover: var(--color-white);
}

.farbwelt-silber-dunkel {
	--hero-unterseite-tint: var(--hero-tint-neutral);
}