/* -------------------- Flexslider Logo BEGINN -------------------- */
.logo-slider {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9;
	/*background: linear-gradient(90deg, var(--background-gradient-start) 0%, var(--background-gradient-middle) 50%, var(--background-gradient-end) 100%);
	border-top: 1px solid var(--background-gradient-middle);
	border-bottom: 1px solid var(--background-gradient-middle);*/
	background: var(--background-slider-overlay);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
}
.logo-slider img {
	max-width: 50%;
	position: absolute;
	left: 50%;
	top: 15%;
	transform: translateX(-50%);
}
.slider-text-overlay {
	top: 4em;
	position: relative;
	left: 4em;
	width: fit-content;
	background-color: var(--background-text-overlay);
	padding: 2em;
	border-radius: 0.2em;
	box-shadow: 0px 0px 8px 4px rgba(0,0,0,0.20);
}
/* -------------------- Flexslider Logo ENDE -------------------- */
:root {
	--background-slider-overlay: url("../images/background/katz-banner-overlay-light.webp");
	--background-text-overlay: rgba(255,255,255,0.92);
  --background-gradient-start: rgba(255, 255, 255, 0.1); /* Startfarbe des Gradienten */
  --background-gradient-middle: rgba(255, 255, 255, 1); /* Mittlere Farbe des Gradienten */
  --background-gradient-end: rgba(255, 255, 255, 0.1); /* Endfarbe des Gradienten */
}
[data-theme="dark"] {
	--background-slider-overlay: url("../images/background/katz-banner-overlay-dark.webp");
	--background-text-overlay: rgba(33,37,41,0.92);
  --background-gradient-start: rgba(0, 0, 0, 0.1); /* Startfarbe des Gradienten */
  --background-gradient-middle: rgba(0, 0, 0, 1); /* Mittlere Farbe des Gradienten */
  --background-gradient-end: rgba(0, 0, 0, 0.1); /* Endfarbe des Gradienten */
}