/* -------------------- Flexslider Logo BEGINN -------------------- */

.logo-slider {
	position: absolute;
	width: 42%;
	height: fit-content;
	z-index: 9;
	background: var(--bg-logo-slider);
	border-top: 1px solid var(--background-gradient-middle);
	border-bottom: 1px solid var(--background-gradient-middle);
	top: 28%;
	left: 8%;
	border-radius: 1em;
	transform: none;
}

@media (min-width: 1200px) and (max-width: 1499px) {
	.logo-slider {
		transform:scale(0.9);
		top: 14%;
		width: 56%;
	}
}

.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 */
	--bg-logo-slider: linear-gradient(90deg, rgb(255 255 255 / 65%) 0%, rgb(255 255 255 / 85%) 50%, rgb(255 255 255 / 65%) 100%);
}

[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 */
	--bg-logo-slider: linear-gradient(90deg, rgb(33 37 41 / 65%) 0%, rgb(33 37 41 / 85%) 50%, rgb(33 37 41 / 65%) 100%);
}