html {
	min-height: 100%;
	display: flex;
	overflow-y: scroll;
	scroll-padding-top: 50px;
}
html[data-skin="biopha"] {
	--skin-color: var(--color-biopha);
}
html[data-skin="chege"] {
	--skin-color: var(--color-chege);
}
html[data-skin="fsv"] {
	--skin-color: var(--color-fsv);
}
html[data-skin="m_ehealth"] {
	--skin-color: var(--color-m_ehealth);
}
html[data-skin="mirz"] {
	--skin-color: var(--color-mirz);
}
html[data-skin="paf"] {
	--skin-color: var(--color-paf);
}
html[data-skin="phifak"] {
	--skin-color: var(--color-phifak);
}
html[data-skin="rewi"] {
	--skin-color: var(--color-rewi);
}
html[data-skin="thefak_fe"] {
	--skin-color: var(--color-thefak_fe);
}
html[data-skin="wiwi"] {
	--skin-color: var(--color-wiwi);
}
	body {
		width: 100%;
		min-width: 20em; /* 320px */
		margin: 0px;
		padding: 0px;
		display: flex;
		flex-direction: column;
		flex: 1 0 auto;
		position: relative;
		background-color: var(--white-100);
		font-family: var(--fsu-font-family);
		letter-spacing: 0.02em;
		font-variation-settings: var(--fsu-font-variation-text-regular);
		font-size: 1.000em;
		line-height: 1.500em;
	}
		body :is(button, input, select, textarea) {
			font-family: inherit; /* muss gesetzt werden da diese Elemente nicht von body erben */
			letter-spacing: inherit; /* muss gesetzt werden da diese Elemente nicht von body erben */
			font-size: inherit; /* muss gesetzt werden da diese Elemente nicht von body erben */
			line-height: inherit; /* muss gesetzt werden da diese Elemente nicht von body erben */
			border-radius: unset;
		}
		body :where(input:where([type="email"], [type="number"], [type="password"], [type="search"], [type="text"]), select) {
			padding: 0px 15px;
			text-indent: 1px;
			appearance: none;
		}
		body input[type="search"]::-webkit-search-decoration,
		body input[type="search"]::-webkit-search-cancel-button,
		body input[type="search"]::-webkit-search-results-button,
		body input[type="search"]::-webkit-search-results-decoration {
			display: none
		}
		body select {
			overflow-x: hidden; /* Safari Dinge - https://jira.uni-jena.de/browse/STK001RELA-5752 */
		}
		body select:disabled {
			opacity: 1.0; /* Chrome Dinge - https://jira.uni-jena.de/browse/STK001RELA-5943 */
		}
			body .select-icon {
				width: 44px;
				height: 44px;
				display: flex;
				align-items: center;
				justify-content: center;
				box-sizing: border-box;
				position: absolute;
				right: 0px;
				bottom: 0px;
				z-index: 1;
				pointer-events: none;
				background-clip: padding-box; /* damit Hintergrundfarbe nicht hinter der border liegt */
				border: 1px solid transparent;
				background-color: var(--white-100);
				color: var(--fsu-blue);
			}
			body select:disabled + .select-icon {
				color: var(--copyright-color);
			}
		body img {
			border: none;
		}
		body video {
			&:focus-visible {
				outline: 3px solid var(--hover-color-dark);
				outline-offset: 3px;
			}
			@media (hover: hover) {
				&:hover {
					outline: 1px solid var(--hover-color-dark);
					outline-offset: 3px;
				}
			}
		}
		body iframe:not(#rocketchat-iframe) { /* iFrame kein Fokus, da Inhalt des iFrame Fokus erhält */
			@media (hover: hover) {
				&:hover {
					outline: 1px solid var(--hover-color-dark);
					outline-offset: 3px;
				}
			}
		}
		body .block-max {
			width: 100%;
		}
		body .block-1340 {
			max-width: 83.750rem; /* 1340px */
			margin: 0px auto;
		}
		body .block-1000 {
			width: 62.500rem; /* 1000px */
			margin: 0px auto;
		}
			body .block-800 {
				width: 50.000rem; /* 800px */
			}
		body .block-dito { /* Markierung für Dito-Block Anzeige ?block-dito=1 */
			position: relative;
			box-sizing: border-box;
			border: 2px solid var(--error-color);
		}
			body .block-dito::after {
				content: attr(data-name);
				position: absolute;
				top: 40px;
				right: 40px;
				z-index: 100;
				color: var(--error-color);
				font-size: 3.750rem; /* 60px */
			}
		body .placeholder {
			clear: both;
		}
		::placeholder {
			color: var(--copyright-color);
		}
		body .layer_1,
		body .layer_2 {
			margin: 0px;
			padding: 0px;
			list-style-type: none;
		}
			body .layer_1_item_link,
			body .layer_2_item_link {
				display: block;
				color: var(--white-100);
				text-decoration: underline transparent 1px;
				text-underline-offset: 3px;
			}
		body .block-headline {
			display: block;
			margin: 0px 0px 1.500rem 0px;
			text-wrap: balance;
			color: var(--fsu-blue);
			font-weight: 600;
			font-variation-settings: var(--fsu-font-variation-headline);
			font-size: 1.563rem;
			line-height: 2.063rem;
		}
		body .pa-45 {
			padding-top: 45px;
			padding-bottom: 45px;
		}
		body .pa-t-45 {
			padding-top: 45px;
		}
		body .pa-b-45 {
			padding-bottom: 45px;
		}
		body .ma-45 {
			margin-top: 45px;
			margin-bottom: 45px;
		}
		body .ma-t-45 {
			margin-top: 45px;
		}
			body .ma-t-45-relative { /* Sonderfall - Themenbühne Multiple - sichtbare Überschrift ersten Grades und nicht Sonderfall - Übersetzungshinweis */
				margin-top: 1.500rem;
			}
		body .ma-b-45 {
			margin-bottom: 45px;
		}
		/* Link Info */
		body a span.info {
			display: inline-block;
			position: relative; /* damit .hidden_text sich an diesem Element ausrichtet - https://jira.uni-jena.de/browse/STK001RELA-6049 */
		}
			body a span.info i.icon {
				display: inline-block;
				vertical-align: top;
			}
			body a span.file,
			body a span.lang {
				display: inline-block;
				vertical-align: top;
				text-transform: uppercase;
				font-weight: 400;
				font-variation-settings: var(--fsu-font-variation-text-condensed);
				font-size: clamp(0.750rem, 0.800em, 1.000rem);
				line-height: clamp(1.000rem, 1.250em, 1.313rem);
			}
		body span.hidden_text,
		body legend.hidden_text {
			width: 1px;
			height: 1px;
			position: absolute;
			margin: -1px;
			overflow: hidden;
			white-space: nowrap;
		}
		body fieldset {
			margin: 0px;
			border: none;
			padding: 0px;
		}
	/* Lade - Animation */
	.loading {
		width: 100%;
		height: 100%;
		padding: 10px;
		box-sizing: border-box;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 30;

		&::before, &::after {
			content: "";
			width: 24px;
			height: 24px;
			box-sizing: border-box;
			position: absolute;
			top: calc(50% - 12px);
			left: calc(50% - 12px);
			border-width: 3px;
			border-style: solid;
			border-color: var(--white-100) transparent transparent transparent;
			border-radius: 50%;
		}
		&::before {
			animation: loading 2s linear infinite;
		}
		&::after {
			animation: loading 2s cubic-bezier(0.75, 0, 0, 0.75) infinite;
		}
	}
	@keyframes loading { /* muss außerhalb vom Element liegen */
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
	/* Fehlermeldung */
	#error-wrapper {
		min-height: 44px;
		padding: 10px;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		position: fixed;
		right: 76px;
		bottom: 19px;
		background-color: var(--block-background);
		border: 1px solid var(--error-color);
		color: var(--error-color);
		cursor: pointer;

		&.hidden {
			display: none;
		}
	}
	/* Overlay - wenn auf Antwort gewartet wird */
	html .overlay {
		filter: opacity(0.25);
		background-color: var(--white-100);
		pointer-events: none;
	}
	body dialog {
		padding: 0px;
		position: relative;
		border: none;
		overflow-wrap: anywhere;
		hyphens: auto;

		&::backdrop {
			background-color: transparent;
		}
		&:focus-visible {
			outline: 3px solid var(--white-100);
			outline-offset: -3px;
		}
		button[name="close"] {
			width: 44px;
			height: 44px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0px;
			position: absolute;
			top: 0px;
			right: 0px;
			cursor: pointer;
			border: none;
			background-color: transparent;
			color: inherit;

			&:focus-visible {
				outline: 3px solid var(--white-100);
				outline-offset: -6px;
			}
			@media (hover: hover) {
				&:hover {
					outline: 1px solid var(--white-100);
					outline-offset: -4px;
				}
			}
			i.icon {
				color: var(--white-100);
			}
		}
		/* Dialog - Schnelleinstieg */
		&#dialog-quickstart {
			height: 100dvh;
			max-height: 100dvh;
			margin-right: 0px;
			scrollbar-width: thin;
			scrollbar-color: var(--white-100) var(--copyright-color);
			background-color: var(--nav-background);
			box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5), 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 4px 16px rgba(0, 0, 0, 0.06);
			color: var(--white-100);

			& > nav {
				display: grid;
				grid-template-columns: 300px 300px;
				gap: 44px;
				padding: 44px 30px 0px 30px;

				& > div {
					& > h2 {
						height: 44px;
						display: flex;
						align-items: center;
						padding-left: 10px;
						margin: 0px;
						border-bottom: 1px solid var(--white-30);
						text-transform: uppercase;
						font-variation-settings: var(--fsu-font-variation-text-condensed);
						font-size: 1.125rem;
						line-height: 1.500rem;
					}
					& > ul {
						padding: 0px;
						margin: 0px;
						list-style-type: none;

						& > li {
							padding: var(--link-block-padding) 0px var(--link-block-padding) 10px; /* damit Link/Outline nur so groß wie Text */

							& > a {
								-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
								text-decoration: underline transparent 1px;
								text-underline-offset: 3px;
								color: inherit;
								font-variation-settings: var(--fsu-font-variation-text-condensed);
								font-size: 1.125rem;
								line-height: 1.500rem;

								@media (forced-colors: active) {
									color: LinkText;
								}
								&:focus-visible {
									outline: 3px solid var(--white-100);
									outline-offset: 3px;
								}
								@media (hover: hover) {
									&:hover {
										-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
										text-decoration-color: inherit;
									}
								}
							}
						}
					}
				}
			}
		}
		/* Suche */
		&#dialog-search { /* es wird das CSS vom Block »Suche« genutzt */
			width: 100%;
			max-width: 100%;
			margin: 0px;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: var(--nav-background);
			box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5), 0px 2px 8px rgba(0, 0, 0, 0.06), 0px 4px 16px rgba(0, 0, 0, 0.06);

			.block-search {
				padding: 45px 0px 25px 0px;

				fieldset {
					grid-template-columns: repeat(2, minmax(0, 1fr) auto);

					.field:has(input[type="search"]) {
						grid-column: span 2;
					}
					label {
						color: var(--white-100);
					}
					:is(input[type="search"], select, button[type="submit"]) {
						border-color: var(--white-100);
					}
					:is(input[type="search"], select):focus-visible {
						outline-color: var(--white-100);
					}
					:is(input[type="search"], select):hover {
						border-color: var(--white-100);
						outline-color: var(--white-100);
					}
					select:hover + .select-icon {
						color: inherit;
					}
				}
			}
		}
	}
	/* horizontale Scrollbar für überbreite Elemente */
	body .scrollbar {
		position: relative;

		& > div {
			overflow: auto hidden;
			scrollbar-width: thin;

			&:focus-visible { /* scrollbare Elemente sind immer auch fokusierbar */
				outline: 3px solid var(--white-100);
				outline-offset: -3px;
			}
		}
		&.scroll > div:hover {
			scrollbar-color: var(--white-100) var(--copyright-color);
		}
		&.scroll.left > div::before {
			content: "";
			width: 15px;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1;
			box-shadow: inset 10px 0px 15px -10px rgba(0, 0, 0, 0.6);
			pointer-events: none;
		}
		&.scroll.right > div::after {
			content: "";
			width: 15px;
			height: 100%;
			position: absolute;
			top: 0px;
			right: 0px;
			z-index: 1;
			box-shadow: inset -10px 0px 15px -10px rgba(0, 0, 0, 0.6);
			pointer-events: none;
		}
	}
	/* Header */
	body > header {
		background-color: var(--fsu-blue);
	}
		/* Head */
		#head-wrapper {
			display: grid;
			grid-template-columns: 1fr minmax(auto, 83.750em) 1fr;
			grid-template-rows: auto;
			position: relative;
			border-top: 2px solid var(--skin-color, var(--fsu-gold));
		}
			/* Tab-Menü */
			#nav-tabulator {
				display: none;
			}
			#head {
				grid-column: 2 / 4;
				display: grid;
				grid-template-columns: min-content minmax(auto, 400px) auto 1fr;
				grid-template-rows: auto;
				column-gap: 30px;
			}
				/* Logo */
				#head .logo-wrapper { /* gibt minimale Höhe des Head vor, da Schutzraum um Logo */
					display: flex;
					margin: 18px 0px 20px 7px;
				}
					#head .logo-wrapper a {
						width: 102px;
						height: 35px;
						display: block;
						text-decoration: none;
						color: var(--white-100);
					}
						#head .logo {
							width: 100%;
							height: 100%;
							display: block;
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/fsu_word_mark.svg");
							mask-repeat: no-repeat;
							mask-size: cover;
							background-color: var(--white-100);

							@media (forced-colors: active) {
								background-color: LinkText;
							}
						}
						#head .logo-wrapper a:focus-visible {
							outline: 3px solid var(--white-100);
							outline-offset: 3px;
						}
						#head .logo-wrapper a:hover {
							outline: 1px solid var(--white-100);
							outline-offset: 3px;
						}
				#identity-wrapper {
					align-self: center;
					margin: 10px 0px;
					text-transform: uppercase;
					overflow-wrap: anywhere;
					hyphens: auto;
				}
					#identity {
						display: flex;
						padding: 2px 0px 2px 12px;
						box-sizing: border-box;
						position: relative;
					}
						#identity::before {
							width: 2px;
							height: calc(100% - 4px);
							content: "";
							position: absolute;
							top: 0px;
							left: 0px;
							border-top: 2px solid var(--skin-color, var(--fsu-gold));
							border-bottom: 2px solid var(--skin-color, var(--fsu-gold));
							border-left: 2px solid var(--skin-color, var(--fsu-gold));
						}
						#identity a {
							color: var(--white-100);
							-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
							text-decoration: underline transparent 1px;
							text-underline-offset: 2px; /* Sonderfall - https://jira.uni-jena.de/browse/STK001RELA-6019 */
							font-variation-settings: var(--fsu-font-variation-text-condensed);
							font-size: 1.125rem;
							line-height: 1.250rem; /* Sonderfall */
						}
							#identity a:focus-visible {
								outline: 3px solid var(--white-100);
								outline-offset: 3px;
							}
							#identity a:hover {
								-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
								text-decoration-color: inherit;
							}
				#super-identity-wrapper {
					height: 33px;
					display: flex;
					position: relative;
					top: -2px;
					border-top: 2px solid var(--fsu-blue);
					box-sizing: border-box;
				}
					#super-identity-wrapper .left-edge,
					#super-identity-wrapper .right-edge {
						width: 20px;
						height: 33px;
						position: absolute;
						top: -2px;
						background-color: var(--skin-color, var(--fsu-gold));
					}
					#super-identity-wrapper .left-edge {
						left: -1px;
						clip-path: polygon(0px 0px, 2px 0px, 100% calc(100% - 2px), 100% 100%, calc(100% - 2px) 100%, 0px 2px);
					}
					#super-identity-wrapper .right-edge {
						right: -1px;
						clip-path: polygon(calc(100% - 2px) 0px, 100% 0px, 100% 2px, 2px 100%, 0px 100%, 0px calc(100% - 2px));
					}
					#super-identity {
						margin: 0px 18px;
						border-bottom: 2px solid var(--skin-color, var(--fsu-gold));
					}
						#super-identity a {
							height: 100%;
							padding: 0px 11px;
							display: flex;
							align-items: center;
							position: relative;
							z-index: 1;
							text-wrap: nowrap;
							text-transform: uppercase;
							-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
							text-decoration: underline transparent 1px;
							text-underline-offset: 2px; /* Sonderfall - https://jira.uni-jena.de/browse/STK001RELA-6019 */
							color: var(--white-100);
							font-variation-settings: var(--fsu-font-variation-text-condensed);
							font-size: 0.750rem;
							line-height: 1.000rem;
						}
							#super-identity a:focus-visible {
								outline: 3px solid var(--white-100);
								outline-offset: -3px;
							}
							#super-identity a:hover {
								-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
								text-decoration-color: inherit;
							}
				/* Kopf - Menü - Big + Medium + Small + Tiny */
				#head-nav-wrapper {
					grid-column: 4 / 5;
					align-self: start;
					justify-self: end;
					display: flex;

					.nav {
						display: flex;
						align-items: flex-start;
						justify-content: flex-end;
					}
				}
		/* Kopf - Menü - Big + Medium + Small + Tiny/Haupt - Navigation - Kopf - Menü - Medium + Small + Tiny */
		:where(#head-nav-wrapper, #nav-head-wrapper) {
			:where(li, ul) {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}
			:where(& > nav > ul, & > ul) {
				display: flex;
				gap: 1px;
				padding-right: 1px;

				:where(a, button) {
					width: 44px;
					height: 44px;
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 0px;
					margin: 0px;
					cursor: pointer;
					border: none;
					background-color: var(--fsu-blue);
					text-decoration: none;
					color: var(--white-100);
					font-variation-settings: var(--fsu-font-variation-text-condensed);
					font-size: 1.125rem;
					line-height: 1.500rem;

					&:focus-visible {
						outline: 3px solid var(--white-100);
						outline-offset: -6px;
					}
					@media (hover: hover) {
						&:hover {
							outline: 1px solid var(--white-100);
							outline-offset: -4px;
						}
					}
				}
				/* Sprachversion/Barrierearmut */
				:where(.language-wrapper, .accessibility-wrapper) {
					position: relative;

					ul {
						display: none;
						position: absolute;
						top: 44px;
						right: 0px;
						z-index: 100;
						background-color: var(--fsu-blue);
						box-shadow: -2px 2px 2px var(--box-shadow-color);

						&.visible {
							display: flex;
							flex-direction: column;
							border: 1px solid rgba(77, 101, 133, 1); /* #4d6585 */

							a {
								justify-content: left;
								font-size: 1.000rem;
								line-height: 1.500rem;
							}
							li:not(:first-child) {
								border-top: 1px solid rgba(38, 68, 106, 1); /* #26446a */
							}
						}
					}
					&.language-wrapper {
						.hidden {
							display: none;
						}
						:where(button, a span:first-child) {
							text-transform: uppercase;
							font-weight: 900;
							font-variation-settings: var(--fsu-font-variation-text-bolder);
							font-size: 0.813rem; /* 13px */
							line-height: 1.063rem; /* 20px */
						}
						ul.visible a {
							width: auto;
							padding: 0px 44px 0px 0px;

							span:first-child {
								width: 44px;
								text-align: center;
							}
						}
					}
					&.accessibility-wrapper {
						ul.visible a {
							width: auto;
							padding: 0px 10px;
							white-space: nowrap;

							i.icon {
								margin-right: 10px;
							}
						}
					}
				}
			}
		}
		/* Navigation */
		#nav-wrapper {
			display: grid; /* Grid wird für geöffnete Navigation benötigt */
			grid-template-columns: 100%;
			--nav-hub-height: 44px; /* default-Höhe, wird per JS geändert */
			grid-template-rows: minmax(var(--nav-hub-height), auto) auto;
		}
			/* Hub-Navigation */
			#nav-hub-wrapper {
				grid-row: 1 / 2;
				position: relative;
				background-color: var(--fsu-blue); /* nochmal definieren für Sticky-Nav */
			}
				#nav-hub {
					display: grid;
					grid-template-columns: auto minmax(0, 1fr);
					grid-template-rows: auto;
					position: relative;

					/* Button - Haupt - Navigation */
					.nav-main-control {
						align-self: start;
						display: grid;
						grid-template-columns: 44px auto;
						grid-template-rows: 44px;
						align-items: center;
						padding: 0px 15px 0px 0px;
						position: relative;
						margin: 0px;
						cursor: pointer;
						border: none;
						background-color: var(--fsu-blue);
						text-transform: uppercase;
						color: var(--white-100);
						font-variation-settings: var(--fsu-font-variation-headline-block);
						font-size: 1.125rem;
						line-height: 1.500rem;

						&:focus-visible {
							outline: 3px solid var(--white-100);
							outline-offset: -6px;
						}
						&:hover {
							outline: 1px solid var(--white-100);
							outline-offset: -4px;
						}
						/* Lade - Animation */
						.loading {
							grid-column: 1 / 2;
							width: 44px; /* damit nur das Icon überdeckt wird */
							background-color: var(--fsu-blue);
						}
					}
				}
				#nav-hub .nav ul {
					display: flex;
					margin: 0px;
					padding: 0px;
					list-style-type: none;
				}
					#nav-hub .nav a {
						height: 44px;
						display: flex;
						align-items: center;
						justify-content: center;
						padding: 0px 15px;
						white-space: nowrap;
						-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
						text-decoration: underline transparent 1px;
						text-underline-offset: 3px;
						color: var(--white-100);
						font-variation-settings: var(--fsu-font-variation-text-condensed);
						font-size: 1.125rem;
						line-height: 1.500rem;
					}
						#nav-hub .nav a.active {
							background-color: var(--nav-background);
						}
						#nav-hub .nav a:focus-visible {
							outline: 3px solid var(--white-100);
							outline-offset: -3px;
						}
						#nav-hub .nav a:hover {
							-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
							text-decoration-color: inherit;
						}
			/* Level-Navigation */
			#nav-level-wrapper {
				background-color: var(--nav-background);
				display: none;

				ol {
					display: flex;
					margin: 0px;
					padding: 0px 10px;
					list-style-type: none;

					& > li {
						width: 100%;
						max-width: 50px;
						min-width: 44px;
						height: 44px;

						& > button {
							width: 100%;
							height: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							padding: 0px 5px;
							position: relative;
							cursor: pointer;
							border: none;
							background-color: transparent;

							&:focus-visible {
								outline: 3px solid var(--white-100);
								outline-offset: -6px;
							}
							/* Lade - Animation */
							& > .loading {
								background-color: var(--nav-background);
							}
						}
					}
				}
			}
			/* Haupt-Navigation */
			#nav-main-wrapper {
				display: none;
				position: relative;
				background-color: var(--nav-background);
			}
				#nav-main {
					height: 100%;
				}
					#nav-main .nav {
						width: 100%;
						height: 100%;
						overflow: hidden;
						position: relative;
					}
						#nav-main .list-wrapper {
							width: 25%;
							height: 100%;
							display: none;
							box-sizing: border-box;
							position: absolute;
							top: 0px;
							left: 0px;
						}
						#nav-main ul .list-wrapper {
							width: 100%;
							left: 100%;
						}
						#nav-main .list-wrapper.active {
							display: block;
						}
						#nav-main .list-wrapper.transition { /* prefers-reduced-motion im JS geprüft - siehe theme.moveNavMain() */
							transition: transform 700ms ease-in-out 0ms;
						}
							#nav-main ul {
								width: 100%;
								height: 100%;
								display: flex;
								flex-direction: column;
								margin: 0px;
								padding: 0px;
								list-style-type: none;
								overflow-y: auto;
								scrollbar-width: thin;
								scrollbar-color: var(--white-100) var(--copyright-color);

								&:focus-visible { /* scrollbare Elemente können auch immer Fokus erhalten */
									outline: 3px solid var(--white-100);
									outline-offset: 0px;
								}
							}
								#nav-main li {
									margin-bottom: 10px;
								}
								#nav-main li:last-child {
									margin-bottom: 0px;
								}
									#nav-main li .entry {
										display: grid;
										grid-template-columns: minmax(0, 1fr) auto;
										grid-template-rows: minmax(50px, max-content);
										position: relative;
										color: var(--white-100);
									}
									#nav-main li .path  {
										background-color: var(--white-100);
										color: var(--fsu-blue);
									}
								#nav-main li .hub::before {
									content: "";
									width: 2px;
									position: absolute;
									top: 4px;
									bottom: 4px;
									left: 6px;
									border-top: 2px solid var(--white-30);
									border-bottom: 2px solid var(--white-30);
									border-left: 2px solid var(--white-30);
								}
								#nav-main li .path.hub::before {
									border-top-color: rgba(23, 68, 136, 0.5); /* #174488 - 50% */
									border-bottom-color: rgba(23, 68, 136, 0.5); /* #174488 - 50% */
									border-left-color: rgba(23, 68, 136, 0.5); /* #174488 - 50% */
								}
									#nav-main a {
										padding: 3px 59px 3px 15px;
										display: flex;
										align-items: center;
										color: inherit;
										-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
										text-decoration: underline transparent 1px;
										text-underline-offset: 3px;
										font-variation-settings: var(--fsu-font-variation-text-condensed);
										font-size: 1.125rem;
										line-height: 1.500rem;

										@media (forced-colors: active) {
											color: LinkText;
										}
									}
										#nav-main a:focus-visible {
											outline: 3px solid var(--white-100);
											outline-offset: -3px;
										}
										#nav-main .path a:focus-visible {
											outline-color: var(--hover-color-dark);
											outline-offset: -4px;
										}
										#nav-main a:hover {
											-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
											text-decoration-color: inherit;
										}
										#nav-main a .link-text {
											overflow-wrap: anywhere;
											hyphens: auto;
											display: -webkit-box;
											overflow: hidden;
											-webkit-box-orient: vertical;
											-webkit-box-align: center;
											-webkit-line-clamp: 3;
											line-clamp: 3;
										}
									#nav-main li .children a {
										padding-right: 15px;
									}
									#nav-main li button {
										align-self: center;
										width: 44px;
										height: 44px;
										display: flex;
										position: relative;
										align-items: center;
										justify-content: center;
										padding: 0px;
										margin: 0px;
										cursor: pointer;
										border: none;
										background-color: var(--button-color);
										color: inherit;
									}
										#nav-main li button:focus-visible {
											outline: 3px solid var(--white-100);
											outline-offset: -6px;
										}
										#nav-main li button:hover {
											outline: 1px solid var(--white-100);
											outline-offset: -4px;
										}
										#nav-main li button[aria-expanded="false"]:hover {
											background-color: var(--hover-color-dark);
										}
										/* Lade - Animation */
										#nav-main li button .loading {
											background-color: var(--button-color);
										}
									#nav-main li .path button {
										background-color: transparent;
									}
										#nav-main li .path button:focus-visible {
											outline-color: var(--hover-color-dark);
											color: var(--hover-color-dark);
										}
										#nav-main li .path button:hover {
											outline-color: var(--hover-color-dark);
											color: var(--hover-color-dark);
										}
										#nav-main li .path button[aria-expanded="false"]:hover {
											background-color: inherit;
										}
			/* Brotkrume/Haupt - Navigation - Brotkrume - Medium + Small + Tiny */
			:where(#breadcrumb-wrapper, #nav-breadcrumb-wrapper) {
				background-color: var(--nav-background);

				&#breadcrumb-wrapper {
					grid-row: 2 / 3;
				}
				ol {
					display: flex;
					margin: 0px;
					padding: 0px;
					list-style-type: none;

					li {
						display: flex; /* weil .icon außerhalb des a liegt */
						align-items: center;
						color: var(--white-100);

						a {
							height: 33px;
							display: flex;
							align-items: center;
							justify-content: center;
							padding: 0px 5px;
							white-space: nowrap;
							-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
							text-decoration: underline transparent 1px;
							text-underline-offset: 3px;
							color: inherit;
							font-variation-settings: var(--fsu-font-variation-text-condensed-thin);
							font-size: 0.813rem;
							line-height: 1.063rem;

							@media (forced-colors: active) {
								color: LinkText;
							}
							&:focus-visible {
								outline: 3px solid var(--white-100);
								outline-offset: -3px;
							}
							@media (hover: hover) {
								&:hover {
									-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
									text-decoration-color: inherit;
								}
							}
						}
					}
				}
			}
		/* Sticky - Menü */
		.nav-sticky #nav-hub-wrapper {
			position: fixed;
			top: 0;
			z-index: 120;
			box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 2px 8px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.06);

			.logo-wrapper {
				opacity: 1;
				pointer-events: auto;
			}
		}
		#nav-hub .logo-wrapper {
			position: absolute;
			top: 8px;
			left: -98px;
			opacity: 0; /* siehe Abschnitt @media (prefers-reduced-motion: no-preference) */
			pointer-events: none;

			a {
				width: 78px;
				height: 27px;
				display: block;
				text-decoration: none;

				&:focus-visible {
					outline: 3px solid var(--white-100);
					outline-offset: 3px;
				}
				@media (hover: hover) {
					&:hover {
						outline: 1px solid var(--white-100);
						outline-offset: 3px;
					}
				}
				.logo {
					width: 100%;
					height: 100%;
					display: block;
					mask-image: url("/pub/theme/vorlage_fe/skin/_images/fsu_word_mark.svg");
					mask-repeat: no-repeat;
					mask-size: cover;
					background-color: var(--white-100);

					@media (forced-colors: active) {
						background-color: LinkText;
					}
				}
			}
		}
	/* Body */
	#main_wrapper {
		flex: 1 0 auto;
	}
		/* Block-Info */
		.block_info {
			display: flex;
			gap: 40px;
			align-items: center;
			color: var(--fsu-blue);

			&.hidden {
				display: none;
			}
			& > .icon_wrapper {
				flex-shrink: 0;
				width: 80px;
				height: 80px;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: var(--block-background);
				clip-path: circle(50% at 50% 50%);
			}
			& > span {
				text-wrap: balance;
				text-transform: uppercase;
				font-weight: 500;
				font-variation-settings: var(--fsu-font-variation-headline-block);
				font-size: 1.375rem;
				line-height: 1.813rem;

				& > a,
				& > span > a {
					color: inherit;
					text-decoration: underline 1px;
					text-underline-offset: 3px;

					@media (forced-colors: active) {
						color: LinkText;
					}
					&:focus-visible {
						outline: 3px solid var(--hover-color-dark);
						outline-offset: 0px;
					}
					@media (hover: hover) {
						&:hover {
							text-decoration-thickness: 2px;
						}
					}
				}
			}
		}
		/* Übersetzungshinweis */
		#auto-translate-wrapper {
			.auto-translate-text {
				display: flex;
				width: fit-content;
				align-items: center;
				padding: 0px 10px;
				color: var(--text-color);
				font-variation-settings: var(--fsu-font-variation-text-condensed);
				min-height: 30px;
				background-color: var(--block-background);

				.icon {
					margin-right: 10px;
				}
			}
			&.invert {
				background-color: var(--block-background);

				.auto-translate-text {
					background-color: var(--white-100);
				}
			}
		}
		/* wenn letzter sichtbarer Block in letzter Orientierung vom Typ 3 ist, dann immer Abstand unten */
		#body_wrapper div:last-child > [data-spacing-type="3"]:last-child {
			margin-bottom: 45px;
		}
		/* Sidebar */
		#sidebar-wrapper {
			position: fixed;
			right: 15px;
			bottom: 19px;
			z-index: 90;
		}
			#sidebar-wrapper ul {
				padding: 0px;
				margin: 0px;
				list-style-type: none;
			}
			#sidebar-wrapper .list {
				display: flex;
				flex-direction: column;
				gap: 15px;
			}
				#sidebar-wrapper .list > li {
					width: 44px;
					height: 44px;
					display: flex;
					align-items: center;
					justify-content: flex-end;
					position: relative;
				}
				#sidebar-wrapper li.share-mobile {
					display: none;
				}
					#sidebar-wrapper .sub-list {
						display: flex;
						gap: 5px;
						visibility: hidden;
						position: absolute;
						right: calc(100% + 15px);
						opacity: 0;
					}
					#sidebar-wrapper li.share .sb-button[aria-expanded="true"] ~ .sub-list {
						visibility: visible;
						opacity: 1;
					}
					#sidebar-wrapper .sb-link,
					#sidebar-wrapper .sb-button {
						width: 44px;
						height: 44px;
						display: flex;
						padding: 0px;
						margin: 0px;
						align-items: center;
						justify-content: center;
						box-sizing: border-box;
						cursor: pointer;
						border: 1px solid var(--button-color);
						background-color: var(--white-100);
						text-decoration: none;
						color: var(--button-color);
					}
					#sidebar-wrapper .sb-button[aria-expanded="true"] {
						color: var(--button-color);
						z-index: 110;
					}
					#sidebar-wrapper .sb-button:disabled {
						border-color: var(--copyright-color);
						color: var(--copyright-color);
						pointer-events: none;
					}
						#sidebar-wrapper .sb-link:focus-visible,
						#sidebar-wrapper .sb-button:focus-visible {
							outline: 3px solid var(--hover-color-dark);
							outline-offset: -6px;
						}
						#sidebar-wrapper .sb-link:hover,
						#sidebar-wrapper .sb-button:hover {
							border-color: var(--hover-color-dark);
							color: var(--hover-color-dark);
							outline: 1px solid var(--hover-color-dark);
							outline-offset: -4px;
						}
						#sidebar-wrapper a.bg-image::after {
							width: 100%;
							height: 100%;
							content: "";
							mask-repeat: no-repeat;
							mask-position: center;
							background-color: var(--button-color);

							@media (forced-colors: active) {
								background-color: LinkText;
							}
						}
						#sidebar-wrapper a.bg-image:hover::after {
							background-color: var(--hover-color-dark);

							@media (forced-colors: active) {
								background-color: LinkText;
							}
						}
						#sidebar-wrapper li.share .sb-button[aria-expanded="true"] ~ .sub-list a.bg-image.whatsapp:after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/sidebar_share_whatsapp.svg");
						}
						#sidebar-wrapper li.share .sb-button[aria-expanded="true"] ~ .sub-list a.bg-image.facebook:after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_facebook.svg");
						}
						#sidebar-wrapper li.share .sb-button[aria-expanded="true"] ~ .sub-list a.bg-image.linkedin:after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_linkedin.svg");
						}
	/* Footer */
	#foot-wrapper {
		background-color: var(--nav-background);
	}
		#ribbon-wrapper {
			margin-bottom: 45px;
		}
			#ribbon {
				height: 12px;
			}
			#ribbon.lazy-bg {
				background: url("/pub/theme/vorlage_fe/skin/_images/footer_background.svg") no-repeat top center / 100% 100%;
			}
		#nav-layer-wrapper {
			margin-bottom: 45px;
		}
			#nav-layer .layer_1_item {
				display: grid;
				grid-template-columns: auto 44px;
				grid-template-rows: auto auto;
				border-bottom: 1px solid var(--white-100);
			}
				#nav-layer .layer_1_item:first-child {
					border-top: 1px solid var(--white-100);
				}
				#nav-layer .layer_1_item_link {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					min-height: 44px;
					display: flex;
					align-items: center;
					-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
					text-decoration: underline transparent 1px;
					text-underline-offset: 3px;
					font-weight: 500;
					font-variation-settings: var(--fsu-font-variation-headline-block);
					font-size: 1.375rem;
					line-height: 1.813rem;
				}
					#nav-layer .layer_1_item_link:focus-visible {
						outline: 3px solid var(--white-100);
						outline-offset: 3px;
					}
					#nav-layer .layer_1_item_link:hover {
						-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
						text-decoration-color: inherit;
					}
				#nav-layer .layer_1_item_link_status {
					grid-column: 2 / 3;
					grid-row: 1 / 2;
					width: 44px;
					min-height: 44px;
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 0px;
					color: var(--white-100);
					border: none;
					background-color: transparent;
					cursor: pointer;
				}
					#nav-layer .layer_1_item_link_status:focus-visible {
						outline: 3px solid var(--white-100);
						outline-offset: -6px;
					}
					#nav-layer .layer_1_item_link_status:hover {
						outline: 1px solid var(--white-100);
						outline-offset: -4px;
					}
				#nav-layer .layer_2 {
					grid-column: 1 / 3;
					grid-row: 2 / 3;
					background-color: var(--white-100);
					display: none;

					&.show {
						display: block;
					}
				}
					#nav-layer .layer_2_item_link {
						min-height: 44px;
						display: flex;
						align-items: center;
						padding: 0px 14px;
						color: var(--fsu-blue);
						font-variation-settings: var(--fsu-font-variation-text-condensed);
					}
						#nav-layer .layer_2_item_link:focus-visible {
							outline: 3px solid var(--hover-color-dark);
							outline-offset: -6px;
						}
							#nav-layer .layer_2_item_link:hover {
								-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
								text-decoration-color: inherit;
							}
		#social-partner {
			margin-bottom: 45px;

			ul {
				margin: 0px;
				padding: 0px;
				list-style-type: none;
			}
			& > div {
				display: grid;
				grid-template-columns: repeat(7, minmax(0, 1fr));
				grid-template-rows: minmax(0, 1fr) min-content;
				grid-gap: 45px;

				/* wenn Global-Footer-Navigation vorhanden */
				&:has(> #nav-global-footer) {
					/* Global-Footer-Navigation */
					#nav-global-footer {
						grid-column: 1 / 7;
						grid-row: 1 / 2;

						& > ul {
							display: flex;
							flex-wrap: wrap;
							gap: 45px;

							& > li {
								flex: 1 1 200px;

								& > ul > li {
									padding: 11px 0px 9px 0px;

									a {
										display: block;
										overflow-wrap: anywhere;
										hyphens: auto;
										text-wrap: balance;
										-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
										text-decoration: underline transparent 1px;
										text-underline-offset: 3px;
										color: var(--white-100); /* siehe https://jira.uni-jena.de/browse/STK001RELA-6485 */
										font-variation-settings: var(--fsu-font-variation-text-condensed);
										font-size: 1.125rem;
										line-height: 1.500rem;

										&:focus-visible {
											outline: 3px solid var(--white-100);
											outline-offset: 3px;
										}
										@media (hover: hover) {
											&:hover {
												-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
												text-decoration-color: inherit;
											}
										}
									}
								}
							}
						}
					}
					#social {
						grid-column: 7 / 8;
						grid-row: 1 / 3;
						justify-self: center;

						ul {
							flex-direction: column;
							flex-wrap: nowrap;
						}
					}
					#partner {
						grid-column: 1 / 7;
						grid-row: 2 / 3;
					}
				}
				#social {
					grid-column: 1 / 8;
					grid-row: 1 / 2;

					ul {
						display: flex;
						flex-wrap: wrap;
						gap: 5px;

						a {
							width: 44px;
							height: 44px;
							display: block;
							text-decoration: none;
							color: var(--white-100); /* siehe https://jira.uni-jena.de/browse/STK001RELA-6485 */

							&::after {
								content: "";
								width: 100%;
								height: 100%;
								display: block;
								mask-repeat: no-repeat;
								mask-position: center;
								mask-size: 100%;
								background-color: var(--white-100);

								@media (forced-colors: active) {
									background-color: LinkText;
								}
							}
							&:focus-visible {
								outline: 3px solid var(--white-100);
								outline-offset: -3px;
							}
							@media (hover: hover) {
								&:hover {
									outline: 1px solid var(--white-100);
									outline-offset: -1px;
								}
							}
						}
					}
					&.lazy-bg a {
						&.instagram::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_instagram.svg");
						}
						&.tiktok::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_tiktok.svg");
						}
						&.youtube::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_youtube.svg");
						}
						&.linkedin::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_linkedin.svg");
						}
						&.facebook::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_facebook.svg");
						}
						&.mastodon::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_mastodon.svg");
						}
						&.bluesky::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/social_bluesky.svg");
						}
					}
				}
				#partner {
					grid-column: 1 / 8;
					grid-row: 2 / 3;

					ul {
						display: flex;
						flex-wrap: wrap;
						gap: 25px;

						li {
							display: flex;
							align-items: center;

							a {
								display: block;
								text-decoration: none;
								color: var(--white-100); /* siehe https://jira.uni-jena.de/browse/STK001RELA-6485 */

								&.diversity {
									width: 101px;
									height: 55px;
								}
								&.conduct {
									width: 74px;
									height: 40px;
								}
								&.family {
									width: 106px;
									height: 34px;
								}
								&.sport {
									width: 70px;
									height: 47px;
								}
								&.accreditation {
									width: 55px;
									height: 55px;
								}
								&.equality {
									width: 50px;
									height: 50px;
								}
								&.thuringia {
									width: 122px;
									height: 50px;
								}
								&.research {
									width: 81px;
									height: 50px;
								}
								&::after {
									content: "";
									width: 100%;
									height: 100%;
									display: block;
									mask-repeat: no-repeat;
									mask-position: center;
									mask-size: 100%;
									background-color: var(--white-100);

									@media (forced-colors: active) {
										background-color: LinkText;
									}
								}
								&:focus-visible {
									outline: 3px solid var(--white-100);
									outline-offset: 3px;
								}
								@media (hover: hover) {
									&:hover {
										outline: 1px solid var(--white-100);
										outline-offset: 3px;
									}
								}
							}
						}
					}
					&.lazy-bg a {
						&.diversity::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_diversity.svg");
						}
						&.conduct::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_conduct.svg");
						}
						&.family::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_family.svg");
						}
						&.sport::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_sport.svg");
						}
						&.accreditation::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_accreditation.svg");
						}
						&.equality::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_equality.svg");
						}
						&.thuringia::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_thuringia.svg");
						}
						&.research::after {
							mask-image: url("/pub/theme/vorlage_fe/skin/_images/partner_research.svg");
						}
					}
				}
			}
		}
		/* Footer-Navigation */
		#nav-foot-wrapper .layer_1 {
			display: flex;
			flex-wrap: wrap;
			padding-right: 55px; /* Sidebar-Breite plus 10px */
			gap: 0px 22px;
		}
			#nav-foot-wrapper .layer_1_item_link {
				min-height: 44px;
				display: flex;
				align-items: center;
				padding: 0px 5px;
				-webkit-text-decoration: none; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
				text-decoration: underline transparent 1px;
				text-underline-offset: 3px;
				font-variation-settings: var(--fsu-font-variation-text-condensed-thin);
				font-size: 0.813rem;
				line-height: 1.063rem;
			}
			#nav-foot-wrapper .layer_1_item_link:first-child {
				padding-left: 0px;
			}
				#nav-foot-wrapper .layer_1_item_link:focus-visible {
					outline: 3px solid var(--white-100);
					outline-offset: -3px;
				}
				#nav-foot-wrapper .layer_1_item_link:hover {
					-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
					text-decoration-color: inherit;
				}
/* kleiner gleich 1596px */
@media (max-width: 99.7500em) {
	/* Sticky - Menü */
	#nav-hub .logo-wrapper {
		display: none;
	}
}
/* Größer gleich 1200px - Big */
@media (min-width: 75.0000em) {
	html {
		/* aufgeklappt */
		&.nav-expanded {
			#nav-wrapper {
				width: 100%;
				--head-height-visible: 75px; /* sichtbarer Bereich des Head - Variable wird per JS verändert */
				height: calc(100dvh - var(--head-height-visible));
				grid-template-rows: minmax(var(--nav-hub-height), auto) auto 1fr auto;
				position: fixed;
				bottom: 0px;
				left: 0px;
			}
			#nav-level-wrapper {
				grid-row: 2 / 3;
				overflow: hidden;
			}
			#nav-main-wrapper {
				grid-row: 3 / 4;
				overflow: hidden;
			}
			#breadcrumb-wrapper {
				grid-row: 4 / 5;
				background-color: var(--fsu-blue);
			}
			:is(#main_wrapper, #foot-wrapper) {
				display: none;
			}
		}
		/* aufgeklappt & sticky */
		&.nav-expanded.nav-sticky {
			#head-wrapper {
				display: none;
			}
			#nav-hub-wrapper {
				box-shadow: none;
			}
		}
		/* Anpassungen keine Haupt - Navigation - OnePager */
		#nav-wrapper:not(:has(#nav-hub-wrapper)) {
			display: none;
		}
	}
	#head { /* Eigenschaften von .block-1340 zurücksetzen */
		max-width: none;
		margin: 0px;
	}
		/* Tab-Menü */
		#nav-tabulator {
			display: block;
			margin: 0px;
			padding: 0px;
			list-style-type: none;
			position: absolute;
			top: 18px;
			left: 11px;
			z-index: 10;
		}
			#nav-tabulator a {
				height: 44px;
				padding: 0px 15px;
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				top: -64px; /* Höhe Links + Abstand oben */
				left: 0px;
				background-color: var(--white-100);
				color: var(--fsu-blue);
				text-wrap: nowrap;
				text-decoration: none;
				font-variation-settings: var(--fsu-font-variation-text-condensed);
				font-size: 1.125rem;
				line-height: 1.500rem;
			}
				#nav-tabulator a:focus-visible {
					position: static;
					overflow: unset;
					outline: 3px solid var(--hover-color-dark);
					outline-offset: -6px;
				}
				#nav-tabulator a:hover {
					outline: 1px solid var(--hover-color-dark);
					outline-offset: -4px;
				}
	/* Kopf - Menü - Big */
	#head-nav-wrapper {
		/* Button - Schnelleinstieg */
		a.quickstart {
			width: auto;
			padding: 0px 10px;
			white-space: nowrap;

			i.icon {
				margin-right: 10px;
			}
		}
		/* Button - Haupt - Navigation - Medium + Small + Tiny */
		.nav-main-control-wrapper {
			display: none;
		}
	}
	/* Haupt - Navigation - Kopf - Menü - Medium + Small + Tiny */
	#nav-head-wrapper {
		display: none;
	}
	/* Haupt-Navigation */
	#nav-main-wrapper {
		background: url("/pub/theme/vorlage_fe/skin/_images/navigation-background.svg") bottom center no-repeat var(--nav-background);
		background-size: 100% auto;
	}
	/* Level-Navigation */
	#nav-level-wrapper ol > li > button {
		&::before { /* Strich */
			content: "";
			width: 40px;
			height: 2px;
			display: block;
			border-radius: 5px;
			background-color: var(--white-50);
			position: absolute;
			z-index: 20;
		}
		&.active::before {
			height: 4px;
			background-color: var(--white-100);

			@media (forced-colors: active) {
				background-color: ButtonText;
			}
		}
		&::after { /* Hover-Effekt */
			content: "";
			width: 100%;
			height: 14px;
			display: block;
			border: 1px solid transparent;
			position: absolute;
			z-index: 10;
		}
		&.hover {
			&::after {
				border-top-color: var(--white-100);
				border-bottom-color: var(--white-100);
			}
			&.first:after {
				border-left-color: var(--white-100);
				border-top-left-radius: 12px;
				border-bottom-left-radius: 12px;
			}
			&.last:after {
				border-right-color: var(--white-100);
				border-top-right-radius: 12px;
				border-bottom-right-radius: 12px;
			}
		}
	}
	/* Haupt-Navigation */
	#nav-main .list-wrapper {
		border-left: 1px solid var(--copyright-color);
	}
	#nav-main .list-wrapper.fiv { /* FirstInView */
		border-left-color: transparent;
	}
	#nav-main ul .list-wrapper {
		width: calc(100% + 1px); /* border muss kompensiert werden */
	}
	/* Haupt - Navigation - Brotkrume - Medium + Small + Tiny */
	#nav-breadcrumb-wrapper {
		display: none;
	}
}
/* größer gleich 999px - Medium + Big */
@media (min-width: 62.4375em) {
	body .pa-t-45-viewport-2-1 { /* Abstand zur Themenbühne mit Bild nur in Big und Medium - damit kein doppelter Abstand mit Vollfläche-Blöcken entsteht */
		padding-top: 45px;
	}
}
/* Größer gleich 768px - Medium + Big */
@media (min-width: 48.0000em) {
	/* Sidebar */
	#sidebar-wrapper {
		transform: translateY(60px) translate3d(0, 0, 0); /* Safari Dinge */;
	}
		#sidebar-wrapper li.up {
			visibility: hidden;
		}
}
/* Größer gleich 768px, Kleiner gleich 1199px - Medium */
@media (min-width: 48.0000em) and (max-width: 74.9375em) {
	/* Navigation - aufgeklappt */
	.nav-expanded #nav-wrapper {
		width: 70vw;
	}
	/* Footer */
	#social-partner {
		& > div {
			grid-template-columns: repeat(5, minmax(0, 1fr));
			grid-gap: 24px 30px;

			/* wenn Global-Footer-Navigation vorhanden */
			&:has(> #nav-global-footer) {
				/* Global-Footer-Navigation */
				#nav-global-footer {
					grid-column: 1 / 5;

					& > ul {
						gap: 24px;
					}
				}
				#social {
					grid-column: 5 / 6;
				}
				#partner {
					grid-column: 1 / 5;
				}
			}
		}
	}
}
/* Kleiner gleich 1199px - Small + Medium */
@media (max-width: 74.9375em) {
	html {
		/* Sticky - Menü */
		&.nav-sticky {
			&.nav-sticky-transition { /* für .nav-sticky-hidden - prefers-reduced-motion im JS geprüft - siehe theme.callbackScrollNavSticky() */
				#head .logo-wrapper a {
					transition: transform 350ms ease-in-out;
				}
				#head-nav-wrapper {
					transition: transform 350ms ease-in-out;
				}
			}
			#head .logo-wrapper a {
				position: fixed;
				top: 10px;
				left: auto;
				transform: translateY(0px);
			}
			#head-nav-wrapper {
				position: fixed;
				border-top: 2px solid var(--skin-color, var(--fsu-gold));
				transform: translateY(0px);
				box-shadow: 0px 1px 4px var(--box-shadow-color), 0px 2px 8px var(--box-shadow-color), 0px 4px 16px var(--box-shadow-color);
			}
		}
		/* Sticky - Menü - versteckt */
		&.nav-sticky-hidden {
			#head .logo-wrapper a {
				transform: translateY(-46px);
			}
			#head-nav-wrapper {
				transform: translateY(-46px);
				box-shadow: none;
			}
		}
		/* Haupt - Navigation - aufgeklappt */
		&.nav-expanded {
			width: 100%;
			position: fixed;

			#nav-wrapper {
				height: 100dvh;
				display: grid;
				grid-template-rows: min-content min-content min-content minmax(0, 1fr);
				position: fixed;
				top: 0px;
				right: 0px;
				z-index: 120;
				box-shadow: 0px 1px 4px var(--box-shadow-color), 0px 2px 8px var(--box-shadow-color), 0px 4px 16px var(--box-shadow-color);
			}
		}
		/* Anpassungen keine Haupt - Navigation - OnePager */
		#nav-wrapper:not(:has(#nav-hub-wrapper)) {
			background-color: rgba(23, 68, 136, 0.5); /* --nav-background - #174488 - 50% */
		}
	}
	body .block-1340,
	body .block-1000,
	body .block-800 {
		width: 100%;
	}
	body .block-side-pa {
		padding-right: 5%;
		padding-left: 5%;
		box-sizing: border-box;
	}
	/* Head */
	#head-wrapper {
		grid-template-columns: 1fr;
	}
		#head {
			grid-column: auto;
			grid-template-columns: min-content auto 1fr;
		}
			#head .logo-wrapper {
				width: 81px;
				height: 28px;
				margin: 8px 0px 8px calc(5% - 7px);
				position: relative;
				z-index: 115;
			}
				#head .logo-wrapper a {
					width: 81px;
					height: 28px;
					position: absolute;
					top: 0px;
					left: 0px;
				}
			#identity-wrapper {
				grid-column: 1 / 4;
				grid-row: 2 / 3;
				max-width: 540px;
				margin: 8px 0px;
			}
			#super-identity-wrapper {
				grid-column: 2 / 3;
				grid-row: 1 / 2;
				z-index: 111;
			}
			/* Kopf - Menü - Medium + Small + Tiny */
			#head-nav-wrapper {
				justify-content: flex-end;
				width: 100%;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 110;
				background-color: var(--fsu-blue);

				/* Button - Schnelleinstieg */
				.quickstart {
					i.icon {
						margin-right: 0px;
					}
					span { /* Definition von .hidden_text */
						width: 1px;
						height: 1px;
						position: absolute;
						margin: -1px;
						overflow: hidden;
						white-space: nowrap;
					}
				}
				/* Sprachversion/Barrierearmut/Anmeldung */
				:where(.language-wrapper, .accessibility-wrapper, .login-wrapper) {
					display: none;
				}
				/* Button - Haupt - Navigation */
				.nav-main-control {
					position: relative;
					background-color: var(--fsu-blue);

					/* Lade - Animation */
					.loading {
						background-color: var(--fsu-blue);
					}
				}
			}
	/* Navigation */
	#nav-wrapper {
		display: none;
	}
		/* Haupt - Navigation - Kopf - Menü - Medium + Small + Tiny */
		#nav-head-wrapper {
			padding-top: 2px;
			position: relative;
			background-color: var(--fsu-blue);
			
			& > ul {
				/* Sprachversion/Barrierearmut */
				:where(.language-wrapper, .accessibility-wrapper) {
					position: static;

					ul {
						right: auto;
						left: 0px;
						background-color: var(--fsu-blue);
						box-shadow: none;

						&.visible {
							width: 100%;
							box-sizing: border-box;
							border: none;

							li:not(:first-child) {
								border-top: none;
							}
						}
					}
					&.accessibility-wrapper ul.visible {
						padding-left: calc(44px + 1px); /* 1px gap einberechnen */
					}
				}
				& > li:last-child {
					margin-left: auto;
				}
			}
		}
		/* Haupt - Navigation - Brotkrume - Medium + Small + Tiny */
		#nav-breadcrumb-wrapper a {
			height: 44px;
		}
		/* Hub - Menü */
		#nav-hub-wrapper {
			display: none;
		}
		/* Level - Menü */
		#nav-level-wrapper {
			padding: 5px 0px;

			& > div {
				padding: 0px 5px;
				box-sizing: border-box;
			}
			ol {
				gap: 5px;
				padding: 0px;
				counter-reset: entry;

				& > li {
					width: 44px;
					counter-increment: entry;

					& > button {
						text-decoration: none;
						background-color: var(--button-color);
						color: var(--white-100);
						font-variation-settings: var(--fsu-font-variation-text-condensed);
						font-size: 1.125rem;
						line-height: 1.278rem;

						&::before {
							content: counter(entry);
						}
						&:focus-visible {
							outline: 3px solid var(--white-100);
							outline-offset: -6px;
						}
						@media (hover: hover) {
							&:hover {
								outline: 1px solid var(--white-100);
								outline-offset: -4px;
								background-color: var(--hover-color-dark);
							}
						}
						&.active {
							color: var(--copyright-color);
							background-color: var(--white-100);

							&:focus-visible {
								outline-color: var(--hover-color-dark);
							}
							@media (hover: hover) {
								&:hover {
									outline-color: var(--hover-color-dark);
									color: var(--hover-color-dark);
								}
							}
							@media (forced-colors: active) {
								color: ButtonFace;
								background-color: ButtonText;
							}
						}
						/* Lade - Animation */
						& > .loading {
							background-color: var(--button-color);
						}
					}
				}
			}
		}
		/* Haupt-Navigation */
		#nav-main .nav {
			grid-auto-columns: 100%;
		}
			#nav-main .list-wrapper {
				width: 100%;
				border: none;
			}
		/* Breadcrumb */
		#breadcrumb-wrapper {
			display: none;
		}
	/* Block Info */
	.block_info span {
		font-size: clamp(var(--fsu-block-font-size-scale-min), var(--fsu-block-font-size-scale), var(--fsu-block-font-size-scale-max));
		line-height: clamp(var(--fsu-block-line-height-scale-min), var(--fsu-block-line-height-scale), var(--fsu-block-line-height-scale-max));
	}
	/* Sidebar */
	#sidebar-wrapper {
		right: 5%;

		&:has(.rocketchat-widget[data-state="opened"]) { /* Rocket.Chat Dinge */
			transform: none;
		}
	}
	html:not(.nav-expanded) #sidebar-wrapper { /* damit Livechat-Widget über Kopfmenü(ungeöffnet) liegt */
		z-index: 120;
	}
	/* Footer */
	:is(#ribbon-wrapper, #nav-layer-wrapper, #social-partner) {
		margin-bottom: 36px;
	}
	#nav-layer .layer_1_item_link {
		margin: 0px 5%;
	}
		#nav-layer .layer_1_item_link_status {
			right: 5%;
		}
		#nav-layer .layer_2_item_link {
			padding: 0px 5%;
		}
}
/* Kleiner gleich 767px - Small */
@media (max-width: 47.9375em) {
	body .block-headline {
		font-size: 1.375rem;
		line-height: 1.813rem;
	}
	body dialog {
		/* Dialog - Schnelleinstieg */
		&#dialog-quickstart {
			width: 100%;

			& > nav {
				grid-template-columns: 1fr;
				gap: 50px;

				& > div {
					& > h2,
					& > ul > li {
						padding-left: 0px;
					}
				}
			}
		}
		/* Dialog - Suche */
		&#dialog-search {
			.block-search fieldset {
				grid-template-columns: minmax(0, 1fr) auto;

				input[type="search"] {
					font-size: 1.000rem;
					line-height: 1.313rem;
				}
			}
		}
	}
	#super-identity-wrapper {
		display: none;
	}
	/* Navigation - aufgeklappt */
	.nav-expanded #nav-wrapper {
		width: 100%;
	}
	/* Block Info */
	.block_info {
		flex-direction: column;
		gap: 15px;
		text-align: center;
	}
	#sidebar-wrapper li.up {
		display: none;
	}
	/* Footer */
	#ribbon-wrapper {
		padding-right: 0px;
		padding-left: 0px;
	}
	#social-partner {
		& > div {
			grid-template-columns: minmax(0, 1fr);
			grid-template-rows: repeat(3, auto);
			grid-gap: 36px;

			/* wenn Global-Footer-Navigation vorhanden */
			&:has(> #nav-global-footer) {
				#nav-global-footer {
					grid-column: 1 / 2;
					grid-row: 1 / 2;

					& > ul {
						gap: 24px;
					}
				}
				#social {
					grid-column: 1 / 2;
					grid-row: 2 / 3;
					justify-self: start;

					& > ul {
						flex-direction: row;
						flex-wrap: wrap;
					}
				}
				#partner {
					grid-column: 1 / 2;
					grid-row: 3 / 4;
				}
			}
		}
	}
	#nav-layer .layer_1_item_link {
		font-size: 1.188rem;
		line-height: 1.563rem;
	}
	/* Footer-Navigation */
	#nav-foot-wrapper .layer_1_item {
		gap: 0px 16px;
	}
}
/* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#user_preferences */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;

		body {
			:where(button, input, select, textarea, [tabindex="-1"], [tabindex="0"]) {
				outline-color: transparent;
				transition: outline-color 150ms linear;
			}
			a {
				outline-color: transparent;
				transition: outline-color 150ms linear, text-decoration 150ms linear;

				&::after {  /* im :where sind keine Pseudo-Elemente erlaubt */
					outline-color: transparent;
					transition: outline-color 150ms linear;
				}
			}

			/* Sticky - Menü */
			#nav-hub .logo-wrapper {
				transition: opacity 150ms ease-in-out;
			}

			/* Sidebar */
			#sidebar-wrapper .sub-list {
				transition: opacity 200ms ease;
			}
		}
	}

	/* dokumentenübergreifende Transition - https://jira.uni-jena.de/browse/STK001RELA-7260 */
	@view-transition {
		navigation: auto;
	}
}
/* Druckausgabe */
@media print {
	html {
		min-height: auto;
		display: block;
	}
		body {
			display: block;
		}
			body > header {
				display: none;
			}
			#sidebar-wrapper {
				display: none;
			}
}