/*
 Theme Name:     WEBCROW - Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    WEBCROW - Divi Child Theme
 Author:         Mario Hillen
 Author URI:     https://www.webcrow.de
 Template:       Divi
 Version:        1.0.1
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Native Ausgaben von The Events Calendar */
.post-type-archive-tribe_events,
.single-tribe_events{background:#f7f3eb!important}
.post-type-archive-tribe_events .tribe-common-l-container,
.single-tribe_events #tribe-events-pg-template{box-sizing:border-box;width:100%;max-width:1280px;margin-inline:auto;padding:64px 0 80px}
.post-type-archive-tribe_events .tribe-events-header{flex-wrap:wrap}
.post-type-archive-tribe_events .tribe-events-header .tec-a11y-title-hidden{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	margin:-1px!important;
	padding:0!important;
	clip:rect(0 0 0 0)!important;
	clip-path:inset(50%)!important;
	overflow:hidden!important;
}

/* Divi-5-Fallback: mobiler Menü-Kontrast. Responsive Textfarben des
 * Menümoduls werden im Frontend von .et_pb_bg_layout_dark überstimmt. */
@media(max-width:980px){
	.wc-header-nav .et_mobile_menu li a,
	.wc-header-nav .et_mobile_menu .sub-menu a,
	.wc-header-nav .et_mobile_menu .current-menu-item>a,
	.wc-header-nav .et_mobile_menu .current-menu-ancestor>a{
		color:#26301f!important;
	}
	.wc-header-nav .et_mobile_menu li a:hover,
	.wc-header-nav .et_mobile_menu li a:focus,
	.wc-header-nav .et_mobile_menu .current-menu-item>a,
	.wc-header-nav .et_mobile_menu .current-menu-ancestor>a{
		color:#2f4a34!important;
	}
}
.post-type-archive-tribe_events .tribe-events-header__title{
	box-sizing:border-box;
	position:relative!important;
	display:block;
	/* flex-basis darf width:100vw nicht schlagen, sonst zwingt der Mindestinhalt (fester
	   Innenabstand + Text) das Element bei sehr breiten Fenstern auf eine zu schmale, nach
	   rechts verschobene Breite statt der beabsichtigten vollen Fensterbreite. */
	flex:0 0 auto;
	width:100vw;
	max-width:none;
	height:300px;
	margin:0 calc(50% - 50vw) 80px;
	padding:64px max(24px,calc((100vw - 1280px)/2)) 96px;
	background:transparent!important;
}
.post-type-archive-tribe_events .tribe-events-header__title-text{margin:47.2px 0 0!important;font:600 48px/1.15 "Lora",Georgia,serif!important;color:#f7f3eb!important}
.post-type-archive-tribe_events .tribe-common-l-container{padding-top:0!important}
.post-type-archive-tribe_events .tribe-events-c-events-bar,
.post-type-archive-tribe_events .tribe-events-calendar-list__event,
.single-tribe_events .tribe-events-event-meta{background:#fff;border:1px solid #ded6c4;border-radius:8px;box-shadow:0 4px 16px rgba(47,74,52,.06)}
.post-type-archive-tribe_events .tribe-events-c-events-bar{padding:8px}
.post-type-archive-tribe_events :is(.tribe-events-header__events-bar,.tribe-events-header__top-bar){display:none!important}
.post-type-archive-tribe_events .tribe-events-c-nav__list-item--next:has(button:disabled){display:none!important}
.post-type-archive-tribe_events :is(.tribe-events-c-nav__prev,.tribe-events-c-nav__next){
	font-family:"Source Sans 3",Arial,sans-serif!important;
	font-size:17px!important;
	font-weight:600!important;
	color:#2f4a34!important;
	text-decoration:none!important;
}
.post-type-archive-tribe_events :is(.tribe-events-c-nav__prev,.tribe-events-c-nav__next):hover{color:#527c57!important}
.post-type-archive-tribe_events :is(.tribe-events-c-nav__prev,.tribe-events-c-nav__next) svg path{fill:currentColor!important}
.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__button{
	display:inline-flex!important;
	width:auto!important;
	min-height:48px;
	padding:0 17px!important;
	align-items:center;
	gap:10px;
	background:#2f4a34!important;
	border:0!important;
	border-radius:8px!important;
	box-shadow:none!important;
}
.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__button:hover{background:#3f6246!important}
.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__button-text{
	padding:0!important;
	appearance:none;
	background:transparent!important;
	border:0!important;
	box-shadow:none!important;
	outline:0;
	font-family:"Source Sans 3",Arial,sans-serif!important;
	font-size:16px!important;
	font-weight:600!important;
	line-height:1.2!important;
	color:#f7f3eb!important;
}
.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__button:focus-within{outline:3px solid rgba(107,156,92,.45);outline-offset:3px}
.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__button-icon{
	position:static!important;
	width:12px!important;
	height:8px!important;
	margin:0!important;
	color:#f7f3eb!important;
}
.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__button-icon path{fill:currentColor!important}
.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator{margin:48px 0 22px}
.post-type-archive-tribe_events .tribe-events-calendar-list__month-separator-text,
.post-type-archive-tribe_events .tribe-events-calendar-list__event-title,
.single-tribe_events .tribe-events-single-event-title{font-family:"Lora",Georgia,serif;font-weight:600;line-height:1.25;color:#2f4a34!important}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag{align-self:flex-start;width:86px;min-width:86px;margin-right:18px;padding:14px 8px;background:#2f4a34;border-radius:8px}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag-weekday,
.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag-daynum{color:#f7f3eb!important}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag-daynum{font:600 2rem/1.1 "Lora",Georgia,serif}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-wrapper{width:calc(100% - 104px)}
.post-type-archive-tribe_events .tribe-events-calendar-list__event{padding:24px}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-featured-image,
.single-tribe_events .tribe-events-event-image img{width:100%;object-fit:cover;border-radius:6px}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-featured-image{aspect-ratio:16/10}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-title-link{color:#2f4a34!important}
.post-type-archive-tribe_events .tribe-events-calendar-list__event-title-link:hover{color:#6b9c5c!important}
.tribe-events .wc-terminkategorien{margin:6px 0 12px;padding:0;color:#2f4a34;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.single-tribe_events .tribe-events-single-event-title{font-size:clamp(2rem,4vw,3rem)}
.single-tribe_events .tribe-events-single-section-title{font-family:"Lora",Georgia,serif;color:#2f4a34!important}
.page-id-30725 .wc-callout-warning .et_pb_row::before{width:auto!important;max-width:calc(100% - 60px)!important}

/* eRecht24-Shortcodes: nur die nicht nativ steuerbare Fremdausgabe typografisch einpassen. */
body:is(.page-id-3,.page-id-1243) .wc-legal-copy{
	font:400 18px/1.65 "Source Sans 3",Arial,sans-serif;
	color:#243127;
}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy :is(h2,h3,h4){
	font-family:"Lora",Georgia,serif;
	font-weight:600;
	color:#2f4a34;
	overflow-wrap:anywhere;
}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy h2{margin:44px 0 14px;font-size:30px;line-height:1.3}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy h2:first-child{margin-top:0}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy h3{margin:28px 0 10px;font-size:22px;line-height:1.35}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy h4{margin:24px 0 8px;font-size:19px;line-height:1.4}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy p{margin:0 0 16px}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy :is(ul,ol){margin:0 0 20px;padding-left:1.35em}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy li{margin-bottom:7px}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy a{color:#527c57;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body:is(.page-id-3,.page-id-1243) .wc-legal-copy strong{font-weight:650;color:#2f4a34}

/* Einzige Aquarell-Ausnahme: eine gemeinsame Hintergrundflaeche fuer Header und Hero. */
body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.post-type-archive-tribe_events,.page-id-1282){
	--wc-hero-art:none;
}
/* Die Hero-Zuordnung steht seit dem 01.09.2026 in functions.php
   (webcrow_hero_art_inline). WP Compress schreibt Bild-URLs nur im
   HTML-Ausgabepuffer um, nicht im Inhalt einer Theme-CSS-Datei; ueber die
   Laufzeitausgabe kommt das Hero-Bild deshalb vom CDN. */
body.page-id-30737 #page-container::before{background-position:center,right -100px}
body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.post-type-archive-tribe_events,.page-id-1282) #page-container{
	position:relative;
	isolation:isolate;
}
body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.post-type-archive-tribe_events,.page-id-1282) #page-container::before{
	content:"";
	position:absolute;
	inset:0 0 auto;
	height:600px;
	z-index:0;
	pointer-events:none;
	background-image:
		linear-gradient(90deg,#2f4a34 0%,#2f4a34 24%,rgba(47,74,52,.96) 38%,rgba(47,74,52,.72) 55%,rgba(47,74,52,.36) 72%,transparent 88%),
		var(--wc-hero-art);
	background-position:center,right top;
	background-size:100% 100%,auto 900px;
	background-repeat:no-repeat;
}
body .wc-illustrated-hero{height:300px!important}
body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.post-type-archive-tribe_events,.page-id-1282) .et-l--header{position:relative;z-index:20}
body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.post-type-archive-tribe_events,.page-id-1282) #main-content{position:relative;z-index:1}
body.single-post #main-content{background:transparent!important}
body.error404 #main-content{background:transparent!important}
body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.page-id-1282) :is(.et-l--header .et_pb_section:first-child,.et_builder_inner_content>.wc-hero,.et_builder_inner_content>.wc-page-hero,.wc-history-hero-native){background:transparent!important}
body.post-type-archive-tribe_events :is(.et-l--header .et_pb_section:first-child,.tribe-events-header__title){background:transparent!important}
body:is(.home,.page-id-32183) #page-container::before{background-position:center,right -100px}
body.post-type-archive-tribe_events #page-container::before{background-position:center,right -100px}

/* Einheitliche Geometrie fuer textbasierte Unterseiten-Heros. */
.et_builder_inner_content>.wc-page-hero:not(.wc-internal-compact){
	box-sizing:border-box;
	display:flex!important;
	height:300px!important;
	padding:64px 0 96px!important;
	align-items:center;
}
.et_builder_inner_content>.wc-page-hero>.et_pb_row{
	display:block!important;
	width:100%!important;
	max-width:1280px!important;
	margin-right:auto!important;
	margin-bottom:0!important;
	margin-left:auto!important;
	padding-top:28.7969px!important;
	padding-bottom:28.7969px!important;
}
.et_builder_inner_content>.wc-page-hero>.et_pb_row .et_pb_heading{
	display:block!important;
	margin-bottom:30px!important;
}
.et_builder_inner_content>.wc-page-hero>.et_pb_row .et_pb_text{display:block!important}
/* Lesbare Zeilenlaenge im Kopfbereich, gleicher Wert wie der Termine-Untertitel. */
#main-content :is(.wc-page-hero,.wc-hero-row,.wc-history-hero-native) .et_pb_text .et_pb_text_inner p{max-width:720px}
/* Startseiten-Vorspann: die Modulfarbe muss das Text-Preset schlagen. Das Preset
   bc0d18c1-... setzt color:var(--gcid-ewigeheimat-ink)!important bei gleicher
   Spezifitaet wie die Divi-Modulregel; wer gewinnt, haengt allein von der
   Reihenfolge im generierten CSS ab. Hoehere Spezifitaet macht das eindeutig. */
#main-content .wc-hero-lede .et_pb_text_inner,
#main-content .wc-hero-lede .et_pb_text_inner p{color:rgba(247,243,235,.9)!important}
/* Kategorie-/Archiv-Hero-Unterzeile (term_description, Modulklasse "lede"): gleiches Problem,
   andere Modulinstanz als die Startseite. Auf .wc-page-hero begrenzt, dort ist der Hintergrund
   immer der dunkle Aquarell-Verlauf. */
#main-content .wc-page-hero .lede .et_pb_text_inner,
#main-content .wc-page-hero .lede .et_pb_text_inner p{color:rgba(247,243,235,.9)!important}

/* The Events Calendar: gleicher Text-Hero mit erklaerender Unterzeile. */
.post-type-archive-tribe_events .tribe-events-header__title::after{
	content:"Alle Termine, Versammlungen und Veranstaltungen unserer Kleingartenanlage im Überblick.";
	position:absolute;
	left:max(24px,calc((100vw - 1280px)/2));
	top:202.4px;
	max-width:720px;
	font:400 19px/1.55 "Source Sans 3",Arial,sans-serif;
	color:#e9e3d4;
}

@media(min-width:1801px){
	body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.post-type-archive-tribe_events,.page-id-1282) #page-container::before{
		background-image:
			linear-gradient(90deg,#2f4a34 0%,#2f4a34 37%,rgba(47,74,52,.97) 44%,rgba(47,74,52,.78) 58%,rgba(47,74,52,.38) 74%,transparent 90%),
			var(--wc-hero-art);
		background-size:100% 100%,auto 1000px;
	}
}

/* Archiv: saubere Bildrahmen und ruhige, gleichmaessige Karten. */
.category .et_pb_blog .et_pb_post{
	display:flex;
	height:100%;
	padding:0;
	flex-direction:column;
	overflow:hidden;
	background:#fff;
	border:1px solid #ded6c4;
	border-radius:10px;
	box-shadow:0 5px 18px rgba(47,74,52,.07);
}
.category .et_pb_blog .entry-featured-image-url{
	height:250px;
	margin:0;
	overflow:hidden;
}
.category .et_pb_blog .et_pb_image_container{margin:0!important}
.category .et_pb_blog .entry-featured-image-url img{
	display:block;
	width:100%;
	height:100%!important;
	object-fit:cover;
	transition:transform .25s ease;
}
.category .et_pb_blog .et_pb_post:hover .entry-featured-image-url img{transform:scale(1.025)}
.category .et_pb_blog .entry-title{
	margin:0;
	padding:22px 22px 8px!important;
	font:600 22px/1.3 "Lora",Georgia,serif;
	color:#2f4a34;
}
.category .et_pb_blog .post-meta{margin:0;padding:0 22px 14px;color:#667066}
.category .et_pb_blog .post-content{display:flex;flex:1;padding:0 22px 24px;flex-direction:column;color:#243127}
.category .et_pb_blog .post-content-inner{flex:1}
.category .et_pb_blog .more-link{margin-top:12px;font-weight:600;color:#2f4a34}
.category .et_pb_blog .more-link:hover{color:#6b9c5c}

/* Interner Bereich: SureForms in das gemeinsame Seitensystem einfuegen. */
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) :is(.srfm-form-container,.srfm-form-restriction-message){
	box-sizing:border-box;
	width:100%;
	max-width:1280px;
	margin-inline:auto;
	padding:32px;
	background:#fff;
	border:1px solid #ded6c4;
	border-radius:12px;
	box-shadow:0 6px 22px rgba(47,74,52,.07);
}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-form{row-gap:22px;column-gap:16px}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-form .uagb-heading-text{
	margin:0 0 22px;
	font:600 28px/1.25 "Lora",Georgia,serif;
	color:#2f4a34;
}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-block-label{font:600 16px/1.45 "Source Sans 3",Arial,sans-serif;color:#243127}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-input-common{
	min-height:48px;
	padding:11px 13px;
	background:#fbf8f1;
	border:1px solid #b8c8b5;
	border-radius:8px;
	color:#243127;
}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-form .srfm-input-common:not(.srfm-input-gdpr):not([type="checkbox"]):not([type="radio"]){
	box-sizing:border-box!important;
	min-height:48px!important;
	padding:11px 13px!important;
	background:#fbf8f1!important;
	border:1px solid #b8c8b5!important;
	border-radius:8px!important;
	box-shadow:none!important;
	font-family:"Source Sans 3",Arial,sans-serif!important;
	font-size:16px!important;
	line-height:24px!important;
	color:#243127!important;
}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-input-common:focus{border-color:#6b9c5c;box-shadow:0 0 0 3px rgba(107,156,92,.2);outline:0}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-form .srfm-input-common:not(.srfm-input-gdpr):focus{
	border-color:#6b9c5c!important;
	box-shadow:0 0 0 3px rgba(107,156,92,.2)!important;
	outline:0!important;
}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-upload-block .srfm-block-wrap{background:#fbf8f1;border-color:#6b9c5c;border-radius:8px}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-submit-button{
	min-height:48px;
	padding:13px 28px;
	background:#2f4a34;
	border:0;
	border-radius:8px;
	font-weight:600;
	color:#f7f3eb;
}
body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-submit-button:hover{background:#6b9c5c}

/* Divi-Ausgabe-Fallbacks: Typografie des Post-Content- und Login-Moduls. */
:is(h1,h2,h3,h4,h5,h6),
:is(h1,h2,h3,h4,h5,h6) a{font-family:"Lora",Georgia,serif!important}
#main-content h1{font-size:48px!important;line-height:1.15!important;font-weight:600!important}
.single-post .wc-article-hero h1{overflow-wrap:break-word;hyphens:auto}
.single-post .et_pb_post_content{font-family:"Source Sans 3",Arial,sans-serif;font-size:18px;line-height:1.7;color:#26301f}
.single-post .et_pb_post_content{min-width:0;overflow-wrap:anywhere}
.single-post .et_pb_post_content :is(img,iframe,video,table){max-width:100%}
.single-post .et_pb_post_content pre{max-width:100%;white-space:pre-wrap}
.single-post .et_pb_post_content :is(p,li,blockquote,table){font-family:inherit}
.single-post .et_pb_post_content :is(h2,h3,h4,h5,h6){font-family:"Lora",Georgia,serif;color:#2f4a34}
.page-id-31675 .et_pb_login{border:1px solid #ded6c4;border-radius:12px;box-shadow:0 6px 22px rgba(47,74,52,.07)}
.page-id-31675 .et_pb_login :is(p,a,label,input,button){font-family:"Source Sans 3",Arial,sans-serif}
.page-id-31675 .et_pb_login input{min-height:48px;background:#fbf8f1!important;border:1px solid #b8c8b5;border-radius:8px;color:#243127}
.page-id-31675 .et_pb_login .et_pb_newsletter_button{min-height:48px;background:#2f4a34!important;border:0!important;border-radius:8px;color:#f7f3eb!important;font-size:17px;font-weight:600}
.page-id-31675 .et_pb_login .et_pb_newsletter_button:hover{background:#6b9c5c!important}
@media(max-width:1312px){.post-type-archive-tribe_events .tribe-common-l-container,.single-tribe_events #tribe-events-pg-template{padding-right:24px;padding-left:24px}}
@media(max-width:767px){.post-type-archive-tribe_events .tribe-common-l-container,.single-tribe_events #tribe-events-pg-template{padding-top:40px;padding-bottom:56px}.post-type-archive-tribe_events .tribe-events-calendar-list__event-row{display:block}.post-type-archive-tribe_events .tribe-events-calendar-list__event-date-tag{width:76px;min-width:76px;margin:0 0 12px}.post-type-archive-tribe_events .tribe-events-calendar-list__event-wrapper{width:100%}.post-type-archive-tribe_events .tribe-events-calendar-list__event{padding:18px}}
@media(max-width:767px){
	body:is(.home,.single-post,.page-id-32183,.page-id-3,.page-id-1243,.page-id-30509,.page-id-33409,.page-id-30745,.page-id-30725,.page-id-30786,.page-id-30737,.page-id-1286,.page-id-1284,.page-id-31704,.page-id-30011,.page-id-31591,.page-id-31675,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931,.page-id-30912,.error404,.category-neuigkeiten,.category-allgemeine-informationen,.category-garten-fachberatung,.post-type-archive-tribe_events,.page-id-1282) #page-container::before{
		height:680px;
		background-image:linear-gradient(90deg,rgba(47,74,52,.97) 0%,rgba(47,74,52,.9) 58%,rgba(47,74,52,.62) 100%),var(--wc-hero-art);
		background-position:center,68% top;
		background-size:100% 100%,auto 900px;
	}
	body.post-type-archive-tribe_events #page-container::before{background-position:center,68% -100px}
		body .wc-illustrated-hero{height:340px!important}
	body.page-id-30737 #page-container::before{background-position:center,68% -100px}
	.et_builder_inner_content>.wc-page-hero:not(.wc-internal-compact){height:340px!important;padding:64px 0 96px!important}
	.et_builder_inner_content>.wc-page-hero>.et_pb_row{padding:30px 24px!important}
	.post-type-archive-tribe_events .tribe-events-header__title{height:340px;padding:64px 24px 96px}
	.post-type-archive-tribe_events .tribe-events-header__title-text{margin-top:42.8px!important;font-size:32px!important;line-height:1.15!important}
	.post-type-archive-tribe_events .tribe-events-header__title::after{right:24px;left:24px;top:183.6px;font-size:17px}
	#main-content h1{font-size:32px!important}
	.single-post .et_pb_post_content h2{font-size:28px!important;line-height:1.25!important}
	.single-post .et_pb_post_content h3{font-size:22px!important;line-height:1.3!important}
	.page-id-30725 #main-content h3,
	.page-id-31730 #main-content h3{font-size:22px!important;line-height:1.3!important}
	.post-type-archive-tribe_events #main-content h2,
	.single-tribe_events #main-content h2{font-size:28px!important;line-height:1.25!important}
	.post-type-archive-tribe_events #main-content h3,
	.single-tribe_events #main-content h3{font-size:22px!important;line-height:1.3!important}
	.category .et_pb_blog .entry-featured-image-url{height:220px}
	.category .et_pb_blog .entry-title{padding:20px 18px 8px!important;font-size:21px}
	.category .et_pb_blog .post-meta{padding:0 18px 12px}
	.category .et_pb_blog .post-content{padding:0 18px 20px}
	body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) :is(.srfm-form-container,.srfm-form-restriction-message){padding:22px 18px;border-radius:10px}
	body:is(.page-id-30011,.page-id-31591,.page-id-31673,.page-id-31712,.page-id-31730,.page-id-31746,.page-id-31775,.page-id-31926,.page-id-31931) .srfm-form .uagb-heading-text{font-size:24px}
	.page-id-31675 .et_pb_login{padding:22px 18px!important}
}

/* Abonnieren-Menue: Hinweis fuer Android.
   The Events Calendar blendet dort "Google Kalender" und "iCalendar" selbst aus
   (.tec-is-android in views-skeleton.css), weil Google Kalender das Abonnieren
   per URL nur am Desktop erlaubt und Android webcal:// nicht kennt. Der Hinweis
   wird deshalb genau unter derselben Bedingung eingeblendet und bleibt sonst
   verborgen. */
.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__list-item--hinweis{display:none}
.tec-is-android.post-type-archive-tribe_events .tribe-events-c-subscribe-dropdown__list-item--hinweis{
	display:list-item;
	margin-top:6px;
	padding-top:10px;
	border-top:1px solid rgba(47,74,52,.18);
	font-family:"Source Sans 3",Arial,sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:1.45;
	color:#4a5c4e;
	white-space:normal;
}

/* wc-kopf-seitenrand-20261031: Seitenkopf-Zeilen (Markenzeile, Logo, Menue) hatten bei Fensterbreiten bis 1280px keinen Seitenrand. Das Menue ragte dadurch 11px ueber den Rand (horizontaler Scrollbalken) und lag buendig am Fensterrand. Der Rand blendet bis 1328px stufenlos auf 0 aus, wie die uebrigen Bereiche (max(24px, (100vw - 1280px)/2)). */
@media(min-width:981px){
	.et-db #et-boc .et-l .wc-site-header > .et_pb_row.et_pb_row:not(.wc-header-search-row){
		box-sizing:border-box;
		padding-right:min(24px,max(0px,calc(24px - (100vw - 1280px)/2)))!important;
		padding-left:min(24px,max(0px,calc(24px - (100vw - 1280px)/2)))!important;
	}
}

/* wc-menue-schleier-20261031: Dunkelgruener Schleier hinter dem Hauptmenue im Seitenkopf. Der letzte Menuepunkt (An- und Abmelden) lag auf dem hellen Laub des Headerbilds und war kaum lesbar. Nur Desktop (ab 981px). Die Unterkante laeuft per Maske weich aus, rechts laeuft der Schleier hinter dem Menue aus, damit bei breiten Fenstern keine Flaeche bis zum Rand reicht. */
@media(min-width:981px){
	.et_pb_section_0_tb_header{position:relative}
	.et_pb_section_0_tb_header::before{content:"";position:absolute;top:0;left:0;right:0;height:130px;z-index:0;pointer-events:none;
		background:linear-gradient(90deg,rgba(47,74,52,0) 30%,rgba(47,74,52,.78) calc(50% + 560px),rgba(47,74,52,.78) calc(50% + 680px),rgba(47,74,52,0) calc(50% + 800px));
		-webkit-mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 55%,transparent 100%)}
	.et_pb_section_0_tb_header>.et_pb_row{position:relative;z-index:1}
}

/* wc-header-suche-20261031: Suchfeld [brita_chatbot_suchfeld] im Seitenkopf (Layout 32240, Row wc-header-search-row). Desktop: Ueberlagerung in der Verbandstext-Zeile, rechte Kante fluchtet mit dem Menue. Mobil (bis 980px): eigene 48px-Zeile. Selektoren bewusst mit .et-db #et-boc .et-l, damit nicht die Stylesheet-Reihenfolge (WP Compress) entscheidet. */
.et-db #et-boc .et-l .wc-site-header > .et_pb_row.wc-header-search-row,
.et-db #et-boc .et-l .wc-site-header .et_pb_column.wc-header-search-col{position:static;z-index:auto;margin:0;padding:0;min-height:0;width:100%;max-width:none}
.et-db #et-boc .et-l .wc-site-header .et_pb_module.wc-header-search{margin:0;padding:0}
.et-db #et-boc .et-l .wc-site-header .wc-header-search .et_pb_text_inner{padding:0}
.et-db #et-boc .et-l .wc-site-header .wc-header-search .et_pb_text_inner>p:empty{display:none}
@media(min-width:981px){
	.et-db #et-boc .et-l .wc-site-header>.et_pb_row.wc-header-search-row{height:0;overflow:visible}
	.et-db #et-boc .et-l .wc-site-header .et_pb_module.wc-header-search{position:absolute;top:1px;right:max(24px,calc((100% - 1280px)/2));width:clamp(210px,17.4%,260px);z-index:1000;transition:width .2s}
	.et-db #et-boc .et-l .wc-site-header .et_pb_module.wc-header-search:focus-within{width:clamp(260px,24%,340px)}
}
@media(max-width:980px){
	.et-db #et-boc .et-l .wc-site-header>.et_pb_row.wc-header-search-row{background:#36503a;padding:8px 16px!important;height:48px}
	.et-db #et-boc .et-l .wc-site-header .et_pb_module.wc-header-search{position:static;width:100%}
}
@media(prefers-reduced-motion:reduce){.et-db #et-boc .et-l .wc-site-header .et_pb_module.wc-header-search{transition:none}}
/* END wc-header-suche-20261031 */

/* WC-HERO-RANDABSTAND (31.10.2026): Seitenrand der Hero-Texte zwischen 768 und 1440 px; bei 1440 px unveraendert x=80 */
@media(min-width:768px){
	.et_builder_inner_content>.wc-page-hero>.et_pb_row{
		padding-right:max(0px,calc(clamp(24px,5.5vw,80px) - max(0px,calc((100vw - 1280px) / 2))))!important;
		padding-left:max(0px,calc(clamp(24px,5.5vw,80px) - max(0px,calc((100vw - 1280px) / 2))))!important;
	}
}

/* WC-HERO-RANDABSTAND-2 (31.10.2026): Startseite (32183) und Geschichte (1282), gleiche Formel wie WC-HERO-RANDABSTAND */
@media(min-width:768px){
	body.page-id-32183 .et_builder_inner_content>.et_pb_section_0>.et_pb_row_0,
	body.page-id-1282 .et_builder_inner_content>.et_pb_section_0>.et_pb_row_0{
		padding-right:max(0px,calc(clamp(24px,5.5vw,80px) - max(0px,calc((100vw - 1280px) / 2))))!important;
		padding-left:max(0px,calc(clamp(24px,5.5vw,80px) - max(0px,calc((100vw - 1280px) / 2))))!important;
	}
}

/* WC-HERO-RANDABSTAND-3 (31.10.2026): Startseite, Sektionen 2 und 3 unter dem Hero, gleiche Formel */
@media(min-width:768px){
	body.page-id-32183 .et_builder_inner_content>.et_pb_section.et_pb_section_1>.et_pb_row,
	body.page-id-32183 .et_builder_inner_content>.et_pb_section.et_pb_section_2>.et_pb_row{
		padding-right:max(0px,calc(clamp(24px,5.5vw,80px) - max(0px,calc((100vw - 1280px) / 2))))!important;
		padding-left:max(0px,calc(clamp(24px,5.5vw,80px) - max(0px,calc((100vw - 1280px) / 2))))!important;
	}
}