/* ===================================================== */
/* HERO SYSTEM FÜR ELEMENTOR / LCP / FIXED OPTIONAL      */
/* ===================================================== */


.hero-section{
  position: relative !important;
  overflow: hidden;
  min-height: 100vh;
}

/* beide direkten Kinder aus dem Flex-Flow ziehen */
.hero-section > .hero-media,
.hero-section > .hero-content{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* Bild unten */
.hero-section > .hero-media{
  z-index: 0 !important;
  pointer-events: none;
}

/* wichtig bei Elementor Image Widget */
.hero-section > .hero-media > .elementor-widget-container{
  width: 100% !important;
  height: 100% !important;
}

.hero-section > .hero-media img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  max-width: none !important;
  object-fit: cover !important;
  object-position: 50% 50%;
}

/* Content oben */
.hero-section > .hero-content{
  z-index: 2 !important;
}

/* innere Elementor-Container im Overlay vollflächig */
.hero-section > .hero-content,
.hero-section > .hero-content > .e-con,
.hero-section > .hero-content > .e-con-inner,
.hero-section > .hero-content .e-con-inner{
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}

.hero-section.hero-fixed > .hero-media{
  position: fixed !important;
  inset: 0 !important;
}

/* ===================================== */
/* DESKTOP CROPS                         */
/* Nur sinnvoll bei cover, nicht fit     */
/* ===================================== */

/* -------- OBEN (0%) -------- */
.hero-media.desk-o-0 img{object-position:0% 0% !important;}
.hero-media.desk-o-10 img{object-position:10% 0% !important;}
.hero-media.desk-o-20 img{object-position:20% 0% !important;}
.hero-media.desk-o-25 img{object-position:25% 0% !important;}
.hero-media.desk-o-30 img{object-position:30% 0% !important;}
.hero-media.desk-o-40 img{object-position:40% 0% !important;}
.hero-media.desk-o-50 img{object-position:50% 0% !important;}
.hero-media.desk-o-60 img{object-position:60% 0% !important;}
.hero-media.desk-o-70 img{object-position:70% 0% !important;}
.hero-media.desk-o-75 img{object-position:75% 0% !important;}
.hero-media.desk-o-80 img{object-position:80% 0% !important;}
.hero-media.desk-o-90 img{object-position:90% 0% !important;}
.hero-media.desk-o-100 img{object-position:100% 0% !important;}

/* -------- MITTE (50%) -------- */
.hero-media.desk-m-0 img{object-position:0% 50% !important;}
.hero-media.desk-m-10 img{object-position:10% 50% !important;}
.hero-media.desk-m-20 img{object-position:20% 50% !important;}
.hero-media.desk-m-25 img{object-position:25% 50% !important;}
.hero-media.desk-m-30 img{object-position:30% 50% !important;}
.hero-media.desk-m-40 img{object-position:40% 50% !important;}
.hero-media.desk-m-50 img{object-position:50% 50% !important;}
.hero-media.desk-m-60 img{object-position:60% 50% !important;}
.hero-media.desk-m-70 img{object-position:70% 50% !important;}
.hero-media.desk-m-75 img{object-position:75% 50% !important;}
.hero-media.desk-m-80 img{object-position:80% 50% !important;}
.hero-media.desk-m-90 img{object-position:90% 50% !important;}
.hero-media.desk-m-100 img{object-position:100% 50% !important;}

/* -------- UNTEN (100%) -------- */
.hero-media.desk-u-0 img{object-position:0% 100% !important;}
.hero-media.desk-u-10 img{object-position:10% 100% !important;}
.hero-media.desk-u-20 img{object-position:20% 100% !important;}
.hero-media.desk-u-25 img{object-position:25% 100% !important;}
.hero-media.desk-u-30 img{object-position:30% 100% !important;}
.hero-media.desk-u-40 img{object-position:40% 100% !important;}
.hero-media.desk-u-50 img{object-position:50% 100% !important;}
.hero-media.desk-u-60 img{object-position:60% 100% !important;}
.hero-media.desk-u-70 img{object-position:70% 100% !important;}
.hero-media.desk-u-75 img{object-position:75% 100% !important;}
.hero-media.desk-u-80 img{object-position:80% 100% !important;}
.hero-media.desk-u-90 img{object-position:90% 100% !important;}
.hero-media.desk-u-100 img{object-position:100% 100% !important;}

/* ===================================== */
/* MOBILE CROPS                          */
/* ===================================== */

@media (max-width: 767px){

  /* -------- OBEN -------- */
  .hero-media.mob-o-0 img{object-position:0% 0% !important;}
  .hero-media.mob-o-10 img{object-position:10% 0% !important;}
  .hero-media.mob-o-20 img{object-position:20% 0% !important;}
  .hero-media.mob-o-25 img{object-position:25% 0% !important;}
  .hero-media.mob-o-30 img{object-position:30% 0% !important;}
  .hero-media.mob-o-40 img{object-position:40% 0% !important;}
  .hero-media.mob-o-50 img{object-position:50% 0% !important;}
  .hero-media.mob-o-60 img{object-position:60% 0% !important;}
  .hero-media.mob-o-70 img{object-position:70% 0% !important;}
  .hero-media.mob-o-75 img{object-position:75% 0% !important;}
  .hero-media.mob-o-80 img{object-position:80% 0% !important;}
  .hero-media.mob-o-90 img{object-position:90% 0% !important;}
  .hero-media.mob-o-100 img{object-position:100% 0% !important;}

  /* -------- MITTE -------- */
  .hero-media.mob-m-0 img{object-position:0% 50% !important;}
  .hero-media.mob-m-10 img{object-position:10% 50% !important;}
  .hero-media.mob-m-20 img{object-position:20% 50% !important;}
  .hero-media.mob-m-25 img{object-position:25% 50% !important;}
  .hero-media.mob-m-30 img{object-position:30% 50% !important;}
  .hero-media.mob-m-40 img{object-position:40% 50% !important;}
  .hero-media.mob-m-50 img{object-position:50% 50% !important;}
  .hero-media.mob-m-60 img{object-position:60% 50% !important;}
  .hero-media.mob-m-70 img{object-position:70% 50% !important;}
  .hero-media.mob-m-75 img{object-position:75% 50% !important;}
  .hero-media.mob-m-80 img{object-position:80% 50% !important;}
  .hero-media.mob-m-90 img{object-position:90% 50% !important;}
  .hero-media.mob-m-100 img{object-position:100% 50% !important;}

  /* -------- UNTEN -------- */
  .hero-media.mob-u-0 img{object-position:0% 100% !important;}
  .hero-media.mob-u-10 img{object-position:10% 100% !important;}
  .hero-media.mob-u-20 img{object-position:20% 100% !important;}
  .hero-media.mob-u-25 img{object-position:25% 100% !important;}
  .hero-media.mob-u-30 img{object-position:30% 100% !important;}
  .hero-media.mob-u-40 img{object-position:40% 100% !important;}
  .hero-media.mob-u-50 img{object-position:50% 100% !important;}
  .hero-media.mob-u-60 img{object-position:60% 100% !important;}
  .hero-media.mob-u-70 img{object-position:70% 100% !important;}
  .hero-media.mob-u-75 img{object-position:75% 100% !important;}
  .hero-media.mob-u-80 img{object-position:80% 100% !important;}
  .hero-media.mob-u-90 img{object-position:90% 100% !important;}
  .hero-media.mob-u-100 img{object-position:100% 100% !important;}
}