/* Ergänzungen ausschließlich für die Gutenberg-Blockstruktur der Theme-Patterns. */

.teaser_dreispalter .wp-block-image.teaserbild {
	margin: 0;
}

.teaser_dreispalter .wp-block-image.teaserbild img {
	display: block;
	width: 100%;
}

.teaser_dreispalter .teaserlink-block {
	margin: 0;
}

.teaser_dreispalter .wp-block-button.teaserlink .wp-block-button__link {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-decoration-line: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 3px;
	transition: .3s;
}

.teaser_dreispalter .wp-block-button.teaserlink .wp-block-button__link:hover {
	color: var(--primary);
	text-underline-offset: 6px;
}

.wp-block-group.teaser_dreispalter > div:first-child {
	display: flex;
	flex-wrap: wrap;
	grid-column-gap: 5px;
	grid-row-gap: 60px;
	justify-content: center;
	/* display: flex;
	 *  grid-template-columns: repeat(3, minmax(0, 1fr)); */
	margin: 0 auto;
}

.teaser_dreispalter .teaser > div:first-child {
	display: grid;
	grid-gap: 20px;
	grid-template-rows: max-content auto 30px;
	overflow: hidden;
}

.teaser_dreispalter .teaser:nth-child(4),
.teaser_dreispalter .teaser:nth-child(5) {
	display: none;
}


/* ++++++++++++++++++++++++++++++++++++++++++++ */
/* Darstellung innerhalb des Gutenberg-Editors. */
/* ++++++++++++++++++++++++++++++++++++++++++++ */

.editor-styles-wrapper .teaser_dreispalter > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .teaser_dreispalter > .block-editor-block-list__layout {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 5px;
}

.editor-styles-wrapper .teaser > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .teaser > .block-editor-block-list__layout {
	display: grid;
	grid-template-rows: auto auto 30px;
	gap: 20px;
}

/* Gutenberg-Struktur des Keyvisual-Patterns. */
.wp-block-group.keyvisual > .wp-block-group.bild > .wp-block-image {
	height: 100%;
	margin: 0;
}

.wp-block-group.keyvisual > .wp-block-group.bild > .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
}

/* Das Bild soll auch innerhalb des Gutenberg-Editors die Keyvisual-Höhe füllen. */
.editor-styles-wrapper .wp-block-group.keyvisual .wp-block-group.bild,
.editor-styles-wrapper .wp-block-group.keyvisual .wp-block-group.bild > .block-editor-inner-blocks,
.editor-styles-wrapper .wp-block-group.keyvisual .wp-block-group.bild > .block-editor-inner-blocks > .block-editor-block-list__layout,
.editor-styles-wrapper .wp-block-group.keyvisual .wp-block-group.bild > .block-editor-block-list__layout,
.editor-styles-wrapper .wp-block-group.keyvisual .wp-block-image {
	height: 100%;
}

.editor-styles-wrapper .wp-block-group.keyvisual .wp-block-image {
	margin: 0;
}

@media (max-width: 768px) {

	.wp-block-group.teaser_dreispalter,
	.editor-styles-wrapper .teaser_dreispalter > .block-editor-inner-blocks > .block-editor-block-list__layout,
	.editor-styles-wrapper .teaser_dreispalter > .block-editor-block-list__layout {
		grid-template-columns: 1fr;
		gap: 60px;
	}
}