/*
 * Diese Selektoren zielen auf Post-/Section-IDs und Klassen, die im Gutenberg-Editor
 * an einzelnen Beiträgen/Seiten vergeben wurden (z. B. per "HTML-Anker" oder
 * "Zusätzliche CSS-Klasse(n)"). Der Inhalt liegt in der WordPress-Datenbank und war
 * beim Restrukturieren nicht einsehbar/verifizierbar.
 *
 * Bitte im WP-Admin prüfen, ob die jeweiligen Beiträge/Sections noch existieren,
 * bevor hier etwas gelöscht wird. Betroffene IDs u. a.: #post-7513, #post-4012,
 * #section-4053-2, #section-hero_barbara-behrens_01-30, #section-kontakt-formular,
 * #section-start-referenzen, #section-referenzen-schreib-mir-gern,
 * #section-referenz-bewertungen, #start-header-image, #section-start-neu,
 * .wp-custom-css-4750dc9f.
 *
 * Wo diese Selektoren nachweislich auf unsere eigenen (umbenannten) Template-Klassen
 * verweisen (z. B. "section#section-xxx" = die von template-parts/post-on-page.php
 * gerenderte <section class="post-on-page">), wurde der Ancestor-Teil des Selektors
 * an die neuen BEM-Klassennamen angepasst, damit nichts bricht.
 */

/* --- hero.php: Sonderfall 2-spaltiger Hero (Post #7513 / #4012) --- */
.hero__limit-width,
section#section-4053-2>div {
	max-width: 1920px;
	height: 100%;
	margin: auto;
	position: relative;
}

section#section-4053-2>div>figure {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#post-7513 .hero__image>img,
section#section-4053-2>div>figure>img {
	width: 100%;
	height: 100%;
	object-position: 50% 50%;
}

section#section-4053-2>div>figure>img {
	object-position: 100% 100%;
}

#post-4012 .hero__left-spacer {
	flex-basis: 33vw;
}

#post-4012 .hero__right-spacer {
	flex-basis: 80vw;
	flex-shrink: 1;
	flex-grow: 1;
}

#post-4012 .hero__content {
	color: #554343;
	padding: 1rem;
}

#post-4012 .hero__content h2 {
	max-width: 30rem !important;
}

#post-7513 .wp-block-columns {
	position: absolute;
	width: 45vw;
	left: 50vw;
	bottom: 20vh;
	right: 1rem;
}

#post-7513 .hero__content h1 {
	font-size: 1.25rem !important;
	line-height: 1.25;
	margin-bottom: 1rem;
}

#post-7513 .hero__content h2 {
	max-width: 30rem !important;
	border: solid;
}

/* --- post-on-page.php Sonderfälle: section#section-* ist die von
   template-parts/post-on-page.php gerenderte .post-on-page-Section --- */
#section-4053-2 .post-on-page__wrapper {
	max-width: 1920px;
	position: relative;
}

#section-4053-2 .start-header-image {
	position: relative;
	border: solid green;
	padding: 5rem;
}

#section-4053-2 .start-header-image img {
	height: calc(100vh - 5rem);
	width: 50vw;
	border: solid #a5454a 2px;
}

#section-4053-2 .post-on-page__wrapper figure {
	height: calc(100vh - 5rem);
	border: solid blue;
	width: 50vw;
	max-width: 50vw;
}

#section-4053-2 .wp.column.header-start-text {
	position: absolute;
	top: 50vh;
	font-size: 3rem;
	padding-right: 5rem;
}

section#section-4053-2>div>.post-on-page__body {
	flex-basis: 100%;
}

section#section-4053-2.hero-content {
	width: 35vw;
	border: solid 1px red;
	color: rgb(181, 30, 41);
}

section#section-4053-2 {
	width: 100vw;
	background-color: #f8f5ee;
}

section#section-4053-2 .wp-block-group__inner-container {
	width: 35vw;
}

#section-hero_barbara-behrens_01-30 .post-on-page__wrapper {
	max-width: 1980px;
	padding: 0;
	margin-left: 0;
}

#section-hero_barbara-behrens_01-30 .post-on-page__wrapper .wp-block-column:nth-child(2) {
	margin: 2rem;
}

section#section-hero_barbara-behrens_01-30 .wp-block .wp-block-columns>* {
	flex-grow: 1;
	flex-shrink: 1;
}

#section-hero_barbara-behrens_01-30>div.wp-block-column.is-vertically-aligned-center.padding-left {
	padding-left: 2rem !important;
}

div#section-hero_barbara-behrens_01-30 .post-on-page__wrapper {
	max-width: 242px !important;
}

div#section-hero_barbara-behrens_01-30 h2.wp-block-heading,
div#section-hero_barbara-behrens_01-30 p {
	max-width: 35rem;
}

section#section-hero_barbara-behrens_01-30 p.has-medium-font-size {
	max-width: 40rem;
}

section#section-hero_barbara-behrens_01-30 div.wp-block-column.margin-top-3rem {
	margin-top: -3rem;
}

section#section-hero_barbara-behrens_01-30.post-on-page div.post-on-page__body.wp-block h2.wp-block-heading {
	max-width: 40rem;
}

section#section-start-werbung-fuer-eine-schoenere-welt .wp-block-columns > .wp-block-column:nth-child(2) {
	flex-basis: 38rem !important;
}

section#section-kontakt-formular .post-on-page__wrapper {
	background-color: #f4e4c7;
	padding: 2.5rem;
}

.wp-block #section-kontakt-formular .auto-columns .wp-block {
	background-color: #f397194a;
}

/* --- vereinzelte Beitrags-/Bild-Overrides --- */
#start-header-image .wp-block-column {
	width: 50%;
}

#start-header-image .wp-bock-image {
	height: calc(100vh - 5rem);
}

#start-header-image .wp-block-column.header-start-text p {
	width: 50%;
	padding: 0 12vw 0 0;
}

.wp-block #section-start-referenzen {
	height: auto;
	width: 100%;
}

.wp-block #section-start-referenzen .wp-block .kacheln figure.wp-block-gallery figure img {
	background-color: #9993;
}

#section-referenzen-schreib-mir-gern>div:nth-child(2)>img:nth-child(1) {
	display: none;
}

#section-referenz-bewertungen img {
	margin-bottom: 0;
}

.pfeil-down-red {
	width: 4rem !important;
	height: 4rem !important;
}

.pfeil-down-red:hover {
	border-bottom: none !important;
}

.pfeil-down-red img {
	aspect-ratio: unset !important;
}

a#section-start-neu:hover {
	border-bottom: transparent !important;
}

.pfeil-down-red.wp-custom-css-4750dc9f a:hover {
	border-bottom: transparent !important;
	margin-top: 1rem;
}

/* html body.body.customize-support .../.page-content .page-content__wrapper .page-content__body.wp-block ...
   (ex: section.page-content-section div.limit-width div.content.wp-block) – Sonderfall Customizer-Vorschau */
html body.customize-support div.aside-wrapper main.scroll-area section.page-content div.page-content__wrapper div.page-content__body.wp-block div.wp-block-columns.are-vertically-aligned-center.hero.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex div.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
	flex-grow: 1;
}

html body main section.page-content div.page-content__wrapper div.page-content__body.wp-block div.wp-block-columns.hero div.wp-block-column div.wp-block-column figure.wp-block-image img {
	aspect-ratio: 4 / 3;
}