.w2tgvekvx{display:block;overflow-x:visible;:is(img, picture) {
			margin: 3rem auto;
		}

		h1 {
			margin: 1.5rem -1.5rem 1.5rem;

			@media screen and (min-width: 60rem) {
				margin: 1.5rem -1.5rem 1.5rem;
			}
			span {
				display: block;
				margin: 0.5rem 0vw 0.5rem;
			}
		}}.w2tgvekvx{h1 {
			text-transform: uppercase;
			text-align: center;

			span:first-of-type {
				font: 400 var(--font-size-xs) var(--display-font);
				letter-spacing: clamp(0.1rem, 0.5vw, 0.5rem);
				@media screen and (min-width: 40rem) {
					font: 300 var(--font-size-m) var(--display-font);
				}
			}
			span:last-of-type {
				font: 400 var(--font-size-xl) var(--display-font);
				letter-spacing: 2vw;
				@media screen and (min-width: 40rem) {
					font: 300 var(--font-size-xxl) var(--display-font);
				}
			}

			span {
				mix-blend-mode: difference;
				color: var(--colour-grey-20);
			}
		}}.w2tgvekvx{h1 {
			span {
				animation: slideup 1s both;
				&:first-of-type {
					animation-delay: 0;
				}
				&:last-of-type {
					animation-delay: 0.1s;
				}
			}
		}
		figure {
			animation: slideup 1s both;
		}}
.figure-publikation {
    }
    .book {
        margin: -1px auto 0;
        height: 1rem;
        width: 50%;
        min-width: 10rem;
        max-width: 20rem;
        border: thin solid var(--colour-grey-100);
        border-radius: 1px;
    }
/* LAYOUT */

	/* @media screen and (max-width: 30rem) { */
	.milestone {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;

		& > .images {
			display: block;
			flex: 1 1 100%;
		}
		& > .content {
			flex: 1 1 100%;
		}
	}
	/* } */
	@media screen and (min-width: 35rem) {
		.milestone {
			gap: 1.5rem;
			&:nth-of-type(even) {
				flex-direction: row-reverse;
			}
			&:nth-of-type(even) .images {
				padding-left: 1.5rem;
			}
			&:nth-of-type(odd) .images {
				padding-right: 1.5rem;
			}
			& > .images {
				flex: 1 0 45%;
				min-width: 10rem;
				max-width: calc(34% - 0.5rem);
			}
			& > .content {
				flex: 1 1 55%;
				min-width: 20rem;
				max-width: calc(66% - 0.5rem);
			}
		}
	}
	@media screen and (min-width: 45rem) {
		.milestone {
			gap: 2rem;
			&:nth-of-type(odd) .images {
				padding-right: 2rem;
			}
			&:nth-of-type(even) .images {
				padding-left: 2rem;
			}
		}
	}
	.milestone {
		& > .images {
			& figure {
				width: 100%;
			}
		}
		time {
			display: block;
		}
	}
/* STYLES */
	.milestone {
		h2 {
			font: 400 var(--font-size-m) var(--display-font);
			@media screen and (min-width: 30rem) {
				font: 300 var(--font-size-l) var(--display-font);
			}
			line-height: 1.5em;
			text-transform: uppercase;
			letter-spacing: 0.125rem;
			margin: 0 0 0.5rem;
		}
		.description {
			font: 400 var(--font-size-l) var(--display-font);
		}
		@media screen and (min-width: 35rem) {
			&:nth-of-type(odd) {
				.images {
					border-right: thin solid var(--colour-grey-100);
					border-left: none;
				}
			}
			&:nth-of-type(even) {
				.images {
					border-left: thin solid var(--colour-grey-100);
					border-right: none;
				}
			}
		}
		.mehr {
			margin-left: 0.5rem;
			display: inline-block;
			padding: 0.125rem 0.5rem;

			color: var(--colour-grey-60);

			background-color: var(--colour-grey-23);
			border-radius: 0.25rem;

			transition: color 0.5s, background 0.75s;

			&::before {
				content: '»';
				display: inline-block;
				transform: translate(-0.25rem, 0);
				transition: transform 0.25s;
			}

			&:hover {
				color: var(--colour-grey-100);
				background-color: var(--colour-grey-30);
				&::before {
					transform: translate(0rem, 0);
				}
			}
		}
	}
/* LAYOUT */
	#intro {
		max-width: 60rem;

		margin: 5vh auto;
		@media screen and (min-width: 40rem) {
			margin: 10vh auto;
		}
		@media screen and (min-width: 30rem) and (max-width: 50rem) {
			padding: 0 1rem;
		}

		p + p {
			margin-top: 0.75rem;
		}
	}

	#highlights {
		margin: 10vh auto 5vh;

		@media screen and (min-width: 40rem) {
			margin: 15vh auto 5vh;
		}

		> h2 {
			margin: 10vh 0 0vh;
			@media screen and (min-width: 40rem) {
				margin: 15vh 0 2.5vh;
			}
		}

		> article {
			max-width: 50rem;
			margin: 3rem auto;

			@media screen and (min-width: 35rem) {
				margin: 6rem auto;
			}

			@media screen and (min-width: 55rem) {
				margin: 15vh auto;
				position: relative;

				&:nth-of-type(odd) {
					left: -5vw;
				}
				&:nth-of-type(even) {
					left: 5vw;
				}
			}
		}
	}

	.further {
		margin: 0rem auto 0;
		max-width: 60rem;
	}
/* STYLES */
	#intro {
		p {
			font: 400 var(--font-size-s) var(--display-font);
			line-height: 2em;
			@media screen and (min-width: 30rem) {
				font: 300 var(--font-size-l) var(--display-font);
				line-height: 2em;
			}

			text-transform: uppercase;
			letter-spacing: 0.125rem;
			hyphens: auto;
		}
		em {
			font-style: normal;
			color: var(--colour-red);
		}
	}
	.further {
		a {
			font: 400 var(--font-size-s) var(--display-font);
			line-height: 1.35em;

			background-color: var(--colour-grey-23);
			border-radius: 0.25rem;
			padding: 0.25rem 0.75rem;

			@media screen and (min-width: 30rem) {
				font: 300 var(--font-size-m) var(--display-font);
			}

			text-transform: uppercase;
			letter-spacing: 0.125rem;

			color: var(--colour-grey-70);
			transition: color 0.5s, background 0.75s;

			&::before {
				content: '»';
				display: inline-block;
				transform: translate(-0.25rem, 0);
				transition: transform 0.25s;
			}

			&:hover {
				color: var(--colour-grey-100);
				background-color: var(--colour-grey-30);

				&::before {
					transform: translate(0rem, 0);
				}
			}
		}
	}

	#highlights {
		> h2 {
			font: 400 var(--font-size-xl) var(--display-font);
			@media screen and (min-width: 30rem) {
				font: 300 var(--font-size-xl) var(--display-font);
			}
			line-height: 1.5em;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 0.4rem;
		}
	}
/* Transition / Animation */
	#intro {
		p {
			animation: fadein 1s both, slideup 1s both;
		}
	}
#highlights {
		li {
			list-style: none;
		}

		#auszeichnungen {
			@media screen and (max-width: 40rem) {
				.title {
					font: 300 var(--font-size-xxl) var(--display-font);
					line-height: 2rem;
				}
			}

			@media screen and (min-width: 40rem) {
				border: 1px solid var(--colour-grey-100);

				& * {
					font: 300 var(--font-size-xl) var(--display-font);
					letter-spacing: 0.5rem;
					text-transform: uppercase;
					text-align: justify;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					hyphens: auto;
				}

				.title,
				.description {
					display: inline;
				}

				.title {
					color: var(--colour-red);
				}
			}

			span {
				&.separator {
					margin: 0 1rem;
				}

				@media screen and (max-width: 40rem) {
					&.separator {
						display: none;
					}

					&.auszeichnung {
						display: list-item;
						margin-left: 1rem;
						text-transform: initial;
						letter-spacing: initial;
					}
				}
			}

			& > * {
				transition: color 0.25s ease-out;
			}
		}

		#publikationen-herausgeberschaften {
			max-width: 55rem;
			margin: 5vh auto;

			h2 {
				font: 300 var(--font-size-xl) var(--display-font);
				line-height: 1.5em;
				text-transform: uppercase;
				letter-spacing: 0.5rem;
				margin: 5vh 0 2.5vh;
				hyphens: auto;
			}

			@media screen and (min-width: 40rem) {
				.description {
					font: 300 var(--font-size-l) var(--display-font);
					text-transform: uppercase;
					line-height: 2em;
					letter-spacing: 0.25rem;
				}
			}

			.separator {
				margin: 0 0.5rem;
			}

			.publikation {
				font: 400 var(--font-size-s) var(--display-font);

				text-transform: uppercase;
				line-height: 2em;
				letter-spacing: 0.05rem;

				padding: 0.5rem 1em;
				border: 1px solid var(--colour-grey-100);
				border-radius: 1px;
				margin: -1px;

				@media screen and (min-width: 40rem) {
					letter-spacing: 0.25rem;
					padding: 0.5rem 1.5rem;
				}
			}
		}
	}
.wqpb-eny2 #site-header{max-width:70rem;min-height:4.5rem;margin:0 auto 5vh;display:flex;align-items:center;#site-title {
			width: fit-content;
			@media screen and (max-width: 40rem) {
				/* margin-top: -1rem; */
			}
			@media screen and (min-width: 40rem) {
				padding: 0rem 0 0;
			}
			span {
				display: block;
			}
		}
		#site-menu-toggle {
			display: block;
			height: 4.75rem;
			width: 2.25rem;
			position: absolute;
			top: 0rem;
			right: 2.25rem;

			@media screen and (min-width: 30rem) {
				right: 3.75rem;
			}
			@media screen and (min-width: 40rem) {
				height: 5.25rem;
			}
			@media screen and (min-width: 70rem) {
				right: 10vw;
				height: 5.25rem;
			}
			@media screen and (min-width: 90rem) {
				right: clamp(1rem, 25vw, 20rem);
			}
			&::before {
				position: absolute;
				inset: 0;
			}
			& span {
				position: relative;
				top: 3rem;
				left: -2rem;
				@media screen and (max-width: 30rem) {
					left: -1rem;
				}
				@media screen and (min-width: 40rem) {
					top: 3.5rem;
				}
			}
		}
		#site-menu {
			display: grid;

			& > * {
				width: fit-content;
				height: fit-content;
				margin: auto auto;
			}

			position: absolute;
			inset: 0;

			min-height: 100vh;
			max-height: 100vh;
		}
		.site-menu-list {
			padding: 5vw 5vw 10vw;

			&:first-of-type {
				padding-bottom: 2.5vw;
			}
			&:last-of-type {
				padding-top: 2.5vw;
			}
		}}
/* STYLES */
	#site-header {
		a {
			color: var(--colour-grey-40);
			&:hover {
				color: var(--colour-white);
			}
			&:active {
				color: var(--colour-grey-60);
			}
		}
		li {
			margin: 1rem 0;
			list-style: none;
			font: 300 var(--font-size-m) var(--display-font);
			text-transform: uppercase;
			letter-spacing: 0.75rem;
			@media screen and (max-width: 30rem) {
				font: 400 var(--font-size-m) var(--display-font);
				letter-spacing: 0.5rem;
			}
		}
		#site-title {
			mix-blend-mode: difference;

			span {
				color: var(--colour-grey-20);
				text-transform: uppercase;

				&:first-of-type {
					font: 300 var(--font-size-xs) var(--display-font);
					letter-spacing: 0.11rem;
				}
				&:last-of-type {
					font: 300 var(--font-size-l) var(--display-font);
					letter-spacing: 0.5rem;
				}
				@media screen and (max-width: 30rem) {
					&:first-of-type {
						font: 400 var(--font-size-xs) var(--display-font);
						letter-spacing: 0.05rem;
					}
					&:last-of-type {
						font: 400 var(--font-size-l) var(--display-font);
						letter-spacing: 0.3rem;
					}
				}
			}
		}
		#site-menu-toggle {
			span {
				font: 300 var(--font-size-m) var(--display-font);
				color: var(--colour-grey-20);
				mix-blend-mode: difference;
				text-transform: uppercase;
				letter-spacing: 0.75rem;
				text-align: center;

				@media screen and (max-width: 30rem) {
					font: 400 var(--font-size-m) var(--display-font);
					/* writing-mode: vertical-rl;
					text-orientation: upright; */
					letter-spacing: 0.3rem;
				}
			}

			&::before {
				content: '';
				background-color: var(--colour-grey-80);
				/* border: thin solid var(--colour-grey-80); */
			}
		}
		#site-menu {
			background: var(--colour-grey-100);
			backdrop-filter: blur(5px);
			-webkit-backdrop-filter: blur(10px);
		}
		.site-menu-list {
			border-left: thin solid var(--colour-grey-20);
		}
	}
	.homepage #site-header #site-menu-toggle::before {
		background-color: transparent;
		border: thin solid var(--colour-grey-80);
	}
	.homepage #site-header #site-title {
		display: none;
	}
/* STATES / TRANSITIONS */
	body {
		&:has(#site-menu.open) {
			height: 100vh;
			overflow: hidden;

			#site-menu-toggle {
				z-index: 2;

				&::before {
					background-color: var(--colour-grey-60);
				}
				span {
					/* display: none; */
				}
				&::after {
					/* content: "X" */
				}
			}
		}
	}
	#site-header {
		a {
			transition: color 0.15s ease-out;
		}
	}
	#site-menu.open {
		li {
			animation: fadein 0.25s ease-out both, slideup 0.75s ease-out both;
		}
	}
	#site-menu {
		transition: opacity 0.15s ease-out;
		&.open {
			opacity: 0.95;
			z-index: 1;
		}
		&:not(.open) {
			opacity: 0;
			pointer-events: none;
		}
	}