/* -------------------- Flexslider Logo BEGINN -------------------- */
.logo-slider {
	position: absolute;
	width: 100%;
	height: 35%;
	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);
	top: 28%;
}
.logo-slider img {
	max-width: 32%;
	position: absolute;
	left: 50%;
	top: -45%;
	transform: translateX(-50%);
}
/* -------------------- Flexslider Logo ENDE -------------------- */
:root {
  --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-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 */
}