.teaser-news-special {
	hyphens: auto;
	overflow-wrap: anywhere;

	:where(ol, ul) {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}
	/* Einträge */
	& > ol {
		display: flex;
		flex-direction: column;
		row-gap: 50px;

		& > li {
			position: relative;

			& > article {
				display: grid;
				grid-template-columns: 50% minmax(0, 1fr);
				grid-template-rows: 1fr;

				& > div {
					grid-column: 2 / 3;
					grid-row: 1 / 2;
					display: flex;
					flex-direction: column;
					justify-content: center;
					padding: 20px 40px;
					background-color: var(--block-background);

					& > a {
						margin: 0px;
						outline: none;
						text-decoration: none;
						color: var(--fsu-blue);
						font-weight: 500;
						font-variation-settings: var(--fsu-font-variation-headline-block);
						font-size: 1.375rem;
						line-height: 1.813rem;

						&::after {
							content: "";
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0px;
							left: 0px;
						}
						&:focus-visible::after {
							outline: 3px solid var(--hover-color-dark);
							outline-offset: 0px;
						}
						@media (hover: hover) {
							&:hover::after {
								outline: 1px solid var(--hover-color-dark);
								outline-offset: 0px;
							}
						}
						& > .title {
							display: inline;
							margin: 0px;
							font-weight: inherit;
							font-size: inherit;
						}
					}
					& > .short {
						margin: 5px 0px 0px 0px;
						color: var(--text-color);
					}
					& > ul {
						order: -1;
						display: flex;
						flex-wrap: wrap;
						gap: 10px;
						margin-bottom: 10px;

						& > li {
							padding: 4px 5px 3px 5px; /* Standard - damit Eigenschaften visuell vertikal zentriert */
							background-color: var(--white-100);
							text-transform: uppercase;
							color: var(--text-color);
							font-variation-settings: var(--fsu-font-variation-text-condensed);
							font-size: 0.750rem;
							line-height: 1.000rem;
						}
					}
				}
				& > figure {
					grid-column: 1 / 2;
					grid-row: 1 / 2;
					display: grid;
					grid-template-columns: minmax(0, 1fr);
					grid-template-rows: minmax(0, 1fr);
					margin: 0px;

					& > picture {
						grid-column: 1 / 2;
						grid-row: 1 / 2;
						align-self: center;
						overflow: hidden;

						&.bg {
							height: 100%;
							z-index: -1;

							& > img {
								height: 100%;
								filter: blur(10px) grayscale(60%);
								transform: scale(1.1);
							}
						}
						& > img {
							width: 100%;
							display: block;
							aspect-ratio: 16 / 9;
						}
					}
					& > figcaption {
						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;

						& > small {
							font-size: inherit; /* von figcaption übernehmen, da per default sonst "small" genutzt wird */
						}
					}
				}
			}
		}
		& + a {
			width: fit-content;
			display: block;
			padding: var(--link-block-padding) 0px var(--link-block-padding) 0px;
			margin: 20px 0px 0px auto;
			text-decoration: underline 1px;
			text-underline-offset: 3px;
			color: var(--text-color);
			font-variation-settings: var(--fsu-font-variation-text-condensed);

			&:focus-visible {
				outline: 3px solid var(--hover-color-dark);
				outline-offset: 0px;
			}
			@media (hover: hover) {
				&:hover {
					text-decoration-thickness: 2px;
				}
			}
		}
	}
}
/* Größer gleich 768px - Medium + Big */
@media (min-width: 48.0000em) {
	.teaser-news-special {
		& > ol > li:nth-child(even) > article { /* gerade Einträge - Bild rechts */
			& > figure {
				grid-column: 2 / 3;

				& > figcaption {
					right: 0px;
					left: auto;
				}
			}
			& > div {
				grid-column: 1 / 2;

				& > ul {
					justify-content: flex-end;
				}
				& :where(& > a, & > .short) {
					text-align: right;
				}
			}
		}
		&:has(> ol > li:last-child:nth-child(odd)) > ol + a {
			margin-top: 0px;
		}
	}
}
/* Kleiner gleich 1199px - Small + Medium */
@media (max-width: 74.9375em) {
	.teaser-news-special > ol > li > article > div > a {
		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) {
	.teaser-news-special > ol {
		row-gap: 35px;

		& > li > article {
			grid-template-columns: minmax(0px, 1fr);

			& > div {
				grid-column: 1 / 2;
				grid-row: 2 / 3;
				padding: 10px;

				& > ul {
					column-gap: 10px;
					margin-bottom: 15px;
				}
			}
			& > figure {
				grid-column: 1 / 2;
				grid-row: 1 / 2;

				& > picture.bg {
					display: none;
				}
				& > figcaption {
					position: static;
					padding-right: 5px;
					padding-left: 5px;
					background-color: var(--block-background);
					text-align: right;
				}
			}
		}
		& + a {
			margin-top: 0px;
		}
	}
}