/* Ergänzungen zum Donovan-Theme: früher per WordPress-Customizer und Plugins eingebunden */

/* Zusätzliches CSS aus dem Customizer */
.boxed-theme-layout .site { margin-left: auto; margin-right: auto; max-width: 1080px; }
.site-content { background-color: #fff; }
#masthead { margin-bottom: 0; }
#page {
	margin-bottom: 0;
	margin-top: 0;
	box-shadow: 0px 0px 27px 18px rgba(0,0,0,0.31);
}
.boxed-theme-layout .type-page { border: 0; }
#menu-hauptmenue a { font-weight: bold; }
body { font-family: Tahoma, Sans-Serif; }
.site-description { position: absolute; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; }
@media only screen and (min-width: 90em) {
	.entry-content { font-size: 18px; font-size: 0.9rem; }
	h2.wpb_singleimage_heading { font-size: 1.3rem; }
	.main-navigation ul ul { background-color: #202020 !important; }
}

/* Slider auf der Startseite (ersetzt Smart Slider 3) */
.slider { position: relative; aspect-ratio: 1080 / 404; overflow: hidden; background: #000; }
.slider-folie {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; opacity: 0; transition: opacity .6s ease;
}
.slider-folie.aktiv { opacity: 1; }
.slider-pfeil {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 32px; height: 32px; padding: 0; border: 0; border-radius: 3px;
	background: rgba(0,0,0,.5); cursor: pointer;
}
.slider-pfeil:hover { background: rgba(0,0,0,.8); }
.slider-pfeil::before {
	content: ""; position: absolute; top: 50%; left: 50%;
	border: 7px solid transparent;
}
.slider-pfeil.zurueck { left: 15px; }
.slider-pfeil.zurueck::before { border-right-color: #fff; transform: translate(-75%, -50%); }
.slider-pfeil.weiter { right: 15px; }
.slider-pfeil.weiter::before { border-left-color: #fff; transform: translate(-25%, -50%); }

/* Galerie: Vorschaubilder werden doppelt so groß berechnet und auf 250px angezeigt */
.wpb_image_grid .wpb_image_grid_ul { display: flow-root; }
.wpb_image_grid .wpb_image_grid_ul img { width: 250px; }

/* YouTube-Videos: werden erst nach Klick von YouTube geladen */
.youtube-klick { overflow: hidden; background: #000; }
.youtube-klick img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .85; }
.youtube-start {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 68px; height: 48px; padding: 0; border: 0; border-radius: 12px;
	background: rgba(33,33,33,.85); cursor: pointer;
}
.youtube-start:hover, .youtube-start:focus { background: #f00; }
.youtube-start::before {
	content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-35%, -50%);
	border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #fff;
}
.youtube-hinweis {
	position: absolute; left: 0; right: 0; bottom: 0; margin: 0; padding: .5em .75em;
	background: rgba(0,0,0,.7); color: #fff; font-size: 12px; line-height: 1.4;
}
.youtube-hinweis a { color: #fff; text-decoration: underline; }

/* Kontaktformular */
.formular-feld-honig { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
altcha-widget { display: block; margin: 0 0 1.5em; max-width: 300px; }