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

	:where(ol, ul) {
		padding: 0px;
		margin: 0px;
		list-style-type: none;
	}
	/* Einträge */
	& > ol {
		display: grid;
		grid-template-columns: repeat(3, minmax(0px, 1fr));
		column-gap: 50px;
		row-gap: 50px;

		& > li {
			display: flex;
			flex-direction: column;
			position: relative;
			background-color: var(--block-background);
			--color: var(--skin-color, var(--fsu-gold));

			&.gold { /* damit in Mandant mit Fak-Farbe goldene Markierung erscheint */
				--color: var(--fsu-gold);
			}
			&.biopha {
				--color: var(--color-biopha);
			}
			&.chege {
				--color: var(--color-chege);
			}
			&.fsv {
				--color: var(--color-fsv);
			}
			&.m_ehealth {
				--color: var(--color-m_ehealth);
			}
			&.mirz {
				--color: var(--color-mirz);
			}
			&.paf {
				--color: var(--color-paf);
			}
			&.phifak {
				--color: var(--color-phifak);
			}
			&.rewi {
				--color: var(--color-rewi);
			}
			&.thefak_fe {
				--color: var(--color-thefak_fe);
			}
			&.wiwi {
				--color: var(--color-wiwi);
			}
			& > article {
				flex: 1 0 auto;
				display: flex;
				flex-direction: column;

				& > div {
					display: flex;
					flex-direction: column;
					padding: 15px;
					border-top: 4px solid var(--color);

					& > :where(time, ul) {
						text-transform: uppercase;
						color: var(--text-color);
						font-size: 0.750rem;
						line-height: 1.000rem;
					}
					& > time {
						order: -2;
						display: block;
					}
					& > ul {
						order: -1;

						& > li {
							display: inline;

							&:not(:first-child):before {
								content: "\2006\00B7\2006"; /* Leerzeichen · Leerzeichen */
							}
						}
					}
					& > a {
						margin: 15px 0px 0px 0px;
						outline: none;
						text-decoration: none;
						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;

						&::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);
					}
				}
				& > figure {
					margin: auto 0px 0px 0px;

					& > picture > img {
						width: 100%;
						display: block;
						aspect-ratio: 16 / 9;
					}
					& > figcaption {
						padding: 3px 0px;
						position: absolute;
						top: 100%;
						right: 0px;
						text-align: right;
						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);

			&:focus-visible {
				outline: 3px solid var(--hover-color-dark);
				outline-offset: 0px;
			}
			@media (hover: hover) {
				&:hover {
					text-decoration-thickness: 2px;
				}
			}
		}
	}
}
/* Größer gleich 1200px - Big */
@media (min-width: 75.0000em) {
	.teaser-news:not(:has(ol > li:last-child:nth-child(3) img, ol > li:last-child:nth-child(6) img, ol > li:last-child:nth-child(9) img)) > ol + a { /* hat nicht (letztes Element ist 3., 6. oder 9. und hat Bild) */
		margin-top: 0px;
	}
}
/* Größer gleich 768px, Kleiner gleich 1199px - Medium */
@media (min-width: 48.0000em) and (max-width: 74.9375em) {
	.teaser-news {
		& > ol {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		&:not(:has(ol > li:last-child:nth-child(even) img)) > ol + a { /* hat nicht (letztes Element ist gerade und hat Bild) */
			margin-top: 0px;
		}
	}
}
/* Kleiner gleich 1199px - Small + Medium */
@media (max-width: 74.9375em) {
	.teaser-news > 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 {
		& > ol {
			grid-template-columns: minmax(0px, 1fr);
			row-gap: 35px;
		}
		&:not(:has(ol > li:last-child img)) > ol + a { /* hat nicht (letztes Element hat Bild) */
			margin-top: 0px;
		}
	}
}