.acc:has(.button-wrapper) .block-headline {
	margin-bottom: 0px;
}
@media (prefers-reduced-motion: no-preference) { /* https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#user_preferences */
	/* Icon Animation */
	.acc summary i.icon {
		transition: transform 350ms ease-in-out;
	}
}
.acc details[open]:not(.isClosing) summary i.icon {
	transform: rotate(180deg);
}
.acc .button-wrapper {
	display: flex;
	justify-content: flex-end;
}
	.acc .button-wrapper button {
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0px;
		margin: 0px;
		border: none;
		cursor: pointer;
		background-color: transparent;
		color: var(--button-color);
		font-variation-settings: var(--fsu-font-variation-text-condensed);
	}
		.acc .button-wrapper button:disabled {
			pointer-events: none;
			-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(--copyright-color);
		}
		.acc .button-wrapper button:focus-visible {
			outline: 3px solid var(--hover-color-dark);
			outline-offset: 0px;
		}
		.acc .button-wrapper button:hover {
			-webkit-text-decoration: underline; /* Safari-Dinge - https://jira.uni-jena.de/browse/STK001RELA-6198 */
			text-decoration-color: inherit;
		}
.acc .entries {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
	.acc .entries > li {
		border-bottom: 1px solid rgba(0, 35, 80, 0.5); /* #002350 - 50% der Schriftfarbe */
		text-align: unset; /* arabisch und hebräisch - Leserichtung ändern */
	}
	.acc .entries > li:first-of-type {
		border-top: 1px solid rgba(0, 35, 80, 0.5); /* #002350 - 50% der Schriftfarbe */
	}
		.acc details {
			padding: 3px; /* damit outline während Animation nicht verschwindet */
			margin: -3px; /* damit outline während Animation nicht verschwindet */
		}
			.acc summary {
				display: flex;
				color: var(--fsu-blue);
				list-style: none !important; /* Safari Dinge */
				cursor: pointer;
			}
			.acc summary::-webkit-details-marker,
			.acc summary::marker {
				display: none; /* Safari Dinge */
			}
				.acc details[open] summary {
					background-color: rgba(238, 238, 238, 0.5); /* #eeeeee */
				}
				.acc summary:focus-visible {
					outline: 3px solid var(--hover-color-dark);
					outline-offset: 0px;
				}
				.acc summary:hover {
					outline: 1px solid var(--hover-color-dark);
					outline-offset: 0px;
				}
					.acc summary:hover i.icon {
						color: var(--hover-color-dark);
					}
				.acc summary span { /* Style wird auch von .num genutzt */
					flex-grow: 1;
					padding: 16px 0px;
					overflow-wrap: anywhere;
					hyphens: auto;
					font-variation-settings: var(--fsu-font-variation-text-condensed);
					font-size: 1.125rem;
					line-height: 1.500rem;
				}
				.acc summary > span { /* damit Linienlänge 800px nicht übersteigt */
					padding-right: calc(20% - 64px);
					padding-left: 20px;
				}
					.acc summary .num {
						text-transform: uppercase;
					}
				.acc summary i.icon {
					width: 44px;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-shrink: 0;
					color: var(--button-color);
				}
			.acc details > div {
				background: linear-gradient(rgba(238, 238, 238, 0.5), var(--white-100)); /* #eeeeee */
			}
				.acc .content {
					padding: 20px 0px 20px 20px;
					box-sizing: border-box;
				}
				.acc .content:has(> a) {
					padding-bottom: 10px;
				}
					.acc .rte_wrapper {
						display: flow-root;
					}
						.acc figure {
							width: 300px;
							display: grid;
							grid-template-columns: 1fr;
							grid-template-rows: auto min-content;
							row-gap: 10px;
							padding: 0px;
							margin: 0px;
						}
						.acc .image-bottom figure { /* Bild unten -> Bild Abstand nach oben */
							margin-top: 1.500rem;
						}
						.acc :is(.image-top, .image-bottom) figure { /* Bild oben oder unten */
							width: 100%;
						}
							.acc figure div { /* Bild zentrieren, falls kleiner als vorhandener Platz */
								display: flex;
								align-items: center;
								justify-content: center;
							}
							.acc figure div.ratio-16-9 {
								aspect-ratio: 16 / 9;
							}
								.acc figure div a:focus-visible { /* Lightbox-Link */
									outline-offset: 3px;
								}
								.acc figure div a:hover { /* Lightbox-Link */
									outline: 1px solid var(--hover-color-dark);
									outline-offset: 3px;
								}
								.acc img {
									max-width: 100%;
									display: block;
									margin: 0px auto;
								}
							/* Beschreibung/Autor */
							.acc figcaption {
								align-self: end;
								color: var(--copyright-color);
								font-variation-settings: var(--fsu-font-variation-text-condensed);
								font-size: 0.750rem;
								line-height: 1.000rem;
							}
								.acc figcaption p {
									margin: 0px;
									color: inherit;
								}
									.acc figcaption a {
										color: inherit;

										@media (forced-colors: active) {
											color: LinkText;
										}
									}
										.acc figcaption a:hover {
											text-decoration-thickness: 2px;
										}
										.acc figcaption a span.info i.icon {
											vertical-align: text-bottom;
										}
										.acc figcaption a span.info i.icon.lock,
										.acc figcaption a span.info i.icon.mail_space {
											vertical-align: middle;
										}
									.acc figcaption em {
										font-variation-settings: var(--fsu-font-variation-text-condensed-italic);
									}
								.acc figcaption small {
									font-size: inherit; /* von figcaption übernehmen, da per default sonst "small" genutzt wird */
								}
						.acc .rte_wrapper table { /* Tabellen ausblenden */
							display: none;
						}
						/* Zitat */
						.acc .rte_wrapper blockquote:where(.type-2, .type-3) p { /* Möwchen und Anführungszeichen */
							z-index: 0; /* sonst liegen die hinter dem Hintergrund-Gradient */
						}
					.acc .block-800 > a {
						width: fit-content;
						display: block;
						padding: var(--link-block-padding) 0px;
						text-decoration: underline 1px;
						text-underline-offset: 3px;
						color: var(--text-color);
					}
						.acc .block-800 > a:focus-visible {
							outline: 3px solid var(--hover-color-dark);
							outline-offset: 0px;
						}
						.acc .block-800 > a:hover {
							text-decoration-thickness: 2px;
						}
/* Größer gleich 768px - Medium + Big */
@media (min-width: 48.0000em) {
	.acc .rte_wrapper:is(.image-right, .image-left) figure { /* Bild rechts oder links -> Bild Abstand nach unten */
		margin-bottom: 50px;
	}
	.acc .image-left figure {
		margin-right: 50px;
		float: left;
	}
	.acc .image-right figure {
		margin-left: 50px;
		float: right;
	}
	/* wenn Bild nicht oben -> Elemente haben keinen Abstand nach oben wenn (Element erstes Element oder erstes Element in div[lang] oder erstes Element nach Bild oder erstes Element nach Bild in div[lang]) */
	.acc .rte_wrapper:not(.image-top) > :is(blockquote, h2, h3, h4, p, ol, ul):first-child,
	.acc .rte_wrapper:not(.image-top) div[lang] > :is(blockquote, h2, h3, h4, p, ol, ul):first-child,
	.acc .rte_wrapper:not(.image-top) figure + :is(blockquote, h2, h3, h4, p, ol, ul),
	.acc .rte_wrapper:not(.image-top) figure + div[lang] :is(blockquote, h2, h3, h4, p, ol, ul):first-child {
		margin-top: 0px;
	}
}
/* Größer gleich 768px, Kleiner gleich 1199px - Medium */
@media (min-width: 48.0000em) and (max-width: 74.9375em) {
	.acc .content {
		padding-right: 20px;
	}
		.acc .rte_wrapper:is(.image-left, .image-right) figure { /* Bild rechts oder links */
			width: calc(50% - 25px);
		}
}
/* Kleiner gleich 1199px - Small + Medium */
@media (max-width: 74.9375em) {
	.acc summary > span {
		padding-right: 0px;
	}
}
/* Kleiner gleich 767px - Small */
@media (max-width: 47.9375em) {
	.acc.block-side-pa {
		padding-right: 0px;
		padding-left: 0px;
	}
		.acc .block-headline {
			padding-right: 5%;
			padding-left: 5%;
		}
		.acc .button-wrapper button {
			padding-right: 10px;
		}
		.acc details {
			padding-right: 0px;
			padding-left: 0px;
			margin-right: 0px;
			margin-left: 0px;
		}
			.acc summary > span {
				padding-left: 5%;
			}
			.acc .content {
				padding-right: 5%;
				padding-left: 5%;
			}
				.acc figure {
					width: 100%;
				}
				/* wenn (Bild nicht oben, Bild nicht rechts, Bild nicht links) -> Elemente haben keinen Abstand nach oben wenn (Element erstes Element oder erstes Element in div[lang]) */
				.acc .rte_wrapper:not(.image-top, .image-right, .image-left) > :is(blockquote, h2, h3, h4, p, ol, ul):first-child,
				.acc .rte_wrapper:not(.image-top, .image-right, .image-left) div[lang] > :is(blockquote, h2, h3, h4, p, ol, ul):first-child {
					margin-top: 0px;
				}
}