.elementor-4506 .elementor-element.elementor-element-2471a6a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4506 .elementor-element.elementor-element-94280d9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-4506 .elementor-element.elementor-element-94280d9:not(.elementor-motion-effects-element-type-background), .elementor-4506 .elementor-element.elementor-element-94280d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F7;}.elementor-4506 .elementor-element.elementor-element-4cd7c8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4506 .elementor-element.elementor-element-0bf5faa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4506 .elementor-element.elementor-element-4cd7c8e{--width:50%;}.elementor-4506 .elementor-element.elementor-element-0bf5faa{--width:50%;}}@media(max-width:767px){.elementor-4506 .elementor-element.elementor-element-94280d9{--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-c4bcdc0 *//* ======================================================
   EINREICHPLAN NIEDERÖSTERREICH – CSS (mit !important)
   ====================================================== */

/* HERO */
.ep-hero{
  position: relative !important;
  padding: 180px 20px 160px !important;
  text-align: center !important;
  background: url("https://wolken-bau.at/wp-content/uploads/2025/12/20251227_144126-scaled.jpg") center/cover no-repeat !important;
  overflow: hidden !important;
}

.ep-hero__overlay{
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(rgba(13,42,76,0.78), rgba(13,42,76,0.88)) !important;
  z-index: 1 !important;
}

.ep-hero__content{
  position: relative !important;
  z-index: 2 !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
}

.ep-hero__badge{
  display: inline-block !important;
  font-size: 0.9rem !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  background: rgba(255,255,255,0.10) !important;
  padding: 6px 14px !important;
  border-radius: 50px !important;
  margin-bottom: 18px !important;
}

.ep-hero h1{
  font-size: 3rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 18px !important;
  color: #ffffff !important;
}

.ep-hero p{
  font-size: 1.2rem !important;
  max-width: 760px !important;
  margin: 0 auto 30px !important;
  opacity: 0.96 !important;
  line-height: 1.7 !important;
}

.ep-hero__btns{
  display: flex !important;
  gap: 14px !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}

/* Buttons */
.ep-btn{
  display: inline-block !important;
  padding: 14px 26px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: .25s ease !important;
}

.ep-btn--primary{
  background: #cf0707 !important;
  color: #ffffff !important;
  border: 2px solid #cf0707 !important;
}

.ep-btn--primary:hover{
  background: #a50505 !important;
  border-color: #a50505 !important;
  transform: translateY(-1px) !important;
}

.ep-btn--ghost{
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
  border: 2px solid rgba(255,255,255,0.75) !important;
}

.ep-btn--ghost:hover{
  background: #ffffff !important;
  color: #0d2a4c !important;
}

/* INTRO */
.ep-intro{
  padding: 90px 20px !important;
  background: #f5f7fa !important;
}

.ep-intro__inner{
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 50px !important;
  align-items: center !important;
}

.ep-intro__image img{
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
  display: block !important;
}

.ep-intro__text h2{
  font-size: 2.2rem !important;
  color: #0d2a4c !important;
  margin: 0 0 18px !important;
  line-height: 1.25 !important;
}

.ep-intro__text p{
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  margin: 0 0 16px !important;
  color: #333 !important;
}

.ep-checklist{
  margin: 20px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.ep-checklist li{
  margin-bottom: 10px !important;
  font-weight: 600 !important;
  color: #0d2a4c !important;
}

/* SERVICES */
.ep-services{
  padding: 95px 20px !important;
  background: #ffffff !important;
}

.ep-services__inner{
  max-width: 1200px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.1fr 0.9fr !important;
  gap: 55px !important;
  align-items: center !important;
}

.ep-services__text h2{
  font-size: 2.2rem !important;
  color: #0d2a4c !important;
  margin: 0 0 16px !important;
  line-height: 1.25 !important;
}

.ep-services__text p{
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
  color: #333 !important;
  margin: 0 0 26px !important;
  max-width: 760px !important;
}

.ep-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

.ep-card{
  border: 1px solid rgba(13,42,76,0.12) !important;
  border-left: 4px solid #cf0707 !important;
  border-radius: 10px !important;
  padding: 16px !important;
  background: #f8fafc !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

.ep-card:hover{
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.10) !important;
}

.ep-card__title{
  display: block !important;
  font-weight: 800 !important;
  color: #0d2a4c !important;
  margin-bottom: 6px !important;
  font-size: 1.05rem !important;
}

.ep-card__desc{
  display: block !important;
  color: rgba(0,0,0,0.72) !important;
  font-size: 0.98rem !important;
  line-height: 1.45 !important;
}

.ep-services__cta{
  margin-top: 26px !important;
}

.ep-services__image img{
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 22px 44px rgba(0,0,0,0.16) !important;
  display: block !important;
}

/* ABLAUF */
.ep-ablauf{
  padding: 95px 20px !important;
  background: #f5f7fa !important;
  text-align: center !important;
}

.ep-ablauf__inner{
  max-width: 1100px !important;
  margin: 0 auto !important;
}

.ep-ablauf h2{
  font-size: 2.2rem !important;
  color: #0d2a4c !important;
  margin: 0 0 10px !important;
}

.ep-ablauf__sub{
  font-size: 1.05rem !important;
  color: #333 !important;
  margin: 0 auto 34px !important;
  max-width: 760px !important;
  line-height: 1.7 !important;
}

.ep-steps{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 14px !important;
  text-align: left !important;
}

.ep-step{
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 18px 18px !important;
  border: 1px solid rgba(13,42,76,0.12) !important;
  position: relative !important;
}

.ep-step__nr{
  display: inline-flex !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #cf0707 !important;
  color: #ffffff !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  margin-bottom: 12px !important;
}

.ep-step__title{
  display: block !important;
  font-weight: 800 !important;
  color: #0d2a4c !important;
  margin-bottom: 6px !important;
}

.ep-step__desc{
  display: block !important;
  color: rgba(0,0,0,0.72) !important;
  line-height: 1.5 !important;
  font-size: 0.98rem !important;
}

/* REGIONEN */
.ep-regionen{
  position: relative !important;
  padding: 110px 20px !important;
  background: url("https://wolken-bau.at/wp-content/uploads/2025/12/20251227_142147-scaled.jpg") center/cover no-repeat !important;
  text-align: center !important;
  overflow: hidden !important;
}

.ep-regionen__overlay{
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(rgba(13,42,76,0.82), rgba(13,42,76,0.90)) !important;
  z-index: 1 !important;
}

.ep-regionen__content{
  position: relative !important;
  z-index: 2 !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  color: #ffffff !important;
}

.ep-regionen__content h2{
  font-size: 2.4rem !important;
  margin: 0 0 14px !important;
  line-height: 1.25 !important;
  color: white;
}

.ep-regionen__content p{
  font-size: 1.1rem !important;
  max-width: 760px !important;
  margin: 0 auto 38px !important;
  opacity: .95 !important;
  line-height: 1.7 !important;
}

.ep-regionen__grid{
  display: grid !important;
  grid-template-columns: repeat(4,1fr) !important;
  gap: 14px !important;
}

.ep-regionen__grid span{
  background: rgba(255,255,255,0.10) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  padding: 12px 14px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  backdrop-filter: blur(4px) !important;
  transition: .25s ease !important;
}

.ep-regionen__grid span:hover{
  background: #cf0707 !important;
  border-color: #cf0707 !important;
}

/* FAQ */
.ep-faq{
  padding: 95px 20px !important;
  background: #ffffff !important;
}

.ep-faq__inner{
  max-width: 1100px !important;
  margin: 0 auto !important;
}

.ep-faq h2{
  font-size: 2.2rem !important;
  color: #0d2a4c !important;
  margin: 0 0 28px !important;
  text-align: center !important;
}

.ep-faq__grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 14px !important;
}

.ep-faq__item{
  background: #f8fafc !important;
  border: 1px solid rgba(13,42,76,0.12) !important;
  border-radius: 12px !important;
  padding: 16px 16px !important;
}

.ep-faq__item summary{
  cursor: pointer !important;
  font-weight: 800 !important;
  color: #0d2a4c !important;
  outline: none !important;
}

.ep-faq__item p{
  margin: 10px 0 0 !important;
  line-height: 1.7 !important;
  color: rgba(0,0,0,0.75) !important;
}

.ep-faq__cta{
  margin-top: 26px !important;
  text-align: center !important;
}

/* CTA */
.ep-cta{
  position: relative !important;
  height: 440px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  overflow: hidden !important;
  padding: 40px 20px !important;
  background: url("hhttps://wolken-bau.at/wp-content/uploads/2025/12/8-scaled.jpg") center/cover no-repeat !important;
}

.ep-cta__overlay{
  position: absolute !important;
  inset: 0 !important;
  background: rgba(13,42,76,0.72) !important;
  z-index: 1 !important;
}

.ep-cta__vignette{
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at center, rgba(0,0,0,0) 40%, rgba(0,0,0,0.45) 100%) !important;
  z-index: 2 !important;
}

.ep-cta__lines{
  position: absolute !important;
  inset: 0 !important;
  background-image: repeating-linear-gradient(to bottom, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 2px, transparent 4px) !important;
  opacity: 0.25 !important;
  z-index: 3 !important;
}

.ep-cta__frame{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 100% !important;
  border-top: 4px solid rgba(255,255,255,0.13) !important;
  border-bottom: 4px solid rgba(255,255,255,0.13) !important;
  z-index: 6 !important;
}

.ep-cta__content{
  position: relative !important;
  z-index: 10 !important;
  max-width: 900px !important;
  color: #ffffff !important;
}

.ep-cta__headline{
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: .8px !important;
  margin: 0 0 18px !important;
  line-height: 1.15 !important;
}

.ep-caret{
  width: 2px !important;
  height: 1.05em !important;
  background: #ffffff !important;
  display: inline-block !important;
  transform: translateY(2px) !important;
  animation: epBlink .7s infinite !important;
  opacity: .7 !important;
}

@keyframes epBlink{
  0%,50%{opacity:1;}
  51%,100%{opacity:0;}
}

.ep-cta__line{
  display:block !important;
  width:130px !important;
  height:3px !important;
  background:#cf0707 !important;
  margin:0 auto 16px !important;
}

.ep-cta p{
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  opacity: .95 !important;
  margin: 0 0 28px !important;
}

.ep-cta__btns{
  display:flex !important;
  justify-content:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

.ep-cta__btn{
  padding: 11px 22px !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  border: 2px solid #cf0707 !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  transition: .3s ease !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  background: rgba(207, 7, 7, 0.18) !important;
}

.ep-cta__btn:hover{
  background:#cf0707 !important;
  border-color:#cf0707 !important;
  transform: translateY(-2px) !important;
}

/* RESPONSIVE */
@media (max-width: 980px){
  .ep-intro__inner,
  .ep-services__inner{
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }
  .ep-grid{
    grid-template-columns: 1fr !important;
  }
  .ep-steps{
    grid-template-columns: 1fr !important;
  }
  .ep-faq__grid{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 768px){
  .ep-hero{
    padding: 140px 20px 120px !important;
  }
  .ep-hero h1{
    font-size: 2.2rem !important;
  }
  .ep-hero p{
    font-size: 1rem !important;
  }
  .ep-regionen__grid{
    grid-template-columns: repeat(2,1fr) !important;
  }
  .ep-cta{
    height: 300px !important;
  }
  .ep-cta__headline{
    font-size: 1.6rem !important;
  }
  .ep-cta p{
    font-size: 1rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c39f3f9 *//* ===============================================
   KONTAKT INFO – LINKE SPALTE
   =============================================== */

.wb-contact-box{
  background:#ffffff !important;
  padding:38px 34px !important;
  border-radius:12px !important;
  box-shadow:0 20px 45px rgba(0,0,0,0.08) !important;
  height:100% !important;
}

/* Headline */

.wb-contact-box h2{
  font-size:2rem !important;
  color:#0d2a4c !important;
  margin-bottom:14px !important;
}

/* Intro */

.wb-contact-intro{
  font-size:1.05rem !important;
  line-height:1.7 !important;
  color:#333333 !important;
  margin-bottom:26px !important;
}

/* Items */

.wb-contact-items{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}

/* Item */

.wb-contact-item{
  display:flex !important;
  align-items:flex-start !important;
  gap:14px !important;
  padding-bottom:14px !important;
  border-bottom:1px solid rgba(0,0,0,0.06) !important;
}

/* Icon */

.wb-contact-icon{
  width:42px !important;
  height:42px !important;
  background:#cf0707 !important;
  color:#ffffff !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:1rem !important;
  flex-shrink:0 !important;
}

/* Text */

.wb-contact-text span{
  display:block !important;
  font-weight:700 !important;
  color:#0d2a4c !important;
  margin-bottom:3px !important;
  font-size:0.95rem !important;
}

.wb-contact-text a{
  color:#cf0707 !important;
  text-decoration:none !important;
  font-weight:600 !important;
}

.wb-contact-text a:hover{
  text-decoration:none !important;
  color:#0d2a4c !important;
}

.wb-contact-text p{
  margin:0 !important;
  color:#444444 !important;
  font-size:0.95rem !important;
}

/* Note */

.wb-contact-note{
  margin-top:22px !important;
  font-size:0.92rem !important;
  color:#666666 !important;
}

/* Mobile */

@media(max-width:768px){

  .wb-contact-box{
    padding:28px 22px !important;
  }

  .wb-contact-box h2{
    font-size:1.6rem !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94280d9 */.elementor-4506 .elementor-element.elementor-element-94280d9 {
    position: relative;
    background: url("https://wolken-bau.at/wp-content/uploads/2025/11/ChatGPT-Image-24.-Nov.-2025-19_39_00.png")
                center/cover no-repeat;
    z-index: 1;
}

/* Premium Overlay – sichtbar aber hochwertig */
.elementor-4506 .elementor-element.elementor-element-94280d9::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.78); /* sichtbar, aber nicht zu hell */
    backdrop-filter: blur(1.5px); /* Blur reduziert, Struktur bleibt */
    z-index: -1;
}/* End custom CSS */