.slider-pro {
	hyphens: auto;
	overflow-wrap: anywhere;
}
	.slider-pro .block-1340 {
		padding-top: 3px; /* damit Outline oben/unten durch das overflow: hidden nicht weggeschnitten wird */
		padding-bottom: 3px;
		margin-top: -3px;
		margin-bottom: -3px;
		overflow: hidden;
	}
		.slider-pro :is(ol, ul) {
			padding: 0px;
			margin: 0px;
			list-style-type: none;
		}
		.slider-pro div[tabindex="-1"]:focus-visible {
			outline: 3px solid var(--hover-color-dark);
			outline-offset: 0px;
		}
			.slider-pro ul {
				display: flex;
				column-gap: 25px;
			}
			.slider-pro ul.transition {
				transition: transform 700ms ease-in-out 0ms;
			}
				.slider-pro ul > li {
					flex: 0 0 calc(50% - (25px / 2)); /* 50% - Hälfte vom Gap */
					display: grid;
					grid-template-columns: 1fr;
					position: relative;
					aspect-ratio: 8 / 9;
					--fak-color: var(--skin-color, var(--fsu-gold));
				}
				.slider-pro ul > li.opacity {
					pointer-events: none;
					transition: filter 500ms linear;
					filter: opacity(0.2);
				}
				/* Text oben */
				.slider-pro ul > li.text-top {
					grid-template-rows: 1fr auto;
				}
				/* Text unten */
				.slider-pro ul > li.text-bottom {
					grid-template-rows: auto 1fr;
				}
 				/* Voll-Kachel */
				.slider-pro ul > li:is(.text-full, .image-full) .content {
					padding-top: 20px;
				}
				/* Voll-Text */
				.slider-pro ul > li.text-full {
					grid-template-rows: 1fr;
				}
				/* Voll-Bild */
				.slider-pro ul > li.image-full {
					grid-template-rows: 1fr min-content;
				}
					.slider-pro ul > li.image-full picture {
						grid-column: 1 / 2;
						grid-row: 1 / 3;
						align-self: center;
						overflow: hidden;
					}
						.slider-pro ul > li.image-full img {
							aspect-ratio: 8 / 9;
						}
					.slider-pro ul > li.image-full picture.bg {
						align-self: start;
						height: 100%;
						z-index: -1;
					}
						.slider-pro ul > li.image-full picture.bg img {
							height: 100%;
							filter: blur(10px) grayscale(60%);
							transform: scale(1.1);
						}
					.slider-pro ul > li.image-full .content {
						grid-column: 1 / 2;
						grid-row: 2 / 3;
						z-index: 1;
						background-color: rgba(238, 238, 238, 0.8); /* #eeeeee - 80% */
					}
				.slider-pro ul > li.biopha {
					--fak-color: var(--color-biopha);
				}
				.slider-pro ul > li.chege {
					--fak-color: var(--color-chege);
				}
				.slider-pro ul > li.fsv {
					--fak-color: var(--color-fsv);
				}
				.slider-pro ul > li.m_ehealth {
					--fak-color: var(--color-m_ehealth);
				}
				.slider-pro ul > li.mirz {
					--fak-color: var(--color-mirz);
				}
				.slider-pro ul > li.paf {
					--fak-color: var(--color-paf);
				}
				.slider-pro ul > li.phifak {
					--fak-color: var(--color-phifak);
				}
				.slider-pro ul > li.rewi {
					--fak-color: var(--color-rewi);
				}
				.slider-pro ul > li.thefak_fe {
					--fak-color: var(--color-thefak_fe);
				}
				.slider-pro ul > li.wiwi {
					--fak-color: var(--color-wiwi);
				}
					.slider-pro :is(div.approval, img, video, iframe) {
						aspect-ratio: 16 / 9;
					}
					.slider-pro :is(img, video, iframe) {
						width: 100%;
						display: block;
						border: none;
					}
					.slider-pro :is(video, iframe) {
						position: relative; /* damit Video/iFrame über dem ::after des Haupt-Link liegt */
						z-index: 2;
					}
					.slider-pro .approval { /* Chrome-Dinge - kein grid wie sonst - https://jira.uni-jena.de/browse/STK001RELA-6271 */
						position: relative;
					}
						.slider-pro .approval :is(picture, a) {
							grid-column: 1 / 2;
							grid-row: 1 / 2;
						}
						.slider-pro .approval a {
							width: fit-content;
							display: block;
							padding: var(--link-block-padding) 20px;
							position: absolute;
							top: calc(50% - 22px);
							right: 30px;
							z-index: 2;
							cursor: pointer;
							background-color: var(--white-100);
							border: 1px solid var(--fsu-blue);
							color: var(--fsu-blue);
							text-align: center;
							text-decoration: none;
							font-variation-settings: var(--fsu-font-variation-text-condensed);
							font-size: 1.125rem;
							line-height: 1.500rem;
						}
							.slider-pro .approval a:focus-visible {
								outline: 3px solid var(--hover-color-dark);
								outline-offset: -6px;
							}
							@media (hover: hover) {
								.slider-pro .approval a:hover {
									border-color: var(--hover-color-dark);
									color: var(--hover-color-dark);
									outline: 1px solid var(--hover-color-dark);
									outline-offset: -4px;
								}
							}
					.slider-pro .author {
						padding: 3px 0px;
						position: absolute;
						top: 100%;
						left: 0px;
						color: var(--copyright-color);
						font-variation-settings: var(--fsu-font-variation-text-condensed);
						font-size: 0.750rem;
						line-height: 1.000rem;
					}
					.slider-pro .content {
						display: flex;
						flex-direction: column;
						justify-content: flex-end;
						padding: 30px 20px 20px 20px;
						background-color: var(--block-background);
						color: var(--text-color);
						--fak-color-border-width: 2px;
					}
					.slider-pro li.text-top .content {
						border-bottom: var(--fak-color-border-width) solid var(--fak-color);
					}
					.slider-pro li:is(.text-full, .image-full, .text-bottom) .content {
						border-top: var(--fak-color-border-width) solid var(--fak-color);
					}
						/* Dreieck */
						.slider-pro li.triangle .content::before,
						.slider-pro li.triangle .content::after {
							content: "";
							display: block;
							position: absolute;
							border-style: solid;
						}
						.slider-pro li.triangle .content::before {
							z-index: 1;
						}
						.slider-pro li.triangle .content::after {
							z-index: 2;
						}
						.slider-pro .content a {
							display: block;
							outline: none;
							text-decoration: none;
						}
							.slider-pro .content a::after {
								content: "";
								width: 100%;
								height: 100%;
								top: 0px;
								left: 0px;
								position: absolute;
							}
							.slider-pro .content a:focus-visible::after {
								outline: 3px solid var(--hover-color-dark);
								outline-offset: 0px;
							}
							@media (hover: hover) {
								.slider-pro .content a:hover::after {
									outline: 1px solid var(--hover-color-dark);
									outline-offset: 0px;
								}
							}
						.slider-pro .title {
							display: block;
							margin-bottom: 2px;
							text-wrap: balance;
							color: var(--fsu-blue);
							font-weight: 500;
							font-variation-settings: var(--fsu-font-variation-headline-block);
							font-size: 1.375rem;
							line-height: 1.813rem;
						}
						.slider-pro p {
							margin: 0px;
						}
		/* Paginierung */
		.slider-pro fieldset {
			display: flex;
			align-items: center;
			margin-top: 42px; /* 20px + Höhe einzeiliger Autor */
		}
			.slider-pro :is(fieldset.hidden, fieldset > div.hidden, ol.hidden, li.hidden) {
				display: none;
			}
			.slider-pro :is(fieldset > div, ol) {
				flex-grow: 1;
			}
			.slider-pro fieldset > div {
				text-align: center;
				color: var(--text-color);
				font-variation-settings: var(--fsu-font-variation-text-condensed);
				font-size: 1.125rem;
				line-height: 1.500rem;
			}
			.slider-pro ol {
				display: flex;
				justify-content: center;
			}
			.slider-pro button {
				width: 44px;
				height: 44px;
				display: flex;
				align-items: center;
				justify-content: center;
				border: none;
				cursor: pointer;
			}
			.slider-pro fieldset > button {
				background-color: var(--button-color);
				color: var(--white-100);
			}
				.slider-pro fieldset > button:disabled {
					box-sizing: border-box;
					pointer-events: none;
					touch-action: none;
					background-color: var(--white-100);
					border: 1px solid var(--copyright-color);
					color: var(--copyright-color);
				}
				.slider-pro fieldset > button:focus-visible {
					outline: 3px solid var(--white-100);
					outline-offset: -6px;
				}
				@media (hover: hover) {
					.slider-pro fieldset > button:hover {
						background-color: var(--hover-color-dark);
						outline: 1px solid var(--white-100);
						outline-offset: -4px;
					}
				}
			.slider-pro li > button {
				background-color: transparent;
				color: var(--button-color)
			}
				@media (hover: hover) {
					.slider-pro li > button:hover {
						color: var(--hover-color-dark);
					}
						.slider-pro li > button:hover i.icon {
							--icon-font-fill: 0; /* Sonderfall */
						}
							.slider-pro li > button:hover i.icon::after {
								content: "\e39e";
							}
							.slider-pro li > button[aria-current]:hover i.icon::after {
								content: "\e837";
							}
				}
				.slider-pro li > button:focus-visible {
					outline: 3px solid var(--hover-color-dark);
					outline-offset: -6px;
				}
/* Größer gleich 768px - Medium + Big */
@media (min-width: 48.0000em) {
	.slider-pro ul:not(:has(li:nth-child(3))):has(.author) { /* nur ein oder zwei Einträge und .author vorhanden dann Platz für .author freihalten */
		margin-bottom: 22px;
	}
	/* Dreieck - Kachel - Text oben, Bild unten */
	.slider-pro li.triangle.text-top .content::before {
		margin-bottom: calc(56.25% - 32px); /* border-top-width subtrahieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
		bottom: 0px;
		border-color: var(--fak-color) transparent transparent transparent;
	}
	.slider-pro li.triangle.text-top .content::after {
		margin-bottom: calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2)); /* border-top-width subtrahieren, var(--fak-color-border-width) mal 2 addieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
		bottom: 0px;
		border-color: var(--block-background) transparent transparent transparent;
	}
	.slider-pro li:nth-child(odd).triangle.text-top .content::before {
		left: 100px;
		border-width: 32px 42px 0px 0px;
	}
	.slider-pro li:nth-child(odd).triangle.text-top .content::after {
		left: 102px;
		border-width: 32px 42px 0px 0px;
	}
	.slider-pro li:nth-child(even).triangle.text-top .content::before {
		right: 100px;
		border-width: 32px 0px 0px 42px;
	}
	.slider-pro li:nth-child(even).triangle.text-top .content::after {
		right: 102px;
		border-width: 32px 0px 0px 42px;
	}
	/* Dreieck - Kachel - Bild oben, Text unten */
	.slider-pro li.triangle.text-bottom .content::before {
		margin-top: calc(56.25% - 32px); /* border-bottom-width subtrahieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
		top: 0px;
		border-color: transparent transparent var(--fak-color) transparent;
	}
	.slider-pro li.triangle.text-bottom .content::after {
		margin-top: calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2)); /* border-bottom-width subtrahieren, var(--fak-color-border-width) mal 2 addieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
		top: 0px;
		border-color: transparent transparent var(--block-background) transparent;
	}
	.slider-pro li:nth-child(odd).triangle.text-bottom .content::before {
		left: 100px;
		border-width: 0px 42px 32px 0px;
	}
	.slider-pro li:nth-child(odd).triangle.text-bottom .content::after {
		left: 102px;
		border-width: 0px 42px 32px 0px;
	}
	.slider-pro li:nth-child(even).triangle.text-bottom .content::before {
		right: 100px;
		border-width: 0px 0px 32px 42px;
	}
	.slider-pro li:nth-child(even).triangle.text-bottom .content::after {
		right: 102px;
		border-width: 0px 0px 32px 42px;
	}
}
/* Größer gleich 768px, Kleiner gleich 1199px - Medium */
@media (min-width: 48.0000em) and (max-width: 74.9375em) {
	/* Dreieck */
	.slider-pro li:nth-child(odd).triangle.text-top .content::before {
		left: 50px;
	}
	.slider-pro li:nth-child(odd).triangle.text-top .content::after {
		left: 52px;
	}
	.slider-pro li:nth-child(even).triangle.text-top .content::before {
		right: 50px;
	}
	.slider-pro li:nth-child(even).triangle.text-top .content::after {
		right: 52px;
	}
	/* Kachel - Bild oben, Text unten */
	.slider-pro li:nth-child(odd).triangle.text-bottom .content::before {
		left: 50px;
	}
	.slider-pro li:nth-child(odd).triangle.text-bottom .content::after {
		left: 52px;
	}
	.slider-pro li:nth-child(even).triangle.text-bottom .content::before {
		right: 50px;
	}
	.slider-pro li:nth-child(even).triangle.text-bottom .content::after {
		right: 52px;
	}
}
/* Kleiner gleich 1199px - Small + Medium */
@media (max-width: 74.9375em) {
	.slider-pro .content {
		padding: 20px;
	}
		.slider-pro .title {
			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));
		}
}
/* Kleiner gleich 767px - Small */
@media (max-width: 47.9375em) {
	.slider-pro ul > li {
		flex-basis: 100%;
	}
		/* Dreieck - Kachel - Text oben, Bild unten */
		.slider-pro li.triangle.text-top .content::before {
			margin-bottom: calc(56.25% - 32px); /* border-top-width subtrahieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
			right: 50px;
			bottom: 0px;
			left: auto;
			border-width: 32px 0px 0px 42px;
			border-color: var(--fak-color) transparent transparent transparent;
		}
		.slider-pro li.triangle.text-top .content::after {
			margin-bottom: calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2)); /* border-top-width subtrahieren, var(--fak-color-border-width) mal 2 addieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
			right: 52px;
			bottom: 0px;
			left: auto;
			border-width: 32px 0px 0px 42px;
			border-color: var(--block-background) transparent transparent transparent;
		}
		/* Dreieck - Kachel - Bild oben, Text unten */
		.slider-pro li.triangle.text-bottom .content::before {
			margin-top: calc(56.25% - 32px);  /* border-bottom-width subtrahieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
			top: 0px;
			right: 50px;
			left: auto;
			border-color: transparent transparent var(--fak-color) transparent;
			border-width: 0px 0px 32px 42px;
		}
		.slider-pro li.triangle.text-bottom .content::after {
			margin-top: calc(56.25% - 32px + calc(var(--fak-color-border-width) * 2)); /* border-bottom-width subtrahieren, var(--fak-color-border-width) mal 2 addieren, margin nutzen weil Bild Höhe dynamisch 56.25% sind 16/9 Höhe */
			top: 0px;
			right: 52px;
			left: auto;
			border-color: transparent transparent var(--block-background) transparent;
			border-width: 0px 0px 32px 42px;
		}
		.slider-pro .author {
			padding: 0px;
			position: absolute;
			top: 0px;
			left: 100%;
			transform: rotate(180deg);
			writing-mode: vertical-rl;
		}
	/* Paginierung */
	.slider-pro fieldset {
		margin-top: 20px;
	}
}