/* -------------------- 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: 34%;
}
.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 */
}