/* ============================================================
   Custom-Overrides für die statisch geklonte Schadinis-Webseite
   ============================================================ */

/* --- Galerie-Fix: Jimdo-JS würde img-Höhen zur Laufzeit setzen.
   Da wir kein JS mehr ausliefern, müssen die Bilder regulär dargestellt
   werden. Wir machen die Galerien zu Flex-Containern mit Wrap. */

.cc-m-gallery-cool img,
.cc-m-gallery-stack img {
  height: auto !important;
  max-width: 100%;
  display: block;
}

.cc-m-gallery-cool {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* Original-Konfiguration: coolSize=2 → 2 Spalten, Bilder in voller Breite,
   Höhe richtet sich nach dem natürlichen Seitenverhältnis (kein Beschnitt). */
.cc-m-gallery-cool > .cc-m-gallery-cool-item {
  flex: 1 1 calc(50% - 6px);
  min-width: 240px;
  float: none !important;
}

.cc-m-gallery-cool > .cc-m-gallery-cool-item img {
  width: 100%;
  height: auto !important;
  border-radius: 4px;
  transition: transform .3s ease, box-shadow .3s ease;
}

.cc-m-gallery-cool > .cc-m-gallery-cool-item img:hover {
  transform: scale(1.02);
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

/* Stack-Variante */
.cc-m-gallery-stack {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cc-m-gallery-stack > .cc-m-gallery-stack-item {
  display: block !important;
  flex: 1 1 calc(50% - 6px);
  min-width: 240px;
}
.cc-m-gallery-stack > .cc-m-gallery-stack-item img {
  width: 100%;
  height: auto !important;
}

/* Slider-Variante: alle Bilder untereinander zeigen, statt Slideshow */
.cc-m-gallery-slider ul {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  list-style: none;
  padding: 0 !important;
}
.cc-m-gallery-slider ul li {
  flex: 1 1 calc(50% - 6px);
  min-width: 240px;
}
.cc-m-gallery-slider ul li img {
  width: 100%;
  height: auto !important;
}
/* Slider-Steuerelemente (von JS gerendert) ausblenden */
.cc-m-gallery-slider .bx-controls,
.cc-m-gallery-slider .bx-wrapper .bx-controls-auto,
.cc-m-gallery-slider-bar { display: none !important; }

/* Auf schmalen Screens (<420px) einspaltig */
@media (max-width: 420px) {
  .cc-m-gallery-cool > .cc-m-gallery-cool-item,
  .cc-m-gallery-stack > .cc-m-gallery-stack-item,
  .cc-m-gallery-slider ul li { flex: 1 1 100%; }
}

/* Lightbox-Pseudo-Links (href="javascript:") nicht klickbar wie aktive Links wirken */
.cc-m-gallery-cool a[href="javascript:"],
.cc-m-gallery-stack a[href="javascript:"] {
  cursor: default;
}