/* Browserübergreifend einheitliche Scrollleiste für das Startseiten-Karussell. */
.home .concert-carousel {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.home .concert-carousel::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.home .concert-scrollbar {
  position: relative;
  width: 100%;
  height: 18px;
  margin-top: -2px;
  padding: 6px 0;
  cursor: pointer;
  touch-action: none;
  box-sizing: border-box;
}

.home .concert-scrollbar-track {
  position: relative;
  width: 100%;
  height: 6px;
  overflow: hidden;
  background: rgba(189, 169, 140, .34);
  border-radius: 999px;
}

.home .concert-scrollbar-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  min-width: 44px;
  height: 100%;
  background: #9d1f2f;
  border-radius: 999px;
  box-shadow: 0 2px 7px rgba(157, 31, 47, .18);
  transform: translate3d(0, 0, 0);
  transition: background-color .16s ease, box-shadow .16s ease;
  will-change: transform;
}

.home .concert-scrollbar:hover .concert-scrollbar-thumb,
.home .concert-scrollbar:focus-visible .concert-scrollbar-thumb {
  background: #7f1827;
  box-shadow: 0 2px 9px rgba(127, 24, 39, .28);
}

.home .concert-scrollbar.is-dragging .concert-scrollbar-thumb,
.home .concert-scrollbar:active .concert-scrollbar-thumb {
  background: #650f1e;
  box-shadow: 0 2px 10px rgba(101, 15, 30, .34);
}

.home .concert-scrollbar:focus-visible {
  outline: 2px solid rgba(157, 31, 47, .35);
  outline-offset: 3px;
  border-radius: 999px;
}

.home .concert-scrollbar.is-disabled {
  display: none;
}

@media (max-width: 700px) {
  .home .concert-scrollbar {
    height: 20px;
    padding: 7px 0;
  }
}