.bz-produktgalerie {
display: flex;
flex-direction: column;
gap: var(--bz-galerie-abstand, 10px);
} .bz-produktgalerie__hauptbild {
width: 100%;
overflow: hidden;
border-radius: var(--bz-galerie-radius, 0px);
border: var(--bz-galerie-rahmen-breite, 0px) solid var(--bz-galerie-rahmen-farbe, transparent);
padding: var(--bz-galerie-innenabstand, 0px);
background: var(--bz-galerie-hintergrund, transparent);
box-sizing: border-box;
}
.bz-produktgalerie__hauptbild img {
width: 100%;
height: var(--bz-galerie-hauptbild-hoehe, 500px);
object-fit: cover;
display: block;
border-radius: calc(var(--bz-galerie-radius, 0px) - var(--bz-galerie-innenabstand, 0px));
} .bz-produktgalerie__miniaturen {
display: flex !important;
flex-direction: row !important;
gap: var(--bz-galerie-mini-abstand, 10px);
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.bz-produktgalerie__miniaturen::-webkit-scrollbar {
display: none;
}
.bz-produktgalerie__miniatur {
flex-shrink: 0;
width: var(--bz-galerie-mini-breite, 80px);
height: var(--bz-galerie-mini-hoehe, 80px);
overflow: hidden;
border-radius: var(--bz-galerie-mini-radius, 0px);
border: var(--bz-galerie-rahmen-breite, 0px) solid var(--bz-galerie-rahmen-farbe, transparent);
padding: var(--bz-galerie-innenabstand, 0px);
background: var(--bz-galerie-hintergrund, transparent);
cursor: pointer;
opacity: 0.6;
transition: opacity 0.2s;
box-sizing: border-box;
}
.bz-produktgalerie__miniatur.aktiv {
opacity: 1;
border-color: var(--bz-galerie-aktiv-farbe, #111);
}
.bz-produktgalerie__miniatur:hover {
opacity: 1;
}
.bz-produktgalerie__miniatur img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: calc(var(--bz-galerie-mini-radius, 0px) - var(--bz-galerie-innenabstand, 0px));
}
.pswp:not(.pswp--open) {
display: none !important;
pointer-events: none !important;
z-index: -1 !important;
}.bz-produktkategorie {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.bz-produktkategorie__label {
margin-right: 4px;
} .bz-produktkategorie__badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.bz-produktkategorie__badge {
display: inline-block;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
line-height: 1.4;
white-space: nowrap;
} .bz-produktkategorie__link {
text-decoration: none;
transition: color 0.2s ease;
}
.bz-produktkategorie__link:hover {
text-decoration: underline;
} .bz-produktkategorie__name {
display: inline;
}ul.products.bz-produkt-slider-track {
display: flex !important;
flex-wrap: nowrap !important;
grid-template-columns: unset !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.bz-produkt-slider-outer {
overflow-x: clip;
overflow-y: visible;
width: 100%;
box-sizing: border-box;
} .bz-produkt-slider-track {
display: flex !important;
flex-wrap: nowrap !important;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
} .bz-produkt-slider-track > li {
flex-shrink: 0 !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
float: none !important;
min-width: 0 !important;
box-sizing: border-box;
} .bz-slider-nav {
display: flex;
gap: 8px;
margin-top: 24px;
justify-content: flex-end;
}
.bz-slider-nav-btn {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0!important;
border: none;
border-radius: 50%;
background: #f0f0f0;
cursor: pointer;
transition: background 0.2s ease;
}
.bz-slider-nav-btn:hover  { background: #e0e0e0; }
.bz-slider-nav-btn:disabled { opacity: 0.3; cursor: not-allowed; }
.bz-slider-nav-btn svg {
width: 18px;
height: 18px;
display: block;
}