/* Icons + Hover + Layout (OHNE Footer-Layout — separat in footer-overrides.css) */
.elementor .infobox-icon-wrap svg, .infobox-icon-wrap svg {
  display: block !important;
  margin: 0 auto !important;
  width: 56px !important;
  height: 56px !important;
}
.elementor .infobox-icon-wrap, .infobox-icon-wrap {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 70px !important;
}
.eael-infobox, .eael-infobox *, .infobox-icon, .infobox-icon *,
.eael-infobox:hover, .eael-infobox:hover *,
.elementor-animation-bob, .elementor-animation-bob:hover,
[class*=elementor-animation], [class*=elementor-animation]:hover {
  animation: none !important;
  transform: none !important;
  transition: none !important;
  filter: none !important;
}
.infobox-icon-wrap svg, .infobox-icon-wrap svg *,
.eael-infobox svg, .eael-infobox svg * {
  color: #B38F6D !important;
  stroke: #B38F6D !important;
  fill: none !important;
}
@keyframes hvr-bob { 0%,50%,100% { transform: none !important; } }

.elementor-invisible,
[data-element_type] .elementor-invisible,
[data-settings*=animation] {
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

body { overflow-x: hidden; margin: 0; padding: 0; }

#content .ast-container, #site-content .ast-container,
#primary, #main, .entry-content {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
section.elementor-section.elementor-top-section {
  width: 100% !important;
  max-width: 100% !important;
}
section.elementor-section.elementor-top-section > .elementor-container,
section.elementor-section.elementor-inner-section > .elementor-container {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
header[data-elementor-type="header"] .elementor-container {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Hero-Section Background (Slideshow ersetzt durch CSS-Animation) */
section.elementor-element-dba4565 {
  background-image: url(/wp-content/uploads/2022/07/AdobeStock_382593967-scaled.jpeg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  animation: ws-hero-slideshow 24s infinite linear !important;
}
@keyframes ws-hero-slideshow {
  0%, 22% {
    background-image: url(/wp-content/uploads/2022/07/AdobeStock_382593967-scaled.jpeg);
  }
  25%, 47% {
    background-image: url(/wp-content/uploads/2022/07/AdobeStock_328771876-scaled.jpeg);
  }
  50%, 72% {
    background-image: url(/wp-content/uploads/2022/07/AdobeStock_134725771-scaled.jpeg);
  }
  75%, 97% {
    background-image: url(/wp-content/uploads/2023/03/paar-beratung-mit-immobilienmakler-scaled.jpg);
  }
  100% {
    background-image: url(/wp-content/uploads/2022/07/AdobeStock_382593967-scaled.jpeg);
  }
}

/* Min-height für Hero damit Background sichtbar */
section.elementor-element-dba4565 {
  min-height: 600px !important;
  position: relative !important;
}
@media (max-width: 768px) {
  section.elementor-element-dba4565 { min-height: 400px !important; }
}



/* === 3 Inner-Sections fullscreen via margin-trick === */
body { overflow-x: hidden !important; }

section.elementor-element-f241264,
section.elementor-element-7e8bc65c,
section.elementor-element-431ec79a {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: relative !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Container drinnen: 1200px zentriert mit Padding */
section.elementor-element-f241264 > .elementor-container,
section.elementor-element-7e8bc65c > .elementor-container,
section.elementor-element-431ec79a > .elementor-container {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 24px !important;
}

/* Motion-effects-container auch full-width */
section.elementor-element-f241264 > .elementor-motion-effects-container,
section.elementor-element-7e8bc65c > .elementor-motion-effects-container,
section.elementor-element-431ec79a > .elementor-motion-effects-container,
section.elementor-element-f241264 .elementor-motion-effects-layer,
section.elementor-element-7e8bc65c .elementor-motion-effects-layer,
section.elementor-element-431ec79a .elementor-motion-effects-layer {
  width: 100% !important;
  max-width: 100% !important;
  background-size: cover !important;
  background-position: center !important;
}
