/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 07 2026 | 17:59:50 */
/* ============================================================
   PARK Café – Slider
„pc-slider-big" = Das Modul auf /ueber-uns
   ============================================================ */

/* Bild-Container: Negative Margins + max-height von Divi raus */
.pc-slider-big .et_pb_slide_image {
  margin: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  position: relative !important;
}

/* Bild selbst: volle Breite, frei skalierbar */
.pc-slider-big .et_pb_slide_image img {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover !important;
}

/* Slide-Padding raus (Divi hat hier Default-Whitespace) */
.pc-slider-big .et_pb_slide {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Container auf volle Breite zwingen */
.pc-slider-big .et_pb_container {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}

/* Inner-Wrapper: Default 2%-Padding raus */
.pc-slider-big .et_pb_slider_container_inner {
  padding: 0 !important;
}

.pc-slider-big {
  min-height: 400px; /* Zielhöhe */
}

.pc-slider-big .et_pb_slide_image img {
  max-height: 480px !important;
  width: auto !important;
  object-fit: cover!important;
}

/* --- Bild + Text vertikal mittig zentrieren --- */
.pc-slider-big .et_pb_slider_container_inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap;
  gap: 32px;
  height: 100%;
}

.pc-slider-big .et_pb_slide_image,
.pc-slider-big .et_pb_slide_description {
  flex: 1 1 0;
  min-width: 0;
  align-self: center !important;
  margin: 0 !important;
}

/* Bild nicht aufblähen lassen */
.pc-slider-big .et_pb_slide_image {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Container darf in Höhe atmen */
.pc-slider-big .et_pb_container {
  height: auto !important;
  min-height: auto !important;
}

.et_pb_slider {
    overflow: visible!important;
}
.et-pb-controllers {
    bottom: -50px!important;
}
.et-pb-controllers a {
    background: white!important;
	opacity:1!important;
}
.et-pb-controllers .et-pb-active-control {
    background: #001E50!important;
}

.et-pb-controllers a {
    width: 10px!important;
    height: 10px!important;
}

/* MOBILE */
@media (max-width: 768px) {
  .pc-slider-big .et_pb_slider_container_inner {
    flex-direction: column !important;
    gap: 24px;
  }

  .pc-slider-big .et_pb_slide_image,
  .pc-slider-big .et_pb_slide_description {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .pc-slider-big .et_pb_slide_description {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: left !important;
    padding: 0 16px !important;
  }
	
	.et_pb_slide_title {text-align:left!important;}

  /* Divis automatisches "et-hide-mobile" für Slide-Content überschreiben */
  .pc-slider-big .et_pb_slide_content.et-hide-mobile,
  .pc-slider-big .et-hide-mobile {
    display: block !important;
  }
	
/* --- Mobile: Slider-Pfeile 20px über die Row hinausragen --- */
  /* Sicherstellen, dass Pfeile auf Mobile sichtbar sind */
  .et_pb_slider .et-pb-slider-arrows,
  .et_pb_slider .et-pb-arrow-prev,
  .et_pb_slider .et-pb-arrow-next {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Pfeile aus der Row rauspositionieren */
  .et_pb_slider .et-pb-arrow-prev {
    left: -40px !important;
  }

  .et_pb_slider .et-pb-arrow-next {
    right: -40px !important;
  }
	
}