/*  20231025
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Bootstrap overwrites
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.container {
	position: relative;
}

.offcanvas {
	background-color: var(--desy-cyan);
}

@media(min-width: 576px) {
	.offcanvas-end {
		width: 480px;
	}
}

.offcanvas-body {
	padding-right: 0;
	display: grid;
	grid-template-rows: auto 50px;
}

@media(min-width: 576px) {
	.offcanvas-body {
		padding-right: 2rem;
	}
}

.offcanvas .accordion-button {
	font-size: 30px;
	text-transform: uppercase;
}

.offcanvas .accordion-button:not(.collapsed) {
	color: #222222;
}

.offcanvas .accordion-button.collapsed {
	color: var(--white);
}

.offcanvas .accordion-header {
	display: grid;
	grid-template-columns: 1fr 40px;
	padding: 1rem 1.25rem 0;
	margin-bottom: 15px;
}

.offcanvas .accordion-flush .accordion-item:first-child {
	border-top: none;
}

.offcanvas .accordion-item {
	border: none;
}

.offcanvas .accordion-flush .accordion-item:last-child {
	border: none;
}

.offcanvas .btn-close {
	margin-left: auto;
	opacity: 1;
	background-size: 1.3em;
}

.offcanvas li a {
	display: block;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	color: var(--white);
	text-transform: uppercase;
	text-decoration: none;
}

.offcanvas li a:hover,
.offcanvas li a.active {
	color: #222222;
}

.offcanvas .accordion-body a {
	font: var(--body-1);
}

.offcanvas .accordion-header a {
	font: var(--heading-3);
}

.offcanvas .accordion-body {
	padding: 0 1.25rem 10px; /* 1rem 1.25rem 1px; */
}

.offcanvas .accordion-body li {
	margin-bottom: 3px;
}

h1 {
	margin-top: 2rem;
	padding-bottom: 2rem;
}

.sg-content-wrapper h2:not(.accordion-header) {
	margin-top: 3rem;
	padding-bottom: 0;
	margin-bottom: 2rem;
}

.btn {
	min-width: 3.125rem;
	padding: 0.7em 1.5rem 0.6em;
	font-family: var(--desy-sans-bold);
	font-size: var(--body-2);
}

.sg-content-wrapper .d2y-glossary-nav .btn {
	padding: 0.125rem 1rem;
	font-size: var(--body-3);
}

.btn-outline-primary {
	color: var(--desy-cyan);
	border-color: var(--desy-cyan);
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: var(--desy-cyan);
	border-color: var(--desy-cyan);
}

.btn-outline-primary.active {
	color: var(--grey5);
	background-color: transparent;
	border-color: transparent;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: var(--grey3);
	border-color: var(--grey3);
}

.btn-secondary {
	color: var(--desy-cyan);
	background-color: var(--white);
	border-color: var(--white);
}

.btn-secondary:hover {
	color: #fff;
	background-color: var(--desy-cyan);
	border-color: var(--desy-cyan);
}

/* FAQ accordion padding adjustment */
.accordion-button::after {
	background-position: right;
}

.accordion-button::after {
	background-image: url('data:image/svg+xml,%3Csvg width="28" height="17" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 16.125C13.4727 16.125 13.0039 15.9492 12.6523 15.5977L1.40234 4.34766C0.640625 3.64453 0.640625 2.41406 1.40234 1.71094C2.10547 0.949219 3.33594 0.949219 4.03906 1.71094L14 11.6133L23.9023 1.71094C24.6055 0.949219 25.8359 0.949219 26.5391 1.71094C27.3008 2.41406 27.3008 3.64453 26.5391 4.34766L15.2891 15.5977C14.9375 15.9492 14.4688 16.125 14 16.125Z" fill="%23111113"/%3E%3C/svg%3E%0A');
}

.accordion-button:not(.collapsed)::after {
	background-image: url('data:image/svg+xml,%3Csvg width="28" height="17" viewBox="0 0 28 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M14 16.125C13.4727 16.125 13.0039 15.9492 12.6523 15.5977L1.40234 4.34766C0.640625 3.64453 0.640625 2.41406 1.40234 1.71094C2.10547 0.949219 3.33594 0.949219 4.03906 1.71094L14 11.6133L23.9023 1.71094C24.6055 0.949219 25.8359 0.949219 26.5391 1.71094C27.3008 2.41406 27.3008 3.64453 26.5391 4.34766L15.2891 15.5977C14.9375 15.9492 14.4688 16.125 14 16.125Z" fill="%23111113"/%3E%3C/svg%3E%0A');
	transform: rotate(-180deg);
}

.sg-main-navigation .accordion-button::after {
	width: 1rem;
	height: 1rem;
	margin-top: -0.55rem;
	background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.83705 12.02H0.745047V7.916H7.83705V0.463998H12.085V7.916H19.249V12.02H12.085V19.4H7.83705V12.02Z' fill='black'/></svg>");
	background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.83705 12.02H0.745047V7.916H7.83705V0.463998H12.085V7.916H19.249V12.02H12.085V19.4H7.83705V12.02Z' fill='white'/></svg>");
	background-size: 0.9rem;
}

@media(min-width: 768px) {
	.sg-main-navigation .accordion-button::after {
		width: 1.2rem;
		height: 1.2rem;
		margin-top: -0.5rem;
		background-size: 1.2rem;
	}
}
.sg-main-navigation .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.83705 12.02H0.745047V7.916H7.83705V0.463998H12.085V7.916H19.249V12.02H12.085V19.4H7.83705V12.02Z' fill='white'/></svg>");
	transform: rotate(-315deg);
}

.offcanvas .accordion-button:hover::after {
	background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.83705 12.02H0.745047V7.916H7.83705V0.463998H12.085V7.916H19.249V12.02H12.085V19.4H7.83705V12.02Z' fill='black'/></svg>");
}

.offcanvas .accordion-button:focus::after {
	background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.83705 12.02H0.745047V7.916H7.83705V0.463998H12.085V7.916H19.249V12.02H12.085V19.4H7.83705V12.02Z' fill='black'/></svg>");
}

.accordion-button:focus-visible {
	outline-offset: 1px;
	outline: -webkit-focus-ring-color auto 1px;
}

blockquote {
	color: var(--desy-orange);
}

/* BS Accordion */
.accordion {
	margin-bottom: 3rem;
}

.accordion-item {
	border-color: var(--white);
	background-color: transparent;
}

.accordion-flush .accordion-item:first-child {
	border-top: 3px solid var(--white);
}

.accordion-flush .accordion-item:last-child {
	border-bottom: 3px solid var(--white);
}

.accordion-flush .accordion-item {
	border-width: 3px;
}

.accordion h2 {
	font-family: var(--desy-sans-bold);
}

.accordion h2:not(.accordion-header) {
	font-family: var(--desy-sans-cn);
}

.accordion-button {
	padding-top: 1.4rem;
	background-color: transparent;
	word-break: break-word;
}

/* Accordion */

.accordion-button:not(.collapsed) {
	color: inherit;
	background-color: transparent;
	box-shadow: none;
	border-bottom: none;
}

.accordion-body {
	padding-top: 0;
}

.row + h2 {
	margin-top: 4rem;
}

video {
	display: block;
	position: relative;
	max-width: 100%;
}
.sg-stack--lower video {
	max-width: 821px;
	max-height: 462px;
	aspect-ratio: 16/9;
	width: 100%;
}

.form-control::placeholder {
	font-size: 21px;
	color: var(--desy-cyan);
}

input.form-control {
	padding: 0.775rem 0.75rem;
	font-size: 21px;
}

/* Pagination */

.pagination {
	flex-wrap: wrap;
}

.pagination li:first-child {
	margin-right: auto;
}

.pagination li:last-child {
	margin-left: auto;
}

@media(max-width: 576px) {
	.pagination li:first-child {
		flex: 0 0 50%;
		order: 1;
	}

	.pagination li:last-child {
		flex: 0 0 50%;
		order: 1;
	}

	.pagination li:first-child {
		text-align: end;
	}

	.pagination li:last-child a {
		text-align: start;
	}
}

.page-link {
	padding: 0.5rem 1.2rem;
	font-size: 30px;
	color: var(--desy-cyan);
	border: none;
	background-color: transparent;
}

.page-link img {
	width: 1.25rem;
}

.page-item.disabled .page-link {
	color: var(--grey5);
	border: none;
	background-color: transparent;
}

.page-link:hover {
	color: var(--grey5);
	border: none;
	background-color: transparent;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
SG Custom Styles
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

:root {
	--white:					#ffffff;
	--black:					#000000;
	--grey1:					#4c4e56;
	--grey2:					#cacac8;
	--grey3:					#5b5d62;
	--grey4:					#adaeb0;
	--grey5:					#696969;
	--desy-cyan:			#007bc8;
	--footer-blue:		#003448;
	--desy-orange:		#eb6e0f;
	--desy-blue:			#009fdf;
	--gradient-1:		#007bc8;
	--gradient-2	:		#007bc8;
	--white-transparent: rgba(255,255,255,0.82);
	--fallback-transparent: rgb(234, 234, 234, 0.96);

	--desy-sans-cn-heavy:	"DesySans-CnHeavy",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Oxygen,sans-serif;
	--desy-sans-bold:			"DesySans-Bold",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Oxygen,sans-serif;
	--desy-sans-bold-italic:	"DesySans-BoldItalic",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Oxygen,sans-serif;
	--desy-sans-cn-bold:			"DesySans-CnBold",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Oxygen,sans-serif;
	--desy-sans-medium:			"DesySans-Medium",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Oxygen,sans-serif;
	--desy-sans:							"DesySans-Regular",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Segoe UI,Roboto,Oxygen,sans-serif;

	--heading-1: 36px/1.33 	var(--desy-sans-cn-heavy);
	--heading-2: 30px/1.33 	var(--desy-sans-cn-bold);
	--heading-3: 24px/1.33 	var(--desy-sans-bold);
	--heading-4: 24px/1.5  	var(--desy-sans-cn-bold);
	--heading-5: 18px/1.66  var(--desy-sans-bold);
	--body-1: 18px/1.77 			var(--desy-sans-medium);
	--body-2: 18px/1.875 			var(--desy-sans);
	--body-3: 16px/1.85 				var(--desy-sans);
	--caption-1: 12px/1.66 	var(--desy-sans);
	--caption-2: 12px/1.66 	var(--desy-sans-medium);
	--caption-3: 14px/1.71 	var(--desy-sans-medium);
	--zitat: 20px/1.6 				var(--desy-sans-bold-italic);
}

@media(min-width: 768px) {
	:root {
		--heading-1: 60px/1.23 	var(--desy-sans-cn-heavy);
		--heading-2: 36px/1.33 	var(--desy-sans-cn-bold);
		--heading-3: 36px/1.33 	var(--desy-sans-bold);
		--heading-4: 26px/1.5  	var(--desy-sans-bold);
		--heading-5: 24px/1.5  	var(--desy-sans-bold);
		--body-1: 24px/1.90 			var(--desy-sans-medium);
		--body-2: 21px/1.61 			var(--desy-sans);
		--body-3: 18px/1.77 			var(--desy-sans);
		--caption-1: 16px/1.87 	var(--desy-sans);
		--caption-2: 15px/1.87 	var(--desy-sans-medium);
		--caption-3: 14px/1.71 	var(--desy-sans-medium);
		--zitat: 36px/1.33 			var(--desy-sans-bold-italic);
	}
}

body {
	color: var(--white);
	font: var(--body-2);
	background-color: #041016;
}

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Background Images
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Background video homepage */
.video-background {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.video-background::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30%;
	z-index: 10;
	background: linear-gradient(
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.738) 19%,
		hsla(0, 0%, 0%, 0.541) 34%,
		hsla(0, 0%, 0%, 0.382) 47%,
		hsla(0, 0%, 0%, 0.278) 56.5%,
		hsla(0, 0%, 0%, 0.194) 65%,
		hsla(0, 0%, 0%, 0.126) 73%,
		hsla(0, 0%, 0%, 0.075) 80.2%,
		hsla(0, 0%, 0%, 0.042) 86.1%,
		hsla(0, 0%, 0%, 0.021) 91%,
		hsla(0, 0%, 0%, 0.008) 95.2%,
		hsla(0, 0%, 0%, 0.002) 98.2%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

.video-background::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30%;
	z-index: 10;
	background: linear-gradient(rgba(4, 16, 21, 0) 0px, rgb(4, 16, 21));
}

.video-background video {
	width: 100%;
}

/* Background image homepage */
.image-background {
	width: 100%;
	max-height: 80vh;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
}

.image-background img {
	visibility: hidden;
}

.image-background::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 30%;
	z-index: 10;
	background: linear-gradient(
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.738) 19%,
		hsla(0, 0%, 0%, 0.541) 34%,
		hsla(0, 0%, 0%, 0.382) 47%,
		hsla(0, 0%, 0%, 0.278) 56.5%,
		hsla(0, 0%, 0%, 0.194) 65%,
		hsla(0, 0%, 0%, 0.126) 73%,
		hsla(0, 0%, 0%, 0.075) 80.2%,
		hsla(0, 0%, 0%, 0.042) 86.1%,
		hsla(0, 0%, 0%, 0.021) 91%,
		hsla(0, 0%, 0%, 0.008) 95.2%,
		hsla(0, 0%, 0%, 0.002) 98.2%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

.image-background::after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 150px;
	background: linear-gradient(rgba(4, 16, 21, 0) 0px, rgb(4, 16, 21));
}

[data-sg-background="home"] .container {
	position: relative;
}

/* General elements */

a {
	color: var(--desy-cyan);
	text-underline-offset: 1px;
	text-decoration-skip-ink: auto;
}

a:hover {
	color: var(--desy-blue);
}

a:focus {
	color: var(--desy-blue);
}

.link-text {
	font-weight: bold;
	color: var(--desy-cyan) !important;
}

.nav-link {
	color: var(--desy-blue);
	font-family: var(--desy-sans-bold);
	font-weight: bold;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.nav-link:hover, .nav-link:focus {
	color: var(--white);
}

.nav-link.active {
	color: var(--grey4);
}

img {
	max-width: 100%;
}

/* Typography */

h1 {
	font: var(--heading-1);
	letter-spacing: 0.03em;
}

.h2, h2 {
	font: var(--heading-2);
	letter-spacing: 0.03em;
}

/* only content accordions */
div.accordion h2 button,
div.accordion h3 button {
	font: var(--heading-4);
	letter-spacing: 0.03em;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5,
.card h6 {
	font: var(--heading-5);
	letter-spacing: 0.03em;
}

.carousel h2,
.carousel h3 {
	font: var(--heading-4);
	letter-spacing: 0.03em;
}

.card h2 {
	margin-top: 1rem;
}

.card h3 {
	margin-top: 0.85rem;
}

.card--hero h2,
.card--hero h3 {
	font: var(--heading-2);
	letter-spacing: 0.03em;
}

.meta-info {
	font: var(--caption-2);
	color: var(--black);
}

.sg-infobox h3 {
	font: var(--heading-2);
	letter-spacing: 0.03em;
}

.sg-pullout .card h3 {
	font: var(--heading-4);
	letter-spacing: 0.03em;
}

.sg-pullout p {
	font: var(--body-3);
}

.sg-pullout .card-body {
	padding: 30px;
}

.sg-contact-card .meta-info {
	font: var(--body-3);
}

.sg-contact-card h3 {
	font: var(--heading-4);
	letter-spacing: 0.03em;
}

.sg-contact-card .card-body {
	font: var(--body-3);
}

figcaption {
	font: var(--caption-1);
	color: var(--grey3);
}

.page-link {
	padding: 0.5rem 1.2rem;
	font-size: 30px;
	color: var(--desy-cyan);
	border: none;
	background-color: transparent;
}

.card.sg-card--clear .card-body {
	font: var(--body-3);
}

/* /Typography */

/* Header and Offcanvas */

#site-header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 140px;
	z-index: 100;
	transition: all 500ms ease;
	background: linear-gradient(
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.738) 19%,
		hsla(0, 0%, 0%, 0.541) 34%,
		hsla(0, 0%, 0%, 0.382) 47%,
		hsla(0, 0%, 0%, 0.278) 56.5%,
		hsla(0, 0%, 0%, 0.194) 65%,
		hsla(0, 0%, 0%, 0.126) 73%,
		hsla(0, 0%, 0%, 0.075) 80.2%,
		hsla(0, 0%, 0%, 0.042) 86.1%,
		hsla(0, 0%, 0%, 0.021) 91%,
		hsla(0, 0%, 0%, 0.008) 95.2%,
		hsla(0, 0%, 0%, 0.002) 98.2%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

#site-header.hide {
	top: -140px;
}

#site-header.compact {
	background: linear-gradient(
		hsl(0, 0%, 0%) 0%,
		hsla(0, 0%, 0%, 0.738) 19%,
		hsla(0, 0%, 0%, 0.382) 47%,
		hsla(0, 0%, 0%, 0.278) 56.5%,
		hsla(0, 0%, 0%, 0.126) 73%,
		hsla(0, 0%, 0%, 0.075) 80.2%,
		hsla(0, 0%, 0%, 0.021) 91%,
		hsla(0, 0%, 0%, 0.008) 95.2%,
		hsla(0, 0%, 0%, 0.002) 98.2%,
		hsla(0, 0%, 0%, 0) 100%
	);
}

#site-header.compact .sg-site-header-logo img {
	max-width: 135px;
}

#site-header .sg-site-header-logo img {
	max-width: 135px;
}


@media(min-width: 768px) {
	#site-header .sg-site-header-logo img {
		max-width: 235px;
	}
}

header + .container {
	margin-top: 100px;
	margin-top: calc(2vw + 50px * 2);
	margin-bottom: 3rem;
}

@media(min-width: 768px) {
	header + .container {
		margin-top: 230px;
		margin-top: calc(3vw + 100px * 2);
		margin-bottom: 3rem;
	}
}

.sg-offcanvas-trigger {
	background-color: transparent;
	outline: 0;
	border: none;
}

.sg-offcanvas-trigger img {
	width: 34px;
	filter: drop-shadow(0px 5px 10px #fff);
}

.offcanvas-logo {
	width: 135px;
	position: absolute;
	left: 1rem;
	top: 0.9rem;
}

@media(min-width: 400px) {
	.offcanvas-logo {
		display: none;
	}
}

h1 span {
	display: block;
}

h1,
.sg-glow {
	margin-bottom: 0;
	margin-left: -35px;
	margin-bottom: 0;
	padding: 35px;
	padding-bottom: 2rem;
	color: var(--white);
	text-shadow: 20px 20px 45px #f39000;
	filter: drop-shadow(-20px -20px 20px #0087be);
}

h1 + h2 {
	margin: -1rem 0 1rem !important;
}

.sg-content-offset-top {
	margin-top: 130px;
}

[data-sg-background="home"] .sg-content-offset-top {
	margin-top: 100px;
}

@media(min-width: 576px) {
	.sg-content-offset-top {
		margin-top: 160px;
	}

	[data-sg-background="home"] .sg-content-offset-top {
		margin-top: 130px;
	}
}

@media(min-width: 768px) {
	.sg-content-offset-top {
		margin-top: 300px;
	}

	[data-sg-background="home"] .sg-content-offset-top {
		margin-top: 250px;
	}
}

.sg-content-wrapper {
	color: var(--black);
	background-color: var(--fallback-transparent);
}

@supports (backdrop-filter: blur(10px)) {
	.sg-content-wrapper {
		background-color: var(--white-transparent);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.sg-content-wrapper:first-child {
	padding-top: 4rem; /* 20230104: 1rem; */
}

.sg-content-wrapper:first-child h2:not(.accordion-header) {
	margin-top: 0;
}
.sg-content-wrapper:first-child p + h2:not(.accordion-header) {
	margin-top: 2rem;
}

/* Video and Custom Controls */
.sg-video {
	position: relative;
}

.sg-custom-control {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.sg-link-play {
	color: var(--white);
}
.sg-link-play img {
	max-width: 64px;
	margin: 0 auto;
}

.sg-stack {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	max-width: 100%;
	aspect-ratio: 16/9;
}

.sg-stack-bgvideo {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	max-width: 100%;
}

.sg-stack-bgvideo video {
	width: 100%;
}

.sg-stack--lower {
	grid-area: 1 / 1 / 2 / 2;
	max-width: 100%;
	height: 98%; /* height: 100%; */
	background-color: var(--grey1);
}

.sg-stack-bgvideo .sg-stack--lower {
	background-color: #041016;
}

.sg-stack--upper {
	position: relative;
	grid-area: 1 / 1 / 2 / 2;
}

.sg-gradient-mask {
	position: relative;
	background: linear-gradient(to top, rgb(3 11 15) 0%, rgba(0, 0, 0, 0.9) 13%, rgba(0, 0, 0, 0) 100%);
}

.sg-statement {
	font: var(--heading-3);
	color: var(--desy-orange);
	text-align: center;
}

/* Quote */
.sg-quote {
	word-break: break-word;
}

.sg-quote-body {
	display: grid;
	grid-template-areas: "quote"
											"image"
											"caption";
	justify-content: center;
	align-items: center;
	text-align: center;
}

@media(min-width: 768px) {
	.sg-quote {
		margin-left: -15rem;
	}

	.sg-quote-body {
		display: grid;
		grid-template-areas: "image image quote quote quote"
												"image image caption caption caption";
	}
}

.sg-quote blockquote {
	grid-area: quote;
	font: var(--zitat);
	letter-spacing: 0.03em;
}

.sg-quote span {
	display: block;
}

.sg-quote img {
	grid-area: image;
}

@media(max-width: 768px) {
	.sg-quote img {
		max-width: 180px;
		margin: 0 auto;
	}
}

.sg-quote figcaption {
	grid-area: caption;
}

.sg-quote figcaption cite {
	color: var(--grey1);
}

.sg-quote figcaption cite span {
	color: var(--black);
}

@media(min-width: 576px) {
	.sg-infobox {
		margin-left: -5.5rem;
	}
}

@media(min-width: 768px) {
	.sg-infobox {
		margin-left: -11rem;
	}
}

/* SG pullout box grid */
.sg-pullout {
	display: grid;
}

.sg-pullout > div:nth-of-type(2) {
	order: 3;
}

@media(min-width: 768px) {
	.sg-pullout {
		grid-template-areas: "block-1 block-1 block-1 block-1 block-1 pullout-box";
	}

	.sg-pullout > div:first-of-type {
		grid-area: block-1;
	}

	.sg-pullout > div:nth-of-type(2) {
		position: relative;
		grid-area: pullout-box;
		margin-left: -6rem;
	}

	.sg-pullout .card {
		width: 300px;
		position: relative;
		right: -8rem;
	}
}

@media(min-width: 992px) {
	.sg-pullout .card {
		right: -11rem;
	}
}

/* Aktuelles News Archive */

.sg-nav-archive-wrapper {
	margin-top: 10rem;
	position: sticky;
	top: 20px;
}

#sg-nav-archive-label {
	color: var(--grey2);
	text-transform: uppercase;
}

.sg-nav-archive-wrapper .active {
	color: var(--grey2);
}

.sg-nav-archive-wrapper .nav-link {
	padding-left: var(--grey2);
}

.sg-nav-archive-wrapper--mobile .nav-link {
	padding: 0 3rem 0 0;
}
.sg-nav-archive--mobile {
	padding-bottom: 3rem;
	overflow: scroll;
	width: 100%;
}
.sg-nav-archive--mobile ul {
	display: grid;
	width: 100%;
	margin: 0;
	padding: 0;
	grid-template-columns: repeat(30, 28%);
	list-style: none;
	scroll-snap-type: x mandatory;
	overflow: auto;
	scrollbar-width: none;
}
.sg-nav-archive--mobile ul li {
	display: grid;
	scroll-snap-align: start;
}

.sg-year {
	margin: 3rem 0 !important;
	font-size: 18px;
	font-family: var(--desy-sans);
	color: var(--grey2);
}

@media(min-width: 576px) {
	.sg-year {
		border: 0;
		clip: rect(0 0 0 0);
		clip-path: inset(50%);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px !important;
		white-space: nowrap;
	}
}

.sg-searchterm {
	display: block;
	font: var(--body-1);
	color: var(--desy-cyan);
}

.sg-searchterm-count {
	margin-top: -1rem;
	font: var(--body-1);
	color: var(--grey5);
}

.btn-search {
	color: var(--desy-cyan);
	background-color: var(--white);
	border-color: var(--white);
}

.btn-search svg path {
	fill: var(--desy-cyan);
}

.btn-search:hover,
.btn-search:focus {
	color: var(--white);
	background-color: var(--desy-cyan);
	border-color: var(--desy-cyan);
}

.btn-search:hover svg path,
.btn-search:focus svg path {
	fill: var(--white);
}

/* .card */

.card:not(.sg-no-hover) {
	box-shadow: 0px 12px 36px rgba(0, 38, 62, 0.3);
	background-color: var(--fallback-transparent);
	transition: background-color 250ms;
}

@supports (backdrop-filter: blur(10px)) {
	.card:not(.sg-no-hover) {
		background-color: var(--white-transparent);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.card:not(.sg-no-hover):hover {
	background-color: var(--white);
	box-shadow: 0px 6px 16px rgba(0, 38, 62, 0.3);
}

.card:last-child {
	margin-bottom: 3rem;
}

.card-media {
	aspect-ratio: 4/3;
	overflow: hidden;
}

.card img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.card-body {
	padding: 20px;
	text-decoration: none;
}

@media(min-width: 576px) {
	.card-body {
		padding: 40px 50px;
	}
}

.card a {
	color: var(--black);
	text-decoration: none;
	transition: color 500ms;
}

.card h1 a:hover,
.card h2 a:hover,
.card h3 a:hover,
.card h4 a:hover,
.card h5 a:hover {
	color: var(--desy-cyan);
}

.card p {
	color: var(--black);
}

.card + h2 {
	margin-top: 4rem;
}

.card--hero .card-media {
	aspect-ratio: 1/1;
}

.meta-info {
	color: var(--white);
}

.meta-info--intro-reverse {
	margin-bottom: -3rem;
	margin-top: 4.5rem;
}

.card .meta-info {
	color: var(--black);
}

.meta-info span:first-of-type {
	padding-right: 0.75rem;
}

.card .meta-info span:first-of-type {
	padding-right: 0.25rem;
}

.meta-info span {
	padding-top: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.sg-contact-card .meta-info span {
	text-transform: none;
}

.meta-info span + span {
	padding-left: 1rem;
	border-left: 2px solid var(--white);
}

.card .meta-info span + span {
	padding-left: 0.5rem;
	border-left: 2px solid var(--grey5);
}

.card--hero {
	margin-top: 5rem;
}

/* /.card */

/* Contactcard */

.sg-contact-card-wrapper {
	color: var(--black);
	padding-top: 3rem;
}
.sg-contact--standalone .sg-contact-card-wrapper {
	padding-top: 0;
}

.sg-contact-card-wrapper .meta-info {
	color: var(--grey3);
}

@media(max-width: 575.98px) {
	.sg-contact-card-wrapper {
		margin: auto;
		padding: 0;
	}
}

.sg-contact-card {
	position: relative;
	bottom: -3rem;
}

@media(min-width: 576px) {
	.sg-contact-card-wrapper {
		position: relative;
	}

	.sg-contact-card {
		left: -2rem;
		bottom: -3rem;
	}
}

@media(min-width: 768px) {
	.sg-contact-card {
		left: -3rem;
		bottom: -3.5rem;
	}
}

.sg-contact-card-wrapper .card img {
	height: auto;
	max-width: 60%;
	object-fit: initial;
}

@media(min-width: 576px) {
	.sg-contact-card-wrapper .card img {
		max-width: 100%;
		padding: 1rem;
	}
}

.sg-contact-card img {
	clip-path: circle(50%);
}

.sg-contact-card a {
	color: var(--desy-cyan);
}

.sg-contact-card a:hover {
	color: var(--desy-blue);
}

.sg-contact--standalone .sg-contact-card {
	background-color: var(--fallback-transparent);
}

@supports (backdrop-filter: blur(10px)) {
	.sg-contact--standalone .sg-contact-card {
		background-color: var(--white-transparent);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.card.sg-card--clear {
	background-color: transparent;
	box-shadow: none;
	backdrop-filter: initial;
}

.card.sg-card--clear:hover {
	background-color: var(--white-transparent);
}

/* Page actions, Links mit Icon, Seite teilen Menu */

[class^="sg-icon-"] {
	padding: 0.5rem 0;
	padding-left: 1.7rem;
	font-family: var(--desy-sans-bold);
	text-decoration: none;
	background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: 0 45%;
}

.sg-page-actions [class^="sg-icon-"] {
	padding: 1.75rem 0;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 16px;
	letter-spacing: 0.05em;
	background-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: 50% 0;
	color: var(--grey4);
}

@media(min-width: 576px) {
	.sg-page-actions [class^="sg-icon-"] {
		padding: 0.5rem 0;
		padding-left: 1.8rem;
		background-size: 1.3rem;
		background-repeat: no-repeat;
		background-position: 0 45%;
	}
}

.sg-icon-share {
	text-transform: uppercase;
	background-image: url(images/icon-share-alt-square.svg);
}
.sg-icon-share:hover,
.sg-icon-share:focus {
	background-image: url(images/icon-share-alt-square--hover.svg);
}

.sg-icon-print {
	text-transform: uppercase;
	background-image: url(images/icon-print.svg);
}
.sg-icon-print:hover,
.sg-icon-print:focus {
	background-image: url(images/icon-print--hover.svg);
}

.sg-icon-share:hover,
.sg-icon-print:hover,
.sg-icon-share:focus,
.sg-icon-print:focus {
	color: var(--desy-blue);
}

.sg-icon-faq {
	background-image: url(images/icon-faq.svg);
	background-size: 1.3rem;
	margin-right: 2rem;
}
.sg-icon-faq:hover,
.sg-icon-faq:focus {
	background-image: url(images/icon-faq--hover.svg);
}

.sg-icon-glossar {
	/*text-transform: uppercase;*/
	background-image: url(images/icon-glossar.svg);
}
.sg-icon-glossar:hover,
.sg-icon-glossar:focus {
	background-image: url(images/icon-glossar--hover.svg);
}

.sg-icon-phone {
	background-image: url(images/phone-rotary-solid.svg);
}
.sg-icon-phone:hover,
.sg-icon-phone:focus {
	background-image: url(images/phone-rotary-solid--hover.svg);
}

.sg-icon-email {
	background-image: url(images/envelope-open-text-solid.svg);
}
.sg-icon-email:hover,
.sg-icon-email:focus {
	background-image: url(images/envelope-open-text-solid--hover.svg);
}

@media(min-width: 768px) {
	.sg-contact-card .list-inline-item:not(:last-child) {
		margin-right: 2rem;
	}
}

.sg-icon-facebook {
	background-image: url(images/facebook-square-brands.svg);
}
.sg-icon-facebook:hover,
.sg-icon-facebook:focus {
	background-image: url(images/facebook-square-brands--hover.svg);
}

.sg-icon-twitter {
	background-image: url(images/twitter-square-brands.svg);
}
.sg-icon-twitter:hover,
.sg-icon-twitter:focus {
	background-image: url(images/twitter-square-brands--hover.svg);
}

.sg-icon-linkedin {
	background-image: url(images/linkedin-brands.svg);
}
.sg-icon-linkedin:hover,
.sg-icon-linkedin:focus {
	background-image: url(images/linkedin-brands--hover.svg);
}

.sg-icon-up {
	background-image: url(images/icon-up.svg);
	display: inline-block;
	min-width: 64px;
	height: 64px;
	background-size: 20px;
	background-position: 22px 17px;
	background-repeat: no-repeat;
}
.sg-icon-up:hover,
.sg-icon-up:focus {
	background-image: url(images/icon-up--hover.svg);
}

.sg-page-actions {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
	justify-content: center;
}

.container.sg-content-offset-top + .container .sg-page-actions {
	margin-top: 3.5rem !important;
}

@media(min-width: 768px) {
	.sg-page-actions {
		justify-content: right;
	}

	.sg-page-actions ul {
		margin-left: auto;
	}
}

/* Seite teilen Pop Menu */

.list-inline-item ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 2rem;
	list-style: none;
}

@media (min-width: 576px) {
	.list-inline-item ul {
		grid-row-gap: 1rem;
		grid-column-gap: 2rem;
	}
}

.sg-page-actions ul li {
	position: relative;
}

.sg-page-actions ul ul {
	display: none;
	position: absolute;
	top: 2.5rem;
	left: 1rem;
	padding: 2.5rem 1rem 0.75rem;
	color: var(--desy-blue);
	background-color: var(--fallback-transparent);
}

@supports (backdrop-filter: blur(10px)) {
	.sg-page-actions ul ul {
		background-color: var(--white-transparent);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.sg-page-actions ul ul.is-open {
	display: grid;
	width: fit-content;
	z-index: 1;
}

.sg-page-actions ul ul li {
	text-align: center;
}

@media (min-width: 576px) {
	.sg-page-actions ul ul {
		left: 0;
		padding: 1rem;
	}

	.sg-page-actions ul ul li {
		text-align: left;
	}
}

.sg-page-actions ul ul [class^="sg-icon-"] {
	color: var(--desy-cyan);
}

.sg-page-actions ul ul [class^="sg-icon-"]:hover {
	color: var(--desy-blue);
}

/* Carousel */

.carousel-wrapper {
	width: 100vw;
	margin: 0 auto;
	overflow: hidden;
}

@media(min-width: 480px) {
	.carousel-wrapper {
		width: 100vw;
	}
}

.carousel .card {
	width: 300px;
	margin-right: 2rem;
	box-shadow: none;
	background-color: var(--fallback-transparent);
}

@supports (backdrop-filter: blur(10px)) {
	.carousel .card {
		background-color: var(--white-transparent);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
}

.carousel .card-body {
	min-height: 210px;
	max-height: 230px;
	overflow: hidden;
}

@media (min-width: 576px) {
	.card-body {
		padding: 30px 50px;
	}
}

@media(min-width: 768px) {
	.carousel .card-body {
		min-height: 230px;
		padding: 30px 50px;
	}
}

.carousel .card-media {
	aspect-ratio: 16/9;
}

.carousel .card-media::before {
	content: "";
	padding-top: 56.25%;
	float: left;
}

.carousel .card-media::after {
	clear: left;
	content: " ";
	display: table;
}

@media(min-width: 768px) {
	.carousel .card {
		width: 430px;
	}
}

/* Flickity Slider */

.flickity-page-dots {
	margin-top: 1rem;
	width: auto;
	position: static;
}

@media(min-width: 768px) {
	.flickity-page-dots {
		margin-top: 2rem;
	}
}

.flickity-page-dots .dot {
	width: 36px;
	height: 10px;
	margin: 0 16px;
	border-radius: 0;
	background: var(--desy-cyan);
	opacity: 1;
}

.dot.is-selected  {
	width: 36px;
	margin-top: 7px;
	height: 3px;
	background: var(--grey2);
}

/* /Flickity Carousel */

/* Footer */

.sg-site-footer {
	margin-top: 140px;
}

.sg-site-footer-logo {
	max-width: 200px;
	margin-bottom: 52px;
	padding-top: 3px;
}

@media(min-width: 768px) {
	.sg-language-switch {
		margin-bottom: 30px;
	}
}

.sg-langauge-switch-nav {
	padding-left: 1.25rem;
}

header .sg-language-switch {
	margin-bottom: 0;
	font-family: var(--desy-sans-bold);
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

header .sg-language-switch .active {
	color: var(--grey2);
}

footer {
	position: relative;
	background-color: var(--footer-blue);
	z-index: 2;
}

footer a {
	color: var(--desy-blue);
	font-family: var(--desy-sans-bold);
	font-size: 16px;
	text-decoration: none;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

footer a:hover {
	color: var(--white);
}

footer .active {
	color: var(--grey5);
	font-family: var(--desy-sans-bold);
	font-size: 16px;
}

footer p {
	margin-top: 0.5rem;
	font-size: 14px;
	line-height: 1.71;
	color: var(--grey2);
}

.footer-grid svg {
	width: 30px;
	fill: var(--grey2);
}

.footer-grid {
	display: grid;
	grid-template-columns: auto 3rem;
	grid-template-areas: "b1 b4"
												"b2 b4"
												"b3 b3";
}

@media(min-width: 576px) {
	.footer-grid {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "b1 b2"
													"b3 b3"
													"b4 b4";
		grid-column-gap: 2rem;
	}
}

@media(min-width: 840px) {
	.footer-grid {
		grid-column-gap: 4rem;
	}
}

.box1 {
	grid-area: b1;
}

.box2 {
	grid-area: b2;
}

.box3 {
	grid-area: b3;
}

.box3 img {
	max-width: 115px;
}

.box4 {
	grid-area: b4;
}

.box4 li {
	margin-bottom: 0.9rem;
}

@media(min-width: 768px) {
	.footer-grid li:first-child {
		padding-top: 0 !important;
	}
}

.sg-footer-logos {
	padding: 1rem 0;
	background-color: var(--white);
	border-bottom: 10px solid #000000;
}

.sg-footer-logos ul {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 1rem;
}

/* 2022-06-28 af
 * temporär deaktiviert, solange nur ein Logo im Footer ist.
 * Wenn wieder mehr Logos angezeigt werden sollen, muss dies erneut überprüft und ggf. angepasst werden:

@media(min-width: 320px) {
	.sg-footer-logos ul {
		grid-template-columns: 1fr 1fr;
	}
}

@media(min-width: 768px) {
	.sg-footer-logos ul {
		grid-template-columns: repeat(5, 1fr);
	}
}
 */

.sg-footer-logos li {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sg-footer-logos img {
	max-height: 50px;
}

/* /Footer */


/* Forschungsthemen Uebersicht CSS Grid und Anpassungen */
.sg-grid {
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 32px;
	padding-bottom: 6rem;
}

@media(min-width: 576px) {
	.sg-grid {
		grid-template-columns: 1fr 1fr;
		grid-gap: 38px;
	}
}

.sg-grid .card-media {
	aspect-ratio: 16/9;
}

.sg-grid .card:last-child {
	margin-bottom: 0;
}

.sg-grid {
}

.sg-grid--forschung .card-title {
	font: var(--heading-4);
	letter-spacing: 0.03em;
}

.sg-grid--forschung .card-text {
	font: var(--body-2);
}

/* /Forschungsthemen Uebersicht CSS Grid und Card Anpassungen */

.sg-single-teaser .card-title {
	font: var(--heading-5);
}

.sg-single-teaser .card-text {
	font: var(--body-3);
}

.sg-media--empty {
	display: flex;
	background-color: rgba(0, 123, 200, 0.2);
	justify-content: center;
	align-items: center;
}

.sg-media--empty img {
	padding: 30%;
	height: auto;
	object-fit: initial;
}

:focus-visible {
	outline-color: var(--desy-blue);
	outline-offset: 2px;
}

#top-button {
	position: fixed;
	z-index: 99;
	width: 64px;
	height: 64px;
	right: 20px;
	bottom: 20px;

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 14px 14px;
	gap: 10px;

	background-color: var(--white);
	box-shadow: 0px 18px 72px rgba(0, 38, 62, 0.3);
	border-radius: 36px;
}
#top-button.hide {
	bottom: -140px;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px !important;
	white-space: nowrap;
}

/* Image Gallery, Lightbox, Modal */

.sg-gallery-description {
	padding: 0.5rem 1rem;
	color: var(--grey3);
	font: var(--caption-1);
	text-align: center;
}

@media(min-width: 30em) {
	.sg-gallery-wrapper {
		columns: 2;
		column-gap: 1rem;
	}
}

.sg-gallery-wrapper img {
	margin-bottom: 1rem;
	max-height: 100%;
}

.sg-lightbox-gallery-wrapper .btn-close {
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009fdf'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	opacity: 1;
}

.sg-lightbox-gallery-wrapper .btn-close:focus {
	box-shadow: 0 0 0 3px #19F;
	border-radius: 50%:
}

.modal-backdrop.show {
	opacity: 0.8;
}

@media(min-width: 37.5em) {
	.modal-dialog {
		max-width: 80%;
	}
}

.modal-content {
	background-color: transparent;
}

.sg-lightbox-slide-container {
	width: 100%;
	height: 90vh;
	display: grid;
	align-items: center;
	justify-content: center;
}

.sg-lightbox-slide-container img {
	max-height: 80vh;
	max-width: 100%;
}

.sg-lightbox-slide-container figcaption {
	color: var(--white);
	text-align: center;
}

.flickity-slider {
	display: grid;
	align-items: center;
}

.flickity-button,
.flickity-button:hover {
	background-color: transparent;
}

.flickity-button-icon {
	fill: var(--desy-blue);
}

.flickity-prev-next-button.previous {
	left: -1rem;
}

.flickity-prev-next-button.next {
	right: -1rem;
}

@media(min-width: 37.5em) {
	.flickity-prev-next-button.previous {
		left: -2rem;
	}

	.flickity-prev-next-button.next {
		right: -2rem;
	}
}

.flickity-button:focus {
	box-shadow: 0 0 0 3px #19F;
}

.flickity-slider img {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

/* /Image Gallery, Lightbox, Modal */