/* -------------------- Flexslider Logo BEGINN -------------------- */
.logo-slider {
	position: absolute;
	width: fit-content;
	height: fit-content;
	z-index: 9;
	top: 40%;
	left: 4.88em;
	transform: none;
}
@media (min-width: 1200px) and (max-width: 1399px) {
	.logo-slider {
		top: 32.8%;
    left: -3em;
    transform: scale(0.65);
	}
}
@media (min-width: 1400px) and (max-width: 1699px) {
	.logo-slider {
		top: 32.8%;
    left: 0.4em;
    transform: scale(0.8);
	}
}
.logo-slider img {
	max-width: 50%;
	position: absolute;
	left: 50%;
	top: 15%;
	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 */
}