/**
 * Lernort-Natur Angebot — Drupal page-node-type-lernort-angebot parity.
 */

.page-node-type-lernort-angebot .visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Kill WP block-group default margins. */
.page-node-type-lernort-angebot .wp-block-group.container,
.page-node-type-lernort-angebot .wp-block-group.jagdverband-lernort-node {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.page-node-type-lernort-angebot strong {
	float: left;
	margin-right: 1rem;
}

/* WP block / theme.json resets can zero heading margins — match Drupal 1em. */
.page-node-type-lernort-angebot h1 {
	margin-top: 1em !important;
	margin-bottom: 0.67em;
	color: #204a33;
}

.page-node-type-lernort-angebot figure {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.page-node-type-lernort-angebot #body-output {
	clear: both;
	padding-top: 0;
}

.page-node-type-lernort-angebot #insert {
	clear: both;
}

.page-node-type-lernort-angebot .googlemaps-container iframe {
	width: 100%;
	max-width: 100%;
}

/*
 * Empty hero: keep djv.css .pageimage { min-height: 10em } (180px) so the
 * torn-paper ::after sits like Drupal. Do not collapse min-height.
 */
.page-node-type-lernort-angebot .pageimage {
	position: relative;
}

.page-node-type-lernort-angebot .pageimage .image_container:empty {
	display: block;
}

.page-node-type-lernort-angebot .field--name-field-lernort-gebiet .field__label,
.page-node-type-lernort-angebot .field--name-field-lernort-ansprechpartner .field__label,
.page-node-type-lernort-angebot .field--name-field-lernort-adresse .field__label,
.page-node-type-lernort-angebot .field--name-field-lernort-bild .field__label,
.page-node-type-lernort-angebot .field--name-field-lernort-kosten .field__label {
	/* visually-hidden class handles this */
}

.page-node-type-lernort-angebot .col-md-4 {
	clear: both;
}

.page-node-type-lernort-angebot .image_container.float-left {
	float: left;
}

.page-node-type-lernort-angebot .image_container.float-left img {
	max-width: 100%;
	height: auto;
}