@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/Barlow-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Barlow-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: url(../fonts/Barlow-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Barlow-SemiBold.ttf) format('truetype');
}
html {
  scroll-behavior: smooth;
}
body {
	font-weight: 400;
}
.body_text, .teaser_text, .action_text, .button_text {
  hyphens: none;
}
body, .body_text, .teaser_text, .action_text, .button_text {
	font-size: var(--font-size-body);
	line-height: var(--line-height-body);
	hyphens: none;
}

.teaser_text {
	font-weight: 300;
}
.action_text {
	font-weight: 400;
}
.claim_text {
	font-weight: 500;
	font-size: 4.14vw;
	line-height: 6.2vw;
	hyphens: none;
}
.claim_subtext {
	font-weight: 300;
	font-size: 3.1vw;
	line-height: 3.9vw;
	hyphens: none;
}
.teaser_hl {
	font-weight: 600;
	font-size: 5.375vw;
	line-height: 6.65vw;
}
.body_hl {
	font-weight: 400;
	font-size: 5.75vw;
	line-height: 6.75vw;
}
.action_hl {
	font-weight: 500;
	font-size: 5.75vw;
	line-height: 6.75vw;
}
.action_sl {
	font-weight: 500;
	font-size: 5.375vw;
	line-height: 6.65vw;
}
.adress_hl {
	font-weight: 600;
	font-size: 4.14vw;
	line-height: 6.2vw;
}
.adress_text {
	font-weight: 300;
	font-size: 3.1vw;
	line-height: 3.9vw;
}
.copy_text {
	font-weight: 300;
	font-size: 2.1vw;
	line-height: 2.9vw;
}
.huge_text {
	font-weight: 700;
	font-size: 7.75vw;
	line-height: 10vw;
}
footer nav a {
	color: var(--color-secondary);
}
.ratio-4-3 {
        aspect-ratio: 4/3;
}
.ratio-115-81 {
        aspect-ratio: 115/81;
}
.zitat {
	top:0; left:0;
}
.zitat img {
	width: 10vw;
}
.opa-50 {
	opacity: .5;
}
.rot-90 {
	transform: rotate(90deg);
}
.rot-180 {
	transform: rotate(180deg);
}
.rot-270 {
	transform: rotate(270deg);
}
#toTop {
	display:none;
	cursor: pointer;
	width: 5vw;
	height: 5vw;
	left: 950vw;
	bottom: 10vw;
}
ul {
	list-style-position: outside;
	padding-left: 1em;
}
li.fancycross, li.fancycheck, li.fancycheckblue {
	list-style-type: none;
}
li.fancycross::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: -1em;
	margin-right: 0.5em;
	background-image: url('/www/img/x.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
li.fancycheck::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: -1em;
	margin-right: 0.5em;
	background-image: url('/www/img/haken.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
li.fancycheckblue::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: -1em;
	margin-right: 0.5em;
	background-image: url('/www/img/hakenblue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
}
.squarecross li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 8px;
}
.squarecross {
	list-style: none;
	padding-left: 0;
}
.squarecross li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 8px;
}
.squarecross li span {
	position: absolute;
	left: 0;
	top: 4px;
	width: 9px;
	height: 12px;
	border: 1px solid white;
	box-sizing: border-box;
}
.squarecross li span::before,
.squarecross li span::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 14px;
	background: white;
	left: 3px;
	top: -1.25px;
}
.squarecross li span::before {
	transform: rotate(33.7deg);
	transform-origin: center;
}
.squarecross li span::after {
	transform: rotate(-33.7deg);
	transform-origin: center;
}
.roundcross {
	list-style: none;
	padding-left: 0;
}
.roundcross li {
	position: relative;
	padding-left: 24px;
	margin-bottom: 8px;
}
.roundcross li span {
	position: absolute;
	left: 0;
	top: 4px;
	width: 15px;
	height: 15px;
	border: 1px solid white;
	border-radius: 50%;
	box-sizing: border-box;
}

.roundcross li span::before,
.roundcross li span::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 14px;
	background: white;
	left: 5.5px; 
	top: -1px;
}

.roundcross li span::before {
	transform: rotate(45deg);
	transform-origin: center;
}

.roundcross li span::after {
	transform: rotate(-45deg);
	transform-origin: center;
}
.roundcheck {
        list-style: none;
        padding-left: 0;
}
.roundcheck li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 8px;
}
.roundcheck li span {
        position: absolute;
        left: 0;
        top: 4px;
        width: 15px;
        height: 15px;
        border: 1px solid white;
        border-radius: 50%;
        box-sizing: border-box;
}

.roundcheck li span::before,
.roundcheck li span::after {
        content: '';
        position: absolute;
        width: 1px;
        height: 14px;
        background: white;
        left: 5.5px;
        top: -1px;
}

.roundcheck li span::before {
        transform: rotate(45deg);
        transform-origin: center;
	left: 9px;
}

.roundcheck li span::after {
        transform: rotate(-45deg);
        transform-origin: center;
	height: 4px;
	left: 4px;
	top: 7px;
}

.bigbullet {
	list-style: none;
	padding-left: 0;
}

.bigbullet li {
	position: relative;
	padding-left: 3.75em;
	margin-bottom: 1em; 
	line-height: 1.4;
}
.bigbullet li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.2em;
	width: 3em;
	height: 3em;
	background-color: black; /* Farbe anpassen */
	border-radius: 50%;
}
.strasse {
	background-image: url('/www/img/strasse.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%; 
	background-position: 50% 50%;
}
span.privacy { 
	float: left; 
	margin: 6px 15px;
}
label.privacy {
	width: 30em;
}
.fixed {
	z-index: 100;
}
@media (min-width: 768px) {
	.strasse {
		background-size: contain; 
	}
	.teaser_hl {
		font-weight: 600;
		font-size: 2.2vw;
		line-height: 3.2vw;
	}	
	.body_hl {
		font-weight: 400;
		font-size: 2.55vw;
		line-height: 3.25vw;
	}
	.claim_text {
		font-weight: 500;
		font-size: 1.54vw;
		line-height: 2.52vw;
		hyphens: none;
	}
	.claim_subtext {
		font-weight: 300;
		font-size: 1.6vw;
		line-height: 3.3vw;
		hyphens: none;
	}
	.action_hl {
		font-weight: 500;
		font-size: 2.55vw;
		line-height: 3.25vw;
	}
	.action_sl {
		font-weight: 500;
		font-size: 2.2vw;
		line-height: 3.2vw;
	}
	.adress_hl {
		font-weight: 500;
		font-size: 1.4vw;
		line-height: 2.22vw;
	}
	.adress_text {
		font-weight: 300;
		font-size: 1.2vw;
		line-height: 1.9vw;
	}
	.copy_text {
		font-weight: 300;
		font-size: 0.9vw;
		line-height: 1.2vw;
	}
	.huge_text {
		font-weight: 700;
		font-size: 7.75vw;
		line-height: 10vw;
	}
	.maxW-400 {
		max-width: 400px;
		margin-top: calc(var(--space9) * -1);
	}
	#toTop {
		display:none;
		cursor: pointer;
		width: 2vw;
		height: 2vw;
		left: 95vw;
		bottom: 5vw;
	}
}
@media (min-width: 1400px) {
        .teaser_hl {
                font-weight: 600;
                font-size: 30.8px;
                line-height: 44.8px;
        }
        .body_hl {
                font-weight: 400;
                font-size: 35.6833px;
                line-height: 45.5px;
        }
        .claim_text {
                font-weight: 500;
                font-size: 21.55px;
                line-height: 35.2667px;
                hyphens: none;
        }
        .claim_subtext {
                font-weight: 300;
                font-size: 22.4px;
                line-height: 46.1833px;
                hyphens: none;
        }
        .action_hl {
                font-weight: 500;
                font-size: 35.6833px;
                line-height: 45.5px;
        }
        .action_sl {
                font-weight: 500;
                font-size: 30.8px;
                line-height: 44.8px;
        }
        .adress_hl {
                font-weight: 500;
                font-size: 19.5833px;
                line-height: 31.0667px;
        }
        .adress_text {
                font-weight: 300;
                font-size: 16.8px;
                line-height: 26.6833px;
        }
        .copy_text {
                font-weight: 300;
                font-size: 11.2px;
                line-height: 16.8px;
        }
	.huge_text {
		font-weight: 700;
		font-size: 80px;
		line-height: 60px;
	}
        .maxW-400 {
                max-width: 400px;
                margin-top: calc(var(--space9) * -1);
        }
}

/* About page – scoped replica of the reference page. */
.about-page {
	--about-blue: #173557;
	--about-light: #edeae9;
	--about-sand: #c5b29c;
	--about-taupe: #afa29c;
	--about-cream: #d5ccba;
	--about-ink: #3c3c3b;
	color: var(--about-ink);
	font-family: 'Barlow', sans-serif;
	overflow: hidden;
}
.about-page *,
.about-page *::before,
.about-page *::after {
	box-sizing: border-box;
}
.about-page h1,
.about-page h2,
.about-page h3,
.about-page p,
.about-page ul,
.about-page blockquote {
	margin: 0;
}
.about-page h2 {
	font-size: 30px;
	font-weight: 500;
	line-height: 1.4;
}
.about-page h3 {
	font-size: 27px;
	font-weight: 500;
	line-height: 1.3;
}
.about-page p,
.about-page li,
.about-page a {
	font-size: 18px;
	line-height: 1.45;
}
.about-page p + p {
	margin-top: 14px;
}
.about-wrap {
	width: 100%;
	max-width: 1280px;
	margin-inline: auto;
	padding-inline: 20px;
}
.about-narrow {
	max-width: 1040px;
}
.about-center {
	text-align: center;
}
.about-section {
	padding-block: 70px;
}
.about-section h2 {
	margin-bottom: 28px;
}
.about-section p + .about-button,
.about-section .about-button {
	margin-top: 32px;
}
.about-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 11px 24px;
	border: 1px solid currentColor;
	font-weight: 400;
	line-height: 1.35 !important;
	text-align: center;
	text-transform: none;
}
.about-button--dark {
	color: var(--about-blue);
}
.about-button--light {
	color: #fff;
}
.about-text-link {
	color: var(--about-blue);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.about-hero {
	position: relative;
	min-height: 750px;
	color: #fff;
	background: var(--about-blue);
}
.about-hero__media,
.about-hero__media img,
.about-hero__shade {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.about-hero__media img {
	object-fit: cover;
	object-position: center;
}
.about-hero__shade {
	background: linear-gradient(90deg, rgba(12, 35, 62, .76) 0%, rgba(12, 35, 62, .34) 50%, rgba(12, 35, 62, .08) 100%);
}
.about-hero__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 750px;
	padding-top: 112px;
	padding-bottom: 54px;
}
.about-hero__copy {
	max-width: 520px;
}
.about-hero h1 {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.4;
}
.about-hero__copy p {
	max-width: 430px;
	margin-top: 18px;
	font-size: 18px;
	font-weight: 300;
	line-height: 1.45;
}
.about-hero__copy .about-button {
	margin-top: 32px;
}
.about-hero__values {
	display: flex;
	gap: 52px;
	padding: 0;
	list-style: none;
}
.about-hero__values li {
	position: relative;
	padding-left: 21px;
}
.about-hero__values li::before {
	content: '';
	position: absolute;
	left: 0;
	top: .52em;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	transform: rotate(45deg);
}

.about-intro {
	min-height: 427px;
	display: flex;
	align-items: center;
	padding-top: 52px;
	padding-bottom: 52px;
	background: var(--about-light);
}
.about-intro .about-narrow,
.about-excellence .about-narrow {
	padding-inline: 40px;
}

.about-values,
.about-steps,
.about-founders,
.about-awards {
	background: #fff;
}
.about-founders {
	padding-top: 0;
	padding-bottom: 0;
}
.about-values {
	padding-top: 48px;
	padding-bottom: 0;
}
.about-centered-title {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.about-card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
}
.about-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 515px;
	padding: 54px 38px 42px;
	text-align: center;
}
.about-card--one { background: var(--about-sand); }
.about-card--two { background: var(--about-taupe); }
.about-card--three { background: var(--about-cream); }
.about-card__mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 64px;
	min-height: 64px;
	margin-bottom: 28px;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
}
.about-card h3 {
	min-height: 70px;
	margin-bottom: 22px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.about-card p {
	max-width: 340px;
}
.about-centered-action {
	min-height: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.about-centered-action .about-button {
	margin-top: 0;
}

.about-program {
	min-height: 477px;
	display: flex;
	align-items: center;
	padding-top: 43px;
	padding-bottom: 43px;
	color: #fff;
	background: var(--about-blue) url('/img/bg_dunkelblau.svg') center / cover no-repeat;
}
.about-program .about-narrow {
	max-width: 1040px;
	padding-inline: 40px;
}

.about-quote {
	display: flex;
	align-items: center;
	text-align: center;
}
.about-quote--light {
	min-height: 420px;
	background: var(--about-light);
}
.about-quote blockquote {
	position: relative;
	padding: 24px 50px;
}
.about-quote blockquote::before {
	content: '“';
	position: absolute;
	left: 0;
	top: -22px;
	color: var(--about-blue);
	font-size: 120px;
	font-weight: 300;
	line-height: 1;
	opacity: .18;
}
.about-quote blockquote p {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.8;
}
.about-quote blockquote footer {
	margin-top: 24px;
	font-size: 18px;
}
.about-quote--dark {
	min-height: 310px;
	padding-block: 62px;
	color: #fff;
	background: var(--about-blue) url('/img/bg_dunkelblau.svg') center / cover no-repeat;
}
.about-quote--dark p {
	font-size: 25px;
	font-weight: 500;
	line-height: 1.45;
}
.about-quote--dark p + p {
	margin-top: 18px;
}

.about-excellence {
	min-height: 329px;
	display: flex;
	align-items: center;
	background: #fff;
}
.about-founder-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
}
.about-founder {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	align-content: start;
	column-gap: 32px;
	padding: 30px 36px 70px;
	border-top: 1px solid rgba(23, 53, 87, .2);
}
.about-founder + .about-founder {
	border-left: 1px solid rgba(23, 53, 87, .2);
}
.about-founder > img {
	width: 250px;
	height: 250px;
	object-fit: cover;
}
.about-founder__copy h2 {
	margin-bottom: 22px;
}
.about-founder__copy .about-text-link {
	margin-top: 24px;
}

.about-impact {
	padding-top: 0;
	padding-bottom: 0;
	background: var(--about-light);
}
.about-impact__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.about-impact__grid article {
	min-height: 505px;
	padding: 72px 52px;
}
.about-impact__grid article + article {
	border-left: 1px solid rgba(23, 53, 87, .18);
}
.about-community {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(300px, .92fr);
	align-items: center;
	min-height: 552px;
	padding: 48px 55px;
	background: #fff;
}
.about-community__copy {
	padding-right: 64px;
}
.about-community img {
	width: 100%;
	max-width: 300px;
	height: auto;
	justify-self: center;
	object-fit: contain;
}

.about-who {
	min-height: 469px;
	display: flex;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 30px;
	background: var(--about-light);
}
.about-split {
	display: grid;
	grid-template-columns: 1.04fr .96fr;
	align-items: center;
	gap: 46px;
}
.about-split__copy {
	padding: 24px 32px;
}
.about-split__media img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.about-awards {
	padding-top: 20px;
	padding-bottom: 0;
}
.about-split--reverse {
	grid-template-columns: 1fr 1fr;
}
.about-awards .about-split__media img {
	max-height: 394px;
}
.about-logo-strip {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	align-items: center;
	gap: 6px;
	min-height: 120px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.about-logo-strip img {
	width: 100%;
	height: 96px;
	object-fit: contain;
}

.about-steps {
	padding-top: 52px;
	padding-bottom: 0;
}
.about-steps .about-centered-title {
	max-width: 780px;
	margin-bottom: 36px;
}
.about-step-grid .about-card {
	min-height: 402px;
	padding-top: 42px;
}
.about-step-grid .about-card__mark {
	width: auto;
	min-width: 0;
	min-height: 0;
	border: 0;
	border-radius: 0;
	font-size: 22px;
	line-height: 1.3;
}

.about-memberships {
	min-height: 418px;
	display: flex;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
	background: var(--about-light);
}
.about-memberships .about-narrow {
	max-width: 1040px;
	padding-inline: 40px;
}
.about-membership-logos {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
	gap: 16px;
	margin-top: 34px;
}
.about-membership-logos img {
	width: 100%;
	height: 82px;
	object-fit: contain;
}

@media (max-width: 1099px) {
	.about-page h2 { font-size: 28px; }
	.about-page h3 { font-size: 24px; }
	.about-page p,
	.about-page li,
	.about-page a { font-size: 17px; }
	.about-founder {
		grid-template-columns: 190px minmax(0, 1fr);
		padding-inline: 24px;
	}
	.about-founder > img {
		width: 190px;
		height: 190px;
	}
	.about-card { padding-inline: 25px; }
}

@media (min-width: 768px) and (max-width: 899px) {
	.about-founder-grid {
		grid-template-columns: 1fr;
	}
	.about-founder {
		grid-template-columns: 210px minmax(0, 1fr);
		min-height: 0;
		padding: 44px 24px 52px;
	}
	.about-founder + .about-founder {
		border-top: 1px solid rgba(23, 53, 87, .2);
		border-left: 0;
	}
	.about-founder > img {
		width: 210px;
		height: 210px;
	}
}

@media (max-width: 767px) {
	.about-page h2 {
		font-size: 26px;
		line-height: 1.3;
	}
	.about-page h3 {
		font-size: 23px;
		line-height: 1.3;
	}
	.about-page p,
	.about-page li,
	.about-page a {
		font-size: 16px;
		line-height: 1.5;
	}
	.about-wrap,
	.about-intro .about-narrow,
	.about-excellence .about-narrow,
	.about-program .about-narrow,
	.about-memberships .about-narrow {
		padding-right: 24px;
		padding-left: 24px;
	}
	.about-section {
		padding-top: 54px;
		padding-bottom: 54px;
	}
	.about-section h2 { margin-bottom: 22px; }
	.about-hero,
	.about-hero__content {
		min-height: 580px;
	}
	.about-hero__media img { object-position: 58% center; }
	.about-hero__shade {
		background: linear-gradient(90deg, rgba(12, 35, 62, .8), rgba(12, 35, 62, .14));
	}
	.about-hero__content {
		padding-top: 64px;
		padding-bottom: 38px;
	}
	.about-hero h1 { font-size: 28px; line-height: 1.3; }
	.about-hero__copy p { font-size: 17px; }
	.about-hero__values {
		flex-direction: column;
		gap: 8px;
	}
	.about-hero__values li { font-size: 14px; }
	.about-intro,
	.about-program,
	.about-quote--light,
	.about-excellence,
	.about-who,
	.about-memberships {
		min-height: 0;
	}
	.about-card-grid,
	.about-founder-grid,
	.about-impact__grid,
	.about-community,
	.about-split,
	.about-split--reverse {
		grid-template-columns: 1fr;
	}
	.about-values { padding-bottom: 0; }
	.about-centered-title { text-align: left; }
	.about-card {
		min-height: 0;
		padding: 44px 28px;
		align-items: flex-start;
		text-align: left;
	}
	.about-card__mark { margin-bottom: 22px; }
	.about-card h3 {
		min-height: 0;
		justify-content: flex-start;
		margin-bottom: 16px;
	}
	.about-card p { max-width: none; }
	.about-centered-action { min-height: 92px; }
	.about-program { padding-block: 60px; }
	.about-quote--light { padding-block: 60px; }
	.about-quote blockquote { padding: 20px 0 0; }
	.about-quote blockquote::before {
		left: -8px;
		top: -14px;
		font-size: 82px;
	}
	.about-quote blockquote p {
		font-size: 20px;
		line-height: 1.55;
	}
	.about-founder {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 40px 0 52px;
		border-left: 0 !important;
	}
	.about-founder + .about-founder { border-top: 1px solid rgba(23, 53, 87, .2); }
	.about-founder > img {
		width: min(250px, 100%);
		height: auto;
		aspect-ratio: 1;
	}
	.about-impact__grid article {
		min-height: 0;
		padding: 54px 0;
	}
	.about-impact__grid article + article {
		border-top: 1px solid rgba(23, 53, 87, .18);
		border-left: 0;
	}
	.about-community {
		padding: 54px 0;
		gap: 38px;
	}
	.about-community__copy { padding-right: 0; }
	.about-community img { max-width: 260px; }
	.about-split { gap: 26px; }
	.about-split__copy { padding: 0; }
	.about-who .about-split__media { order: -1; }
	.about-awards { padding-top: 38px; }
	.about-awards .about-split__copy { padding-bottom: 20px; }
	.about-logo-strip {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
		padding-top: 28px;
		padding-bottom: 40px;
	}
	.about-logo-strip img { height: 72px; }
	.about-steps { padding-bottom: 0; }
	.about-steps .about-centered-title { margin-bottom: 28px; }
	.about-step-grid .about-card { min-height: 0; }
	.about-step-grid .about-card__mark { margin-bottom: 8px; }
	.about-quote--dark {
		min-height: 0;
		padding-block: 60px;
	}
	.about-quote--dark p {
		font-size: 21px;
		line-height: 1.45;
	}
	.about-memberships { padding-block: 58px; }
	.about-membership-logos {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
	}
	.about-membership-logos img { height: 70px; }
}

@media (max-width: 359px) {
	.about-wrap,
	.about-intro .about-narrow,
	.about-excellence .about-narrow,
	.about-program .about-narrow,
	.about-memberships .about-narrow {
		padding-right: 18px;
		padding-left: 18px;
	}
	.about-page h2 { font-size: 23px; }
	.about-page h3 { font-size: 21px; }
	.about-page p,
	.about-page li,
	.about-page a { font-size: 15px; }
	.about-hero h1 { font-size: 26px; }
}

/* About page: measured alignment with the approved reference page. */
.about-page {
	--about-founder: #9cadc0;
}

@media (min-width: 768px) {
	.about-page h2 {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.4;
	}
	.about-page h3 {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.4;
	}
	.about-page p,
	.about-page li,
	.about-page a {
		font-size: 18px;
		line-height: 1.45;
	}
	.about-page p + p {
		margin-top: 10px;
	}

	.about-hero h1 {
		font-weight: 400;
	}
	.about-hero__copy p {
		font-size: 18px;
		line-height: 1.45;
	}

	.about-intro {
		min-height: 427px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.about-intro .about-narrow {
		padding-right: 40px;
		padding-left: 40px;
	}
	.about-intro h2 {
		margin-bottom: 10px;
	}
	.about-intro .about-button {
		margin-top: 20px;
	}

	.about-values {
		padding-top: 40px;
	}
	.about-values .about-centered-title {
		max-width: none;
		margin-bottom: 40px;
	}
	.about-values .about-card-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.033fr) minmax(0, 1fr);
		gap: 20px;
		margin-right: 20px;
		margin-left: 20px;
	}
	.about-values .about-card {
		min-height: 595px;
		padding: 40px;
	}
	.about-values .about-card--two {
		background: var(--about-cream);
	}
	.about-values .about-card--three {
		background: var(--about-taupe);
	}
	.about-values .about-card__mark {
		margin-bottom: 20px;
	}
	.about-values .about-card h3 {
		min-height: 0;
		margin-bottom: 10px;
	}
	.about-values .about-centered-action {
		min-height: 136px;
	}

	.about-program {
		min-height: 529px;
		padding-top: 40px;
		padding-bottom: 40px;
		color: #000;
		background: var(--about-light);
	}
	.about-program h2 {
		margin-bottom: 10px;
	}
	.about-program .about-button {
		color: #000;
		background: var(--about-sand);
		border-color: var(--about-sand);
	}

	.about-quote--light {
		color: #fff;
		background: var(--about-blue) url('../img/about-reference/2cfbbdfd4c61b1eb.png') center / cover no-repeat;
	}
	.about-quote--light blockquote {
		padding-right: 53px;
		padding-left: 53px;
	}
	.about-quote--light blockquote::before {
		display: none;
	}
	.about-quote--light blockquote p {
		color: #fff;
	}
	.about-quote--light blockquote footer {
		color: #fff;
		font-size: 22px;
		line-height: 1.8;
	}

	.about-excellence {
		min-height: 355px;
		text-align: center;
	}
	.about-excellence h2 {
		margin-bottom: 30px;
	}
	.about-excellence p {
		max-width: 680px;
		margin-right: auto;
		margin-left: auto;
	}

	.about-founder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
	}
	.about-founder {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: 30px 10px 0 20px;
		padding: 60px;
		background: var(--about-founder);
		border: 0;
	}
	.about-founder + .about-founder {
		border: 0;
	}
	.about-founder > img {
		width: 250px;
		height: 250px;
	}
	.about-founder__copy {
		display: flex;
		flex: 1 1 auto;
		flex-direction: column;
		width: 100%;
	}
	.about-founder__copy h2 {
		margin-top: 50px;
		margin-bottom: 10px;
	}
	.about-founder__copy .about-text-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		align-self: flex-start;
		min-height: 56px;
		margin-top: auto;
		padding: 16px 25px;
		border: 1px solid #000;
		color: #000;
		font-weight: 400;
		line-height: 1.2;
		text-decoration: none;
	}
	.about-founder-action {
		grid-column: 1 / -1;
		min-height: 136px;
	}

	.about-impact > .about-wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.about-impact__grid {
		grid-template-columns: minmax(0, 47fr) minmax(0, 48fr);
		gap: 20px;
		margin-right: 10px;
		margin-left: 20px;
	}
	.about-impact__grid article {
		min-height: 589px;
		padding: 70px 50px 50px;
	}
	.about-impact__grid article:first-child {
		background: var(--about-sand);
	}
	.about-impact__grid article:last-child {
		background: var(--about-cream);
	}
	.about-impact__grid article + article {
		border: 0;
	}
	.about-impact__grid h2,
	.about-community h2 {
		margin-bottom: 36px;
	}
	.about-community {
		grid-template-columns: minmax(0, 590fr) minmax(0, 240fr);
		gap: 40px;
		min-height: 607px;
		margin: 20px 10px 0 20px;
		padding: 70px 50px 50px;
		background: var(--about-taupe);
	}
	.about-community__copy {
		padding-right: 0;
	}
	.about-community img {
		max-width: 240px;
	}

	.about-who,
	.about-awards {
		color: #fff;
		background: var(--about-blue);
	}
	.about-who {
		min-height: 511px;
		padding-top: 0;
		padding-bottom: 0;
	}
	.about-who .about-split {
		grid-template-columns: minmax(0, 488fr) minmax(0, 452fr);
		gap: 40px;
	}
	.about-who .about-split__media {
		grid-column: 1;
		grid-row: 1;
	}
	.about-who .about-split__copy {
		grid-column: 2;
		grid-row: 1;
		padding: 20px 0;
	}
	.about-who h2,
	.about-awards h2 {
		margin-bottom: 50px;
	}

	.about-awards {
		padding-top: 0;
	}
	.about-awards .about-split {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 40px;
		min-height: 487px;
	}
	.about-awards .about-split__copy {
		grid-column: 1;
		grid-row: 1;
		padding: 20px 0;
	}
	.about-awards .about-split__media {
		grid-column: 2;
		grid-row: 1;
	}
	.about-awards .about-split__media img {
		max-height: none;
	}
	.about-awards .about-logo-strip {
		min-height: 140px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.about-steps {
		padding-top: 30px;
	}
	.about-steps .about-centered-title {
		max-width: 570px;
		margin-bottom: 40px;
	}
	.about-steps .about-step-grid {
		gap: 40px;
		margin-right: 20px;
		margin-left: 20px;
	}
	.about-step-grid .about-card {
		align-items: flex-start;
		min-height: 414px;
		padding: 20px 20px 40px;
		text-align: left;
	}
	.about-step-grid .about-card__mark {
		margin-bottom: 0;
		font-size: 30px;
		line-height: 1.4;
	}
	.about-step-grid .about-card h3 {
		justify-content: flex-start;
		min-height: 0;
		margin-bottom: 10px;
		font-size: 24px;
		line-height: 1.4;
	}
	.about-steps .about-centered-action {
		min-height: 136px;
	}

	.about-quote--dark {
		background-image: url('../img/about-reference/2a448c8e599b2360.jpg');
	}
	.about-quote--dark p {
		font-size: 25px;
		line-height: 1.45;
	}
	.about-memberships {
		min-height: 444px;
		background: #fff;
	}
	.about-memberships .about-narrow {
		max-width: 653px;
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 767px) {
	.about-program {
		color: #000;
		background: var(--about-light);
	}
	.about-program .about-button {
		color: #000;
		background: var(--about-sand);
		border-color: var(--about-sand);
	}
	.about-quote--light {
		color: #fff;
		background: var(--about-blue) url('../img/about-reference/2cfbbdfd4c61b1eb.png') center / cover no-repeat;
	}
	.about-quote--light blockquote::before {
		display: none;
	}
	.about-quote--light blockquote p,
	.about-quote--light blockquote footer {
		color: #fff;
	}
	.about-founder-grid {
		padding-right: 24px;
		padding-left: 24px;
	}
	.about-founder {
		display: flex;
		flex-direction: column;
		margin: 24px 0 0;
		padding: 32px 24px 40px;
		background: var(--about-founder);
		border: 0 !important;
	}
	.about-founder > img {
		width: min(250px, 100%);
	}
	.about-founder__copy h2 {
		margin-top: 32px;
		margin-bottom: 12px;
	}
	.about-founder__copy .about-text-link {
		display: inline-flex;
		align-items: center;
		align-self: flex-start;
		margin-top: 28px;
		padding: 13px 18px;
		border: 1px solid #000;
		color: #000;
		font-weight: 400;
		text-decoration: none;
	}
	.about-founder-action {
		min-height: 108px;
	}
	.about-impact > .about-wrap {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.about-impact__grid article,
	.about-community {
		padding: 44px 24px;
	}
	.about-impact__grid article:first-child {
		background: var(--about-sand);
	}
	.about-impact__grid article:last-child {
		background: var(--about-cream);
		border: 0;
	}
	.about-community {
		margin-top: 20px;
		background: var(--about-taupe);
	}
	.about-who,
	.about-awards {
		color: #fff;
		background: var(--about-blue);
	}
	.about-who .about-split__media {
		order: -1;
	}
	.about-awards .about-split__media {
		order: 1;
	}
	.about-awards .about-logo-strip {
		order: 2;
	}
	.about-quote--dark {
		background-image: url('../img/about-reference/2a448c8e599b2360.jpg');
	}
	.about-memberships {
		background: #fff;
	}
}

/* About page: second measured precision pass (2026-08-14). */
.about-page {
	color: #000;
}
.about-page .about-button {
	min-height: 0;
	padding: 16px 25px;
	border-radius: 0;
	font-weight: 500;
	line-height: 1.2 !important;
}
.about-hero .about-button {
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
}
.about-intro .about-button,
.about-steps .about-button {
	color: #fff;
	background: var(--about-sand);
	border: 0;
}
.about-values .about-button {
	color: #000;
	background: #fff;
	border: 1px solid #000;
}
.about-program .about-button {
	color: #fff;
	background: var(--about-sand);
	border: 0;
}
.about-founder-link .about-text-link,
.about-founder-action .about-button,
.about-impact .about-button {
	color: #000;
	background: transparent;
	border: 1px solid #000;
	font-weight: 500;
}
.about-values .about-card__mark {
	display: none;
}

.about-hero {
	background: var(--about-light);
}
.about-hero__media img {
	object-fit: cover;
	object-position: center bottom;
}
.about-hero__shade {
	display: none;
}
.about-hero__values {
	list-style: disc;
}
.about-hero__values li {
	padding-left: 0;
}
.about-hero__values li::before {
	display: none;
}

.about-quote blockquote::before {
	content: '';
	display: block;
	position: absolute;
	width: 100px;
	height: 82px;
	background: url('/img/zitat.svg') center / contain no-repeat;
	font-size: 0;
	opacity: 1;
}

.about-awards,
.about-memberships {
	overflow: hidden;
}
.about-logo-strip,
.about-membership-logos {
	display: flex;
	width: max-content;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	gap: 0;
	will-change: transform;
}
.about-logo-strip {
	animation: about-award-ticker 100s linear infinite;
}
.about-membership-logos {
	animation: about-membership-ticker 100s linear infinite;
}
@keyframes about-award-ticker {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-50%, 0, 0); }
}
@keyframes about-membership-ticker {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.about-logo-strip,
	.about-membership-logos {
		animation-play-state: paused;
	}
}

@media (min-width: 768px) {
	.about-hero__content,
	.about-values > .about-wrap,
	.about-founder-grid,
	.about-impact > .about-wrap,
	.about-who .about-split,
	.about-awards .about-split,
	.about-steps > .about-wrap {
		max-width: none;
	}

	.about-hero__content {
		justify-content: flex-start;
		padding-top: 140px;
	}
	.about-hero__copy {
		max-width: 500px;
		margin-left: 20px;
	}
	.about-hero__copy p {
		max-width: 500px;
		margin-top: 10px;
	}
	.about-hero__copy .about-button {
		margin-top: 40px;
	}
	.about-hero__values {
		gap: 50px;
		margin-top: 40px;
		margin-left: 20px;
		padding-left: 25px;
	}

	.about-intro {
		align-items: flex-start;
		padding-top: 40px;
		padding-bottom: 60px;
		text-align: center;
	}
	.about-intro .about-button {
		margin-top: 40px;
	}

	.about-values .about-centered-title {
		margin-right: 20px;
		margin-left: 20px;
	}
	.about-values .about-card-grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.023fr) minmax(0, 1fr);
	}
	.about-values .about-card {
		min-height: 0;
		padding: 70px 50px 50px;
	}
	.about-values .about-card h3,
	.about-values .about-card p {
		text-align: center;
	}

	.about-program {
		min-height: 477px;
	}
	.about-program .about-narrow {
		max-width: 1096px;
	}
	.about-program .about-button {
		margin-top: 40px;
	}

	.about-quote--light .about-narrow {
		max-width: 894px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.about-quote--light blockquote {
		padding: 0;
	}
	.about-quote--light blockquote::before {
		left: -110px;
		top: -10px;
	}

	.about-excellence {
		min-height: 0;
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.about-excellence .about-narrow {
		max-width: none;
		padding-right: 20px;
		padding-left: 20px;
	}
	.about-excellence p {
		max-width: 945px;
	}

	.about-founder {
		padding: 60px 60px 0;
	}
	.about-founder__copy {
		flex: 0 1 auto;
	}
	.about-founder-link {
		display: flex;
		align-items: flex-start;
		margin: 0 10px 0 20px;
		padding: 40px 60px 60px;
		background: var(--about-founder);
	}
	.about-founder-link .about-text-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 56px;
		padding: 16px 25px;
		border: 1px solid #000;
		color: #000;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.2;
		text-decoration: none;
	}

	.about-impact__grid article {
		min-height: 417px;
		padding: 70px 50px 60px;
	}
	.about-community {
		min-height: 486px;
	}

	.about-who {
		min-height: 514px;
	}
	.about-who .about-split {
		grid-template-columns: minmax(0, 688fr) minmax(0, 658fr);
	}
	.about-who .about-split__media img {
		width: 680px;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

	.about-awards .about-split {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
		min-height: 480px;
	}
	.about-awards .about-split__copy {
		padding-right: 3px;
		padding-left: 3px;
	}
	.about-awards .about-split__media img {
		width: 660px;
		max-width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.about-awards .about-logo-strip {
		min-height: 140px;
		padding: 10px 0;
	}
	.about-logo-strip img {
		flex: 0 0 171.421875px;
		width: 171.421875px;
		height: 120px;
	}

	.about-steps {
		padding-top: 30px;
	}
	.about-steps .about-centered-title {
		max-width: 800px;
		margin-bottom: 40px;
	}
	.about-step-grid .about-card {
		align-items: center;
		min-height: 336px;
		padding: 50px 30px;
		text-align: center;
	}
	.about-step-grid .about-card__mark {
		margin-bottom: 20px;
	}
	.about-step-grid .about-card h3,
	.about-step-grid .about-card p {
		text-align: center;
	}
	.about-steps .about-centered-action {
		min-height: 134px;
	}

	.about-quote--dark .about-narrow {
		max-width: 1000px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.about-quote--dark {
		text-align: center;
	}

	.about-memberships {
		min-height: 418px;
	}
	.about-memberships .about-narrow {
		max-width: 900px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.about-membership-logos {
		margin-top: 34px;
	}
	.about-membership-logos img {
		flex: 0 0 117.140625px;
		width: 117.140625px;
		height: 82px;
	}
}

@media (max-width: 767px) {
	.about-page h2,
	.about-page h3 {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.4;
	}
	.about-page p,
	.about-page li,
	.about-page a {
		font-size: 14px;
		line-height: 1.45;
	}
	.about-page .about-button,
	.about-founder-link .about-text-link {
		font-size: 18px;
		line-height: 1.2;
	}
	.about-wrap,
	.about-intro .about-narrow,
	.about-excellence .about-narrow,
	.about-program .about-narrow,
	.about-memberships .about-narrow {
		padding-right: 20px;
		padding-left: 20px;
	}
	.about-hero,
	.about-hero__content {
		min-height: 750px;
	}
	.about-hero__content {
		justify-content: flex-start;
		padding-top: 60px;
	}
	.about-hero h1 {
		font-size: 36px;
		font-weight: 400;
		line-height: 1.4;
	}
	.about-hero__copy p {
		font-size: 14px;
		line-height: 1.45;
		margin-top: 10px;
	}
	.about-hero__copy .about-button {
		margin-top: 40px;
	}
	.about-hero__values {
		gap: 50px;
		margin-top: 40px;
		padding-left: 25px;
	}
	.about-hero__values li {
		font-size: 14px;
		line-height: 1.45;
	}
	.about-intro {
		text-align: center;
	}
	.about-intro .about-button {
		margin-top: 40px;
	}
	.about-values {
		padding-top: 40px;
	}
	.about-values > .about-wrap {
		padding-right: 0;
		padding-left: 0;
	}
	.about-values .about-centered-title {
		margin-right: 20px;
		margin-bottom: 20px;
		margin-left: 20px;
	}
	.about-values .about-card-grid {
		gap: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.about-founder-grid {
		padding-right: 0;
		padding-left: 0;
	}
	.about-founder {
		gap: 0;
		margin: 0;
		padding: 40px 20px 0;
		border: 0 !important;
	}
	.about-founder:first-child {
		margin-top: 10px;
	}
	.about-founder__copy h2 {
		margin-top: 50px;
	}
	.about-founder-link {
		display: flex;
		min-height: 156px;
		padding: 40px 20px 60px;
		background: var(--about-founder);
	}
	.about-founder-link .about-text-link {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 56px;
		padding: 16px 25px;
		border: 1px solid #000;
		color: #000;
		font-size: 18px;
		font-weight: 500;
		line-height: 1.2;
		text-decoration: none;
	}
	.about-values .about-card {
		align-items: center;
		min-height: 0;
		padding: 70px 10px 50px;
		text-align: center;
	}
	.about-values .about-card h3,
	.about-values .about-card p {
		width: 100%;
		text-align: center;
	}
	.about-quote blockquote::before {
		left: -8px;
		top: -42px;
		width: 68px;
		height: 56px;
	}
	.about-impact > .about-wrap {
		padding: 20px 0;
	}
	.about-impact__grid {
		gap: 0;
		margin: 0;
	}
	.about-impact__grid article {
		padding: 70px 10px 50px;
	}
	.about-community {
		margin: 0;
		padding: 70px 10px 50px;
	}
	.about-who .about-split,
	.about-awards .about-split {
		padding-right: 0;
		padding-left: 0;
	}
	.about-who .about-split__copy,
	.about-awards .about-split__copy {
		padding-right: 20px;
		padding-left: 20px;
	}
	.about-steps > .about-wrap {
		padding-right: 0;
		padding-left: 0;
	}
	.about-steps .about-centered-title {
		margin-right: 20px;
		margin-left: 20px;
		text-align: center;
	}
	.about-steps .about-step-grid {
		gap: 0;
		margin-right: 0;
		margin-left: 0;
	}
	.about-step-grid .about-card {
		align-items: center;
		min-height: 0;
		padding: 50px 10px;
		text-align: center;
	}
	.about-step-grid .about-card__mark {
		display: block;
		margin-bottom: 20px;
		font-size: 30px;
		line-height: 1.4;
	}
	.about-step-grid .about-card h3 {
		font-size: 24px;
		line-height: 1.4;
		text-align: center;
	}
	.about-step-grid .about-card p {
		text-align: center;
	}
	.about-logo-strip img {
		flex: 0 0 135px;
		width: 135px;
		height: 95px;
	}
	.about-logo-strip {
		padding-right: 0;
		padding-left: 0;
	}
	.about-membership-logos img {
		flex: 0 0 100px;
		width: 100px;
		height: 70px;
	}
}

/* About page: logo frames and final axis correction (2026-08-14). */
.about-logo-viewport,
.about-membership-viewport {
	overflow: hidden;
}
.about-logo-viewport {
	margin-right: 20px;
	margin-left: 20px;
}
.about-membership-viewport {
	width: 100%;
	margin-top: 34px;
}
.about-logo-strip,
.about-membership-logos {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
.about-membership-logos img {
	filter: grayscale(1);
}

@media (min-width: 768px) {
	.about-excellence .about-narrow {
		width: calc(100% - 20px);
		margin-right: 20px;
		margin-left: 0;
	}
	.about-memberships .about-narrow {
		position: relative;
		left: -10px;
	}
	.about-membership-viewport {
		width: 860px;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.about-logo-viewport {
		margin-right: 20px;
		margin-left: 20px;
	}
	.about-membership-viewport {
		width: 100%;
	}
}

/* About page: one page axis and symmetrical logo frames (2026-08-14). */
.about-page .about-centered-title,
.about-intro .about-narrow,
.about-program .about-narrow,
.about-quote .about-narrow,
.about-excellence .about-narrow,
.about-memberships .about-narrow {
	margin-right: auto;
	margin-left: auto;
}

.about-logo-viewport {
	width: calc(100% - 40px);
	margin-right: auto;
	margin-left: auto;
}

.about-membership-viewport {
	width: min(860px, 100%);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 768px) {
	.about-excellence .about-narrow {
		width: 100%;
	}
	.about-excellence .about-narrow p {
		margin-right: auto;
		margin-left: auto;
	}
	.about-memberships .about-narrow {
		position: static;
		left: auto;
	}
	.about-steps .about-centered-title {
		width: min(800px, calc(100% - 40px));
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 767px) {
	.about-steps .about-centered-title {
		width: calc(100% - 40px);
		margin-right: auto;
		margin-left: auto;
	}
}

/* About page: text axes, quote marks and ticker spacing (2026-08-14). */
.about-hero__values {
	padding-left: 45px;
}

.about-intro .about-narrow p,
.about-program .about-narrow p,
.about-quote--light blockquote p,
.about-excellence .about-narrow p,
.about-quote--dark .about-narrow p,
.about-memberships .about-narrow > p {
	text-align: center;
}

.about-logo-strip,
.about-membership-logos {
	gap: 10px;
}

.about-quote--dark .about-narrow {
	position: relative;
}
.about-quote--dark .about-narrow::before {
	content: '';
	display: block;
	position: absolute;
	left: -37px;
	top: -10px;
	width: 100px;
	height: 82px;
	background: url('/img/zitat.svg') center / contain no-repeat;
}

@media (min-width: 768px) {
	.about-logo-strip {
		min-height: 120px;
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media (max-width: 767px) {
	.about-quote--dark .about-narrow::before {
		left: 0;
		top: -52px;
		width: 68px;
		height: 56px;
	}
}

/* Expat Vehicle Program – scoped reference-page layout (2026-08-14). */
.expat-program-page {
	--expat-blue: #173557;
	--expat-light: #edeae9;
	--expat-sand: #c5b29c;
	--expat-taupe: #afa29c;
	--expat-cream: #d5ccba;
	--expat-process: #f3ebe1;
	--expat-lightblue: #9cadc0;
	--expat-ink: #0a0a0a;
	color: var(--expat-ink);
	font-family: 'Barlow', sans-serif;
	overflow: hidden;
}
.expat-program-page *,
.expat-program-page *::before,
.expat-program-page *::after {
	box-sizing: border-box;
}
.expat-program-page h1,
.expat-program-page h2,
.expat-program-page h3,
.expat-program-page h4,
.expat-program-page p,
.expat-program-page ul,
.expat-program-page blockquote {
	margin: 0;
}
.expat-program-page h1,
.expat-program-page h2 {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.4;
}
.expat-program-page h3,
.expat-program-page h4 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
}
.expat-program-page p,
.expat-program-page li,
.expat-program-page a {
	font-size: 18px;
	line-height: 1.45;
}
.expat-program-page p + p {
	margin-top: 10px;
}
.expat-program-wrap {
	width: 100%;
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
}
.expat-program-copy {
	max-width: 1000px;
}
.expat-program-center {
	text-align: center;
}
.expat-program-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	min-height: 0;
	margin-top: 40px;
	padding: 0 25px;
	border: 1px solid transparent;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none;
}
.expat-program-button--light {
	border-color: #fff;
	color: #fff;
	background: transparent;
}
.expat-program-button--gold {
	height: 54px;
	border: 0;
	color: #fff;
	background: var(--expat-sand);
}
.expat-program-button--outline {
	border-color: #000;
	color: #000;
	background: transparent;
}

.expat-program-hero {
	position: relative;
	height: 750px;
	color: #fff;
	background: var(--expat-light);
}
.expat-program-hero__media,
.expat-program-hero__media img,
.expat-program-hero__shade {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.expat-program-hero__media img {
	object-fit: cover;
	object-position: center bottom;
}
.expat-program-hero__shade {
	background: linear-gradient(90deg, rgba(12, 31, 58, .76) 0%, rgba(12, 31, 58, .35) 38%, rgba(12, 31, 58, 0) 68%);
}
.expat-program-hero__content {
	position: relative;
	z-index: 1;
	max-width: 1440px;
	padding-top: 60px;
	padding-right: 40px;
	padding-left: 40px;
}
.expat-program-hero__content h1,
.expat-program-hero__content > p {
	max-width: 537.5px;
}
.expat-program-hero__content h1 {
	font-weight: 700;
}
.expat-program-hero__content > p {
	margin-top: 20px;
}
.expat-program-page .expat-program-hero__points {
	display: flex;
	gap: 50px;
	margin-top: 40px;
	padding-left: 25px;
}
.expat-program-hero__points li {
	width: auto;
	padding-left: 0;
}

.expat-program-section {
	width: 100%;
}
.expat-program-intro {
	min-height: 576px;
	display: flex;
	align-items: center;
	padding: 40px;
	background: var(--expat-light);
}
.expat-program-intro h2 {
	margin-bottom: 30px;
}
.expat-program-page .expat-program-checks {
	display: inline-block;
	margin-bottom: 26px;
	padding-left: 24px;
	text-align: left;
	list-style: none;
}
.expat-program-checks li {
	position: relative;
	margin-bottom: 8px;
}
.expat-program-checks li::before {
	content: '';
	position: absolute;
	left: -23px;
	top: .42em;
	width: 13px;
	height: 10px;
	background: url('/img/hakenblue.svg') center / contain no-repeat;
}

.expat-program-split {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: 40px;
	width: 100%;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px clamp(30px, 2.3vw, 40px);
	background: #fff;
}
.expat-program-split--image-left {
	min-height: 507px;
}
.expat-program-split--image-right {
	min-height: 450px;
}
.expat-program-split__copy {
	max-width: 600px;
}
.expat-program-split__copy h2 {
	margin-bottom: 50px;
}
.expat-program-split__copy .expat-program-button {
	margin-top: 40px;
}
.expat-program-placeholder {
	width: 100%;
	height: auto;
	aspect-ratio: 2441 / 1707;
	background: #c9c9c9;
}
.expat-program-image {
	display: block;
	width: 100%;
	height: 427px;
}
.expat-program-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.expat-program-benefits {
	min-height: 631px;
	display: flex;
	align-items: center;
	padding: 40px 40px 70px;
	background: var(--expat-light);
}
.expat-program-benefits .expat-program-wrap {
	max-width: 1254px;
}
.expat-program-benefits h2 {
	margin-bottom: 28px;
}
.expat-program-page .expat-program-benefits__intro {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.expat-program-benefits__columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
	margin-top: 34px;
	text-align: left;
}
.expat-program-benefits__columns ul {
	padding-left: 24px;
}
.expat-program-benefits__columns strong,
.expat-program-benefits__columns span {
	display: block;
}

.expat-program-band {
	display: flex;
	align-items: center;
	color: #fff;
	text-align: center;
}
.expat-program-band--lightblue {
	min-height: 174px;
	background: var(--expat-lightblue) url('/img/bg_hellblau.svg') center / cover no-repeat;
}
.expat-program-band--dark {
	min-height: 310px;
	background: var(--expat-blue) url('/img/bg_dunkelblau.svg') center / cover no-repeat;
}
.expat-program-band--dark h2 {
	margin-bottom: 24px;
}
.expat-program-intro p,
.expat-program-band--dark p {
	text-align: center;
}
.expat-program-band:not(.expat-program-final-cta) h2 {
	max-width: 1002px;
	margin-right: auto;
	margin-left: auto;
}

.expat-program-split--image-right .expat-program-split__copy {
	justify-self: start;
}
.expat-program-split--image-right .expat-program-placeholder {
	justify-self: end;
}
.expat-program-experts {
	min-height: 599px;
}
.expat-program-experts .expat-program-placeholder {
	height: auto;
	max-width: 608px;
	aspect-ratio: 608 / 425.5;
}
.expat-program-experts .expat-program-split__copy h2 {
	margin-bottom: 46px;
}

.expat-program-process {
	min-height: 945px;
	padding: 80px 0 40px;
	background: var(--expat-process);
}
.expat-program-process > .expat-program-wrap {
	max-width: 1386px;
	padding-right: 40px;
	padding-left: 40px;
}
.expat-program-process h2 {
	margin-bottom: 30px;
	text-align: center;
}
.expat-program-process__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
}
.expat-program-process__column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 713px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.expat-program-process__column h3 {
	margin-bottom: 18px;
}
.expat-program-process__road {
	width: 100%;
	height: 713px;
	object-fit: contain;
}

.expat-program-steps {
	min-height: 588px;
	padding: 20px 0;
	background: #fff;
}
.expat-program-steps > .expat-program-wrap {
	max-width: 1326px;
}
.expat-program-steps > .expat-program-wrap > h2 {
	max-width: 920px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	text-align: center;
}
.expat-program-steps__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 100px;
}
.expat-program-step {
	min-height: 320px;
	padding: 40px 30px;
	text-align: center;
}
.expat-program-step--one { background: var(--expat-sand); }
.expat-program-step--two { background: var(--expat-taupe); }
.expat-program-step--three { background: var(--expat-cream); }
.expat-program-step h3 {
	margin-bottom: 20px;
	font-size: 30px;
}
.expat-program-step h4 {
	margin-bottom: 8px;
}

.expat-program-testimonial {
	min-height: 420px;
	display: flex;
	align-items: center;
	color: #fff;
	background: var(--expat-blue) url('/img/bg_dunkelblau.svg') center / cover no-repeat;
}
.expat-program-testimonial blockquote {
	position: relative;
	text-align: center;
}
.expat-program-testimonial blockquote::before {
	content: '';
	position: absolute;
	left: -110px;
	top: -10px;
	width: 100px;
	height: 82px;
	background: url('/img/zitat.svg') center / contain no-repeat;
}
.expat-program-testimonial blockquote p {
	font-size: 24px;
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
}
.expat-program-testimonial blockquote footer {
	margin-top: 24px;
	font-size: 18px;
}

.expat-program-road-ready {
	min-height: 444px;
}
.expat-program-road-ready .expat-program-image {
	height: auto;
	max-width: 617px;
	aspect-ratio: 905 / 603;
}
.expat-program-road-ready .expat-program-split__copy h2 {
	margin-bottom: 50px;
}
.expat-program-final-cta {
	min-height: 328px;
	text-align: left;
}
.expat-program-final-cta .expat-program-copy {
	max-width: 812px;
}
.expat-program-final-cta h2 {
	margin-bottom: 40px;
}
.expat-program-final-cta a {
	color: #fff;
	font-weight: 500;
	text-decoration: underline;
}

@media (min-width: 768px) {
	.expat-program-hero__points li:nth-child(1) {
		width: 90.2px;
	}
	.expat-program-hero__points li:nth-child(2) {
		width: 155.2px;
	}
	.expat-program-hero__points li:nth-child(3) {
		width: 182.1px;
	}
	.expat-program-benefits__columns ul {
		padding-left: 40px;
	}
	.expat-program-placeholder {
		max-width: 611px;
	}
	.expat-program-split--image-left .expat-program-placeholder {
		justify-self: start;
		margin-left: 0;
	}
	.expat-program-split--image-right .expat-program-placeholder,
	.expat-program-split--image-right .expat-program-image {
		justify-self: end;
	}
	.expat-program-testimonial .expat-program-wrap {
		max-width: 894px;
	}
	.expat-program-final-cta .expat-program-copy {
		transform: translateX(20px);
	}
}

@media (min-width: 1200px) {
	.expat-program-split--image-left {
		grid-template-columns: minmax(0, 601px) minmax(0, 1fr);
	}
	.expat-program-split--image-left .expat-program-placeholder {
		width: 611px;
	}
}

@media (min-width: 1440px) {
	.expat-program-page .expat-program-checks {
		width: 748px;
		transform: translateX(26px);
	}
	.expat-program-split--image-left:not(.expat-program-experts) {
		grid-template-columns: 610.7px 649.3px;
		gap: 40px;
		padding-right: 110px;
		padding-left: 30px;
	}
	.expat-program-split--image-left:not(.expat-program-experts) .expat-program-split__copy {
		max-width: 649.3px;
	}
	.expat-program-split--image-left:not(.expat-program-experts) .expat-program-placeholder {
		width: 610.7px;
		max-width: 610.7px;
	}
	.expat-program-split--image-left:not(.expat-program-experts) .expat-program-split__copy h2 {
		max-width: 599.3px;
	}
	.expat-program-split--image-right:not(.expat-program-road-ready) {
		grid-template-columns: 705.5px 608.5px;
		gap: 40px;
		padding-right: 53px;
		padding-left: 33px;
	}
	.expat-program-split--image-right:not(.expat-program-road-ready) .expat-program-split__copy {
		max-width: 705.5px;
	}
	.expat-program-split--image-right:not(.expat-program-road-ready) .expat-program-placeholder {
		width: 608.5px;
		max-width: 608.5px;
	}
	.expat-program-experts {
		grid-template-columns: 608.4px 683.6px;
		gap: 40px;
		padding-right: 74px;
		padding-left: 34px;
	}
	.expat-program-experts .expat-program-placeholder {
		width: 608.4px;
		max-width: 608.4px;
	}
	.expat-program-experts .expat-program-split__copy {
		max-width: 683.6px;
	}
	.expat-program-experts .expat-program-split__copy h2 {
		max-width: 577.4px;
	}
	.expat-program-road-ready {
		grid-template-columns: 723px 617px;
		gap: 20px;
		padding-right: 50px;
		padding-left: 30px;
	}
	.expat-program-road-ready .expat-program-split__copy {
		max-width: 723px;
	}
	.expat-program-process > .expat-program-wrap {
		max-width: 1480px;
		padding-right: 60px;
		padding-left: 60px;
	}
	.expat-program-steps > .expat-program-wrap {
		max-width: 1440px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.expat-program-steps > .expat-program-wrap > h2 {
		max-width: 888px;
		margin-bottom: 20px;
	}
	.expat-program-steps__grid {
		gap: 0;
	}
	.expat-program-step {
		height: 310px;
		min-height: 310px;
		margin: 20px;
		padding: 53px 30px 50px;
	}
	.expat-program-step h3 {
		margin-bottom: 23px;
		line-height: 1.2;
	}
	.expat-program-step h4 {
		margin-bottom: 10px;
	}
	.expat-program-step p {
		text-align: center;
	}
}

@media (max-width: 767px) {
	.expat-program-page p,
	.expat-program-page li,
	.expat-program-page a {
		font-size: 14px;
		line-height: 1.45;
	}
	.expat-program-page h1 {
		font-size: 36px;
		line-height: 1.4;
	}
	.expat-program-page h2 {
		font-size: 30px;
		line-height: 1.4;
	}
	.expat-program-page h3,
	.expat-program-page h4 {
		font-size: 24px;
		line-height: 1.4;
	}
	.expat-program-wrap {
		padding-right: 20px;
		padding-left: 20px;
	}
	.expat-program-button {
		height: 56px;
		min-height: 0;
		margin-top: 40px;
		padding: 0 25px;
	}
	.expat-program-button--gold {
		height: 54px;
	}
	.expat-program-page .expat-program-button {
		font-size: 18px;
	}
	.expat-program-hero {
		height: 750px;
	}
	.expat-program-hero__media img {
		object-position: center bottom;
	}
	.expat-program-hero__shade {
		background: linear-gradient(90deg, rgba(12, 31, 58, .62), rgba(12, 31, 58, .12));
	}
	.expat-program-hero__content {
		padding-top: 60px;
		padding-right: 20px;
		padding-left: 20px;
	}
	.expat-program-hero__content h1,
	.expat-program-hero__content > p {
		max-width: 350px;
	}
	.expat-program-hero__content > p {
		margin-top: 10px;
	}
	.expat-program-hero__points {
		flex-direction: column;
		gap: 50px;
		margin-top: 40px;
		padding-left: 25px;
	}
	.expat-program-hero__points li {
		width: auto;
	}
	.expat-program-intro {
		min-height: 749px;
		display: block;
		padding: 80px 0 60px;
	}
	.expat-program-intro h2 {
		margin-bottom: 0;
	}
	.expat-program-page .expat-program-checks {
		margin-top: 21px;
		margin-bottom: 21px;
	}
	.expat-program-checks li {
		margin-bottom: 6px;
	}
	.expat-program-intro p {
		min-height: 122px;
		text-align: center;
	}
	.expat-program-split {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 40px 20px;
	}
	.expat-program-split--image-left {
		min-height: 851px;
	}
	.expat-program-split--image-right,
	.expat-program-experts,
	.expat-program-road-ready {
		min-height: 0;
		padding-top: 60px;
	}
	.expat-program-split--image-right:not(.expat-program-road-ready) {
		min-height: 494px;
	}
	.expat-program-placeholder {
		width: 100%;
		height: auto;
		margin-bottom: 60px;
	}
	.expat-program-split--image-right .expat-program-placeholder,
	.expat-program-split--image-right .expat-program-image,
	.expat-program-experts .expat-program-placeholder,
	.expat-program-road-ready .expat-program-placeholder {
		display: none;
	}
	.expat-program-split__copy {
		max-width: none;
	}
	.expat-program-split__copy h2,
	.expat-program-experts .expat-program-split__copy h2,
	.expat-program-road-ready .expat-program-split__copy h2 {
		margin-bottom: 51px;
	}
	.expat-program-split__copy .expat-program-button {
		margin-top: 40px;
	}
	.expat-program-benefits {
		min-height: 1002px;
		display: block;
		padding: 80px 0 60px;
	}
	.expat-program-benefits h2 {
		margin-bottom: 21px;
	}
	.expat-program-page .expat-program-benefits__intro {
		min-height: 102px;
	}
	.expat-program-benefits__columns {
		grid-template-columns: 1fr;
		gap: 0;
		margin-top: 21px;
	}
	.expat-program-benefits__columns ul + ul {
		margin-top: 30px;
	}
	.expat-program-benefits .expat-program-button {
		margin-top: 30px;
	}
	.expat-program-band--lightblue {
		min-height: 300px;
	}
	.expat-program-band--dark {
		min-height: 317px;
	}
	.expat-program-experts {
		min-height: 706px;
	}
	.expat-program-process {
		min-height: 1813px;
		padding: 80px 0 40px;
	}
	.expat-program-process > .expat-program-wrap {
		padding-right: 20px;
		padding-left: 20px;
	}
	.expat-program-process h2 {
		margin-bottom: 70px;
	}
	.expat-program-process__grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.expat-program-process__column {
		height: auto;
		padding: 0;
	}
	.expat-program-process__column article + article {
		margin-top: 60px;
	}
	.expat-program-process__road {
		grid-row: 2;
		height: 611px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.expat-program-process__column:last-child {
		grid-row: 3;
	}
	.expat-program-steps {
		min-height: 1145px;
		padding: 20px 0;
	}
	.expat-program-steps > .expat-program-wrap {
		padding-right: 0;
		padding-left: 0;
	}
	.expat-program-steps > .expat-program-wrap > h2 {
		width: calc(100% - 40px);
		margin-bottom: 21px;
	}
	.expat-program-steps__grid {
		grid-template-columns: 1fr;
		gap: 0;
	}
	.expat-program-step {
		min-height: 247px;
		padding: 40px 10px;
	}
	.expat-program-step--two {
		min-height: 287px;
	}
	.expat-program-steps .expat-program-button {
		margin-top: 20px;
	}
	.expat-program-testimonial {
		min-height: 662px;
		padding: 60px 0;
	}
	.expat-program-testimonial blockquote::before {
		left: 0;
		top: -52px;
		width: 68px;
		height: 56px;
	}
	.expat-program-testimonial blockquote p {
		font-size: 24px;
		font-weight: 500;
		line-height: 1.8;
		text-align: center;
	}
	.expat-program-road-ready {
		min-height: 554px;
	}
	.expat-program-final-cta {
		min-height: 410px;
		padding: 60px 0 40px;
	}
	.expat-program-final-cta h2 {
		margin-bottom: 40px;
	}
}