.whu-official {
	--whu-blue: var(--whu-ds-blue, #054696);
	--whu-cyan: var(--whu-ds-cyan, #0099db);
	--whu-grey: var(--whu-ds-silver, #f2f5f7);
	--whu-green: var(--whu-ds-petrol, #006e78);
	--whu-orange: var(--whu-ds-orange, #d14900);
	--whu-line: var(--whu-ds-line-color, #054696);
	--whu-shell: 1202px;
	--whu-shell-padding: 42px;
	--whu-section-space: 64px;
	--whu-heading-line-height: 1.12;
	--whu-body-line-height: 1.42;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	overflow: hidden;
	background: #fff;
	color: var(--whu-blue);
	font-family: "Helvetica Neue", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: var(--whu-body-line-height);
}

body[class*="page-template-institutional-"] {
	padding-inline: 0;
}

body[class*="page-template-institutional-"] .wp-site-blocks,
body[class*="page-template-institutional-"] .wp-site-blocks > .wp-block-whu-institutional-page {
	width: 100%;
	margin-block-start: 0;
}

/*
 * Doctoral, exchange and open-program pages predate the current full-width
 * program-page frame. Keep their individual modules, but use the same page
 * edge, navigation geometry and footer width as the degree-program templates.
 */
body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) {
	--whu-institutional-page-edge: 100px;
	--whu-institutional-nav-left: 25px;
	--whu-institutional-nav-height: 95px;
	--whu-institutional-nav-control: 45px;
	--whu-institutional-nav-left-height: 56px;
	--whu-institutional-nav-gap: 45px;
	--whu-institutional-nav-lang-size: 56px;
	--whu-institutional-nav-lang-padding: 25px;
	--whu-institutional-nav-lang-font: 15px;
	--whu-institutional-nav-logo-width: 166px;
	--whu-institutional-nav-logo-height: 55px;
	--whu-institutional-nav-logo-top: 40px;
	--whu-institutional-compact-height: 60px;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) :is(.whu-v4-nav, .whu-v4-footer) {
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-footer {
	padding-right: var(--whu-institutional-page-edge);
	padding-left: var(--whu-institutional-page-edge);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) :is(.whu-v4-footer__inner, .whu-v4-footer__copyright, .whu-v4-nav__frame) {
	width: 100%;
	max-width: none;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) {
	height: var(--whu-institutional-nav-height);
	min-height: var(--whu-institutional-nav-height);
	padding-bottom: 0;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__frame {
	height: var(--whu-institutional-nav-height);
	min-height: var(--whu-institutional-nav-height);
	padding-right: calc(var(--whu-institutional-page-edge) - 12px);
	padding-left: calc(var(--whu-institutional-nav-left) - 12px);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__left {
	height: var(--whu-institutional-nav-left-height);
	align-items: center;
	gap: var(--whu-institutional-nav-gap);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__burger {
	width: var(--whu-institutional-nav-control);
	height: var(--whu-institutional-nav-control);
	flex-basis: var(--whu-institutional-nav-control);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__langs {
	padding-right: var(--whu-institutional-nav-lang-padding);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__langs a {
	width: var(--whu-institutional-nav-lang-size);
	height: var(--whu-institutional-nav-lang-size);
	font-size: var(--whu-institutional-nav-lang-font);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__langs a + a {
	margin-left: -1px;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__logo {
	width: var(--whu-institutional-nav-logo-width);
	height: var(--whu-institutional-nav-logo-height);
	margin-top: var(--whu-institutional-nav-logo-top);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__logo img {
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
	object-position: right top;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled,
body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled :is(.whu-v4-nav__frame, .whu-v4-nav__left) {
	height: var(--whu-institutional-compact-height);
	min-height: var(--whu-institutional-compact-height);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled {
	padding-bottom: 0;
}

@media (min-width: 1024px) {
	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__frame {
		padding-right: calc(var(--whu-institutional-page-edge) - 12px);
		padding-left: calc(var(--whu-institutional-nav-left) - 12px);
	}
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__left {
	align-items: center;
	gap: var(--whu-institutional-nav-gap);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__burger {
	width: var(--whu-institutional-nav-control);
	height: var(--whu-institutional-nav-control);
	flex-basis: var(--whu-institutional-nav-control);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__langs {
	padding-right: var(--whu-institutional-nav-lang-padding);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__langs a {
	width: 60px;
	height: var(--whu-institutional-compact-height);
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__langs a + a {
	margin-left: -1px;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__logo {
	width: 129px;
	height: 29px;
	margin-top: 15px;
}

body:is(
	.page-template-institutional-doctoral-program,
	.page-template-institutional-exchange-programs,
	.page-template-institutional-open-programs
) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: right center;
}

.whu-official.whu-doctoral {
	--doctoral-shell: calc(100% - var(--whu-institutional-page-edge) - var(--whu-institutional-page-edge));
}

.whu-official.whu-exchange {
	--exchange-shell: calc(100% - var(--whu-institutional-page-edge) - var(--whu-institutional-page-edge));
}

.whu-official.whu-open {
	--open-shell: calc(100% - var(--whu-institutional-page-edge) - var(--whu-institutional-page-edge));
	--open-reading: min(1050px, var(--open-shell));
}

.whu-official.whu-doctoral .whu-doctoral__shell,
.whu-official.whu-exchange :is(
	.whu-exchange__intro,
	.whu-exchange__gateway,
	.whu-exchange__programs,
	.whu-exchange__voices-intro,
	.whu-exchange__faq,
	.whu-exchange__closing
) {
	width: calc(100% - var(--whu-institutional-page-edge) - var(--whu-institutional-page-edge));
	max-width: none;
}

@media (min-width: 901px) {
	/* Match the 64px media-to-module rhythm used by the degree-program hero. */
	.whu-official.whu-doctoral .whu-doctoral__hero,
	.whu-official.whu-exchange .whu-exchange__hero {
		height: calc(98px + 456px + var(--whu-section-space));
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-copy > .whu-doctoral__button {
		bottom: var(--whu-section-space);
	}

	.whu-official.whu-open .whu-open__section-title {
		padding-left: 42px;
	}

	.whu-official.whu-doctoral :is(
		.whu-doctoral__richtext p,
		.whu-doctoral__line-panel p,
		.whu-doctoral__feature p,
		.whu-doctoral__health p,
		.whu-doctoral__jobs p,
		.whu-doctoral__faq-answer p
	),
	.whu-official.whu-open :is(
		.whu-open__intro p,
		.whu-open__panel p,
		.whu-open__testimonials blockquote,
		.whu-open__closing p
	) {
		font-size: 18px;
		line-height: var(--whu-body-line-height);
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-shell,
	.whu-official.whu-exchange .whu-exchange__hero-shell {
		display: grid;
		width: 100%;
		max-width: none;
		grid-template-columns: minmax(0, 610fr) minmax(0, 647fr);
		column-gap: clamp(24px, 4.375vw, 63px);
		padding-left: var(--whu-institutional-page-edge);
	}

	.whu-official.whu-open .whu-open__hero-shell {
		width: 100%;
		max-width: none;
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-media,
	.whu-official.whu-exchange .whu-exchange__hero-media,
	.whu-official.whu-open .whu-open__hero-media {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		height: 456px;
		align-self: start;
		aspect-ratio: auto;
		margin-top: 98px;
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-media,
	.whu-official.whu-exchange .whu-exchange__hero-media {
		grid-column: 2;
		grid-row: 1;
	}

	.whu-official.whu-open .whu-open__hero-media {
		grid-row: 1 / -1;
		margin-right: 0;
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-copy,
	.whu-official.whu-exchange :is(.whu-exchange__breadcrumbs, .whu-exchange__headline, .whu-exchange__hero-stats),
	.whu-official.whu-open :is(.whu-open__breadcrumbs, .whu-open__headline, .whu-open__stats, a.whu-open__primary-button) {
		left: var(--whu-institutional-page-edge);
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-shell::after,
	.whu-official.whu-exchange .whu-exchange__hero-shell::after,
	.whu-official.whu-open .whu-open__hero-shell::after {
		right: var(--whu-institutional-page-edge);
		left: var(--whu-institutional-page-edge);
	}

	.whu-official.whu-open .whu-open__intro {
		margin-right: auto;
		margin-left: var(--whu-institutional-page-edge);
	}
}

@media (min-width: 901px) and (max-width: 1379px) {
	.whu-official.whu-doctoral .whu-doctoral__hero-copy {
		width: calc(100% - var(--whu-institutional-page-edge) - clamp(460px, 47vw, 600px) - clamp(30px, 3vw, 42px));
	}

	.whu-official.whu-exchange :is(.whu-exchange__headline, .whu-exchange__hero-stats) {
		width: calc(100% - var(--whu-institutional-page-edge) - var(--exchange-media) - 36px);
	}

	.whu-official.whu-open .whu-open__hero-shell {
		grid-template-columns: var(--whu-institutional-page-edge) minmax(0, 1fr) 36px var(--open-hero-media);
	}

	.whu-official.whu-open .whu-open__hero-media {
		margin-top: 80px;
	}
}

@media (min-width: 901px) and (max-width: 1023px) {
	.whu-official.whu-open .whu-open__hero-shell {
		--open-hero-media: calc(49.22vw - 15px);
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.whu-official.whu-open .whu-open__hero-shell {
		--open-hero-media: calc(49.22vw - 41px);
	}
}

@media (min-width: 1281px) and (max-width: 1379px) {
	.whu-official.whu-open .whu-open__hero-shell {
		--open-hero-media: calc(49.22vw - 51px);
	}
}

@media (min-width: 1380px) {
	.whu-official.whu-open .whu-open__hero-shell {
		display: grid;
		grid-template-columns: minmax(0, 610fr) minmax(0, 647fr);
		column-gap: 63px;
		padding-left: var(--whu-institutional-page-edge);
	}

	.whu-official.whu-open :is(
		.whu-open__breadcrumbs,
		.whu-open__headline,
		.whu-open__stats,
		a.whu-open__primary-button
	) {
		grid-column: auto;
		grid-row: auto;
	}

	.whu-official.whu-open .whu-open__hero-media {
		grid-column: 2;
		grid-row: 1;
	}
}

@media (min-width: 1600px) {
	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) {
		--whu-institutional-page-edge: 130px;
		--whu-institutional-nav-height: 120px;
		--whu-institutional-nav-control: 60px;
		--whu-institutional-nav-left-height: 70px;
		--whu-institutional-nav-gap: 60px;
		--whu-institutional-nav-lang-size: 70px;
		--whu-institutional-nav-lang-padding: 30px;
		--whu-institutional-nav-lang-font: 20px;
		--whu-institutional-nav-logo-width: 212px;
		--whu-institutional-nav-logo-height: 70px;
		--whu-institutional-nav-logo-top: 50px;
	}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) {
		--whu-institutional-page-edge: 80px;
		--whu-institutional-nav-height: 88px;
		--whu-institutional-nav-control: 38px;
		--whu-institutional-nav-left-height: 40px;
		--whu-institutional-nav-gap: 35px;
		--whu-institutional-nav-lang-size: 40px;
		--whu-institutional-nav-lang-padding: 20px;
		--whu-institutional-nav-lang-font: 12px;
		--whu-institutional-nav-logo-width: 145px;
		--whu-institutional-nav-logo-height: 48px;
		--whu-institutional-nav-logo-top: 40px;
	}
}

@media (max-width: 1023px) {
	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) {
		--whu-institutional-page-edge: 30px;
		--whu-institutional-nav-left: 30px;
		--whu-institutional-nav-height: 70px;
		--whu-institutional-nav-control: 60px;
		--whu-institutional-nav-left-height: 60px;
		--whu-institutional-nav-logo-width: 121px;
		--whu-institutional-nav-logo-height: 40px;
		--whu-institutional-nav-logo-top: 10px;
		--whu-institutional-compact-height: 50px;
	}

	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) .whu-v4-nav {
		padding-right: 0;
		padding-left: 0;
	}

	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) .whu-v4-nav:not(.is-scrolled) .whu-v4-nav__frame {
		align-items: flex-start;
		padding: 10px var(--whu-institutional-page-edge) 0 var(--whu-institutional-nav-left);
	}

	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) :is(
		.whu-v4-nav:not(.is-scrolled),
		.wp-block-whu-navigation-bar.is-scrolled
	) .whu-v4-nav__langs {
		display: none;
	}

	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__frame {
		align-items: flex-start;
		padding: 0 var(--whu-institutional-page-edge) 0 var(--whu-institutional-nav-left);
	}

	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__burger {
		width: var(--whu-institutional-compact-height);
		height: var(--whu-institutional-compact-height);
		flex-basis: var(--whu-institutional-compact-height);
	}

	body:is(
		.page-template-institutional-doctoral-program,
		.page-template-institutional-exchange-programs,
		.page-template-institutional-open-programs
	) .wp-block-whu-navigation-bar.is-scrolled .whu-v4-nav__logo {
		width: 87px;
		height: 20px;
		margin-top: 15px;
	}
}

@media (max-width: 900px) {
	.whu-official.whu-doctoral .whu-doctoral__hero-shell,
	.whu-official.whu-exchange .whu-exchange__hero-shell,
	.whu-official.whu-open .whu-open__hero-shell {
		padding-right: var(--whu-institutional-page-edge);
		padding-left: var(--whu-institutional-page-edge);
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-shell::after,
	.whu-official.whu-exchange .whu-exchange__hero-shell::after,
	.whu-official.whu-open .whu-open__hero-shell::after {
		right: var(--whu-institutional-page-edge);
		left: var(--whu-institutional-page-edge);
	}

	.whu-official.whu-doctoral .whu-doctoral__facts {
		width: calc(100% + var(--whu-institutional-page-edge) + var(--whu-institutional-page-edge));
		margin-left: calc(0px - var(--whu-institutional-page-edge));
		padding-right: var(--whu-institutional-page-edge);
		padding-left: var(--whu-institutional-page-edge);
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-media {
		box-shadow:
			var(--whu-institutional-page-edge) 0 0 var(--doctoral-grey),
			calc(0px - var(--whu-institutional-page-edge)) 0 0 var(--doctoral-grey);
	}

	.whu-official.whu-open .whu-open__hero-media {
		width: calc(100% + var(--whu-institutional-page-edge));
		height: clamp(250px, 76vw, 320px);
		aspect-ratio: auto;
		margin-right: calc(0px - var(--whu-institutional-page-edge));
		margin-left: 0;
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-media,
	.whu-official.whu-exchange .whu-exchange__hero-media {
		width: calc(100% + var(--whu-institutional-page-edge));
		height: clamp(250px, 76vw, 320px);
		aspect-ratio: auto;
		margin-right: calc(0px - var(--whu-institutional-page-edge));
		margin-left: 0;
	}

	.whu-official.whu-doctoral .whu-doctoral__hero-media {
		box-shadow: none;
	}

	.whu-official.whu-open :is(
		.whu-open__intro,
		.whu-open__benefits,
		.whu-open__portfolio,
		.whu-open__testimonials-inner,
		.whu-open__closing,
		.whu-open__external-links
	) {
		width: calc(100% - var(--whu-institutional-page-edge) - var(--whu-institutional-page-edge));
		max-width: none;
	}
}

.whu-official *,
.whu-official *::before,
.whu-official *::after {
	box-sizing: border-box;
}

.whu-official h1,
.whu-official h2,
.whu-official h3,
.whu-official p,
.whu-official figure,
.whu-official blockquote,
.whu-official ul {
	margin: 0;
}

.whu-official img {
	display: block;
	width: 100%;
}

.whu-official a {
	color: inherit;
}

.whu-official__hero {
	width: 100%;
	height: 466px;
	background: #fff;
}

.whu-official__hero--grey {
	background: linear-gradient(to bottom, #fff 0 154px, var(--whu-grey) 154px 100%);
}

.whu-official__hero--doctoral {
	height: 466px;
	background: linear-gradient(to bottom, #fff 0 154px, var(--whu-grey) 154px 100%);
}

.whu-official__hero-shell {
	position: relative;
	width: 1440px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

.whu-official__hero-shell::after {
	position: absolute;
	right: 119px;
	bottom: 0;
	left: 119px;
	border-bottom: 1px solid var(--whu-line);
	content: "";
}

.whu-official__breadcrumbs {
	position: absolute;
	top: 16px;
	left: 120px;
	display: flex;
	max-width: 610px;
	align-items: center;
	gap: 13px;
	font-size: 14px;
	line-height: 20px;
}

.whu-official__breadcrumbs a {
	display: inline-flex;
	width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.whu-official__breadcrumbs svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: var(--whu-blue);
	stroke-linejoin: round;
	stroke-width: 1.8;
}

.whu-official__breadcrumbs > span[aria-hidden="true"] {
	display: inline-block;
	width: 12px;
	height: 7px;
	overflow: hidden;
	background: var(--whu-blue);
	font-size: 0;
	-webkit-mask: var(--whu-ds-chevron) center / contain no-repeat;
	mask: var(--whu-ds-chevron) center / contain no-repeat;
	transform: rotate(90deg);
}

.whu-official__breadcrumbs strong {
	font-weight: 700;
}

.whu-official__headline {
	position: absolute;
	top: 76px;
	left: 120px;
	width: 610px;
}

.whu-official__headline h1 {
	color: var(--whu-cyan);
	font-size: 47px;
	font-weight: var(--whu-ds-heading-weight, 600);
	letter-spacing: -.018em;
	line-height: var(--whu-heading-line-height);
}

.whu-official__headline p {
	max-width: 610px;
	margin-top: 18px;
	color: var(--whu-blue);
	font-size: 26px;
	font-weight: var(--whu-ds-heading-weight, 600);
	line-height: 1.26;
}

.whu-official__hero-media {
	position: absolute;
	top: 0;
	right: 0;
	width: 647px;
	height: 456px;
	overflow: hidden;
	background: #dce4eb;
}

.whu-official__hero-media img {
	height: 100%;
	object-fit: cover;
}

.whu-official__hero-intro {
	position: absolute;
	top: 170px;
	left: 120px;
	width: 610px;
	color: var(--whu-blue);
	font-size: 18px;
	line-height: var(--whu-body-line-height);
}

.whu-official__hero-contact {
	position: absolute;
	bottom: 20px;
	left: 120px;
	display: inline-flex;
	min-height: 30px;
	align-items: center;
	gap: 13px;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.whu-official__hero-contact > span {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 20px;
}

.whu-official__hero-contact--mail > span {
	border: 1.5px solid var(--whu-cyan);
}

.whu-official__hero-contact--mail > span::after,
.whu-official__hero-contact--mail > span::before {
	position: absolute;
	top: 2px;
	width: 15px;
	height: 1.5px;
	background: var(--whu-cyan);
	content: "";
}

.whu-official__hero-contact--mail > span::before {
	left: 1px;
	transform: rotate(32deg);
	transform-origin: left center;
}

.whu-official__hero-contact--mail > span::after {
	right: 1px;
	transform: rotate(-32deg);
	transform-origin: right center;
}

.whu-official__hero-contact--arrow > span::before {
	display: none;
}

.whu-official__hero-contact--arrow > span::after {
	display: none;
}

.whu-official__hero-contact--arrow > span {
	width: 15px;
	height: 14px;
	background: var(--whu-cyan);
	-webkit-mask: var(--whu-ds-arrow-right) center / contain no-repeat;
	mask: var(--whu-ds-arrow-right) center / contain no-repeat;
}

.whu-official__doctoral-stats {
	position: absolute;
	top: 166px;
	left: 120px;
	display: grid;
	width: 610px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px 42px;
	font-size: 14px;
	line-height: 1.45;
}

.whu-official__doctoral-stats > div:last-child {
	grid-column: 1 / -1;
	max-width: 330px;
}

.whu-official__doctoral-stats span,
.whu-official__doctoral-stats strong {
	display: block;
}

.whu-official__doctoral-stats strong {
	font-size: 15px;
	font-weight: 700;
}

.whu-official__hero-button {
	position: absolute;
	bottom: 20px;
	left: 120px;
	display: inline-flex;
	min-width: 148px;
	min-height: 59px;
	align-items: center;
	justify-content: space-between;
	gap: 26px;
	padding: 0 22px;
	background: var(--whu-orange);
	color: #fff !important;
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.whu-official__hero-button span {
	font-size: 23px;
	font-weight: 300;
}

.whu-official__page-nav {
	width: 100%;
	background: #fff;
}

.whu-official__page-nav-shell {
	display: grid;
	width: var(--whu-shell);
	max-width: calc(100% - 48px);
	min-height: 286px;
	grid-template-columns: minmax(0, 763px) 335px;
	gap: 44px;
	margin: 0 auto;
	padding: 64px 24px 64px 42px;
	border-top: 1px solid var(--whu-line);
	border-left: 1px solid var(--whu-line);
}

.whu-official__page-nav-main {
	padding-right: 0;
}

.whu-official__page-nav-main h2 {
	max-width: 710px;
	margin-bottom: 26px;
	color: var(--whu-blue);
	font-size: 37px;
	font-weight: 700;
	line-height: var(--whu-heading-line-height);
}

.whu-official__anchor-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 26px 36px;
}

.whu-official__anchor-grid a {
	display: flex;
	min-height: 26px;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	color: var(--whu-blue);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	text-decoration: none;
}

.whu-official__anchor-grid a span {
	display: inline-block;
	width: 15px;
	height: 14px;
	overflow: hidden;
	background: var(--whu-cyan);
	font-size: 0;
	-webkit-mask: var(--whu-ds-arrow-right) center / contain no-repeat;
	mask: var(--whu-ds-arrow-right) center / contain no-repeat;
	transform: rotate(90deg);
}

.whu-official__quicklinks {
	align-self: start;
	width: 335px;
	padding: 28px 36px;
	background: var(--whu-blue);
	color: #fff;
}

.whu-official__quicklinks a {
	display: flex;
	min-height: 45px;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .45);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	text-decoration: none;
}

.whu-official__quicklinks a:last-child {
	border-bottom: 0;
}

.whu-official__quicklinks span {
	font-size: 21px;
	font-weight: 300;
}

.whu-official__section-title {
	display: flex;
	min-height: 116px;
	align-items: center;
	justify-content: space-between;
	padding: 18px var(--whu-shell-padding);
	border-top: 1px solid var(--whu-line);
	border-left: 1px solid var(--whu-line);
}

.whu-official__section-title h2 {
	color: var(--whu-blue);
	font-size: 37px;
	font-weight: 700;
	line-height: var(--whu-heading-line-height);
}

.whu-official__text-section,
.whu-official__stats,
.whu-official__chapter-group,
.whu-official__teasers,
.whu-official__faq,
.whu-official__videos,
.whu-official__closing {
	width: var(--whu-shell);
	max-width: calc(100% - 48px);
	margin: 0 auto;
}

.whu-official__text-section {
	padding: var(--whu-section-space) 0;
}

.whu-official__richtext {
	max-width: 1050px;
	padding: 36px var(--whu-shell-padding) 0;
}

.whu-official__richtext p {
	margin-top: 20px;
	color: var(--whu-blue);
	font-size: 18px;
	line-height: var(--whu-body-line-height);
}

.whu-official__richtext p:first-child {
	margin-top: 0;
}

.whu-official__stats {
	padding: var(--whu-section-space) 0;
}

.whu-official__stats-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 36px;
	padding: 36px var(--whu-shell-padding) 0;
}

.whu-official__stat {
	min-height: 120px;
	padding: 12px 0;
	text-align: center;
}

.whu-official__stat strong,
.whu-official__stat span {
	display: block;
}

.whu-official__stat strong {
	color: var(--whu-blue);
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.05;
}

.whu-official__stat span {
	margin-top: 18px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.whu-official__section-title--group {
	margin: var(--whu-section-space) 0 0;
}

.whu-official__media-section {
	display: grid;
	min-height: 466px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 64px;
	align-items: center;
	padding: 42px var(--whu-shell-padding);
}

.whu-official__media-section--inverse .whu-official__media-copy {
	order: 2;
}

.whu-official__media-section--inverse figure {
	order: 1;
}

.whu-official__media-copy h2 {
	color: var(--whu-blue);
	font-size: 30px;
	font-weight: 700;
	line-height: var(--whu-heading-line-height);
}

.whu-official__media-copy > p {
	margin-top: 18px;
	font-size: 18px;
	line-height: var(--whu-body-line-height);
}

.whu-official__media-copy ul {
	margin-top: 24px;
	padding: 0;
	list-style: none;
}

.whu-official__media-copy li {
	position: relative;
	margin-top: 9px;
	padding-left: 18px;
	font-size: 16px;
	line-height: 1.45;
}

.whu-official__media-copy li::before {
	position: absolute;
	top: .66em;
	left: 0;
	width: 7px;
	height: 1px;
	background: var(--whu-cyan);
	content: "";
}

.whu-official__media-section figure {
	height: 340px;
	overflow: hidden;
	background: var(--whu-grey);
}

.whu-official__media-section img {
	height: 100%;
	object-fit: cover;
}

.whu-official__text-link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	gap: 13px;
	margin-top: 20px;
	color: var(--whu-blue);
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

.whu-official__text-link span {
	color: var(--whu-cyan);
	font-size: 22px;
}

.whu-official__teasers {
	padding: var(--whu-section-space) 0;
}

.whu-official__teaser-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px;
	padding: 36px var(--whu-shell-padding) 0;
}

.whu-official__teaser-grid article {
	min-height: 220px;
	padding: 24px 0 0;
	border-top: 1px solid var(--whu-line);
}

.whu-official__teaser-label {
	color: var(--whu-blue);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
}

.whu-official__teaser-grid h3 {
	margin-top: 28px;
	color: var(--whu-blue);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.38;
}

.whu-official__teaser-grid article > p:last-child {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.55;
}

.whu-official__slider-controls {
	display: grid;
	grid-template-columns: 44px auto 44px;
	height: 44px;
	align-items: center;
	background: var(--whu-grey);
}

.whu-official__slider-controls button {
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--whu-blue);
	cursor: pointer;
}

.whu-official__slider-controls button::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 10px;
	background: currentColor;
	content: "";
	transform: translate(-50%, -50%) rotate(-90deg);
	-webkit-mask: var(--whu-ds-chevron) center / contain no-repeat;
	mask: var(--whu-ds-chevron) center / contain no-repeat;
}

.whu-official__slider-controls [data-institutional-slider-nav="next"]::before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.whu-official__slider-controls button:disabled {
	opacity: .3;
	cursor: default;
}

.whu-official__slider-controls button:focus-visible,
.whu-official__teaser-grid[data-institutional-slider-viewport]:focus-visible {
	outline: 3px solid var(--whu-cyan);
	outline-offset: 3px;
}

.whu-official__slider-controls span {
	min-width: 52px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.whu-official__teasers--slider .whu-official__teaser-grid {
	display: block;
	overflow: hidden;
	touch-action: pan-y;
}

.whu-official__slider-track {
	display: flex;
	width: 100%;
	transition: transform 300ms ease;
}

.whu-official__teasers--slider .whu-official__slider-track > article {
	display: grid;
	flex: 0 0 100%;
	grid-template-columns: minmax(260px, 40%) minmax(0, 1fr);
	width: 100%;
	min-width: 100%;
	min-height: 340px;
	padding: 0;
	background: var(--whu-grey);
}

.whu-official__teasers--slider .whu-official__slider-track figure {
	min-height: 340px;
	overflow: hidden;
}

.whu-official__teasers--slider .whu-official__slider-track img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.whu-official__slider-copy {
	padding: 36px;
}

.whu-official__slider-copy > p:last-child {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.55;
}

.whu-official__accordion {
	padding: 36px var(--whu-shell-padding) var(--whu-section-space);
}

.whu-official__accordion-item {
	border-top: 1px solid var(--whu-line);
}

.whu-official__accordion-item:last-child {
	border-bottom: 1px solid var(--whu-line);
}

.whu-official__accordion-item summary {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 24px;
	min-height: 78px;
	align-items: center;
	cursor: pointer;
	list-style: none;
}

.whu-official__accordion-item summary::-webkit-details-marker {
	display: none;
}

.whu-official__accordion-item summary > span {
	display: grid;
	width: 52px;
	height: 52px;
	place-items: center;
	background: var(--whu-grey);
	color: var(--whu-cyan);
	font-size: 30px;
}

.whu-official__accordion-item summary > span::before {
	content: "+";
}

.whu-official__accordion-item[open] summary > span {
	background: var(--whu-cyan);
	color: #fff;
}

.whu-official__accordion-item[open] summary > span::before {
	content: "−";
}

.whu-official__accordion-item summary strong {
	color: var(--whu-blue);
	font-size: 21px;
	line-height: 1.35;
}

.whu-official__accordion-content {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: 52px;
	padding: 10px 0 42px 76px;
}

.whu-official__accordion-content p,
.whu-official__accordion-content li {
	font-size: 16px;
	line-height: 1.55;
}

.whu-official__accordion-content ul {
	margin: 20px 0 0;
	padding-left: 20px;
}

.whu-official__accordion-content figure {
	height: 230px;
	overflow: hidden;
}

.whu-official__accordion-content img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.whu-official__accordion-content--text {
	grid-template-columns: minmax(0, 1fr);
	padding-right: 76px;
}

.whu-official__videos {
	padding: var(--whu-section-space) 0;
}

.whu-official__video-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 36px;
	padding: 36px var(--whu-shell-padding) 0;
}

.whu-official__video-grid article {
	min-width: 0;
}

.whu-official__video-grid h3 {
	margin-bottom: 18px;
	color: var(--whu-blue);
	font-size: 21px;
	line-height: 1.35;
}

.whu-official__video-grid video,
.whu-official__video-consent {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: #031f40;
}

.whu-official__video-grid video {
	height: auto;
	object-fit: cover;
}

.whu-official__video-consent {
	position: relative;
	overflow: hidden;
}

.whu-official__video-consent img,
.whu-official__video-consent iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.whu-official__video-consent button {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	min-height: 48px;
	padding: 0 22px;
	border: 0;
	background: var(--whu-blue);
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transform: translate(-50%, -50%);
}

.whu-official__video-consent.is-playing button {
	top: auto;
	right: 12px;
	bottom: 12px;
	left: auto;
	min-height: 40px;
	padding: 0 15px;
	background: rgba(3, 31, 64, .88);
	font-size: 14px;
	transform: none;
}

.whu-official__video-consent button:focus-visible {
	outline: 3px solid var(--whu-cyan);
	outline-offset: 3px;
}

.whu-official__testimonial {
	width: 1440px;
	max-width: 100%;
	min-height: 548px;
	margin: 0 auto;
	padding: var(--whu-section-space) 119px;
	background: var(--whu-blue);
	color: #fff;
}

.whu-official__section-title--light {
	border-color: rgba(255, 255, 255, .55);
}

.whu-official__section-title--light h2 {
	color: #fff;
}

.whu-official__section-title--light > span {
	font-size: 14px;
}

.whu-official__testimonial-body {
	display: grid;
	grid-template-columns: 500px minmax(0, 1fr);
	gap: 64px;
	align-items: center;
	padding: 36px;
}

.whu-official__testimonial-body figure {
	height: 320px;
	overflow: hidden;
}

.whu-official__testimonial-body img {
	height: 100%;
	object-fit: cover;
}

.whu-official__testimonial blockquote {
	max-width: 520px;
	color: #fff;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.48;
}

.whu-official__testimonial-body p {
	margin-top: 25px;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
}

.whu-official__closing {
	display: flex;
	min-height: 280px;
	align-items: center;
	justify-content: space-between;
	gap: 70px;
	padding: var(--whu-section-space) var(--whu-shell-padding);
	border-top: 1px solid var(--whu-line);
	border-left: 1px solid var(--whu-line);
}

.whu-official__closing > div {
	max-width: 780px;
}

.whu-official__closing h2 {
	font-size: 30px;
	font-weight: 700;
	line-height: var(--whu-heading-line-height);
}

.whu-official__closing p {
	margin-top: 18px;
	font-size: 18px;
	line-height: var(--whu-body-line-height);
}

.whu-official__closing > a {
	display: inline-flex;
	min-width: 260px;
	min-height: 59px;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 0 22px;
	background: var(--whu-blue);
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}

.whu-official__closing > a span {
	font-size: 0;
}

.whu-official :is(
	.whu-official__hero-button,
	.whu-official__quicklinks a,
	.whu-official__text-link,
	.whu-official__closing > a
) > span {
	display: inline-block;
	width: 15px;
	height: 14px;
	flex: 0 0 15px;
	overflow: hidden;
	background: currentColor;
	font-size: 0;
	-webkit-mask: var(--whu-ds-arrow-right) center / contain no-repeat;
	mask: var(--whu-ds-arrow-right) center / contain no-repeat;
}

.whu-official a {
	transition:
		color var(--whu-ds-motion-duration, 300ms) ease,
		background-color var(--whu-ds-motion-duration, 300ms) ease,
		border-color var(--whu-ds-motion-duration, 300ms) ease,
		opacity var(--whu-ds-motion-duration, 300ms) ease;
}

.whu-official__anchor-grid a:hover,
.whu-official__hero-contact:hover,
.whu-official__text-link:hover {
	color: var(--whu-blue);
	text-decoration: underline;
	text-underline-offset: .2em;
}

.whu-official__quicklinks a:hover,
.whu-official__closing > a:hover {
	background: rgba(0, 153, 219, .26);
}

.whu-official a:focus-visible {
	outline: var(--whu-ds-focus-ring-width, 3px) solid var(--whu-cyan);
	outline-offset: var(--whu-ds-focus-ring-offset, 3px);
}

@media (min-width: 901px) and (max-width: 1379px) {
	.whu-official {
		--whu-compact-side: clamp(48px, 7vw, 96px);
		--whu-compact-media: clamp(460px, 47vw, 600px);
		--whu-compact-gap: clamp(30px, 3vw, 42px);
		--whu-compact-copy: calc(100% - var(--whu-compact-side) - var(--whu-compact-media) - var(--whu-compact-gap));
	}

	.whu-official__hero,
	.whu-official__hero--doctoral {
		height: clamp(410px, 33vw, 466px);
	}

	.whu-official__hero-shell::after {
		right: var(--whu-compact-side);
		left: var(--whu-compact-side);
	}

	.whu-official__breadcrumbs,
	.whu-official__headline,
	.whu-official__hero-intro,
	.whu-official__doctoral-stats {
		left: var(--whu-compact-side);
		width: var(--whu-compact-copy);
		max-width: none;
	}

	.whu-official__breadcrumbs {
		gap: 9px;
		font-size: 13px;
	}

	.whu-official__headline {
		top: clamp(68px, 5.5vw, 76px);
	}

	.whu-official__headline h1 {
		font-size: clamp(38px, 3.4vw, 47px);
	}

	.whu-official__headline p {
		margin-top: clamp(14px, 1.3vw, 18px);
		font-size: clamp(21px, 1.85vw, 25px);
	}

	.whu-official__hero-media {
		width: var(--whu-compact-media);
		height: calc(100% - 10px);
	}

	.whu-official__hero-intro {
		top: clamp(162px, 12.4vw, 170px);
	}

	.whu-official__hero-contact,
	.whu-official__hero-button {
		left: var(--whu-compact-side);
	}

	.whu-official__doctoral-stats {
		top: clamp(150px, 12.1vw, 166px);
		gap: 12px clamp(24px, 3vw, 42px);
	}
}

@media (min-width: 901px) and (max-width: 1249px) {
	.whu-official__page-nav-shell {
		width: calc(100% - 48px);
		max-width: none;
		grid-template-columns: minmax(0, 1fr) clamp(280px, 28vw, 320px);
		gap: clamp(28px, 3vw, 36px);
		padding: 52px 24px 52px 32px;
	}

	.whu-official__page-nav-main h2 {
		font-size: 28px;
	}

	.whu-official__anchor-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 28px;
	}

	.whu-official__quicklinks {
		width: 100%;
		padding: 24px 28px;
	}
}

@media (max-width: 900px) {
	.whu-official {
		--whu-shell-padding: 24px;
		--whu-section-space: 42px;
		--whu-heading-line-height: 1.38;
		--whu-body-line-height: 1.65;
		font-size: 16px;
	}

	.whu-official__hero,
	.whu-official__hero--doctoral {
		height: auto;
		background: #fff;
	}

	.whu-official__hero-shell {
		height: auto;
		padding: 24px 24px 0;
	}

	.whu-official__hero-shell::after {
		right: 24px;
		left: 24px;
	}

	.whu-official__breadcrumbs {
		position: static;
		display: flex;
		width: 100%;
		max-width: none;
		flex-wrap: wrap;
		gap: 8px 12px;
		font-size: 12px;
		line-height: 18px;
	}

	.whu-official__breadcrumbs a,
	.whu-official__breadcrumbs svg {
		width: 16px;
		height: 16px;
	}

	.whu-official__breadcrumbs > span[aria-hidden="true"] {
		font-size: 19px;
	}

	.whu-official__headline {
		position: static;
		width: 100%;
		margin-top: 26px;
	}

	.whu-official__headline h1 {
		font-size: clamp(29px, 8.2vw, 32px);
		letter-spacing: -.012em;
		line-height: 1.32;
	}

	.whu-official__headline p {
		margin-top: 16px;
		font-size: 17px;
		font-weight: 500;
		line-height: 1.65;
	}

	.whu-official__hero-media {
		position: static;
		width: 100%;
		height: auto;
		aspect-ratio: 342 / 230;
		margin-top: 30px !important;
	}

	.whu-official--entrepreneurship .whu-official__breadcrumbs strong,
	.whu-official--female-leadership .whu-official__breadcrumbs strong,
	.whu-official--grey .whu-official__breadcrumbs strong {
		flex-basis: 100%;
		margin-top: -2px;
	}

	.whu-official--grey .whu-official__headline {
		width: 100%;
		margin-top: 26px;
	}

	.whu-official__hero-contact {
		position: static;
		display: flex;
		width: 100%;
		min-height: 54px;
		margin-bottom: 0;
		border-right: 1px solid var(--whu-line);
	}

	.whu-official__hero-contact > span {
		width: 20px;
		height: 15px;
	}

	.whu-official__hero-contact--mail > span::after,
	.whu-official__hero-contact--mail > span::before {
		width: 11px;
	}

	.whu-official__hero-contact--arrow > span::before {
		top: 7px;
		width: 20px;
	}

	.whu-official__hero-contact--arrow > span::after {
		top: 3px;
		width: 9px;
		height: 9px;
	}

	.whu-official__hero-intro {
		position: static;
		width: calc(100% + 48px);
		margin: 20px 0 0 -24px !important;
		padding: 30px 24px;
		background: var(--whu-grey);
		font-size: 16px;
		line-height: var(--whu-body-line-height);
	}

	.whu-official--grey .whu-official__hero-media {
		margin-top: 0 !important;
		padding-top: 0;
		background: var(--whu-grey);
		box-shadow: 24px 0 0 var(--whu-grey), -24px 0 0 var(--whu-grey);
	}

	.whu-official--grey .whu-official__hero-contact {
		width: calc(100% + 48px);
		margin-left: -24px;
		padding-left: 24px;
		background: var(--whu-grey);
		border-right: 0;
	}

	.whu-official__doctoral-stats {
		position: static;
		display: grid;
		width: calc(100% + 48px);
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px 18px;
		margin: 24px 0 0 -24px;
		padding: 30px 24px 0;
		background: var(--whu-grey);
		font-size: 13px;
		line-height: 1.5;
	}

	.whu-official__doctoral-stats > div:last-child {
		max-width: 180px;
	}

	.whu-official__doctoral-stats strong {
		font-size: 14px;
	}

	.whu-official__hero-button {
		position: static;
		width: 138px;
		min-width: 0;
		min-height: 54px;
		margin: 22px 0 0;
		padding: 0 20px;
		font-size: 16px;
		white-space: nowrap;
	}

	.whu-official--doctoral .whu-official__hero-media {
		width: 100%;
		margin-top: 30px !important;
		box-shadow: 24px 0 0 var(--whu-grey), -24px 0 0 var(--whu-grey);
	}

	.whu-official--doctoral .whu-official__hero-shell {
		padding-bottom: 24px;
		background: #fff;
	}

	.whu-official__page-nav-shell {
		display: block;
		width: calc(100% - 48px);
		max-width: none;
		min-height: 0;
		margin: 0 24px;
		padding: 42px 24px 64px;
		border-right: 1px solid var(--whu-line);
	}

	.whu-official__page-nav-main {
		padding-right: 0;
	}

	.whu-official__page-nav-main h2 {
		margin-bottom: 26px;
		font-size: 26px;
		line-height: var(--whu-heading-line-height);
	}

	.whu-official__anchor-grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.whu-official__anchor-grid a {
		justify-content: flex-start;
		font-size: 15px;
	}

	.whu-official__quicklinks {
		width: 100%;
		margin-top: 34px;
		padding: 23px 20px;
	}

	.whu-official__quicklinks a {
		min-height: 48px;
		font-size: 14px;
	}

	.whu-official__text-section,
	.whu-official__stats,
	.whu-official__chapter-group,
	.whu-official__teasers,
	.whu-official__faq,
	.whu-official__videos,
	.whu-official__closing {
		width: calc(100% - 48px);
		max-width: none;
	}

	.whu-official__section-title {
		min-height: 84px;
		padding: 16px 24px;
	}

	.whu-official__section-title h2,
	.whu-official__media-copy h2,
	.whu-official__closing h2 {
		font-size: 26px;
		line-height: var(--whu-heading-line-height);
	}

	.whu-official__text-section {
		padding: var(--whu-section-space) 0 64px;
	}

	.whu-official__richtext {
		padding: 30px var(--whu-shell-padding) 0;
	}

	.whu-official__richtext p,
	.whu-official__media-copy > p,
	.whu-official__closing p {
		font-size: 16px;
		line-height: var(--whu-body-line-height);
	}

	.whu-official__stats {
		padding: var(--whu-section-space) 0 64px;
	}

	.whu-official__stats-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 22px;
		padding: 30px var(--whu-shell-padding) 0;
	}

	.whu-official__stat {
		min-height: 120px;
		padding: 18px 0;
	}

	.whu-official__stat strong {
		font-size: 34px;
	}

	.whu-official__stat span {
		font-size: 14px;
	}

	.whu-official__section-title--group {
		margin: var(--whu-section-space) 0 0;
	}

	.whu-official__media-section,
	.whu-official__media-section--inverse {
		display: flex;
		min-height: 0;
		flex-direction: column;
		gap: 30px;
		align-items: stretch;
		padding: 42px var(--whu-shell-padding) 64px;
	}

	.whu-official__media-section .whu-official__media-copy,
	.whu-official__media-section figure,
	.whu-official__media-section--inverse .whu-official__media-copy,
	.whu-official__media-section--inverse figure {
		order: initial;
	}

	.whu-official__media-section figure {
		width: calc(100vw - 48px);
		height: auto;
		aspect-ratio: 342 / 230;
		margin-left: -20px;
	}

	.whu-official__media-copy li {
		font-size: 15px;
	}

	.whu-official__teasers {
		padding: var(--whu-section-space) 0 64px;
	}

	.whu-official__teaser-grid {
		grid-template-columns: 1fr;
		gap: 0;
		padding: 30px var(--whu-shell-padding) 0;
	}

	.whu-official__teaser-grid article {
		min-height: 0;
		padding: 26px 0 30px;
		border-top: 1px solid var(--whu-line);
	}

	.whu-official__teaser-grid h3 {
		margin-top: 20px;
		font-size: 20px;
	}

	.whu-official__slider-controls {
		flex: 0 0 auto;
	}

	.whu-official__teasers--slider .whu-official__teaser-grid {
		padding: 30px 0 0;
	}

	.whu-official__teasers--slider .whu-official__slider-track > article {
		display: flex;
		min-height: 0;
		flex-direction: column;
		padding: 0;
	}

	.whu-official__teasers--slider .whu-official__slider-track figure {
		width: 100%;
		min-height: 0;
		aspect-ratio: 342 / 230;
	}

	.whu-official__slider-copy {
		padding: 30px 24px 34px;
	}

	.whu-official__accordion {
		padding: 30px 0 64px;
	}

	.whu-official__accordion-item summary {
		grid-template-columns: 48px minmax(0, 1fr);
		gap: 16px;
		min-height: 76px;
	}

	.whu-official__accordion-item summary > span {
		width: 48px;
		height: 48px;
	}

	.whu-official__accordion-item summary strong {
		font-size: 18px;
	}

	.whu-official__accordion-content {
		display: flex;
		flex-direction: column;
		gap: 28px;
		padding: 8px 0 36px;
	}

	.whu-official__accordion-content--text {
		padding-right: 0;
	}

	.whu-official__video-grid {
		grid-template-columns: 1fr;
		gap: 34px;
		padding: 30px 0 0;
	}

	.whu-official__accordion-content figure {
		width: 100%;
		height: auto;
		aspect-ratio: 342 / 230;
	}

	.whu-official__testimonial {
		min-height: 0;
		padding: var(--whu-section-space) 24px 64px;
	}

	.whu-official__testimonial-body {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding: 30px 0 0;
	}

	.whu-official__testimonial-body figure {
		width: calc(100vw - 48px);
		height: auto;
		aspect-ratio: 342 / 230;
		margin-left: 0;
	}

	.whu-official__testimonial blockquote {
		font-size: 20px;
		line-height: 1.55;
	}

	.whu-official__closing {
		display: block;
		padding: var(--whu-section-space) var(--whu-shell-padding) 64px;
	}

	.whu-official__closing > a {
		width: 100%;
		min-width: 0;
		margin-top: 28px;
		font-size: 15px;
	}
}

@media (max-width: 359px) {
	.whu-official {
		--whu-shell-padding: 16px;
	}

	.whu-official__hero-shell {
		padding-right: 18px;
		padding-left: 18px;
	}

	.whu-official__page-nav-shell,
	.whu-official__text-section,
	.whu-official__stats,
	.whu-official__chapter-group,
	.whu-official__teasers,
	.whu-official__faq,
	.whu-official__videos,
	.whu-official__closing {
		width: calc(100% - 36px);
		margin-right: 18px;
		margin-left: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.whu-official *,
	.whu-official *::before,
	.whu-official *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}