/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/hello-theme/
 Description:  Child-Theme für Hello Elementor
 Author:       Burgmann
 Author URI:   https://burgmann.de
 Template:     hello-elementor
 Version:      1.0.4
 License:      GNU General Public License v3 or later
 License URI:  https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  hello-elementor-child
*/

/* Eigene CSS-Anpassungen hier einfügen */

/* Sticky Footer: Footer bleibt immer am Seitenende */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.site-main,
.elementor-location-single,
.elementor-location-archive {
  flex: 1;
}

footer.site-footer,
.elementor-location-footer {
  margin-top: auto;
}

.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-7298240:not(
    .elementor-motion-effects-element-type-background
  ),
.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-7298240
  > .elementor-motion-effects-container
  > .elementor-motion-effects-layer {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-be96807:hover
  .elementor-element.elementor-element-7298240::before,
.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-be96807:hover
  .elementor-element.elementor-element-7298240
  > .elementor-background-video-container::before,
.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-be96807:hover
  .elementor-element.elementor-element-7298240
  > .e-con-inner
  > .elementor-background-video-container::before,
.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-be96807:hover
  .elementor-element.elementor-element-7298240
  > .elementor-background-slideshow::before,
.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-be96807:hover
  .elementor-element.elementor-element-7298240
  > .e-con-inner
  > .elementor-background-slideshow::before {
  background-color: #d55823;
  --background-overlay: "";
}

.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-be96807:hover
  .elementor-element.elementor-element-7298240 {
  --overlay-opacity: 0.8;
}

.elementor-10506
  .elementor-element.elementor-element-7f50138
  .elementor-10522
  .elementor-element.elementor-element-be96807:hover
  .elementor-element.elementor-element-7298240::before {
  mix-blend-mode: multiply;
}

@media (max-width: 767px) {
  footer.site-footer,
  .elementor-location-footer {
    position: static !important;
    inset: auto !important;
    bottom: auto !important;
    margin-top: 0 !important;
  }

  .elementor-10506 .elementor-element.elementor-element-2d587c58,
  .elementor-10506 .elementor-element.elementor-element-2d587c58 > .e-con-inner,
  .elementor-10506
    .elementor-element.elementor-element-7f50138.elementor-widget-loop-grid,
  .elementor-10506
    .elementor-element.elementor-element-7f50138
    .elementor-widget-container,
  .elementor-10506
    .elementor-element.elementor-element-7f50138
    .elementor-loop-container {
    block-size: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  .elementor-10506 .elementor-element.elementor-element-2d587c58,
  .elementor-10506
    .elementor-element.elementor-element-2d587c58
    > .e-con-inner {
    display: block !important;
  }

  .elementor-10506
    .elementor-element.elementor-element-7f50138.elementor-widget-loop-grid {
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  /* Single Referenz: Footer-Überdeckung bei Loop Grids verhindern */
  .elementor-location-single .elementor-widget-loop-grid,
  .elementor-location-single
    .elementor-widget-loop-grid
    .elementor-widget-container,
  .elementor-location-single
    .elementor-widget-loop-grid
    .elementor-loop-container,
  .elementor-location-single .e-con:has(.elementor-widget-loop-grid),
  .elementor-location-single
    .e-con:has(.elementor-widget-loop-grid)
    > .e-con-inner {
    block-size: auto !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
  }

  .elementor-location-single .elementor-widget-loop-grid {
    flex: 0 0 auto !important;
    overflow: visible !important;
  }

  .elementor-location-single .e-con:has(.elementor-widget-loop-grid),
  .elementor-location-single .e-con:has(.elementor-widget-loop-grid) > .e-con-inner {
    display: block !important;
  }
}

/* Fix: Elementor Flex-Container mit nur einem Bild-Widget berechnen
   im Column-Layout die Bildhöhe (Seitenverhältnis) nicht korrekt.
   display:block löst das, ohne Nebeneffekte bei nur einem Kind-Element. */
.e-con.e-con-full.e-child:has(> .elementor-widget-image:only-child) {
  display: block !important;
}