.alben-galerie {
  display: flex;
  flex-direction: row;
  gap: var(--block-margin, 20px);
  padding-bottom: 10px;
}

.alben-section {
    display: flex;
    align-items: flex-start;
    gap: var(--block-margin);
    margin: 5vh calc(-1*var(--fade-width)); /* mindestens 15 vh bei horizontalem scrollen*/
    padding: 0 var(--fade-width);
    overflow: hidden;
    position: relative;

}

/* Nur auf Touch aktiv */
.scrollrad.is-touch .alben-section {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;       /* Firefox */
    scroll-snap-type: x mandatory;
}

.is-touch .alben-section::-webkit-scrollbar {
    display: none;               /* Chrome / Safari */
}

/* Wichtig: Galerie darf nicht schrumpfen */
.is-touch .alben-section .alben-galerie {
    flex-wrap: nowrap;
}

.album {
  display: flex;
  flex-direction: column;
  gap: 10px;
 width: 300px;
   flex: 0 0 auto;
}

.is-touch .album {

  flex: 0 0 auto;
     scroll-snap-align: center;
}

.album-cover {
  height: 300px;
  object-fit: cover;
  display: block;
}
.album-cover img {
    width: 100%;
    height: 100%;
  object-fit: cover;
}

.album-name {
    text-align: center;
    transform: rotate(calc(-1 * var(--rotation)));
    margin-bottom: 0;
	margin-top: 10px;
}

.album-beschreibung {
    text-align: center;
}

.album-link{
    transition: opacity 0.3s ease, transform 0.2s ease;
    font-weight: inherit;
}

/* Gemeinsamer Hover */
.album-link:hover {
    opacity: 0.8;
    transform: translateX(-5px) translateY(2px);
}

.is-hidden{
    display: none;
}




.pfeil .alben-galerie {
  display: flex;
  flex-wrap: nowrap;       /* kein Umbrechen */
  flex-shrink: 0;          /* darf nicht schrumpfen */
  transition: transform 0.3s ease;
}
.pfeil .alben-section {
  overflow: hidden;        /* sichtbarer Container */
}





@media (max-width: 768px) { /* ab Desktop */
.album {
 width: 200px;
}

.album-cover {
  height: 200px;
  object-fit: cover;
  display: block;
}

}