/**
 * Die Sortierung innerhalb der Kategorien (Atoms, Molecules, etc.) bitte alphabetisch.
 */

/* Foundation */
@keyframes opacity {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes rotate {
	from {
		rotate: 0deg;
	}
	to {
		rotate: 360deg;
	}
}
/* Naming of colors and fonts inspired by Uber Base (https://base.uber.com/6d2425e9f/p/8898fb-color-legacy/b/065744) */

:root {
	/* Color Primitives */
	--color-white:    hsla(0, 0%, 100%, 1);
	--color-gray-50:  hsla(243, 9%, 95%, 1);
	--color-gray-100: hsla(240, 8.5%, 90%, 1);
	--color-gray-200: hsla(237, 8%, 80%, 1);
	--color-gray-300: hsla(234, 7.5%, 70%, 1);
	--color-gray-400: hsla(231, 7%, 62%, 1); /* voelker lightgray, PANTONE Cool Grey 7 */
	--color-gray-500: hsla(228, 6.5%, 50%, 1);
	--color-gray-600: hsla(225, 6%, 41%, 1); /* voelker gray, PANTONE Cool Grey 10 */
	--color-gray-700: hsla(222, 5.5%, 30%, 1);
	--color-gray-800: hsla(219, 5%, 20%, 1);
	--color-gray-900: hsla(216, 4.5%, 10%, 1);
	--color-gray-950: hsla(213, 4%,  5%, 1);
	--color-black:    hsla(0,   0%,  0%, 1);

	--color-red-50: hsla(349, 64%, 95%, 1);
	--color-red-100: hsla(349, 64%, 90%, 1);
	--color-red-200: hsla(349, 64%, 80%, 1);
	--color-red-300: hsla(349, 64%, 70%, 1);
	--color-red-400: hsla(349, 64%, 60%, 1);
	--color-red-500: hsla(349, 64%, 50%, 1);
	--color-red-600: hsla(349, 64%, 38%, 1); /* voelker red, PANTONE 201 */
	--color-red-700: hsla(349, 64%, 30%, 1);
	--color-red-800: hsla(349, 64%, 20%, 1);
	--color-red-900: hsla(349, 64%, 10%, 1);

	/* Foundation Colors */
	--color-red: var(--color-red-600);
	--color-gray: var(--color-gray-600);
	--color-lightgray: var(--color-gray-400);

	/* Core Colors */
	--color-background-primary: var(--color-white);
	--color-background-secondary: var(--color-gray-50);
	--color-background-tertiary: var(--color-gray-100);
	--color-background-primary-inverse: var(--color-black);
	--color-background-secondary-inverse: var(--color-gray-800);

	--color-content-primary: var(--color-black);
	--color-content-secondary: var(--color-gray-600);
	--color-content-tertiary: var(--color-gray-500);
	--color-content-primary-inverse: var(--color-white);
	--color-content-secondary-inverse: var(--color-gray-100);
	--color-content-tertiary-inverse: var(--color-gray-200);

	--color-backdrop: color-mix(in hsl, var(--color-black) 90%, transparent);

	--color-border-opaque: var(--color-gray-200);
	--color-border-transparent: color-mix(in hsl, var(--color-black) 8%, transparent);
	--color-border-selected: var(--color-content-primary);
	--color-border-opaque-inverse: var(--color-gray-700);
	--color-border-transparent-inverse: color-mix(in hsl, var(--color-white) 8%, transparent);
	--color-border-selected-inverse: var(--color-white);

	/* Shadows */
	--box-shadow: 0 1px 10px -calc(10rem / 16) rgba(0,0,0,0.1),
	              0 1.5px 20px -calc(10rem / 16) rgba(0,0,0,0.1),
	              0 2px 30px -calc(10rem / 16) rgba(0,0,0,0.1);
}
:root {
	--duration-xsmall: 0s;
	--duration-small: 0s;
	--duration-medium: 0s;
	--duration-large: 0s;
	--duration-xlarge: 0s;
	--duration-rotate-loader: 0s;

	--ease-out: cubic-bezier(0.215, 0.610, 0.275, 1.000);
}
@media (prefers-reduced-motion: no-preference) {
:root {
		--duration-xsmall: 80ms;
		--duration-small: 120ms;
		--duration-medium: 200ms;
		--duration-large: 400ms;
		--duration-xlarge: 550ms;
		--duration-rotate-loader: 1000ms;
}
	}
/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * Webfont: undefined by undefined
 * URL: https://www.myfonts.comundefined
 * Copyright: Copyright © 2024 Monotype Imaging Inc. All rights reserved.
 *
 * © 2024 MyFonts Inc. */


/* @font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 100;
	src: url('/assets/fonts/ff-meta/FFMetaHairline/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaHairline/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 100;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaHairlineItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaHairlineItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Thin";
	font-weight: 200;
	src: url('/assets/fonts/ff-meta/FFMetaThin/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaThin/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 200;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaThinItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaThinItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 300;
	src: url('/assets/fonts/ff-meta/FFMetaLight/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaLight/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 300;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaLightItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaLightItalic/font.woff') format('woff');
} */
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	src: url('/assets/fonts/ff-meta/FFMetaRegular/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaRegular/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaItalic/font.woff') format('woff');
}
/* @font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 450;
	src: url('/assets/fonts/ff-meta/FFMetaBook/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaBook/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-style: italic;
	font-weight: 450;
	src: url('/assets/fonts/ff-meta/FFMetaBookItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaBookItalic/font.woff') format('woff');
} */
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 500;
	src: url('/assets/fonts/ff-meta/FFMetaMedium/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaMedium/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 500;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaMediumItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaMediumItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 700;
	src: url('/assets/fonts/ff-meta/FFMetaBold/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaBold/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 700;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaBoldItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaBoldItalic/font.woff') format('woff');
}
/* @font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 900;
	src: url('/assets/fonts/ff-meta/FFMetaBlack/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaBlack/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta";
	font-display: swap;
	font-weight: 900;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaBlackItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaBlackItalic/font.woff') format('woff');
} */








/* @font-face {
	font-family: "FF Meta Condensed";
	src: url('/assets/fonts/ff-meta/FFMetaCondensed/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensed/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 450;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedBook/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedBook/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 450;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedBookItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedBookItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 500;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedMedium/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedMedium/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 500;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedMediumItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedMediumItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 700;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedBold/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedBold/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 700;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedBoldItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedBoldItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 800;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedExtrabold/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedExtrabold/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 800;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedExtraboldItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedExtraboldItalic/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 900;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedBlack/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedBlack/font.woff') format('woff');
}
@font-face {
	font-family: "FF Meta Condensed";
	font-weight: 900;
	font-style: italic;
	src: url('/assets/fonts/ff-meta/FFMetaCondensedBlackItalic/font.woff2') format('woff2'), url('/assets/fonts/ff-meta/FFMetaCondensedBlackItalic/font.woff') format('woff');
} */
/**
 * Each size should divide by 4.
 * Each size must be in rem. Write like this: calc([equivalent pixel size]rem / 16)
 * A equivalent to 20px is calc(20rem / 16)
 * Prefer css variables defined here (e.g. var(--gap-inline)) over custom size (e.g. calc(48rem / 16)) in components
 *
 * @see https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/#calculated-values-14
 */

/**
 * Media Queries
 * Variables can’t be used with media queries.
 * Use em values. Always use min-width (no max-width).
 * E.g. @media (min-width: calc(*em / 16)).
 * You can use @media not (min-width: calc(*em / 16))
 *
 * Common variables:
 * Hamburger nav: calc(1152em / 16)
 * Change in grid span: calc(976em / 16) (e.g. in .o-competency__topics)
 */

:root {
	/* Grid */
	--gap-inline: calc(48rem / 16);
	--gap-block-small: calc(40rem / 16);
	--gap-block-medium: calc(60rem / 16);
	--gap-block-large: calc(80rem / 16); /* used for margin between h1 and content */
	--gap-block-xlarge: calc(144rem / 16); /* used for margin between blocks */
	--padding-inline-body: calc(32rem / 16);
	--padding-block-start-main: calc(48rem / 16);

	/* Sizes */
	--max-width: calc(1600rem / 16);
	--max-width-content: calc(1488rem / 16);
	--max-width-text: calc(1104rem / 16);

	/* Borders */
	--border-width-medium: 2px; /* always use pixel to avoid different subpixel aliasing  */
	--border-width-small: 1px;

	/* Z-Index */
	--z-index-nav-sticky: 300;
	--z-index-dialog: 500;
	--z-index-toasts: 600; /* padding/margin above h1 */ /* always use pixel to avoid different subpixel aliasing  */
}

@media not (min-width: calc(560em / 16)) {

:root {
		--gap-inline: calc(32rem / 16);
		--gap-block-medium: calc(40rem / 16);
		--gap-block-large: calc(48rem / 16); /* used for margin between h1 and content */
		--gap-block-xlarge: calc(96rem / 16); /* used for margin between blocks */
		--padding-inline-body: calc(20rem / 16);
}
	}

@media not (min-width: calc(448em / 16)) {

:root {
		--padding-inline-body: calc(16rem / 16);
}
	}
* {
	margin: 0;
	padding: 0;
}

*, *:before, *:after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	font-family: system-ui, sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

body {
	min-block-size: 100%;
	min-block-size: 100dvb;
}

dialog {
	margin: auto;
	border: 0;
}

[popover] {
	border: 0;
}

a {
	color: inherit;
	text-underline-offset: 0.2ex;
}

img, picture, svg, video, canvas, audio, iframe, embed, object, summary {
	display: block;
}

img, picture, svg {
	max-inline-size: 100%;
	block-size: auto;
}

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

iframe, fieldset {
	border: 0;
}

button {
	text-align: start;
}

button, summary {
	border: 0;
	cursor: pointer;
}

summary::-webkit-details-marker {
	display: none; /* Removes the triangle in WebKit browsers (Chrome, Safari) */
}

label {
	display: block;
}

input,
textarea,
button {
	font: inherit;
	line-height: inherit;
	color: inherit;
	border-radius: 0;
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
}

input[type="date"],
input[type="time"] {
	-webkit-appearance: none;
	        appearance: none;
	/* ::-webkit-calendar-picker-indicator {
		display: none;
	} */
}

input[type="date"]::-webkit-date-and-time-value, input[type="time"]::-webkit-date-and-time-value {
		text-align: inherit;
	}

textarea {
	resize: vertical;
	resize: block;
}

hr {
	border: none;
	-webkit-border-before: 1px solid currentcolor;
	        border-block-start: 1px solid currentcolor;
	color: inherit;
	block-size: 0;
}

table {
	border-collapse: collapse;
}

nav ul {
	list-style: none;
}

:disabled, [aria-disabled="true"] {
	cursor: not-allowed;
}

:focus-visible {
	outline: 2px solid Highlight;
	outline-offset: 2px;
}

[hidden]:not([hidden="until-found"]) {
	display: none !important;
}
/**
 * Each size should divide by 4.
 */

:root {
	/* Font family */
	--font-family: 'FF Meta', sans-serif;
	--font-family-serif: Georgia, serif;

	/* Font size */
	--font-size-display-xlarge: calc(78rem / 16);
	--font-size-display-large: calc(66rem / 16);
	--font-size-display-medium: calc(50rem / 16);
	--font-size-display-small: calc(38rem / 16);

	--font-size-heading-large: calc(31rem / 16);
	--font-size-heading-medium: calc(20rem / 16);
	--font-size-heading-small: calc(18rem / 16);

	--font-size-label-large: calc(22rem / 16);
	--font-size-label-medium: calc(18rem / 16);
	--font-size-label-small: calc(15rem / 16);
	--font-size-label-xsmall: calc(13rem / 16);
	--font-size-label-xxsmall: calc(12rem / 16);

	--font-size-paragraph-xlarge: calc(24rem / 16);
	--font-size-paragraph-large: calc(20rem / 16);
	--font-size-paragraph-medium: calc(18rem / 16);
	--font-size-paragraph-small: calc(16rem / 16);
	--font-size-paragraph-xsmall: calc(14rem / 16);
	--font-size-paragraph-xxsmall: calc(12rem / 16);

	--font-size: var(--font-size-paragraph-medium);

	/* Line height */
	--line-height-display-xlarge: calc(80rem / 16);
	--line-height-display-large: calc(68rem / 16);
	--line-height-display-medium: calc(56rem / 16);
	--line-height-display-small: calc(40rem / 16);

	--line-height-heading-large: calc(34rem / 16);
	--line-height-heading-medium: calc(24rem / 16);
	--line-height-heading-small: calc(20rem / 16);

	--line-height-label-large: calc(28rem / 16);
	--line-height-label-medium: calc(22rem / 16);
	--line-height-label-small: calc(20rem / 16);
	--line-height-label-xsmall: calc(16rem / 16);
	--line-height-label-xxsmall: calc(16rem / 16);

	--line-height-paragraph-xlarge: calc(36rem / 16);
	--line-height-paragraph-large: calc(30rem / 16);
	--line-height-paragraph-medium: calc(30rem / 16);
	--line-height-paragraph-small: calc(24rem / 16);
	--line-height-paragraph-xsmall: calc(18rem / 16);
	--line-height-paragraph-xxsmall: calc(16rem / 16);

	--line-height: var(--line-height-paragraph-medium);

	/* Font */
	--font-display-xlarge: 400 var(--font-size-display-xlarge)/var(--line-height-display-xlarge) var(--font-family-serif);
	--font-display-large: 400 var(--font-size-display-large)/var(--line-height-display-large) var(--font-family-serif);
	--font-display-medium: 400 var(--font-size-display-medium)/var(--line-height-display-medium) var(--font-family-serif);
	--font-display-small: 400 var(--font-size-display-small)/var(--line-height-display-small) var(--font-family-serif);

	--font-heading-large: 400 var(--font-size-heading-large)/var(--line-height-heading-large) var(--font-family-serif);
	--font-heading-medium: 500 var(--font-size-heading-medium)/var(--line-height-heading-medium) var(--font-family);
	--font-heading-small: 500 var(--font-size-heading-small)/var(--line-height-heading-small) var(--font-family);

	--font-label-large: 400 var(--font-size-label-large)/var(--line-height-label-large) var(--font-family);
	--font-label-medium: 400 var(--font-size-label-medium)/var(--line-height-label-medium) var(--font-family);
	--font-label-small: 400 var(--font-size-label-small)/var(--line-height-label-small) var(--font-family);
	--font-label-xsmall: 400 var(--font-size-label-xsmall)/var(--line-height-label-xsmall) var(--font-family);
	--font-label-xxsmall: 400 var(--font-size-label-xxsmall)/var(--line-height-label-xxsmall) var(--font-family);

	--font-paragraph-xlarge: 400 var(--font-size-paragraph-xlarge)/var(--line-height-paragraph-xlarge) var(--font-family);
	--font-paragraph-large: 400 var(--font-size-paragraph-large)/var(--line-height-paragraph-large) var(--font-family);
	--font-paragraph-medium: 400 var(--font-size-paragraph-medium)/var(--line-height-paragraph-medium) var(--font-family);
	--font-paragraph-small: 400 var(--font-size-paragraph-small)/var(--line-height-paragraph-small) var(--font-family);
	--font-paragraph-xsmall: 400 var(--font-size-paragraph-xsmall)/var(--line-height-paragraph-xsmall) var(--font-family);
	--font-paragraph-xxsmall: 400 var(--font-size-paragraph-xxsmall)/var(--line-height-paragraph-xxsmall) var(--font-family);

	--font: var(--font-paragraph-medium);

	/* Letter spacing */
	--letter-spacing-uppercase: 0.04em;

	/* Other */
	--hyphenate-limit: 6;
}

@media not (min-width: calc(560em / 16)) {

:root {
		--font-size-display-medium: calc(40rem / 16);

		--line-height-display-medium: calc(44rem / 16);
}
	}

html {
	font-family: var(--font-family);
	scroll-padding-top: calc(160rem / 16);
	hyphens: auto;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-after: var(--hyphenate-limit);
	-webkit-hyphenate-limit-before: var(--hyphenate-limit);
	hyphenate-limit-chars: calc(var(--hyphenate-limit) * 2) var(--hyphenate-limit) var(--hyphenate-limit);
	color: var(--color-black);
	background-color: var(--color-white);
}

body {
	font: var(--font-paragraph-medium);
	display: flex;
	flex-direction: column;
}

html[data-no-scroll] {
	overflow: hidden;
	block-size: 100%;
}

@media not (min-width: calc(1152em / 16)), (max-width: 72em) {

html:has(.m-navigation[data-open]) {
		overflow: hidden;
		block-size: 100%;
}
	}

/* HELPER/DEBUG */
/** DEBUG */
body[data-show-grid] {
	--_color: hsla(0, 0%, 0%, 5%);
	--_grid-vertical: calc(4rem / 16);
	--_grid-gap: var(--gap-inline);
	--_grid-column: calc((var(--max-width) - var(--_grid-gap) * 11) / 12);

	background:
		center/calc(var(--_grid-column) + var(--_grid-gap)) 100%
		linear-gradient(90deg, var(--_color) calc(var(--_grid-column) * 0.5), transparent calc(var(--_grid-column) * 0.5), transparent calc(var(--_grid-column) * 0.5 + var(--_grid-gap)), var(--_color) calc(var(--_grid-column) * 0.5 + var(--_grid-gap))),
		top/100% calc(var(--_grid-vertical) * 2)
		linear-gradient(transparent var(--_grid-vertical), var(--_color) var(--_grid-vertical));
}

/* Atoms */
.a-button-text {
	display: inline-flex;
	font: var(--font-label-medium);
	font-weight: 500;
	text-decoration: none;
}
.a-button-text::after {
		content: '';
		display: block;
		-webkit-margin-start: calc(4rem / 16);
		        margin-inline-start: calc(4rem / 16);
		inline-size: calc(16rem / 16);
		-webkit-mask-image: url('/assets/images/symbols/chevron-e.svg');
		        mask-image: url('/assets/images/symbols/chevron-e.svg');
		-webkit-mask-size: 1.6em;
		        mask-size: 1.6em;
		-webkit-mask-position: center 90%;
		        mask-position: center 90%;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		background-color: currentcolor;
	}
.a-button {
	--_border-width: var(--border-width-small);

	display: inline-flex;
	justify-content: center;
	align-items: center;
	column-gap: calc(8rem / 16);
	font: var(--font-label-medium);
	padding-block: calc(12rem / 16) calc(8rem / 16);
	padding-inline: calc(20rem / 16);
	color: currentcolor;
	border: var(--_border-width) solid currentcolor;
	text-decoration: none;
	text-transform: uppercase;
	font: var(--font-label-medium);
	font-weight: 500;
	letter-spacing: var(--letter-spacing-uppercase);
	transition-duration: var(--duration-small);
	transition-property: background-color, border-color, color;
}
.a-button > svg {
		-webkit-margin-before: -0.2lh;
		        margin-block-start: -0.2lh;
		block-size: 1lh;
		inline-size: auto;
	}
.a-button > svg * {
			fill: currentcolor !important; /* overwrite style property */
		}
.a-button[data-size="small"] {
		font: var(--font-label-small);
		font-weight: 500;
		padding-block: calc(6rem / 16) calc(2rem / 16);
		padding-inline: calc(20rem / 16);
	}
.a-button[data-size="xsmall"] {
		font: var(--font-label-xsmall);
		font-weight: 500;
		padding-block: calc(7rem / 16) calc(4rem / 16);
		padding-inline: calc(20rem / 16);
	}
.a-button[data-kind="secondary"] {
		color: var(--color-content-secondary);
	}
.a-button[data-shape="squared"] {
		min-inline-size: calc(1lh + (3rem / 16) + (3rem / 16) + var(--_border-width) * 2);
		min-block-size: calc(1lh + (3rem / 16) + (3rem / 16) + var(--_border-width) * 2);
		text-align: center;
		padding-block: calc(3rem / 16);
		padding-inline: calc(3rem / 16);
		font-variant: tabular-nums; /* font does not support tabular-nums */
	}
.a-button[data-shape="squared"] > svg {
			margin-block: auto;
		}
.a-button[data-shape="text"] {
		border: 0;
		padding-inline: calc(12rem / 16);
	}
.a-button[data-variant="gallery"] {
		min-inline-size: calc(28rem / 16);
		min-block-size: calc(28rem / 16);
		padding: calc(3rem / 16);
		font-size: calc(10rem / 16);
		font-weight: 500;
		color: var(--color-white);
		background-color: var(--color-red);
	}
.a-button[data-variant="gallery"][disabled] {
			opacity: 0.3;
		}
.a-button[data-inverse] {
		color: var(--color-white);
	}
.a-button[data-selected] {
		color: var(--color-content-primary-inverse);
		border-color: var(--color-red);
		background-color: var(--color-red);
	}
.a-button:focus-visible:not([disabled]), .a-button:hover:not([disabled]) {
			color: var(--color-white);
			border-color: var(--color-black);
			background-color: var(--color-black);
		}
.a-button[data-shape="text"]:focus-visible:not([disabled]), .a-button[data-shape="text"]:hover:not([disabled]) {
				color: var(--color-content-primary);
				border-color: transparent;
				background-color: transparent;
			}
.a-button[data-inverse]:focus-visible:not([disabled]), .a-button[data-inverse]:hover:not([disabled]) {
				color: var(--color-red);
				border-color: var(--color-white);
				background-color: var(--color-white);
				outline: 0;
			}
.a-button[data-variant="gallery"]:focus-visible:not([disabled]), .a-button[data-variant="gallery"]:hover:not([disabled]) {
				background-color: var(--color-background-tertiary);
				color: var(--color-content-primary);
				border-color: var(--color-white);
			}
@media (min-width: calc(560em / 16)) {
		.a-button[data-variant="gallery"] {
			min-inline-size: calc(40rem / 16);
			min-block-size: calc(40rem / 16);
			font-size: calc(14rem / 16);
		}
	}
/**
 * Used for competencies overview on home page and competencies template.
 * Also used in competency-spider
 */

.a-card-competency {
	display: block;
	block-size: 100%;
	-webkit-padding-before: calc(20rem / 16);
	        padding-block-start: calc(20rem / 16);
	-webkit-padding-after: calc(24rem / 16);
	        padding-block-end: calc(24rem / 16);
	padding-inline: calc(12rem / 16);
	font: var(--font-label-small);
	text-decoration: none;
	text-align: center;
	text-wrap: balance;
	border: var(--border-width-small) solid currentcolor;
	transition-duration: var(--duration-xsmall);
	transition-property: border-color, color, background-color;
}

.a-card-competency > svg {
		max-inline-size: 60%;
		margin-inline: auto;
		-webkit-margin-after: calc(20rem / 16);
		        margin-block-end: calc(20rem / 16);
	}

.a-card-competency > svg * {
			transition-duration: inherit;
			transition-property: fill;
		}

.a-card-competency:not([data-theme="red"]):focus-visible,
		.a-card-competency:not([data-theme="red"]):hover {
			border-color: var(--color-red);
			color: var(--color-white);
			background-color: var(--color-red);
		}

.a-card-competency:not([data-theme="red"]):focus-visible > svg *, .a-card-competency:not([data-theme="red"]):hover > svg * {
				fill: currentcolor !important; /* overwrite style property */
			}

.a-card-competency[data-theme="red"] {
		color: var(--color-content-primary-inverse);
		background-color: var(--color-red);
	}

.a-card-competency[data-theme="red"]:not(:focus-visible, :hover) > svg * {
				fill: currentcolor !important; /* overwrite style property */
			}

.a-card-competency[data-theme="red"]:focus-visible,
		.a-card-competency[data-theme="red"]:hover {
			border-color: var(--color-black);
			color: unset;
			background-color: unset;
		}

@media (min-width: calc(800em / 16)) {

.a-card-competency {
		-webkit-padding-before: calc(20rem / 16);
		        padding-block-start: calc(20rem / 16);
}
	}

@media (min-width: calc(1280em / 16)) {

.a-card-competency {
		aspect-ratio: 1;
}
	}
.a-display {
	text-wrap: balance;
	font: var(--font-display-medium);
}
.a-display:has(> small) > small {
			display: block;
			-webkit-margin-before: calc(12rem / 16);
			        margin-block-start: calc(12rem / 16);
			font: var(--font-heading-medium);
		}
.a-display[data-size="large"] {
		font: var(--font-display-large);
	}
.a-display[data-size="xlarge"] {
		font: var(--font-display-xlarge);
	}
/* FOR ADMINS */

.a-edit-link {
	position: absolute;
	inset-block-start: 0;
	inset-inline-end: 0;
	padding: calc(4rem / 16) calc(8rem / 16);
	color: var(--color-white);
	background-color: var(--color-black);
	opacity: 0;
	font: var(--font-label-small);
	text-decoration: none;
	z-index: calc(var(--z-index-nav-sticky) + 1);
}

.a-edit-link:hover, .a-edit-link:focus-visible {
		opacity: 1;
	}
.a-heading {
	text-wrap: balance;
	font: var(--font-heading-large);
}
.a-heading[role="button"] {
		cursor: pointer;
	}

h2.a-heading,
.a-heading[data-size="large"] {
	font: var(--font-heading-large);
}
h3.a-heading,
.a-heading[data-size="medium"] {
	font: var(--font-heading-medium);
}
h4.a-heading,
.a-heading[data-size="small"] {
	font: var(--font-heading-small);
}
h5.a-heading,
.a-heading[data-size="xsmall"] {
	font: var(--font-heading-xsmall);
}
.a-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	block-size: calc(36rem / 16);
	aspect-ratio: 1;
}
.a-icon > svg {
		block-size: calc(28rem / 16);
		aspect-ratio: 1;
	}
.a-icon > svg * {
			fill: currentcolor;
		}
.a-icon[data-size="small"] {
		block-size: calc(28rem / 16);
		padding: calc(1rem / 16);
	}
.a-icon[data-theme="red"] {
		color: var(--color-content-primary-inverse);
		background-color: var(--color-red);
	}
.a-input {
	display: block;
	inline-size: 100%;
	padding-block: calc(12rem / 16) calc(8rem / 16);
	padding-inline: calc(20rem / 16);
	border: var(--border-width-small) solid currentcolor;
	border-radius: 0;
	background-color: var(--color-background-primary);
	font: var(--font-label-medium);
	font-weight: 500;
}

@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)) {
.a-input {
	background-color: color-mix(in hsl, var(--color-background-primary) 95%, currentcolor);
}
}
select.a-input {
		-webkit-appearance: none;
		        appearance: none;
		text-overflow: ellipsis;
		overflow: hidden;
		-webkit-padding-end: calc(36rem / 16);
		        padding-inline-end: calc(36rem / 16);
		background-size: 1.2em;
		background-size: 1lh;
		background-image: url(/assets/images/symbols/chevron-dropdown-inverse.svg);
		background-repeat: no-repeat;
		background-position: right calc(8rem / 16) center;
	}
.a-input:focus-visible {
		outline: 1px solid currentcolor;
		outline-offset: 0;
	}
.a-input[disabled]:is(:-webkit-autofill, :-webkit-autofill) {
			color: var(--color-gray) !important;
			background-color: var(--color-background-primary) !important;
			border-color: var(--color-lightgray);
		}
.a-input[disabled]:is(:-webkit-autofill, :autofill), .a-input[disabled] {
			color: var(--color-gray) !important;
			background-color: var(--color-background-primary) !important;
			border-color: var(--color-lightgray);
		}

@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)) {
.a-input[disabled]:is(:-webkit-autofill, :-webkit-autofill) {
			background-color: color-mix(in hsl, var(--color-background-primary) 95%, currentcolor) !important;
		}
.a-input[disabled]:is(:-webkit-autofill, :autofill), .a-input[disabled] {
			background-color: color-mix(in hsl, var(--color-background-primary) 95%, currentcolor) !important;
		}
}
.a-input[data-theme="red"] {
		color: var(--color-content-primary-inverse);
		background-color: var(--color-red);
	}

@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)) {
.a-input[data-theme="red"] {
		background-color: color-mix(in hsl, var(--color-red) 95%, var(--color-black));
	}
}
.a-nav-link {
	--_padding-inline: calc(20rem / 16);

	display: block;
	padding-block: calc(20rem / 16);
	padding-inline: var(--_padding-inline);
	border: 0; /* resets button */
	font: var(--font-label-medium);
	text-decoration: none;
	white-space: nowrap;
}
.a-nav-link svg {
		block-size: 1.2em;
		block-size: 1lh;
		inline-size: auto;
		-webkit-margin-before: calc(-2rem / 16);
		        margin-block-start: calc(-2rem / 16);
	}
.a-nav-link svg * {
			fill: currentcolor !important; /* overwrite style property */
		}
.a-nav-link[data-selected] {
		font-weight: 500;
	}
.a-nav-link[data-type="primary"] {
		position: relative;
	}
.a-nav-link[data-type="primary"]::after {
			content: '';
			position: absolute;
			inset-block-end: 0;
			inset-inline-start: calc(50% - var(--border-width-medium) * 0.5);
			block-size: calc(16rem / 16);
			-webkit-border-start: var(--border-width-medium) solid currentcolor;
			        border-inline-start: var(--border-width-medium) solid currentcolor;
			scale: 1 0;
			transform-origin: center bottom;
			transition-duration: var(--duration-medium);
			transition-property: scale;
		}
.a-nav-link[data-type="primary"][data-selected]::after {
				scale: 1 1;
			}
.a-nav-link[data-type="primary"]:focus-visible:not([data-selected])::after, .a-nav-link[data-type="primary"]:hover:not([data-selected])::after {
				scale: 1 .5;
				transition-timing-function: ease-out;
			}
@media not (min-width: calc(1152em / 16)), (max-width: 72em) {
		.a-nav-link[data-type="primary"] {
			font: var(--font-label-large);
			text-align: end;
		}

			.a-nav-link[data-type="primary"]::after {
				inset-inline-start: auto;
				inset-inline-end: 0;
				inset-block-start: calc(50% - var(--border-width-medium) * 0.5);
				inset-block-end: autp;
				block-size: 0;
				inline-size: calc(8rem / 16);
				-webkit-border-start: 0;
				        border-inline-start: 0;
				-webkit-border-after: var(--border-width-medium) solid currentcolor;
				        border-block-end: var(--border-width-medium) solid currentcolor;
				scale: 0 1;
				transform-origin: right center;
			}
	}
@media (min-width: calc(1152em / 16)), (min-width: 72em) {
		.a-nav-link[data-type="hamburger"] {
			display: none;
		}
	}
@media not (min-width: calc(448em / 16)) {
.a-nav-link {
		--_padding-inline: calc(16rem / 16);
}
	}
.a-pagination {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	gap: calc(12rem / 16);
	font: var(--font-label-small);
	color: var(--color-content-secondary);
}
.a-pagination[data-align="start"] {
		justify-content: start;
	}
.a-pagination[data-kind="thumbs"] {
		display: flex;
		flex-wrap: nowrap;
		overflow: auto;
		justify-content: start;
		padding-block: calc(12rem / 16);
	}
.a-pagination[data-kind="thumbs"] > li {
			-webkit-padding-start: 0 !important;
			        padding-inline-start: 0 !important; /* overwrite .m-text ul > li */
			max-width: 112px;
			flex-basis: 70px;
			flex-grow: 1;
			flex-shrink: 0;
		}
.a-pagination[data-kind="thumbs"] > li > button {
				display: block;
				border: 0;
				outline: var(--border-width-small) solid transparent;
				outline-offset: var(--border-width-medium);
				transition-property: outline-color;
				transition-duration: var(--duration-medium);
				transition-delay: var(--duration-small);
			}
.a-pagination[data-kind="thumbs"] > li > button[aria-pressed] {
					outline-color: var(--color-black);
				}
.a-pagination[data-kind="thumbs"] > li::before {
				content: none !important; /* overwrite .m-text ul > li::before */
			}
:is(.a-pagination[data-kind="thumbs"] > li) + li {
				-webkit-margin-before: 0 !important;
				        margin-block-start: 0 !important; /* overwrite :is(.m-text ul) li + li */
			}
.a-pagination[data-kind="thumbs"]::-webkit-scrollbar {
			display: none;
		}
@media (min-width: calc(560em / 16)) {
		.a-pagination[data-kind="thumbs"] {
			padding-inline: calc(var(--border-width-medium) + var(--border-width-small));
		}
	}
@media not (min-width: calc(560em / 16)) {
		.a-pagination[data-kind="thumbs"] {
			padding-inline: var(--padding-inline-body);
		}
	}

.a-pagination__seperator {
	--_padding-inline: var(--gap-x-small);
	min-inline-size: calc(1lh + var(--_padding-inline) * 2);
	text-align: center;
}
.a-search-result {
	display: block;
	box-sizing: border-box;
	padding-inline: calc(12rem / 16);
	padding-block: calc(12rem / 16);
	text-decoration: none;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}
.a-search-result:hover{
			background-color: var(--color-background-secondary);
	}

.a-search-result__title > em {
		font-style: normal;
	}

.a-search-result__breadcrumbs{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.a-search-result__breadcrumbs > li {
		display: inline;
		color: var(--color-content-tertiary);
		font: var(--font-label-small);
	}

.a-search-result__breadcrumbs > li:not(:last-of-type)::after {
			content: "\00a0/\00a0";
		}
/**
 * @todo Morph with .a-thumb-topic?
 * Small thumb used for in person template.
 */

.a-thumb-competency {
	display: flex;
	column-gap: calc(16rem / 16);
	-webkit-padding-end: calc(8rem / 16);
	        padding-inline-end: calc(8rem / 16);
	text-wrap: balance;
	align-items: center;
	text-decoration: none;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}

.a-thumb-competency > svg {
		flex-shrink: 0;
		inline-size: calc(72rem / 16);
		aspect-ratio: 1;
		background-color: var(--color-red);
	}

.a-thumb-competency > svg * {
			fill: var(--color-white) !important; /* overwrite style property */
		}

.a-thumb-competency > strong {
		font: var(--font-label-small);
	}

.a-thumb-competency:focus-visible,
	.a-thumb-competency:hover {
		background-color: var(--color-background-secondary);
	}
/**
 * @todo Morph with .a-thumb-competency?
 */

.a-thumb-download {
	display: flex;
	column-gap: calc(16rem / 16);
	-webkit-padding-end: calc(8rem / 16);
	        padding-inline-end: calc(8rem / 16);
	text-wrap: balance;
	align-items: center;
	text-decoration: none;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}

.a-thumb-download > div {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		inline-size: calc(64rem / 16);
		padding: calc(8rem / 16);
		aspect-ratio: 1;
		background-color: var(--color-red);
	}

.a-thumb-download > div > svg * {
			fill: var(--color-white) !important; /* overwrite style property */
		}

.a-thumb-download > strong {
		font: var(--font-label-small);
	}

.a-thumb-download:focus-visible,
	.a-thumb-download:hover {
		background-color: var(--color-background-secondary);
	}
.a-thumb-person {
	display: flex;
	column-gap: calc(16rem / 16);
	padding-block: calc(4rem / 16);
	-webkit-padding-end: calc(4rem / 16);
	        padding-inline-end: calc(4rem / 16);
	text-wrap: balance;
	align-items: start;
	text-decoration: none;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}
.a-thumb-person > img {
		margin-block: calc(-4rem / 16);
		flex-shrink: 0;
		inline-size: calc(72rem / 16);
	}
.a-thumb-person > div {
		margin-block: auto;
		display: flex;
		flex-direction: column;
		row-gap: calc(2rem / 16);
	}
.a-thumb-person > div > strong {
			display: block;
			font: var(--font-label-small);
		}
.a-thumb-person > div > em {
			display: block;
			font: var(--font-label-xsmall);
			color: var(--color-content-secondary);
		}
.a-thumb-person[data-size="small"] > img {
			inline-size: calc(48rem / 16);
		}
.a-thumb-person[data-variant="lead"] > div > strong {
			font: var(--font-label-medium);
			font-weight: 500;
		}
a.a-thumb-person:focus-visible,
	a.a-thumb-person:hover {
		background-color: var(--color-background-secondary);
	}
.a-thumb-person-extended {
	display: flex;
	column-gap: calc(16rem / 16);
	text-wrap: balance;
	align-items: start;
	text-decoration: none;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}
.a-thumb-person-extended > img {
		flex-shrink: 0;
		-webkit-margin-before: calc(1rem / 16);
		        margin-block-start: calc(1rem / 16);
		inline-size: min(calc(216rem / 16), 25vw);
	}
.a-thumb-person-extended > div {
		display: flex;
		flex-direction: column;
		row-gap: calc(12rem / 16);
		font: var(--font-label-medium);
	}
@media (min-width: calc(560em / 16)) {
.a-thumb-person-extended {
		column-gap: calc(32rem / 16);
}
	}


.a-thumb-person-extended__name {
	font: var(--font-label-medium);
}


.a-thumb-person-extended__name > em {
		font-style: normal;
	}


.a-thumb-person-extended__contact a {
		text-decoration: none;
		color: var(--color-red);
	}


.a-thumb-person-extended__contact a:focus-visible,
		.a-thumb-person-extended__contact a:hover {
			text-decoration: underline;
		}
/** @todo Morph with .a-thumb-competency? */

.a-thumb-topic {
	display: flex;
	column-gap: calc(16rem / 16);
	padding-block: calc(4rem / 16);
	-webkit-padding-end: calc(8rem / 16);
	        padding-inline-end: calc(8rem / 16);
	text-wrap: balance;
	align-items: center;
	text-decoration: none;
	font: var(--font-label-small);
	overflow: hidden;
	text-overflow: ellipsis;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}

.a-thumb-topic > figure {
		margin-block: calc(-4rem / 16);
		align-self: start;
		flex-shrink: 0;
		inline-size: calc(72rem / 16);
		aspect-ratio: 1;
		background-color: var(--color-red);
	}

.a-thumb-topic > figure > svg {
		inline-size: 100%;
	}

.a-thumb-topic > figure > svg * {
			fill: var(--color-white) !important;
			stroke: var(--color-white) !important;
		}

.a-thumb-topic[data-size="small"] > figure {
			inline-size: calc(48rem / 16);
		}

.a-thumb-topic:focus-visible,
	.a-thumb-topic:hover {
		background-color: var(--color-background-secondary);
	}
.a-visually-hidden {
	-webkit-clip-path: inset(50%) !important;
	        clip-path: inset(50%) !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Molecules */
.m-articles {
	--_rows: 5;

}
.m-articles > ul {
		display: grid;
		grid-auto-rows: auto;
		row-gap: calc(16rem / 16);
		list-style: none;
	}
.m-articles > h2 + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-articles > ul + .a-button {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.o-main > .m-articles {
		-webkit-margin-before: calc(32rem / 16 * -1);
		        margin-block-start: calc(32rem / 16 * -1);
	}
.m-articles[data-variant="news"] h2 + ul, .m-articles[data-variant="subgrid"] h2 + ul {
			-webkit-margin-before: 0;
			        margin-block-start: 0;
		}
.m-articles[data-variant="news"] > ul > li, .m-articles[data-variant="subgrid"] > ul > li {
				display: grid;
				-webkit-margin-before: calc(32rem / 16);
				        margin-block-start: calc(32rem / 16);
				grid-row-end: span var(--_rows);
				grid-template-rows: subgrid;
			}
.m-articles[data-variant="home"] > ul > li {
				-webkit-margin-after: calc(40rem / 16);
				        margin-block-end: calc(40rem / 16);
				display: grid;
				grid-row-end: span var(--_rows);
				grid-template-rows: subgrid;
			}
@media (min-width: calc(640em / 16)) {
		.m-articles > ul {
			grid-template-columns: repeat(
				auto-fill,
				minmax(
					min(calc(320rem / 16), calc(100vw - var(--padding-inline-body) * 2)),
					1fr
				)
			);
			column-gap: var(--gap-inline);
			list-style: none;
		}

			.m-articles > ul > li {
				display: grid;
				align-items: start;
			}
			.m-articles[data-variant="news"] > ul {
				grid-template-columns: repeat(
					auto-fill,
					minmax(
						min(calc(352rem / 16), calc(100vw - var(--padding-inline-body) * 2)),
						1fr
					)
				);
			}
			.m-articles[data-variant="home"] > ul {
				grid-template-columns: repeat(
					auto-fill,
					minmax(
						min(calc(352rem / 16), calc(100vw - var(--padding-inline-body) * 2)),
						1fr
					)
				);
			}
	}


.m-articles__pagination {
	-webkit-margin-before: calc(48rem / 16);
	        margin-block-start: calc(48rem / 16);
}
.m-card-article {
	--_rows: 5;
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	grid-template-rows: repeat(var(--_rows), auto);
	row-gap: calc(16rem / 16);
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
	text-decoration: none;
}
.m-card-article > time {
		display: block;
		text-transform: uppercase;
		font: var(--font-label-xsmall);
		letter-spacing: var(--letter-spacing-uppercase);
	}
.m-card-article > strong {
		display: block;
		font: var(--font-heading-medium);
		font-weight: 400;
	}
.m-card-article > strong > em {
			display: block;
			font-style: normal;
			font-weight: 500;
		}
.m-card-article > time + strong {
		/* margin-block-start: calc(12rem / 16); */
	}
.m-card-article > figure {
		aspect-ratio: 460 / 200;
		background-color: var(--color-background-tertiary);
	}
.m-card-article > figure > img {
			inline-size: 100%;
		}
.m-card-article[data-variant="news"],
	.m-card-article[data-variant="subgrid"] {
		grid-template-rows: subgrid;
		grid-row-end: span var(--_rows);
		row-gap: unset;
	}
.m-card-article[data-variant="news"] > figure > img {
				inline-size: 100%;
				border: var(--border-width-small) solid var(--color-red);
			}
.m-card-article .a-icon {
		transition-duration: var(--duration-xsmall);
		transition-property: color, background-color;
	}
.m-card-article:focus-visible .a-icon, .m-card-article:hover .a-icon {
			color: var(--color-content-primary);
			background-color: var(--color-background-tertiary);
		}


.m-card-article__teaser {
	font: var(--font-paragraph-small);
}

.m-card-article__meta {
	-webkit-margin-before: calc(16rem / 16);
	        margin-block-start: calc(16rem / 16);
	display: flex;
	justify-content: space-between;
	align-items: center;
	column-gap: calc(12rem / 16);
	text-wrap: balance;
	font: var(--font-label-small);
}

.m-card-article__meta > .a-icon {
		flex-shrink: 0;
	}
.m-card-event {
	text-decoration: none;
}
.m-card-event > img {
		inline-size: 100%;
	}
.m-card-event:not([data-highlight]) {
		display: grid;
		grid-template-columns: calc(152rem / 16) 1fr;
		column-gap: calc(20rem / 16);
	}
.m-card-event[data-highlight] {
		max-inline-size: calc(592rem / 16);
		display: flex;
		flex-direction: column;
		row-gap: calc(20rem / 16);
	}

.m-card-event__container-text {
	display: grid;
	font: var(--font-label-medium);
	align-content: start;
}

.m-card-event__container-text > time {
		display: block;
		text-transform: uppercase;
		font: var(--font-label-small);
	}

.m-card-event__container-text > strong,
	.m-card-event__container-text > em {
		display: block;
	}

.m-card-event__container-text > em {
		font-style: normal;
		font: var(--font-label-small);
	}

.m-card-event__container-text > strong + em {
		-webkit-margin-before: calc(4rem /  16);
		        margin-block-start: calc(4rem /  16);
	}

.m-card-event__container-text > strong {
		font-weight: 500;
	}

:is(.m-card-event:not([data-highlight]) .m-card-event__container-text) > strong + em {
			-webkit-margin-before: calc(5rem /  16);
			        margin-block-start: calc(5rem /  16);
		}

.m-card-event:not([data-highlight]) .m-card-event__container-text > time {
			-webkit-margin-after: calc(4rem / 16);
			        margin-block-end: calc(4rem / 16);
			font: var(--font-label-small);
		}

.m-card-event:where([data-highlight]) .m-card-event__container-text {
		display: grid;
		grid-template-columns: auto 1fr;
		column-gap: calc(20rem / 16);
	}

.m-card-event:where([data-highlight]) .m-card-event__container-text > * {
			grid-column-start: 2;
		}

.m-card-event:where([data-highlight]) .m-card-event__container-text > time {
			grid-column-start: 1;
			grid-row-end: span 3;
			align-self: start;
			box-sizing: content-box;
			padding: calc(4rem / 16);
			text-align: center;
			inline-size: 5ch;
			color: var(--color-content-primary-inverse);
			background-color: var(--color-red);
		}

.m-card-event:where([data-highlight]) .m-card-event__container-text > strong,
		.m-card-event:where([data-highlight]) .m-card-event__container-text > em {
			font: var(--font-heading-medium);
		}

.m-card-event:where([data-highlight]) .m-card-event__container-text > em {
			font-weight: 400;
		}


.m-card-event__competencies {
	-webkit-margin-before: calc(6rem / 16);
	        margin-block-start: calc(6rem / 16);
	column-gap: calc(4rem / 16);
	color: var(--color-content-secondary);
	font: var(--font-label-small);
}


.m-card-event__competencies > span {
		display: inline-block;
	}


.m-card-event__competencies > span:not(:last-child) {
			-webkit-padding-end: calc(12rem / 16);
			        padding-inline-end: calc(12rem / 16);
		}
.m-card-person {
	--_padding-inline: calc(12rem / 16);

	position: relative;
	display: flex;
	flex-direction: column;
	block-size: 100%;
	text-decoration: none;
	border: var(--border-width-small) solid currentcolor;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}
.m-card-person > img {
		inline-size: 100%;
		background-color: var(--color-background-primary);
	}
.m-card-person:has(a:where(:focus-visible, :hover)) {
		background-color: var(--color-background-secondary);
	}
@media (min-width: calc(640em / 16)) {
.m-card-person {
		--_padding-inline: calc(20rem / 16);
}
	}


.m-card-person__text {
	text-wrap: balance;
	padding-block: calc(28rem / 16);
	padding-inline: var(--_padding-inline);
}


.m-card-person__text > strong {
		display: block;
		font: var(--font-label-medium);
		font-weight: 500;
	}


.m-card-person__text > em {
		-webkit-margin-before: calc(16rem / 16);
		        margin-block-start: calc(16rem / 16);
		display: block;
		font: var(--font-label-small);
		color: var(--color-content-tertiary);
	}


.m-card-person__contact {
	-webkit-margin-before: auto;
	        margin-block-start: auto;
	-webkit-padding-after: calc(28rem / 16);
	        padding-block-end: calc(28rem / 16);
	padding-inline: var(--_padding-inline);
	pointer-events: none;
}


.m-card-person__contact > a {
		pointer-events: auto;
		text-decoration: none;
	}


.m-card-person__contact > a:where(:focus-visible, :hover) {
			text-decoration: underline;
		}


.m-card-person__link {
	position: absolute;
	inset: 0;
	z-index: 1;
}


.m-card-person__contact {
	position: relative;
	z-index: 2;
}


.m-card-person__contact > a {
		display: inline-block;
		font: var(--font-label-medium);
	}


.m-card-person__meta {
	-webkit-padding-start: var(--_padding-inline);
	        padding-inline-start: var(--_padding-inline);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--color-content-secondary);
}


.m-card-person__meta > .a-icon {
		-webkit-margin-start: auto;
		        margin-inline-start: auto;
	}
.m-card-publication {
	position: relative;
	display: grid;
	grid-template-rows: auto 1fr;
	row-gap: calc(20rem / 16);
	-webkit-padding-before: calc(40rem / 16);
	        padding-block-start: calc(40rem / 16);
	-webkit-padding-after: calc(48rem / 16);
	        padding-block-end: calc(48rem / 16);
	padding-inline: calc(32rem / 16);
	text-decoration: none;
	font: var(--font-paragraph-medium);
	border: var(--border-width-small) solid currentcolor;
	transition-duration: var(--duration-small);
	transition-property: background-color;
}
.m-card-publication > img {
		float: right;
	}
.m-card-publication > em {
		text-wrap: balance;
		font-style: normal;
		font: var(--font-label-medium);
	}
.m-card-publication > strong {
		text-wrap: balance;
		font: var(--font-label-medium);
		font-weight: 500;
	}
.m-card-publication > small {
		display: block;
		text-wrap: balance;
		-webkit-margin-before: auto;
		        margin-block-start: auto;
		font: var(--font-label-small);
	}
.m-card-publication > .a-icon {
		position: absolute;
		inset-block-end: 0;
		inset-inline-end: 0;
	}
.m-card-publication:has(> img) {
		grid-template-columns: auto calc(92rem / 16);
		grid-auto-flow: dense;
		column-gap: calc(16rem / 16);
	}
.m-card-publication:has(> img) > * {
			grid-column: 1 / 2;
		}
.m-card-publication:has(> img) > img {
			inline-size: 100%;
			grid-column: 2 / 3;
			grid-row: 1 / 3;
		}
.m-card-publication:has(> img) > small {
			grid-column: 1 / 3;
		}
a.m-card-publication:where(:focus-visible, :hover) {
		background-color: var(--color-background-secondary);
	}


.m-card-publication__title {
}
.m-card-quote > cite {
		display: block;
	}
.m-card-quote > blockquote + cite {
		-webkit-margin-before: calc(16rem / 16);
		        margin-block-start: calc(16rem / 16);
	}
/* Could be div or details element */
.m-competency-spider + .m-competency-spider-detail {
	  -webkit-margin-before: calc(72rem / 16);
	          margin-block-start: calc(72rem / 16);
	}
.m-competency-spider-detail + .m-competency-spider-detail {
	  -webkit-margin-before: calc(72rem / 16);
	          margin-block-start: calc(72rem / 16);
  }
details.m-competency-spider-detail + details.m-competency-spider-detail {
		-webkit-margin-before: calc(0rem / 16);
		        margin-block-start: calc(0rem / 16);
	}
details.m-competency-spider-detail[open] + details.m-competency-spider-detail {
		-webkit-margin-before: calc(72rem / 16);
		        margin-block-start: calc(72rem / 16);
	}

.m-competency-spider-detail__header {
	-webkit-margin-after: calc(24rem / 16);
	        margin-block-end: calc(24rem / 16);
	-webkit-padding-after: calc(8rem / 16);
	        padding-block-end: calc(8rem / 16);
	-webkit-border-after: var(--border-width-small) solid currentcolor;
	        border-block-end: var(--border-width-small) solid currentcolor;
}
summary.m-competency-spider-detail__header {
	display: flex;
	justify-content: space-between;
	column-gap: calc(12rem / 16);
	list-style: none; /* Removes the default triangle */
}
summary.m-competency-spider-detail__header::after {
		content: '';
		align-self: start;
		flex-shrink: 0;
		inline-size: calc(20rem / 16);
		block-size: calc(20rem / 16);
		-webkit-mask-image: url('/assets/images/symbols/chevron-dropdown.svg');
		        mask-image: url('/assets/images/symbols/chevron-dropdown.svg');
		-webkit-mask-size: 160%;
		        mask-size: 160%;
		-webkit-mask-repeat: no-repeat;
		        mask-repeat: no-repeat;
		-webkit-mask-position: center;
		        mask-position: center;
		background-color: var(--color-red);
		transition-duration: var(--duration-large), var(--duration-small);
		transition-property: rotate, translate;
	}
details[open] summary.m-competency-spider-detail__header::after {
			rotate: -180deg;
		}
summary.m-competency-spider-detail__header:focus-visible::after, summary.m-competency-spider-detail__header:hover::after {
			translate: 0 calc(2rem / 16);
		}
details[open] summary.m-competency-spider-detail__header:focus-visible::after, details[open] summary.m-competency-spider-detail__header:hover::after {
				translate: 0 calc(-1rem / 16);
			}

.m-competency-spider-detail__persons {
	--_image-inline-size: calc(72rem / 16);

	-webkit-margin-before: calc(40rem / 16);

	        margin-block-start: calc(40rem / 16);
	font: var(--font-paragraph-small);
	list-style: none;
	-webkit-border-before: var(--border-width-small) solid currentcolor;
	        border-block-start: var(--border-width-small) solid currentcolor;
}

.m-competency-spider-detail__persons > li {
		-webkit-border-after: var(--border-width-small) solid currentcolor;
		        border-block-end: var(--border-width-small) solid currentcolor;
	}

.m-competency-spider-detail__persons > li > a {
		padding-block: calc(12rem / 16);
		display: grid;
		grid-template-columns: var(--_image-inline-size) 1fr auto;
		column-gap: var(--padding-inline-body);
		align-items: center;
		align-content: center;
		text-decoration: none;
	}

.m-competency-spider-detail__persons > li > a::after {
			content: '';
			display: block;
			block-size: var(--line-height-label-small);
			inline-size: var(--line-height-label-small);
			flex-shrink: 0;
			-webkit-mask-image: url('/assets/images/symbols/chevron-e.svg');
			        mask-image: url('/assets/images/symbols/chevron-e.svg');
			-webkit-mask-size: 100%;
			        mask-size: 100%;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
			background-color: currentcolor;
			transition-duration: var(--duration-xsmall);
			transition-property: translate;
		}

.m-competency-spider-detail__persons > li > a:focus-visible::after, .m-competency-spider-detail__persons > li > a:hover::after {
				translate: calc(3rem / 16) 0;
			}

.m-competency-spider-detail__persons > li > a > img {
		inline-size: 100%;
	}

.m-competency-spider-detail__persons > li > a > strong {
		font-weight: 500;
	}

.m-competency-spider-detail__persons > li > a > em {
		font-weight: 400;
		font-style: normal;
		color: var(--color-content-secondary);
	}

@media not (min-width: calc(976em / 16)) {
			.m-competency-spider-detail__persons > li > a::after {
				grid-row-end: span 2;
			}
		.m-competency-spider-detail__persons > li > a > img {
			grid-row-end: span 2;
		}
		.m-competency-spider-detail__persons > li > a > strong {
			grid-column-start: 2;
			grid-row-start: 1;
			align-self: end;
		}
		.m-competency-spider-detail__persons > li > a > em {
			grid-column-start: 2;
			grid-row-start: 2;
			align-self: start;
		}
	}

@media (min-width: calc(976em / 16)) {
		.m-competency-spider-detail__persons > li > a {
			grid-template-columns: var(--_image-inline-size) 24ch 1fr auto;
			column-gap: var(--gap-inline);
		}
	}
.m-competency-spider {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(calc(212rem / 16), 1fr));
	gap: var(--padding-inline-body);
}
.m-competency-spider > ul {
		display: contents;
		list-style: none;
	}
.m-competency-spider > ul > li {
			grid-column-end: span 1;
			display: flex;
		}
.m-competency-spider > ul > li > a {
				flex-grow: 1;
				align-self: stretch;
			}
@media (min-width: calc(640em / 16)) {
.m-competency-spider {
		gap: var(--gap-inline);
}
	}
@media (min-width: calc(976em / 16)) {
.m-competency-spider {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(3, 1fr);
		grid-auto-flow: dense;
}
	}


.m-competency-spider__title {
	grid-column: 1 / -1;
}


@media (min-width: calc(976em / 16)) {


.m-competency-spider__title {
		grid-row: 2 / span 1;
		grid-column: 2 / span 2;
		align-self: center;
		justify-self: center;
		text-align: center;
}
	}
.m-downloads {
	--_gap-block: calc(12rem / 16);
}
.m-downloads > h2 + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-downloads ul {
		list-style: none;
	}
.m-downloads li + li {
		-webkit-margin-before: var(--_gap-block);
		        margin-block-start: var(--_gap-block);
	}
.m-event-details {
	display: flex;
	block-size: 100%;
	flex-direction: column;
	padding-inline: calc(32rem / 16);
	-webkit-padding-before: calc(36rem / 16);
	        padding-block-start: calc(36rem / 16);
	-webkit-padding-after: calc(36rem / 16);
	        padding-block-end: calc(36rem / 16);
	font: var(--font-label-medium);
}
.m-event-details > p {
		text-wrap: balance;
	}
.m-event-details > p[data-size="small"] {
		font: var(--font-label-small);
		font-size: calc(16rem / 16);
	}
.m-event-details > * + h2 {
		-webkit-margin-before: calc(var(--line-height-label-medium) * 1.5);
		        margin-block-start: calc(var(--line-height-label-medium) * 1.5);
	}
.m-event-details > h2 + * {
		-webkit-margin-before: calc(var(--line-height-label-medium) * 0.5);
		        margin-block-start: calc(var(--line-height-label-medium) * 0.5);
	}
.m-event-details > p + p {
		-webkit-margin-before: calc(var(--line-height-label-medium) * 1);
		        margin-block-start: calc(var(--line-height-label-medium) * 1);
	}
.m-event-details[data-variant="cancelled"] > *:not(h2:not([data-size="medium"])) {
			color: var(--color-content-secondary-inverse);
		}
.m-events > h2 + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-events > ul + .a-button {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}

.m-events > ul {
	display: grid;
	column-gap: var(--gap-inline);
	row-gap: calc(28rem / 16);
	list-style: none;
}

@media (min-width: calc(976em / 16)) {

.m-events > ul {
		grid-template-columns: repeat(12, 1fr);
}

		.m-events > ul > li {
			grid-column-end: span 6;
		}

		.m-events > ul:has([data-highlight]) {
			max-inline-size: calc(1104rem / 16);
			grid-template-columns: repeat(9, 1fr);
		}

			.m-events > ul:has([data-highlight]) > li {
				grid-column-end: span 4;
			}
			.m-events > ul:has([data-highlight]) > li[data-highlight] {
				grid-column-end: span 5;
				grid-row-end: span 5;
			}
	}

@media (min-width: calc(1152em / 16)) {
		.m-events > ul > li {
			grid-column-end: span 4;
		}
	}
.m-field[data-variant="placeholder"] {
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
}

.m-field[data-variant="honey"] {
	-webkit-clip-path: inset(50%) !important;
	        clip-path: inset(50%) !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	border: 0 !important;
}


.m-field[data-variant="placeholder"] .m-field__label {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	z-index: 1;
	align-self: center;
	-webkit-padding-before: calc(4rem / 16);
	        padding-block-start: calc(4rem / 16);
	-webkit-padding-start: calc(20rem / 16);
	        padding-inline-start: calc(20rem / 16);
	color: var(--color-content-secondary);
	text-transform: uppercase;
	font: var(--font-label-medium);
	letter-spacing: var(--letter-spacing-uppercase);
	pointer-events: none;
	opacity: 0;
}


.m-field[data-theme="red"] :is(.m-field[data-variant="placeholder"] .m-field__label) {
		color: color-mix(in hsl, var(--color-white) 70%, var(--color-red));
	}


.m-field:has(input:placeholder-shown) :is(.m-field[data-variant="placeholder"] .m-field__label),
	.m-field:has(select option:not([value]):checked) :is(.m-field[data-variant="placeholder"] .m-field__label) {
		opacity: 1;
	}


.m-field[data-variant="placeholder"] > .a-input {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.m-field__autoresize {
	display: grid;
}

.m-field__autoresize::after {
		content: attr(data-replicated-value) " ";
		white-space: pre-wrap;
		visibility: hidden;
	}

.m-field__autoresize > textarea {
		resize: none;
		overflow: hidden;
	}

.m-field__autoresize > textarea,
	.m-field__autoresize::after {
		border: var(--border-width-small) solid currentcolor;
		padding-block: calc(12rem / 16) calc(8rem / 16);
		padding-inline: calc(20rem / 16);
		font: var(--font-label-medium);
		font-weight: 500;
		grid-area: 1 / 1 / 2 / 2;
	}

.m-field__required {
	cursor: help;
	color: var(--color-content-secondary);
	text-decoration: none;
}

.m-field__required:focus, .m-field__required:hover {
		text-decoration: underline;
		-webkit-text-decoration-style: dotted;
		        text-decoration-style: dotted;
	}

.m-field__error {
	text-wrap: balance;
	color: var(--color-red);
	font: var(--font-label-medium);
	font-weight: 700;
}
.m-filter-persons {
	display: grid;
	column-gap: calc(32rem / 16);
	row-gap: calc(16rem / 16);
	justify-content: start;
	justify-items: start;
	color: var(--color-content-primary-inverse);
	background-color: var(--color-red);
}
.m-filter-persons > label {
		inline-size: 100%;
	}
@media (min-width: 990px) {
.m-filter-persons {
		grid-template-columns:
			minmax(calc(380rem / 16), calc(540rem / 16))
			minmax(calc(320rem / 16), calc(380rem / 16))
			auto;
}
	}
.m-footer-location > strong {
		text-transform: uppercase;
		letter-spacing: var(--letter-spacing-uppercase);
		font: var(--font-label-small);
		font-weight: 500;
	}
.m-footer-location > p {
		-webkit-margin-after: calc(16rem / 16);
		        margin-block-end: calc(16rem / 16);
		font: var(--font-paragraph-xsmall);
	}
.m-footer-location > p > a {
			text-decoration: none;
		}
.m-footer-location > p > a:focus-visible,
			.m-footer-location > p > a:hover {
				text-decoration: underline;
			}
.m-form {
	-webkit-margin-before: calc(32rem / 16);
	        margin-block-start: calc(32rem / 16);
	max-inline-size: calc(592rem / 16);
	display: grid;
	row-gap: calc(12rem / 16);
}


.m-form__success {
	text-wrap: balance;
	font: var(--font-label-large);
	font-weight: 700;
}

.m-form__error {
	text-wrap: balance;
	color: var(--color-red);
	font: var(--font-label-medium);
	font-weight: 700;
}
m-gallery {
	max-inline-size: var(--max-width-content);
	inline-size: 100%;
	margin-inline: auto;
	display: grid;
	flex-wrap: wrap;
	justify-content: center;
}
m-gallery:focus {
		outline: none;
	}
@media not (min-width: calc(560em / 16)) {
m-gallery {
		inline-size: calc(100% + var(--padding-inline-body) * 2);
		margin-inline: calc(var(--padding-inline-body) * -1);
}
	}

.m-gallery__images {
	grid-column: 1 / -1;
	grid-row: 1 / 2;
	max-inline-size: 100%;
	overflow: hidden;
}

.m-gallery__images > ul {
		margin-block: 0;
		padding-inline: 0;
		display: flex;
		overflow: auto;
		list-style: none;
		scroll-behavior: smooth;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		cursor: grab;
		scrollbar-width: none;

	}

.m-gallery__images > ul::-webkit-scrollbar {
			display: none;
		}

.m-gallery__images > ul > li {
		flex-basis: 100%;
		flex-shrink: 0;
		scroll-snap-align: center;
		-webkit-padding-start: 0 !important;
		        padding-inline-start: 0 !important; /* overwrite .m-text ul > li */
	}

.m-gallery__images > ul > li > img {
			display: block;
			max-width: 100%;
			width: 100%;
		}

.m-gallery__images > ul > li::before {
			content: none !important; /* overwrite .m-text ul > li::before */
		}

:is(.m-gallery__images > ul > li) + li {
			-webkit-margin-before: 0 !important;
			        margin-block-start: 0 !important; /* overwrite :is(.m-text ul) li + li */
		}

.m-gallery__navigation-buttons {
	z-index: 1;
	grid-column: 1 / -1;
	grid-row: 1 / 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	pointer-events: none;
	padding-inline: calc(4rem / 16);
}

.m-gallery__navigation-buttons > * {
		pointer-events: auto;
		-webkit-margin-before: 0 !important;
		        margin-block-start: 0 !important; /* overwrite .m-text * + *:not(br) */
	}

@media (min-width: calc(560em / 16)) {

.m-gallery__navigation-buttons {
		padding-inline: calc(15rem / 16);
}
	}

.m-gallery__navigation {
	max-width: 100vw;
	-webkit-margin-before: 0 !important;
	        margin-block-start: 0 !important; /* overwrite .m-text * + *:not(br) */
	position: relative;
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.m-grid {
	--_columns: 12;

	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-medium);
}
.m-grid[data-align="start"] {
		align-items: start;
	}
.m-grid[data-align="center"] {
		align-items: center;
	}
.m-grid[data-align="end"] {
		align-items: end;
	}
.m-grid[data-align="stretch"] {
		align-items: stretch;
	}
.m-grid[data-justify="start"] {
		justify-items: start;
	}
.m-grid[data-justify="center"] {
		justify-items: center;
	}
.m-grid[data-justify="end"] {
		justify-items: end;
	}
.m-grid[data-justify="stretch"] {
		justify-items: stretch;
	}
@media (min-width: calc(976em / 16)) {
.m-grid {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}
.m-image-attributions {
	columns: calc(320rem / 16);
	column-gap: var(--gap-inline);
}
.m-image-attributions > li {
		list-style: none;
		display: flex;
		column-gap: calc(12rem / 16);
		break-inside: avoid;
		font: var(--font-label-medium);
	}
.m-image-attributions > li > a {
			align-self: start;
			flex-shrink: 0;
		}
.m-image-attributions > li > span {
			margin-block: auto;
		}
.m-image-attributions > li > span > small {
				display: block;
				font: var(--font-label-small);
			}
.m-image-attributions > li + li {
		-webkit-margin-before: calc(12rem / 16);
		        margin-block-start: calc(12rem / 16);
	}
.m-job-postings > h2 + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}

.m-job-postings > ul {
	-webkit-border-before: var(--border-width-small) solid currentcolor;
	        border-block-start: var(--border-width-small) solid currentcolor;
	list-style: none;
}

.m-job-postings > ul > li {
		-webkit-border-after: var(--border-width-small) solid currentcolor;
		        border-block-end: var(--border-width-small) solid currentcolor;
	}

.m-job-postings > ul > li > a {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr auto;
		row-gap: calc(4rem / 16);
		padding-block: calc(16rem / 16);
		display: grid;
		column-gap: var(--padding-inline-body);
		align-items: center;
		align-content: center;
		text-decoration: none;
		font: var(--font-label-medium);
	}

.m-job-postings > ul > li > a strong {
			grid-row: 1;
			font-weight: 500;
			text-wrap: balance;
		}

.m-job-postings > ul > li > a small {
			grid-column: 1;
			font: var(--font-label-small);
		}

.m-job-postings > ul > li > a em {
			grid-row: 1;
			font-style: normal;
			color: var(--color-content-secondary);
		}

.m-job-postings > ul > li > a::after {
			grid-row: 1;
			content: '';
			display: block;
			block-size: var(--line-height-label-small);
			inline-size: var(--line-height-label-small);
			flex-shrink: 0;
			-webkit-mask-image: url('/assets/images/symbols/chevron-e.svg');
			        mask-image: url('/assets/images/symbols/chevron-e.svg');
			-webkit-mask-size: 100%;
			        mask-size: 100%;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
			background-color: currentcolor;
			transition-duration: var(--duration-xsmall);
			transition-property: translate;
		}

.m-job-postings > ul > li > a:focus-visible::after, .m-job-postings > ul > li > a:hover::after {
				translate: calc(3rem / 16) 0;
			}

@media not (min-width: calc(976em / 16)) {
			.m-job-postings > ul > li > a::after {
				grid-row-end: span 2;
			}
		.m-job-postings > ul > li > a > strong {
			grid-column-start: 1;
			grid-row-start: 1;
			align-self: end;
		}
		.m-job-postings > ul > li > a > small {
			grid-column-start: 1;
			grid-row-start: 2;
			align-self: end;
		}
		.m-job-postings > ul > li > a > em {
			grid-column-start: 1;
			grid-row-start: 3;
			align-self: start;
		}
	}

@media (min-width: calc(976em / 16)) {
		.m-job-postings > ul > li > a {
			grid-template-columns: 1fr 1.5fr auto;
			column-gap: var(--gap-inline);
		}
	}
.m-navigation[data-type="secondary"] {
		overflow: auto;
		display: flex;
	}
@media not (min-width: calc(1152em / 16)), (max-width: 72em) {
		.m-navigation[data-type="secondary"] {
			margin-inline: calc(var(--padding-inline-body) * -1);
			padding-inline: calc(var(--padding-inline-body) - 16rem / 16);
		}
	}

.m-navigation__container {
	display: flex;
}

@media not (min-width: calc(1152em / 16)), (max-width: 72em) {

.m-navigation__container {
		flex-direction: row-reverse;
}
	}

@media (min-width: calc(1152em / 16)), (min-width: 72em) {

.m-navigation__container {
		column-gap: calc(60rem / 16);
}
	}

@media (min-width: calc(1152em / 16)), (min-width: 72em) {

.m-navigation__list {
		/* desktop nav */
		display: flex;
		align-content: end;
		column-gap: calc(20rem / 16);
}

		.m-navigation__list > li[data-variant="lang-switch"] {
			display: none;
		}
	}

@media not (min-width: calc(1152em / 16)), (max-width: 72em) {
		.m-navigation[data-type="primary"] .m-navigation__list {
			/* Offscreen nav (hamburger nav) */
			display: none;
		}

			.m-navigation[data-open] :is(.m-navigation[data-type="primary"] .m-navigation__list) {
				--_block-size-navigation: calc(44rem / 16 + 20rem / 16 * 2 + var(--border-width-medium));

				position: absolute;
				z-index: 1;
				inset-inline: 0;
				inset-block-start: var(--_block-size-navigation);
				inset-block-end: 0;
				display: flex;
				flex-direction: column;
				-webkit-padding-before: calc(20rem / 16);
				        padding-block-start: calc(20rem / 16);
				overflow: auto;
			}

		.m-navigation[data-type="secondary"] .m-navigation__list {
			display: flex;
		}

		.m-navigation__list > li[data-variant="lang-switch"] {
			-webkit-margin-before: auto;
			        margin-block-start: auto;
			-webkit-padding-before: calc(48rem / 16);
			        padding-block-start: calc(48rem / 16);
			font: var(--font-label-small);
			text-align: end;
		}
			:is(.m-navigation__list > li[data-variant="lang-switch"]) + li[data-variant="lang-switch"]{
				-webkit-margin-before: 0;
				        margin-block-start: 0;
				-webkit-padding-before: 0;
				        padding-block-start: 0;
			}
	}

.m-navigation__meta {
	display: flex;
}

@media not (min-width: calc(1152em / 16)), (max-width: 72em) {

.m-navigation__switch-language {
		display: none;
}
	}

@media (min-width: calc(1152em / 16)), (min-width: 72em) {

.m-navigation__switch-language {
		display: flex;
}
		.m-navigation__switch-language .a-nav-link + .a-nav-link{ padding-left: 0 !important; }
	}
.m-person-contact {
	display: flex;
	block-size: 100%;
	flex-direction: column;
	padding-inline: calc(32rem / 16);
	-webkit-padding-before: calc(48rem / 16);
	        padding-block-start: calc(48rem / 16);
	-webkit-padding-after: calc(36rem / 16);
	        padding-block-end: calc(36rem / 16);
}
.m-person-contact > p {
		font: var(--font-label-medium);
	}
.m-person-contact > p + p {
		-webkit-margin-before: calc(8rem / 16);
		        margin-block-start: calc(8rem / 16);
	}
.m-person-contact h2 + * {
		-webkit-margin-before: calc(16rem / 16);
		        margin-block-start: calc(16rem / 16);
	}
.m-person-contact b {
		font-weight: 500;
	}
.m-person-contact a {
		font-weight: 500;
		text-decoration: none;
	}
.m-person-contact > p > a:focus-visible,
		.m-person-contact > p > a:hover {
			text-decoration: underline;
		}


.m-person-contact__links {
	-webkit-margin-before: calc(20rem / 16);
	        margin-block-start: calc(20rem / 16);
	display: flex;
	list-style: none;
	gap: calc(10rem / 16);
}


.m-person-contact__location {
	-webkit-margin-before: auto;
	        margin-block-start: auto;
	-webkit-padding-before: calc(20rem / 16);
	        padding-block-start: calc(20rem / 16);
	font: var(--font-label-medium);
}


.m-person-contact__location > svg {
		-webkit-margin-after: calc(36rem / 16);
		        margin-block-end: calc(36rem / 16);
		max-inline-size: calc(180rem / 16);
	}


.m-person-contact__location > svg * {
			fill: currentcolor !important; /* overwrite style property */
		}
.m-person-groups {
	--_gap-block: calc(12rem / 16);
}
.m-person-groups > h2 + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-person-groups ul {
		list-style: none;
	}
.m-person-groups li + li {
		-webkit-margin-before: var(--_gap-block);
		        margin-block-start: var(--_gap-block);
	}
.m-person-groups > ul > li + li > ul {
		-webkit-padding-before: var(--_gap-block);
		        padding-block-start: var(--_gap-block);
		-webkit-border-before: var(--border-width-small) solid currentcolor;
		        border-block-start: var(--border-width-small) solid currentcolor;
	}
.m-publications {
	--_columns: 3;
	--_gap: calc(12rem / 16);
}
.m-publications > h2 + nav {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
@media (min-width: calc(928em / 16)) {
.m-publications {
		--_gap: var(--gap-inline);
}
	}


.m-publications__list {
	position: relative;
	display: grid;
	gap: var(--_gap);
	list-style: none;
}


.m-publications__list > li > * {
			block-size: 100%;
		}


.m-publications:not([data-paginate]) .m-publications__list {
		grid-template-columns: repeat(
			auto-fill,
			minmax(
				min(calc(320rem / 16), calc(100vw - var(--padding-inline-body) * 2)),
				1fr
			)
		);
	}


.m-publications[data-paginate] .m-publications__list {
		margin-inline: calc(var(--padding-inline-body) * -1);
		display: flex;
		-webkit-padding-after: 1px;
		        padding-block-end: 1px;
		padding-inline: var(--padding-inline-body);
		overflow: auto;
		scroll-snap-type: x mandatory;
		scroll-padding-inline-start: var(--padding-inline-body);
		scrollbar-width: none;
	}


.m-publications[data-paginate] .m-publications__list > li {
			scroll-snap-align: start;
			flex-basis: calc(272rem / 16);
			flex-shrink: 0;
			flex-grow: 0;
		}


.m-publications[data-paginate] .m-publications__list::-webkit-scrollbar {
			display: none;
		}


nav + .m-publications__list,
	h2 + .m-publications__list {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}


.m-publications__list + .a-button {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}


@media (min-width: calc(928em / 16)) {
		.m-publications[data-paginate] .m-publications__list {
			margin-inline: 0;
			padding-inline: 0;
			scroll-padding-inline-start: 0;
		}

			.m-publications[data-paginate] .m-publications__list > li {
				flex-basis: calc(100% / var(--_columns) - var(--_gap) * (var(--_columns) - 1) / var(--_columns));
				scroll-snap-align: none;
			}

				.m-publications[data-paginate] .m-publications__list > li:nth-child(3n - 2) {
					scroll-snap-align: start;
				}
	}

/* Slider Fix */

@media (max-width: 927px) {
			.m-publications[data-paginate] .m-publications__list > li {
				flex-basis: 50%;
			}
}

@media (max-width: 640px) {
			.m-publications[data-paginate] .m-publications__list > li {
				flex-basis: 100%;
			}
}
.m-quotes > h2 + nav {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-quotes > nav + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-quotes > ul {
		overflow: auto;
		display: flex;
		column-gap: var(--gap-inline);
		list-style: none;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}
.m-quotes > ul::-webkit-scrollbar {
			display: none;
		}
.m-quotes > ul > li {
			inline-size: 100%;
			flex-shrink: 0;
			scroll-snap-align: start;
		}
@media (prefers-reduced-motion: no-preference) {
		.m-quotes > ul {
			scroll-behavior: smooth;
		}
	}
.m-references {
	--_padding-block: calc(14rem / 16);
	--_image-width: calc(128rem / 16);
}
.m-references[data-size="wide"] {
		--_image-width: calc(160rem / 16);
	}
.m-references > h2 + ul {
		-webkit-margin-before: calc((32rem - 14rem) / 16);
		        margin-block-start: calc((32rem - 14rem) / 16);
	}
.m-references > ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, var(--_image-width));
		column-gap: var(--padding-inline-body);
		list-style: none;
	}
.m-references > ul > li {
		max-inline-size: var(--_image-width);
	}
.m-references > ul > li > a {
		display: block;
		padding-block: var(--_padding-block);
	}
.m-references > ul > li:not(:has(> a)) {
		padding-block: var(--_padding-block);
	}
.m-references > ul > li > img,
	.m-references > ul > li > a > img {
		max-inline-size: 100%;
		max-block-size: calc(100rem / 16);
		object-fit: contain;
		object-position: left top;
	}
.m-references > ul > li.portrait-image > img,
	.m-references > ul > li.portrait-image > a > img {
		max-block-size: 85%;
	}
@media (min-width: calc(976em / 16)) {
		.m-references > ul {
			grid-template-columns: 1fr;
		}
	}
.m-services {
	--_gap-block: calc(12rem / 16);
}
.m-services > h2 + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-services > ul {
		list-style: none;
	}
.m-services > ul > li {
			font: var(--font-label-small);
			break-inside: avoid;
		}
.m-services > ul > li > a {
				display: flex;
				text-decoration: none;
				-webkit-margin-after: calc(var(--border-width-small) * -1);
				        margin-block-end: calc(var(--border-width-small) * -1);
				border-block: var(--border-width-small) solid currentcolor;
				padding-block: calc(20rem / 16);
				justify-content: space-between;
				align-items: center;
				text-wrap: balance;
			}
.m-services > ul > li > a::after {
					content: '';
					display: block;
					block-size: var(--line-height-label-small);
					inline-size: var(--line-height-label-small);
					flex-shrink: 0;
					-webkit-mask-image: url('/assets/images/symbols/chevron-e.svg');
					        mask-image: url('/assets/images/symbols/chevron-e.svg');
					-webkit-mask-size: 100%;
					        mask-size: 100%;
					-webkit-mask-repeat: no-repeat;
					        mask-repeat: no-repeat;
					background-color: currentcolor;
					transition-duration: var(--duration-small);
					transition-property: translate;
				}
.m-services > ul > li > a:focus-visible::after, .m-services > ul > li > a:hover::after {
						translate: calc(2rem / 16) 0;
						transition-timing-function: ease-out;
					}
.m-services > .m-services__text + ul {
		-webkit-margin-before: calc(var(--_gap-block) * 4);
		        margin-block-start: calc(var(--_gap-block) * 4);
	}
@media (min-width: calc(512em / 16)) {
		.m-services > ul {
			columns: 2;
			column-gap: var(--gap-inline);
		}
	}

.m-services > h2 + .m-services__text {
		-webkit-margin-before: calc(var(--_gap-block) * 2);
		        margin-block-start: calc(var(--_gap-block) * 2);
	}
.m-text {
	font: var(--font-paragraph-medium);
}
.m-text * + :not(br) {
		-webkit-margin-before: calc(var(--line-height-paragraph-medium) * 0.5);
		        margin-block-start: calc(var(--line-height-paragraph-medium) * 0.5);
	}
.m-text a {
		color: var(--color-red);
		text-decoration: none;
	}
.m-text a:focus-visible, .m-text a:hover {
			text-decoration: underline;
		}
.m-text hr {
		-webkit-border-before: 0;
		        border-block-start: 0;
	}
* + :is(.m-text hr),
		:is(.m-text hr) + * {
			-webkit-margin-before: calc(var(--line-height-paragraph-medium) * 1.5);
			        margin-block-start: calc(var(--line-height-paragraph-medium) * 1.5);
		}
.m-text > * + :is(h2, h3, h4, h5, blockquote) {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-text > :where(h2, h3, h4, h5) {
		text-wrap: balance;
	}
.m-text > h2 {
		font: var(--font-heading-large);
	}
.m-text > h3 {
		font: var(--font-heading-medium);
	}
.m-text > h4 {
		font: var(--font-heading-small);
	}
.m-text ol, .m-text ul {
		-webkit-padding-start: calc(22rem / 16);
		        padding-inline-start: calc(22rem / 16);
	}
:is(.m-text ol) li + li, :is(.m-text ul) li + li {
			-webkit-margin-before: calc(var(--line-height-paragraph-medium) * 0.25);
			        margin-block-start: calc(var(--line-height-paragraph-medium) * 0.25);
		}
.m-text ul {
		-webkit-padding-start: 0;
		        padding-inline-start: 0;
		list-style: none;
	}
.m-text ul > li {
			position: relative;
			-webkit-padding-start: calc(20rem / 16);
			        padding-inline-start: calc(20rem / 16);
		}
.m-text ul > li::before {
				content: '';
				position: absolute;
				inset-block-start: 0.6em;
				inset-block-start: 0.3lh;
				inset-inline-start: 0;
				inline-size: calc(8rem / 16);
				aspect-ratio: 1;
				background-color: currentcolor;
			}
.m-text ul > li:has(strong)::before {
					inset-block-start: 0.7em;
					inset-block-start: 0.4lh;
				}
/* makes list number bold, when first list item begins with bold text */
.m-text ol li:has(> p > strong:first-child) {
		font-weight: 700;
	}
.m-text ol li:has(> p > strong:first-child) > p {
			font-weight: 400;
		}
.m-text blockquote {
		position: relative;
		max-inline-size: 70ch;
		color: var(--color-red);
		font: var(--font-paragraph-xlarge);
		font-weight: 500;
		padding-inline: calc(var(--line-height-paragraph-xlarge) * 1.5);
		text-wrap-style: balance;
	}
.m-text blockquote::before {
			content: '”';
			inset-block-start: .35em;
			inset-inline-start: -0.05em;
			position: absolute;
			color: var(--color-red);
			font-size: 4.2em;
			font-weight: 400;
		}
.m-text blockquote + * {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-text blockquote + p:last-child {
		-webkit-margin-before: calc(16rem / 16);
		        margin-block-start: calc(16rem / 16);
	}
* + :is(.m-text figure) {
			-webkit-margin-before: calc(var(--line-height-paragraph-medium));
			        margin-block-start: calc(var(--line-height-paragraph-medium));
		}
figure + .m-text,
	.m-text + .m-text {
		-webkit-margin-before: calc(var(--line-height-paragraph-medium) * 2);
		        margin-block-start: calc(var(--line-height-paragraph-medium) * 2);
	}
.m-text[data-size="small"] {
		font: var(--font-paragraph-small);
	}
.m-text[data-size="large"] {
		font: var(--font-paragraph-large);
	}
.m-text[data-separator-line] {
		-webkit-padding-before: calc(28rem / 16);
		        padding-block-start: calc(28rem / 16);
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
	}
.m-text[data-variant="medium"] {
		font-weight: 500;
	}
.m-topics {
	--_gap-block: calc(12rem / 16);
}
.m-topics > h2 + ul {
		-webkit-margin-before: calc(32rem / 16);
		        margin-block-start: calc(32rem / 16);
	}
.m-topics > ul {
		list-style: none;
		display: grid;
		row-gap: var(--_gap-block);
	}
.m-topics[data-variant="standalone"] > ul {
			display: grid;
			column-gap: var(--gap-inline);
			row-gap: calc(24rem / 16);
			grid-template-columns: repeat(auto-fill, minmax(calc(336rem / 16), 1fr));
		}
.m-video {
	margin-inline: auto;
	max-inline-size: var(--max-width-content);
	inline-size: 100%;
}
.m-video > div {
		display: grid;
	}
.m-video > div > * {
			grid-area: 1 / 1 / -1 / -1;
		}
.m-video > div > iframe {
			aspect-ratio: 16 / 9;
			inline-size: 100%;
			block-size: 100%;
			opacity: 0;
		}
.m-video.-animate > div {
			transition-property: border-radius;
			transition-duration: 250ms;
			transition-delay: 100ms;
		}
.m-video.-animate > div > iframe {
				transition-property: opacity;
				transition-duration: inherit;
				transition-delay: inherit;
			}
.m-video.-active > div {
		border-radius: 0;
	}
.m-video.-active > div > iframe {
		opacity: 1;
	}

.m-video__cookie-banner {
	-webkit-margin-before: 0 !important;
	        margin-block-start: 0 !important; /* overwrite .m-text * + *:not(br) */
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-rows: 1fr 1fr;
	row-gap: calc(36rem / 16 * 0.5);
	color: var(--color-content-primary-inverse);
	font: var(--font-label-small);
	background-color: var(--color-background-secondary-inverse);
}

@media (max-width: 33em) {

.m-video__cookie-banner {
		grid-template-rows: calc(112rem / 16) 1fr;
		row-gap: 0;
}
	}

.m-video__preview {
	grid-row: 1 / -1;
	grid-column: 1 / -1;
}

.m-video__preview > img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition-property: opacity;
		transition-duration: var(--duration-small);
	}

.m-video__cookie-banner:has(.m-video__button-play:where(:hover, :focus-visble)) .m-video__preview > img {
			opacity: 0.88;
		}

.m-video__button-play {
	-webkit-margin-before: 0 !important;
	        margin-block-start: 0 !important; /* overwrite .m-text * + *:not(br) */
	z-index: 1;
	grid-row: 1 / -1;
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
}

.m-video__button-play > svg {
		inline-size: calc(32rem / 16);
	}

.m-video__button-play > svg > * {
			fill: currentcolor;
		}

@media (max-width: 33em) {

.m-video__button-play {
		display: grid;
		grid-template-rows: inherit;
		row-gap: inherit;
}
	}

.m-video__legal-info {
	align-self: end;
	z-index: 2;
	grid-column: 1 / -1;
	grid-row: 2 / -1;
	-webkit-margin-before: 0 !important;
	        margin-block-start: 0 !important; /* overwrite .m-text * + *:not(br) { */
	padding-inline: calc(20rem / 16);
	padding-block: calc(16rem / 16);
	-webkit-padding-before: calc(32rem / 16);
	        padding-block-start: calc(32rem / 16);
	background-image: linear-gradient(transparent, hsla(0, 0%, 0%, 70%) 35%);
}

.m-video__legal-info > a {
		color: inherit;
		text-decoration: underline;
	}

@media (max-width: 33em) {

.m-video__legal-info {
		padding-inline: calc(8rem / 16);
		-webkit-padding-before: calc(16rem / 16);
		        padding-block-start: calc(16rem / 16);
		-webkit-padding-after: calc(8rem / 16);
		        padding-block-end: calc(8rem / 16);
		font: var(--font-paragraph-xxsmall);
}
	}

/* Organisms */
.o-about {
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
}


.o-about__header {
	-webkit-margin-after: calc(48rem / 16);
	        margin-block-end: calc(48rem / 16);
}


.o-about__header > p {
		font: var(--font-label-medium);
	}


.o-about__header > h1 + p {
		-webkit-margin-before: calc(8rem / 16);
		        margin-block-start: calc(8rem / 16);
	}


@media (min-width: calc(976em / 16)) {


.o-about__header {
		grid-column: 1 / -1;
}
	}


.o-about__grid {
	--_columns: 12;

	-webkit-margin-before: var(--gap-block-large);

	        margin-block-start: var(--gap-block-large);
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-xlarge);
}


@media (min-width: calc(976em / 16)) {


.o-about__grid {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}


@media (min-width: calc(976em / 16)) {


.o-about__text,
.o-about__image {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-about__text,
.o-about__image {
		grid-column: 1 / 10;
}
	}

.o-about__text {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}

.o-about__image > img {
		inline-size: 100%;
	}

@media (min-width: calc(976em / 16)) {

.o-about__image {
		grid-column: 1 / 9;
		grid-row-end: span 2;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-about__image {
		grid-column: 1 / 10;
}
	}

.o-about__person-groups,
.o-about__logos,
.o-about__downloads {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}

@media (min-width: calc(976em / 16)) {

.o-about__person-groups,
.o-about__logos,
.o-about__downloads {
		grid-column: 9 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-about__person-groups,
.o-about__logos,
.o-about__downloads {
		grid-column: 10 / -1;
}
	}

@media (min-width: calc(976em / 16)) {

.o-about__logos {
		grid-row-end: span 2;
}
	}
.o-news {
	--_row-gap: var(--padding-block-start-main);
	--_columns: 12;

	margin-inline: auto;
	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--_row-gap);
	        padding-block-start: var(--_row-gap);
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--_row-gap);
}
@media (min-width: calc(976em / 16)) {
.o-news {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}


@media (min-width: calc(976em / 16)) {


.o-news__header {
		grid-column: 1 / 10;
}
	}


@media (min-width: calc(976em / 16)) {


.o-news__text {
		grid-column: 1 / 10;
}

		.o-news__text > figure {
			float: right;
			-webkit-margin-start: var(--gap-inline);
			        margin-inline-start: var(--gap-inline);
			-webkit-margin-after: var(--gap-block-medium);
			        margin-block-end: var(--gap-block-medium);
			inline-size: calc(592rem / 16);
		}
	}


@media (min-width: calc(976em / 16)) {


.o-news__aside {
		position: -webkit-sticky;
		position: sticky;
		inset-block-start: calc(148rem / 16);
		align-self: start;
		grid-column: 10 / -1;
}
	}
.o-article {
	--_columns: 12;

	margin-inline: auto;
	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-medium);
}
@media (min-width: calc(976em / 16)) {
.o-article {
		grid-template-columns: repeat(var(--_columns), 1fr);
		row-gap: var(--gap-block-large);
}
	}


.o-article__header > h1 + p {
		-webkit-margin-before: calc(8rem / 16);
		        margin-block-start: calc(8rem / 16);
	}


@media (min-width: calc(976em / 16)) {


.o-article__header {
		grid-column: 1 / 10;
}
	}


.o-article__text > figure {
		-webkit-margin-after: var(--gap-block-small);
		        margin-block-end: var(--gap-block-small);
	}


.o-article__text > figure[data-theme="border-red"] > img {
			border: var(--border-width-small) solid var(--color-red);
		}


@media (min-width: calc(976em / 16)) {


.o-article__text {
		grid-column: 1 / 10;
}

		.o-article__text > figure {
			float: right;
			-webkit-margin-start: var(--gap-inline);
			        margin-inline-start: var(--gap-inline);
			-webkit-margin-after: var(--gap-block-medium);
			        margin-block-end: var(--gap-block-medium);
			inline-size: calc(592rem / 16);
		}

		.o-article__text > figure:first-child + .m-text {
			-webkit-margin-before: 0;
			        margin-block-start: 0;
		}
	}


.o-article__aside {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(32rem / 16);
	        padding-block-start: calc(32rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-article__aside {
		position: -webkit-sticky;
		position: sticky;
		inset-block-start: calc(148rem / 16);
		align-self: start;
		grid-column: 10 / -1;
}
	}


.m-person-groups + .o-article__competencies {
		-webkit-margin-before: var(--gap-block-large);
		        margin-block-start: var(--gap-block-large);
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
		-webkit-padding-before: calc(32rem / 16);
		        padding-block-start: calc(32rem / 16);
	}
.o-competencies {
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
}

.o-competencies > nav > ul {
		-webkit-padding-before: var(--gap-block-large);
		        padding-block-start: var(--gap-block-large);
		display: grid;
		grid-template-columns: repeat(2, minmax(1px, 1fr));
		gap: var(--padding-inline-body);
		list-style: none;

	}

.o-competencies > nav > ul > li {
			justify-self: stretch;
		}

@media (min-width: calc(640em / 16)) {
		.o-competencies > nav > ul {
			grid-template-columns: repeat(auto-fill, minmax(calc(180rem / 16), 1fr));
		}
	}

@media (min-width: calc(800em / 16)) {
		.o-competencies > nav > ul {
			grid-template-columns: repeat(auto-fill, minmax(calc(228rem / 16), 1fr));
		}
	}

@media (min-width: calc(1600em / 16)) {
		.o-competencies > nav > ul {
			gap: var(--gap-inline);
		}
	}

.o-competencies > nav > ul > li {
}
.o-competency {
	--_columns: 12;
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
}
@media (min-width: calc(976em / 16)) {
.o-competency {
		grid-template-columns: repeat(var(--_columns), 1fr);
		column-gap: var(--gap-inline);
}

		.o-competency > h1 {
			grid-column: 1 / 10;
		}
	}


.o-competency__grid {
	-webkit-margin-before: var(--gap-block-large);
	        margin-block-start: var(--gap-block-large);
	display: inherit;
	grid-template-columns: inherit;
	column-gap: inherit;
	row-gap: var(--gap-block-xlarge);
	grid-auto-flow: dense;
}


@media (min-width: calc(976em / 16)) {


.o-competency__grid {
		grid-column: 1 / -1;
		grid-template-columns: inherit;
}
	}


.o-competency__text > figure {
		-webkit-margin-after: var(--gap-block-small);
		        margin-block-end: var(--gap-block-small);
	}


@media (min-width: calc(976em / 16)) {


.o-competency__text {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1152em / 16)) {
		.o-competency__text > figure {
			-webkit-margin-after: var(--gap-block-medium);
			        margin-block-end: var(--gap-block-medium);
			inline-size: calc(592rem / 16);
		}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__text {
		grid-column: 1 / 10;
}
		.o-competency__text > figure {
			float: right;
			-webkit-margin-start: var(--gap-inline);
			        margin-inline-start: var(--gap-inline);
		}
		.o-competency__text > figure:first-child + .m-text {
			-webkit-margin-before: 0;
			        margin-block-start: 0;
		}
	}


.o-competency__person-groups {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__person-groups {
		grid-column: 9 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__person-groups {
		grid-column: 10 / -1;
}
	}


.o-competency__topics {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__topics {
		grid-column: 9 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__topics {
		grid-column: 10 / -1;
}
	}


.o-competency__services {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__services {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__services {
		grid-column: 1 / 10;
}
	}


.o-competency__references {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__references {
		grid-column: 9 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__references {
		grid-column: 10 / -1;
}
	}


.m-topics + .o-competency__references {
		-webkit-margin-before: var(--gap-block-xlarge);
		        margin-block-start: var(--gap-block-xlarge);
	}

.o-competency__spider {
	display: flex;
	flex-direction: column;
	row-gap: calc((12rem / 16) * 2);
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}

.o-competency__spider > h2 {
		-webkit-margin-after: calc(8rem / 16);
		        margin-block-end: calc(8rem / 16);
	}

@media (min-width: calc(976em / 16)) {

.o-competency__spider {
		grid-column: 1 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-competency__spider {
		grid-column: 1 / 10;
}
	}


.o-competency__spider-details {
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__spider-details {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__spider-details {
		grid-column: 1 / 10;
}
	}


.o-competency__articles {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__articles {
		grid-column: 1 / -1;
}
	}


.o-competency__events {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__events {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__events {
		grid-column: 1 / 10;
}
	}


.o-competency__publications {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__publications {
		grid-column: 1 / -1;
}
	}


.o-competency__contact {
	-webkit-margin-before: var(--gap-block-large);
	        margin-block-start: var(--gap-block-large);
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
}


.o-competency__contact > h2 {
		-webkit-padding-after: calc(32rem / 16);
		        padding-block-end: calc(32rem / 16);
	}


.o-competency__quotes {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-competency__quotes {
		grid-column: 1 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency__quotes {
		grid-column: 1 / 10;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-competency[data-variant="spider"] .o-competency__quotes {
			grid-column: 1 / -1;
	}
		}
.o-event {
	--_columns: 12;

	margin-inline: auto;
	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-large);
}
@media (min-width: calc(976em / 16)) {
.o-event {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}


.o-event__header > strong {
		display: block;
		text-transform: uppercase;
		font: var(--font-label-large);
		font-weight: 700;
		letter-spacing: var(--letter-spacing-uppercase);
	}


.o-event__header > time {
		display: block;
		-webkit-margin-after: calc(12rem / 16);
		        margin-block-end: calc(12rem / 16);
		font: var(--font-label-large);
		font-weight: 500;
	}


.o-event__header > strong + time {
		text-decoration: line-through;
	}


.o-event__header > h1 + p {
		-webkit-margin-before: calc(8rem / 16);
		        margin-block-start: calc(8rem / 16);
	}


@media (min-width: calc(976em / 16)) {


.o-event__header {
		grid-column: 1 / 10;
}
	}


@media (min-width: calc(976em / 16)) {


.o-event__text {
		grid-column: 1 / 6;
}
	}


@media (min-width: calc(976em / 16)) {


.o-event:not([data-variant="no-text"]) .o-event__text {
			grid-column: 1 / 10;
	}

			.o-event:not([data-variant="no-text"]) .o-event__text > figure {
				float: right;
				-webkit-margin-start: var(--gap-inline);
				        margin-inline-start: var(--gap-inline);
				-webkit-margin-after: var(--gap-block-medium);
				        margin-block-end: var(--gap-block-medium);
				inline-size: calc(592rem / 16);
			}
		}


@media (min-width: calc(976em / 16)) {


.o-event__aside {
		position: -webkit-sticky;
		position: sticky;
		inset-block-start: calc(148rem / 16);
		align-self: start;
		grid-column: 10 / -1;
}
	}

.o-event__details {
	background-color: var(--color-red);
	color: var(--color-content-primary-inverse);
}

.o-event__persons {
	-webkit-margin-before: var(--gap-block-large);
	        margin-block-start: var(--gap-block-large);
	-webkit-padding-before: calc(32rem / 16);
	        padding-block-start: calc(32rem / 16);
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
}

.o-event__competencies {
	-webkit-margin-before: var(--gap-block-large);
	        margin-block-start: var(--gap-block-large);
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
}

.o-event__competencies > h2 {
		-webkit-margin-after: calc(32rem / 16);
		        margin-block-end: calc(32rem / 16);
	}

.o-event__form {
	-webkit-margin-before: var(--gap-block-large);
	        margin-block-start: var(--gap-block-large);
	clear: both;
}
.o-footer {
	-webkit-margin-before: auto;
	        margin-block-start: auto;
	-webkit-padding-before: calc(160rem / 16);
	        padding-block-start: calc(160rem / 16);
}


.o-footer__container {
	color: var(--color-content-primary-inverse);
	background-color: var(--color-red);
	-webkit-padding-before: calc(80rem / 16);
	        padding-block-start: calc(80rem / 16);
	-webkit-padding-after: calc(12rem / 16);
	        padding-block-end: calc(12rem / 16);
	padding-inline: var(--padding-inline-body);
}


.o-footer__center {
	display: grid;
	row-gap: calc(64rem / 16);
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content));
	inline-size: 100%;
}


@media (min-width: calc(1024em / 16)) {


.o-footer__center {
		grid-template-columns: auto auto;
		justify-content: space-between;
		align-items: start;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-footer__center {
		grid-template-columns: auto auto auto;
}
	}


.o-footer__logo {
	justify-self: start;
	padding: calc(20rem / 16);
	-webkit-margin-before: calc(20rem / 16 * -1);
	        margin-block-start: calc(20rem / 16 * -1);
	-webkit-margin-start: calc(20rem / 16 * -1);
	        margin-inline-start: calc(20rem / 16 * -1);
}


.o-footer__logo > img {
		block-size: calc(54rem / 16);
		inline-size: calc(167rem / 16);
	}


.o-footer__locations {
	display: flex;
	flex-direction: column;
	gap: calc(32rem / 16);
	list-style: none;
}


@media (min-width: calc(672em / 16)) {


.o-footer__locations {
		grid-column-start: 1;
		flex-direction: row;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-footer__locations {
		grid-column-start: auto;
		column-gap: calc(64rem / 16);
}
	}


.o-footer__nav {
	inline-size: calc(260rem / 16);
	font: var(--font-label-small);
}


.o-footer__nav > ul {
		-webkit-border-after: var(--border-width-small) solid currentcolor;
		        border-block-end: var(--border-width-small) solid currentcolor;
	}


.o-footer__nav > ul > li {
		-webkit-border-before: var(--border-width-small) solid currentcolor;
		        border-block-start: var(--border-width-small) solid currentcolor;
	}


.o-footer__nav > ul > li > a {
		display: flex;
		padding-block: calc(12rem / 16);
		text-decoration: none;
		justify-content: space-between;
		align-items: center;
	}


.o-footer__nav > ul > li > a::after {
			content: '';
			display: block;
			block-size: var(--line-height-label-small);
			inline-size: var(--line-height-label-small);
			flex-shrink: 0;
			-webkit-mask-image: url('/assets/images/symbols/chevron-e.svg');
			        mask-image: url('/assets/images/symbols/chevron-e.svg');
			-webkit-mask-size: 100%;
			        mask-size: 100%;
			-webkit-mask-repeat: no-repeat;
			        mask-repeat: no-repeat;
			background-color: currentcolor;
			transition-duration: var(--duration-xsmall);
			transition-property: translate;
		}


.o-footer__nav > ul > li > a:focus-visible::after, .o-footer__nav > ul > li > a:hover::after {
				translate: calc(3rem / 16) 0;
			}


.o-footer__legal-nav {
	grid-column: 1 / -1;
	-webkit-margin-before: calc(32rem / 16);
	        margin-block-start: calc(32rem / 16);
	-webkit-padding-before: calc(12rem / 16);
	        padding-block-start: calc(12rem / 16);
	-webkit-border-before: var(--border-width-small) solid currentcolor;
	        border-block-start: var(--border-width-small) solid currentcolor;
	font: var(--font-label-small);
}


.o-footer__legal-nav a {
		text-decoration: none;
	}


.o-footer__legal-nav a:focus-visible, .o-footer__legal-nav a:hover {
			text-decoration: underline;
		}


.o-footer__legal-nav > ul {
		display: flex;
		justify-content: end;
		column-gap: calc(24rem / 16);
	}
.o-header {
	--background-color: color-mix(in hsl, var(--color-background-primary) 90%, transparent);
	--backdrop-filter: blur(20px);
	--_padding-inline: var(--padding-inline-body);

	position: -webkit-sticky;

	position: sticky;
	inset-block-start: 0;
	z-index: var(--z-index-nav-sticky);
	padding-inline: var(--_padding-inline);
	background-color: var(--background-color);
	-webkit-backdrop-filter: var(--backdrop-filter);
	        backdrop-filter: var(--backdrop-filter);
}
.o-header[data-variant="home"] {
		--background-color: rgba(151, 33, 55, 0.9);
		--backdrop-filter: blur(20px);

		position: fixed;
		inset-inline: 0;
		color: var(--color-content-primary-inverse);
		transition-duration: var(--duration-large);
		transition-property: background-color;
	}
.o-header[data-variant="home"]:not([data-scrolled]) {
			background-color: transparent;
			-webkit-backdrop-filter: none;
			        backdrop-filter: none;
		}
.o-header:not(:has(.o-header__navigation-secondary)) {
		-webkit-margin-after: calc(1.25rem * 2 + var(--line-height-label-medium));
		        margin-block-end: calc(1.25rem * 2 + var(--line-height-label-medium));
	}
.o-header:has(.o-header__navigation-back) {
		-webkit-margin-after: calc(14rem / 16);
		        margin-block-end: calc(14rem / 16);
	}
@media not (min-width: calc(1152em / 16)), (max-width: 72em) {
		.o-header:has(.m-navigation[data-open]) {
			block-size: 100dvb;
			background-color: var(--background-color);
			-webkit-backdrop-filter: var(--backdrop-filter);
			        backdrop-filter: var(--backdrop-filter);
		}
	}


.o-header__container {
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content));
	inline-size: 100%;
	display: grid;
	grid-template-columns: minmax(1px, auto) minmax(1px, auto);
	justify-content: space-between;
	align-items: end;
}


.o-header__logo {
	-webkit-margin-start: calc(20rem / 16 * -1);
	        margin-inline-start: calc(20rem / 16 * -1);
	padding: calc(20rem / 16);
}


.o-header__logo > img {
		block-size: calc(44rem / 16);
		inline-size: calc(135rem / 16);
	}


@media not (min-width: calc(448em / 16)) {


.o-header__logo {
		-webkit-margin-start: calc(16rem / 16 * -1);
		        margin-inline-start: calc(16rem / 16 * -1);
		padding-inline: calc(16rem / 16);
}
	}

.o-header__line {
	grid-column: 1 / -1;
	-webkit-margin-after: calc(var(--border-width-medium) * -1);
	        margin-block-end: calc(var(--border-width-medium) * -1);
	-webkit-border-after: var(--border-width-medium) solid currentcolor;
	        border-block-end: var(--border-width-medium) solid currentcolor;
}

.o-header__navigation,
.o-header__navigation-secondary {
	grid-column: 2 / -1;
}

.o-header__navigation {
	-webkit-margin-end: calc(20rem / 16 * -1);
	        margin-inline-end: calc(20rem / 16 * -1);
}

@media not (min-width: calc(448em / 16)) {

.o-header__navigation {
		-webkit-margin-end: calc(16rem / 16 * -1);
		        margin-inline-end: calc(16rem / 16 * -1);
}
	}

.o-header__navigation-secondary {
	display: flex;
	justify-content: space-between;
	align-items: end;
	min-block-size: calc(20rem / 16 * 2 + var(--line-height-label-medium));
}

@media not (min-width: calc(1152em / 16)), (max-width: 72em) {

.o-header__navigation-secondary {
		/* Offscreen nav */
		grid-column: 1 / -1;
		max-inline-size: 100%;
}

		.o-header:has(.m-navigation[data-open]) .o-header__navigation-secondary {
			opacity: 0;
		}
	}

.o-header__navigation-back {
	align-self: start;
	-webkit-margin-before: calc(16rem / 16);
	        margin-block-start: calc(16rem / 16);
	-webkit-margin-start: calc(-12rem / 16);
	        margin-inline-start: calc(-12rem / 16);
}
.o-home__hero {
	-webkit-padding-before: max(calc(84px + var(--padding-block-start-main) * 2), 35vw);
	        padding-block-start: max(calc(84px + var(--padding-block-start-main) * 2), 35vw);
	-webkit-padding-after: var(--gap-block-large);
	        padding-block-end: var(--gap-block-large);

	position: relative;
	color: var(--color-content-primary-inverse);
}
.o-home__hero p {
		text-wrap-style: pretty;
	}
.o-home__hero > h1 {
		text-wrap: balance;
		font: var(--font-display-medium);
	}
@media (min-width: calc(440em / 16)) {
		.o-home__hero > h1 {
			font: var(--font-display-large);
		}
	}
@media (min-width: calc(1024em / 16)) {
.o-home__hero {
		-webkit-padding-before: calc(84px + ( var(--padding-block-start-main) * 8));
		        padding-block-start: calc(84px + ( var(--padding-block-start-main) * 8));
}

		.o-home__hero > h1 {
			font: var(--font-display-xlarge);
		}
	}

.o-home__hero-background-image {

	width: 100%;
	height: 100%;
	display: block;

	top: 0;
	left: 0;
	position: absolute;

	background-color: var(--color-red);

}

.o-home__hero-background-image > img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;

		mix-blend-mode: multiply;
		filter: grayscale(60%) contrast(0.9);
	}

.o-home__hero > *:not(.o-home__hero-background-image) {
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
	inline-size: 100%;
	padding-inline: var(--padding-inline-body);
	position: relative;
}

.o-home__hero > nav {
	-webkit-padding-before: min(calc(48rem / 16), 6vw);
	        padding-block-start: min(calc(48rem / 16), 6vw);
}

.o-home__hero > nav > h3 {
		-webkit-margin-after: calc(20rem / 16);
		        margin-block-end: calc(20rem / 16);
		font: var(--font-heading-medium);
	}

.o-home__hero > nav > ul {
		display: flex;
		flex-direction: column;
		gap: calc(16rem / 16);
		flex-wrap: wrap;
	}

@media (min-width: calc(800em / 16)) {
		.o-home__hero > nav > ul {
			flex-direction: row;
			gap: var(--padding-inline-body);
		}
	}

.o-home__intro {
	-webkit-margin-before: var(--gap-block-large);
	        margin-block-start: var(--gap-block-large);
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
	display: grid;
	gap: var(--padding-inline-body);
}

.o-home__intro p {
		text-wrap-style: pretty;
	}

@media (min-width: calc(1120em / 16)) {

.o-home__intro {
		grid-template-columns: repeat(12, 1fr);
		gap: var(--gap-inline);
}

		.o-home__intro > h2 {
			grid-column-end: span 4;
		}
		.o-home__intro > div {
			grid-column-end: span 8;
		}
	}


.o-home__competencies {
	-webkit-margin-before: var(--gap-block-xlarge);
	        margin-block-start: var(--gap-block-xlarge);
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
	display: grid;
}


.o-home__competencies > div {
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
		-webkit-padding-before: calc(32rem / 16);
		        padding-block-start: calc(32rem / 16);
	}


.o-home__competencies > div > ul {
		display: grid;
		-webkit-padding-before: var(--gap-inline);
		        padding-block-start: var(--gap-inline);
		grid-template-columns: repeat(2, minmax(1px, 1fr));
		gap: var(--padding-inline-body);
		list-style: none;
	}


@media (min-width: calc(640em / 16)) {
		.o-home__competencies > div > ul {
			grid-template-columns: repeat(auto-fill, minmax(calc(180rem / 16), 1fr));
		}
	}


@media (min-width: calc(800em / 16)) {
		.o-home__competencies > div > ul {
			grid-template-columns: repeat(auto-fill, minmax(calc(228rem / 16), 1fr));
		}
	}


@media (min-width: calc(1600em / 16)) {
		.o-home__competencies > div > ul {
			gap: var(--gap-inline);
		}
	}

.o-home__locations {
	-webkit-margin-before: var(--gap-block-xlarge);
	        margin-block-start: var(--gap-block-xlarge);
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
}

.o-home__locations > div {
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
		-webkit-padding-before: calc(32rem / 16);
		        padding-block-start: calc(32rem / 16);
	}

/* Scroll container */

.o-home__locations > div > div {
		display: flex;
		overflow: auto;
		margin-inline: calc(var(--padding-inline-body) * -1);
		padding-inline: var(--padding-inline-body);
	}

.o-home__locations > div > div > ul {
		flex-grow: 1;
		list-style: none;
		display: flex;
		flex-direction: row;
		gap: var(--padding-inline-body);
		-webkit-padding-before: var(--padding-block-start-main);
		        padding-block-start: var(--padding-block-start-main);
	}

.o-home__locations > div > div > ul > li {
			flex-grow: 1;
			min-width: calc(254rem / 16);
			display: flex;
			flex-direction: column;
			gap: var(--gap-inline);
			align-items: center;
			padding-block: calc( var(--padding-block-start-main) * 2 );
			padding-inline: var(--padding-inline-body);
			box-sizing: border-box;
			background-color: var(--color-background-secondary);
		}

.o-home__locations > div > div > ul > li > a {
				text-wrap: nowrap;
			}

@media (min-width: calc(976em / 16)) {
		.o-home__locations > div > div > ul {
			gap: var(--gap-inline);
		}
	}


.o-home__events {
	-webkit-margin-before: var(--gap-block-xlarge);
	        margin-block-start: var(--gap-block-xlarge);
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
	display: grid;
}


.o-home__events > div {
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
		-webkit-padding-before: calc(32rem / 16);
		        padding-block-start: calc(32rem / 16);
	}


.o-home__articles {
	-webkit-margin-before: var(--gap-block-xlarge);
	        margin-block-start: var(--gap-block-xlarge);
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
	display: grid;
}


.o-home__articles > div {
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
		-webkit-padding-before: calc(32rem / 16);
		        padding-block-start: calc(32rem / 16);
	}
.o-job-posting > header {
	-webkit-padding-before: var(--gap-block-medium);
	        padding-block-start: var(--gap-block-medium);
	-webkit-padding-after: var(--gap-block-large);
	        padding-block-end: var(--gap-block-large);
	padding-inline: var(--padding-inline-body);
	color: var(--color-white);
	background: var(--color-red);
}
.o-job-posting > header > div {
		display: grid;
		row-gap: calc(12rem / 16);
		max-inline-size: var(--max-width-content);
		margin-inline: auto;
	}

.o-job-posting__grid {
	--_columns: 12;

	-webkit-margin-before: var(--gap-block-large);

	        margin-block-start: var(--gap-block-large);
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	padding-inline: var(--padding-inline-body);
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-xlarge);
}

@media (min-width: calc(976em / 16)) {

.o-job-posting__grid {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}

.o-job-posting__text {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}

@media (min-width: calc(976em / 16)) {

.o-job-posting__text {
		grid-column: 1 / 9;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-job-posting__text {
		grid-column: 1 / 10;
}
	}

.o-job-posting__downloads {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}

@media (min-width: calc(976em / 16)) {

.o-job-posting__downloads {
		grid-column: 9 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-job-posting__downloads {
		grid-column: 10 / -1;
}
	}


.o-job-posting__person-groups {
	display: grid;
	grid-template-columns: repeat(
		auto-fill,
		minmax(
			min(calc(512rem / 16), calc(100vw - var(--padding-inline-body) * 2)),
			1fr)
		);
	gap: var(--gap-inline);
	list-style: none;
}


@media (min-width: calc(976em / 16)) {


.o-job-posting__person-groups {
		grid-column: 1 / -1;
}
	}
.o-jobs {
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
}


.o-jobs__header {
	-webkit-margin-after: calc(48rem / 16);
	        margin-block-end: calc(48rem / 16);
}


.o-jobs__header > p {
		font: var(--font-label-medium);
	}


.o-jobs__header > h1 + p {
		-webkit-margin-before: calc(8rem / 16);
		        margin-block-start: calc(8rem / 16);
	}


@media (min-width: calc(976em / 16)) {


.o-jobs__header {
		grid-column: 1 / -1;
}
	}


.o-jobs__grid {
	--_columns: 12;

	-webkit-margin-before: var(--gap-block-large);

	        margin-block-start: var(--gap-block-large);
	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-xlarge);
}


@media (min-width: calc(976em / 16)) {


.o-jobs__grid {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}


@media (min-width: calc(976em / 16)) {


.o-jobs__text,
.o-jobs__job-list,
.o-jobs__image,
.o-jobs__bottom-text {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-jobs__text,
.o-jobs__job-list,
.o-jobs__image,
.o-jobs__bottom-text {
		grid-column: 1 / 10;
}
	}

.o-jobs__text,
.o-jobs__job-list,
.o-jobs__bottom-text {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}

.o-jobs__image > img {
		inline-size: 100%;
	}

@media (min-width: calc(976em / 16)) {

.o-jobs__image {
		grid-column: 1 / 9;
		grid-row-end: span 2;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-jobs__image {
		grid-column: 1 / 10;
}
	}

.o-jobs__person-groups,
.o-jobs__logos,
.o-jobs__downloads {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}

@media (min-width: calc(976em / 16)) {

.o-jobs__person-groups,
.o-jobs__logos,
.o-jobs__downloads {
		grid-column: 9 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-jobs__person-groups,
.o-jobs__logos,
.o-jobs__downloads {
		grid-column: 10 / -1;
}
	}

@media (min-width: calc(976em / 16)) {

.o-jobs__logos {
		grid-row-end: span 2;
}
	}
.o-journals {
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	padding-inline: var(--padding-inline-body);
	-webkit-padding-before: calc(48rem / 16);
	        padding-block-start: calc(48rem / 16);
	row-gap: var(--gap-block-large);
}

.o-journals__header {
	display: flex;
	flex-direction: column;
	row-gap: var(--gap-block-large);
}

.o-journals__list-container {
	inline-size: 100%;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
}


.o-journals__list-container > ul {
	--_columns: 5;

	display: grid;
	grid-template-columns: repeat(2, minmax(1px, 1fr));
	gap: var(--padding-inline-body);
	align-items: stretch;
	list-style: none;
}


@media (min-width: calc(640em / 16)) {


.o-journals__list-container > ul {
		grid-template-columns: repeat(auto-fill, minmax(calc(212rem / 16), 1fr));
		gap: var(--gap-inline);
		grid-auto-rows: 1fr;
}
	}
.o-main {
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	padding-inline: var(--padding-inline-body);
	-webkit-padding-before: calc(48rem / 16);
	        padding-block-start: calc(48rem / 16);
	row-gap: var(--gap-block-large);
}


.o-main__text {
	max-inline-size: var(--max-width-text);
}
.o-person {
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
}


.o-person__header {
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
}


.o-person__header > p {
		font: var(--font-heading-medium);
	}


.o-person__header > h1 + p {
		-webkit-margin-before: calc(8rem / 16);
		        margin-block-start: calc(8rem / 16);
	}


@media (min-width: calc(976em / 16)) {


.o-person__header {
		grid-column: 1 / -1;
}
	}


.o-person__grid {
	--_columns: 12;

	-webkit-margin-before: var(--gap-block-large);

	        margin-block-start: var(--gap-block-large);
	margin-inline: auto;
	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(11px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-xlarge);
}


@media (min-width: calc(976em / 16)) {


.o-person__grid {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}


.o-person__teaser-image > img {
		inline-size: 100%;
		block-size: 100%;
		object-fit: cover;
	}


@media (min-width: calc(976em / 16)) {


.o-person__teaser-image {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-person__teaser-image {
		grid-column: 1 / 10;
}
	}


.o-person__contact {
	color: var(--color-content-primary-inverse);
	background-color: var(--color-red);
}


@media (min-width: calc(976em / 16)) {


.o-person__contact {
		grid-column: 9 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-person__contact {
		grid-column: 10 / -1;
		align-self: stretch;
}
  }


.o-person__text,
.o-person__competencies,
.o-person__references,
.o-person__publications,
.o-person__quotes,
.o-person__talks,
.o-person__articles {
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
}


.o-person__text > h2, .o-person__competencies > h2, .o-person__references > h2, .o-person__publications > h2, .o-person__quotes > h2, .o-person__talks > h2, .o-person__articles > h2 {
		-webkit-margin-after: calc(32rem / 16);
		        margin-block-end: calc(32rem / 16);
	}

.o-person__text > figure {
		-webkit-margin-after: var(--gap-block-small);
		        margin-block-end: var(--gap-block-small);
	}

@media (min-width: calc(976em / 16)) {

.o-person__text {
		grid-column: 1 / 9;
}
	}

@media (min-width: calc(1152em / 16)) {
		.o-person__text > figure {
			float: right;
			-webkit-margin-start: var(--gap-block-medium);
			        margin-inline-start: var(--gap-block-medium);
			-webkit-margin-after: var(--gap-block-medium);
			        margin-block-end: var(--gap-block-medium);
		}
	}

@media (min-width: calc(1280em / 16)) {

.o-person__text {
		grid-column: 1 / 10;
}

  }


@media (min-width: calc(976em / 16)) {


.o-person__competencies {
		grid-column: 9 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-person__competencies {
		grid-column: 10 / -1;
}
	}


@media (min-width: calc(976em / 16)) {


.o-person__references {
		grid-column: 9 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-person__references {
		grid-column: 10 / -1;
}
	}


@media (min-width: calc(976em / 16)) {


.o-person__publications {
		grid-column: 1 / -1;
}
	}


@media (min-width: calc(1280em / 16)) {


.o-person__publications {
		grid-column: 1 / 10;
}
	}

@media (min-width: calc(976em / 16)) {

.o-person__quotes {
		grid-column: 1 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-person__quotes {
		grid-column: 1 / 10;
}
	}

@media (min-width: calc(976em / 16)) {

.o-person__talks {
		grid-column: 1 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-person__talks {
		grid-column: 1 / 10;
}
	}

.o-person__articles > ul {
		display: grid;
		grid-auto-rows: 1fr;
		grid-template-columns: repeat(
			auto-fill,
			minmax(
				min(calc(320rem / 16), calc(100vw - var(--padding-inline-body) * 2)),
				1fr
			)
		);
		column-gap: calc(40rem / 16);
		row-gap: calc(40rem / 16);
		list-style: none;
	}

.o-person__articles > ul > li > * {
				block-size: 100%;
			}

@media (min-width: calc(976em / 16)) {

.o-person__articles {
		grid-column: 1 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-person__articles {
		grid-column: 1 / 10;
}
	}
.o-persons__header {
	inline-size: 100%;
	color: var(--color-content-primary-inverse);
	background-color: var(--color-red);
}
.o-persons__header > div {
		display: flex;
		flex-direction: column;
		gap: calc(32rem / 16);
		margin-inline: auto;
		max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
		padding-block: var(--padding-block-start-main);
		padding-inline: var(--padding-inline-body);
	}


.o-persons__list-container {
	inline-size: 100%;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	margin-inline: auto;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
}


.o-persons__list-container > ul {
	--_columns: 5;

	display: grid;
	grid-template-columns: repeat(2, minmax(1px, 1fr));
	gap: var(--padding-inline-body);
	align-items: stretch;
	list-style: none;
}


@media (min-width: calc(640em / 16)) {


.o-persons__list-container > ul {
		grid-template-columns: repeat(auto-fill, minmax(calc(212rem / 16), 1fr));
		gap: var(--gap-inline);
		grid-auto-rows: 1fr;
}
	}


/* Info, when filter returns no results */
.o-persons__info {
	font: var(--font-paragraph-large);
}
.o-service {
	--_columns: 12;

	margin-inline: auto;
	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-large);
}
@media (min-width: calc(976em / 16)) {
.o-service {
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}


@media (min-width: calc(976em / 16)) {


.o-service__header {
		grid-column: 1 / -1;
}
	}


@media (min-width: calc(1152em / 16)) {


.o-service__header {
		grid-column: 1 / 10;
}
	}


@media (min-width: calc(976em / 16)) {


.o-service__text {
		grid-column: 1 / 9;
}
	}


@media (min-width: calc(1152em / 16)) {


.o-service__text {
		grid-column: 1 / 10;
}

		.o-service__text > figure {
			float: right;
			-webkit-margin-start: var(--gap-inline);
			        margin-inline-start: var(--gap-inline);
			-webkit-margin-after: var(--gap-block-medium);
			        margin-block-end: var(--gap-block-medium);
			inline-size: calc(592rem / 16);
		}
	}


.o-service__aside {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-service__aside {
		grid-column: 9 / -1;
}
	}


@media (min-width: calc(1152em / 16)) {


.o-service__aside {
		position: -webkit-sticky;
		position: sticky;
		inset-block-start: calc(148rem / 16);
		align-self: start;
		grid-column: 10 / -1;
}
	}


.o-service__articles {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}


@media (min-width: calc(976em / 16)) {


.o-service__articles {
		grid-column: 1 / -1;
}
	}


@media (min-width: calc(1152em / 16)) {


.o-service__articles {
		grid-column: 1 / 10;
}
	}
.o-topic {
	--_columns: 12;

	margin-inline: auto;
	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(1px, 1fr);
	column-gap: var(--gap-inline);
	row-gap: var(--gap-block-large);
}
@media (min-width: calc(976em / 16)) {
.o-topic {
		grid-template-columns: repeat(var(--_columns), 1fr);
}

		.o-topic > h1 {
			grid-column: 1 / 10;
		}
	}


@media (min-width: calc(976em / 16)) {


.o-topic__text {
		grid-column: 1 / 10;
}

		.o-topic__text > figure {
			float: right;
			-webkit-margin-start: var(--gap-inline);
			        margin-inline-start: var(--gap-inline);
			-webkit-margin-after: var(--gap-block-medium);
			        margin-block-end: var(--gap-block-medium);
			inline-size: calc(592rem / 16);
		}
	}


@media (min-width: calc(976em / 16)) {


.o-topic__aside {
		position: -webkit-sticky;
		position: sticky;
		inset-block-start: calc(148rem / 16);
		align-self: start;
		grid-column: 10 / -1;
}
	}
.o-pre-location{
	width: 100%;
	max-inline-size: calc( var(--max-width-content) + var(--padding-inline-body) * 2 );
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
}
.o-pre-location > h1 + div {
		-webkit-margin-before: calc(8rem / 16);
		        margin-block-start: calc(8rem / 16);
		font: var(--font-label-medium);
	}

.o-location{
	--_gap-block: calc(12rem / 16);
	--_columns: 12;

	display: grid;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
	grid-template-columns: minmax(11px, 1fr);
	column-gap: var(--gap-inline);
	margin-top: var(--gap-block-large);
}

@media (min-width: calc(976em / 16)) {

.o-location{
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}

.o-location__hero img {
		inline-size: 100%;
	}

@media (min-width: calc(976em / 16)) {

.o-location > div{
		grid-column: 1 / 10;
}
	}

:is(.o-location section) + section{
		-webkit-margin-before: var(--padding-block-start-main);
		        margin-block-start: var(--padding-block-start-main);
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
		-webkit-padding-before: 1.75rem;
		        padding-block-start: 1.75rem;
	}

.o-location h2 + *{
	-webkit-margin-before: calc(var(--_gap-block) * 2);
	        margin-block-start: calc(var(--_gap-block) * 2);
}

.o-location ul{
	list-style: none;
	-webkit-padding-start: 0;
	        padding-inline-start: 0;
}


.o-location__contact figure{
		-webkit-margin-before: calc(var(--_gap-block)*2);
		        margin-block-start: calc(var(--_gap-block)*2);
	}


@media (min-width: calc(640em / 16)) {


.o-location__contact{
		display: flex;
		flex-direction: row;
		gap: var(--gap-inline);
		justify-content: space-between;
}
		.o-location__contact figure{
			-webkit-margin-before: 0;
			        margin-block-start: 0;
			max-width: calc(60%);
		}
	}

.o-location__contact a{
	text-decoration: none;
}
.o-location__contact a:hover{
	text-decoration: underline;
}

.o-location > aside{
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: 1.75rem;
	        padding-block-start: 1.75rem;
	-webkit-margin-before: calc(var(--line-height-paragraph-medium)*2);
	        margin-block-start: calc(var(--line-height-paragraph-medium)*2);
}

@media (min-width: calc(976em / 16)) {

.o-location > aside{
		-webkit-margin-before: 0;
		        margin-block-start: 0;
		grid-column: 10 / -1;
}
	}
.o-locations{
	--_gap-block: calc(12rem / 16);

	max-inline-size: calc( var(--max-width-content) + var(--padding-inline-body) * 2 );
	inline-size: 100%;
	margin-inline: auto;
	padding-inline: var(--padding-inline-body);
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
}

.o-locations section{
	--_columns: 1;

	display: grid;
	grid-auto-flow: row dense;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	margin-inline: auto;
	grid-template-columns: minmax(11px, 1fr);
	column-gap: var(--gap-inline);
	-webkit-margin-before: var(--gap-block-large);
	        margin-block-start: var(--gap-block-large);

	-webkit-border-before: var(--border-width-medium) solid currentcolor;

	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: 1.75rem;
	        padding-block-start: 1.75rem;
}

.o-locations section p > a {
		color: var(--color-red);
	}

@media (min-width: calc(976em / 16)) {

.o-locations section{
		--_columns: 12;

		-webkit-border-before: none;

		        border-block-start: none;
		-webkit-padding-before: 0;
		        padding-block-start: 0;
		grid-template-columns: repeat(var(--_columns), 1fr);
}
	}

@media (min-width: calc(976em / 16)) {

.o-locations section > div:first-child{
		grid-column: 1 / 10;
}
	}

@media (min-width: calc(976em / 16)) {

.o-locations section:nth-child(odd) > div:first-child{
		grid-column: 4 / 14;
}
	}

.o-locations section > div:last-child{
	-webkit-margin-before: var(--gap-block-medium);
	        margin-block-start: var(--gap-block-medium);
}

@media (min-width: calc(976em / 16)) {

.o-locations section > div:last-child{
		-webkit-margin-before: 0;
		        margin-block-start: 0;
		grid-column: 10 / -1;
		-webkit-border-before: var(--border-width-medium) solid currentcolor;
		        border-block-start: var(--border-width-medium) solid currentcolor;
		-webkit-padding-before: 1.75rem;
		        padding-block-start: 1.75rem;
}
	}

@media (min-width: calc(976em / 16)) {

.o-locations section:nth-child(odd) > div:last-child{
		grid-column: 1 / 4;
}
	}

.o-locations > section figure{
	width: 100%;
}

.o-locations > section figure img{ width: 100%; }

.o-locations h2 + *{
	-webkit-margin-before: calc(var(--_gap-block) * 2);
	        margin-block-start: calc(var(--_gap-block) * 2);
}

.o-locations > section > div > div:last-child{
	-webkit-margin-before: calc( var(--padding-inline-body) );
	        margin-block-start: calc( var(--padding-inline-body) );
}

.o-locations > section a{
	text-decoration: none;
}

.o-locations > section a:not(.a-button):where(:hover, :focus-visible) {
	text-decoration: underline;
}
.o-main-default {
	--_columns: 12;

	display: grid;
	grid-template-columns: minmax(1px, 1fr);
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
	inline-size: 100%;
	-webkit-padding-before: var(--padding-block-start-main);
	        padding-block-start: var(--padding-block-start-main);
	padding-inline: var(--padding-inline-body);
	row-gap: var(--gap-block-large);
}
@media (min-width: calc(976em / 16)) {
.o-main-default {
		grid-template-columns: repeat(var(--_columns), 1fr);
		column-gap: var(--gap-inline);
}
	}

@media (min-width: calc(976em / 16)) {

.o-main-default > h1 {
		grid-column: 1 / 9;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-main-default > h1 {
		grid-column: 1 / 10;
}
	}

.o-main-default__text {
	max-inline-size: var(--max-width-text);
}

@media (min-width: calc(976em / 16)) {

.o-main-default__text {
		grid-column: 1 / 9;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-main-default__text {
		grid-column: 1 / 10;
}
	}

.o-main-default__aside {
	display: grid;
	align-content: start;
	row-gap: var(--gap-block-large);
}

@media (min-width: calc(976em / 16)) {

.o-main-default__aside {
		grid-column: 9 / -1;
}
	}

@media (min-width: calc(1280em / 16)) {

.o-main-default__aside {
		grid-column: 10 / -1;
}
	}

.o-main-default__person-groups,
.o-main-default__logos,
.o-main-default__downloads {
	-webkit-border-before: var(--border-width-medium) solid currentcolor;
	        border-block-start: var(--border-width-medium) solid currentcolor;
	-webkit-padding-before: calc(28rem / 16);
	        padding-block-start: calc(28rem / 16);
}
.o-search{
}

.o-search__header {
	color: var(--color-content-primary-inverse);
	background-color: var(--color-red);
}

.o-search__header > div {
		margin-inline: auto;
		max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body) * 2);
		padding-block: var(--padding-block-start-main);
		padding-inline: var(--padding-inline-body);
		display: flex;
		flex-direction: column;
		gap: calc(32rem / 16);
	}

.o-search__form {
	display: flex;
	column-gap: calc(32rem / 16);
	row-gap: calc(16rem / 16);
	flex-wrap: wrap;
}

.o-search__form > label {
		flex-shrink: 1;
		flex-grow: 1;
		max-inline-size: calc(540rem / 16);
		flex-basis: calc(476rem / 16);
	}

.o-search__results {
	inline-size: 100%;
	margin-inline: auto;
	max-inline-size: calc(var(--max-width-content) + var(--padding-inline-body)*2);
	padding-inline: var(--padding-inline-body);
}

.o-search__results > ul {
		-webkit-margin-before: var(--padding-block-start-main);
		        margin-block-start: var(--padding-block-start-main);
		-webkit-border-before: var(--border-width-medium) solid var(--color-black);
		        border-block-start: var(--border-width-medium) solid var(--color-black);
		max-inline-size: calc(1104rem / 16);
    list-style: none;
  }

.o-search__results > ul > li {
			-webkit-border-after: var(--border-width-small) solid var(--color-black);
			        border-block-end: var(--border-width-small) solid var(--color-black);
		}

.o-search__pagination {
  -webkit-margin-before: var(--gap-block-large);
          margin-block-start: var(--gap-block-large);
}

/* Templates */
/* Template components can only apply to the body element */
.t-default {
	display: flex;
	flex-direction: column;
	align-content: start;
}

/*# sourceMappingURL=index.css.map */