/* Gradient und Ebenenverrechnung und Hover müssen wir optisch optimieren */
.gradient-bg .image {
  background: #ffffff
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.92) 8%,
      rgba(0, 0, 0, 0.6) 20%,
      rgba(255, 255, 255, 0.1) 70%
    );
  transition: all 1.8s ease-in;
  position: relative;
}
.gradient-bg .image:hover {
  background: #ffffff
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.8) 8%,
      rgba(0, 0, 0, 0.5) 16%,
      rgba(255, 255, 255, 0) 60%
    );
  transition: all 1.8s ease-in;
}

/* Hover optisch zeigen */
.custom-contentelements-linkicon:hover {
  color: var(--color-dtb-red);
}

/* Farben und hover bei Buttons funktionieren nicht durchgängig */
.inverted .default-btn:hover {
  color: white !important;
}

/* Linie etwas zu schmal eventuell noch dicker machen */
.swiper-pagination .line {
  height: 5px;
}

/* Klickmöglichkeit wird nicht gezeigt */
.swiper-pagination .line:hover {
  cursor: pointer;
}

/* Elemente zu lang und nicht zentriert */
/* .swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 96%;
  max-width: 900px;
  margin: 0 auto;
} */