.elementor-2464 .elementor-element.elementor-element-0ed9ef4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-2464 .elementor-element.elementor-element-01529f4{--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-2464 .elementor-element.elementor-element-ea2e85a{--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-2464 .elementor-element.elementor-element-ea2e85a:not(.elementor-motion-effects-element-type-background), .elementor-2464 .elementor-element.elementor-element-ea2e85a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wolken-bau.at/wp-content/uploads/2025/11/ChatGPT-Image-24.-Nov.-2025-19_39_00.png");}.elementor-2464 .elementor-element.elementor-element-a1e03d7{--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-2464 .elementor-element.elementor-element-f546424{--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-2464 .elementor-element.elementor-element-09c3c38{--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-2464 .elementor-element.elementor-element-c006e10{--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:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2464 .elementor-element.elementor-element-c006e10:not(.elementor-motion-effects-element-type-background), .elementor-2464 .elementor-element.elementor-element-c006e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F7;}.elementor-2464 .elementor-element.elementor-element-dcb2b32{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2464 .elementor-element.elementor-element-dcb2b32.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2464 .elementor-element.elementor-element-caa31da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2464 .elementor-element.elementor-element-caa31da .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:600;}.elementor-2464 .elementor-element.elementor-element-06de9f6{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2464 .elementor-element.elementor-element-09bed4e{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#4A5568;}.elementor-2464 .elementor-element.elementor-element-6085f4d{--display:flex;}.elementor-2464 .elementor-element.elementor-element-50db216{--display:flex;}.elementor-2464 .elementor-element.elementor-element-33cd424{--display:flex;}.elementor-2464 .elementor-element.elementor-element-7cbb38d{--n-accordion-title-font-size:16px;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:25px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:22px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-active-color:#CF0707;}.elementor-2464 .elementor-element.elementor-element-7cbb38d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#0D2A4C;border-style:none;}.elementor-2464 .elementor-element.elementor-element-7cbb38d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#0B2341;}:where( .elementor-2464 .elementor-element.elementor-element-7cbb38d > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#FFFFFF;border-style:none;--padding-top:25px;--padding-right:28px;--padding-bottom:25px;--padding-left:28px;}.elementor-2464 .elementor-element.elementor-element-7cbb38d {--n-accordion-padding:22px 28px 22px 28px;}:where( .elementor-2464 .elementor-element.elementor-element-7cbb38d > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Montserrat", Sans-serif;font-weight:600;line-height:1.2em;letter-spacing:0.2px;}.elementor-2464 .elementor-element.elementor-element-8e27481{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-2464 .elementor-element.elementor-element-8e27481.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-2464 .elementor-element.elementor-element-0ed9ef4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2464 .elementor-element.elementor-element-dcb2b32{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-2464 .elementor-element.elementor-element-8e27481{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-2464 .elementor-element.elementor-element-0ed9ef4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2464 .elementor-element.elementor-element-f546424{--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-2464 .elementor-element.elementor-element-dcb2b32{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-2464 .elementor-element.elementor-element-dcb2b32{--width:50%;}.elementor-2464 .elementor-element.elementor-element-8e27481{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2464 .elementor-element.elementor-element-dcb2b32{--width:50%;}.elementor-2464 .elementor-element.elementor-element-8e27481{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-2c00238 *//* ===========================
   PREMIUM ÜBER UNS BEREICH
   =========================== */

.about-premium {
  background: #f4f6f8;
  padding: 100px 20px 80px;
  color: #0d2a4c;
  font-family: "Montserrat", sans-serif;
}

/* ===========================
   SECTION HEADER
   =========================== */

.about-section-header {
  max-width: 1200px;
  margin: 0 auto 70px;
  text-align: center;
}

.about-eyebrow {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #6b7280;
  margin-bottom: 14px;
}

.about-section-title {
  font-size: 2.9rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 16px;
}

.about-lead {
  font-size: 1.1rem;
  color: #444;
  font-weight: 500;
}

/* ===========================
   LAYOUT
   =========================== */

.about-wrap {
  max-width: 1200px;
  margin: 0 auto 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
  flex-wrap: wrap;
}

/* ===========================
   IMAGE STACK
   =========================== */

.about-image-box {
  position: relative;
}

.about-image-stack {
  width: 540px;
  height: 380px;
}

.about-image-stack .img-main {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  box-shadow: 0 10px 32px rgba(0,0,0,0.14);
  position: relative;
  z-index: 2;
}

.about-image-stack .img-secondary {
  position: absolute;
  width: 62%;
  height: 62%;
  object-fit: cover;
  bottom: -30px;
  right: -30px;
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
  z-index: 3;
  background: #fff;
}

.about-image-frame {
  position: absolute;
  inset: -10px;
  border-radius: 16px;
  background: transparent;
  box-shadow:
    0 0 0 1px rgba(0,0,0,0.06),
    0 18px 40px rgba(0,0,0,0.08);
  z-index: 1;
}

/* ===========================
   TEXT
   =========================== */

.about-text {
  max-width: 520px;
  min-width: 300px;
}

.about-text p {
  line-height: 1.75;
  margin-bottom: 22px;
  color: #333;
  font-size: 1.05rem;
}

/* BUTTON */
.primary-btn {
  display: inline-block;
  padding: 14px 32px;
  background: #cf0707;
  color: #fff !important;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  transition: 0.3s;
  box-shadow: 0 4px 16px rgba(207, 7, 7, 0.3);
}

.primary-btn:hover {
  background: #0d2a4c;
  box-shadow: 0 6px 20px rgba(13, 42, 76, 0.3);
}

/* ===========================
   HIGHLIGHTS
   =========================== */

.about-highlights-premium {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 26px;
  flex-wrap: wrap;
}

.about-item {
  background: #ffffff;
  border: 1px solid #e1e4e8;
  padding: 26px 22px;
  border-radius: 12px;
  flex: 1 1 30%;
  text-align: center;
  transition: 0.25s ease;
}

.about-item:hover {
  border-color: #cf0707;
  box-shadow: 0 8px 28px rgba(0,0,0,0.08);
  transform: translateY(-4px);
}

.about-item .icon {
  font-size: 2.3rem;
  color: #cf0707;
  margin-bottom: 12px;
}

.about-item p {
  font-size: 1rem;
  font-weight: 600;
  color: #0d2a4c;
}

/* ===========================
   RESPONSIVE
   =========================== */

@media (max-width: 900px) {
  .about-section-title {
    font-size: 2.2rem;
  }

  .about-wrap {
    flex-direction: column;
    text-align: center;
  }

  .about-image-stack {
    width: 100%;
    max-width: 580px;
    height: auto;
  }

  .about-image-stack .img-secondary {
    display: none;
  }

  .about-highlights-premium {
    flex-direction: column;
  }
}
/* Typing Highlight im H2 – clean & ruhig */
.type-wrap {
  position: relative;
  display: inline-block;
  padding: 0;              /* kein Hintergrund, kein Polster */
}

.type-text {
  color: #cf0707;          /* Wolkenbau-Rot */
  font-weight: 800;
  transition: opacity 0.25s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3751aed *//* ======================================================
   LEISTUNGEN – Klassischer Bereich + Moderne Karten
   (Copy/Paste ready)
   ====================================================== */

/* --- SECTION BACKGROUND (klassisch) --- */
.leistungen-section{
  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;
  padding: 100px 20px;
  font-family: "Montserrat", sans-serif;
  color: #0d2a4c;
}

/* Soft Overlay */
.leistungen-section::before{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(247, 248, 250, 0.90);
  backdrop-filter: blur(2px);
  z-index: -1;
}

/* --- CONTAINER (klassisch) --- */
.leistungen-container{
  max-width: 1200px;
  margin: 0 auto;
}

/* --- HEADER (klassisch) --- */
.leistungen-header{
  text-align: center;
  margin-bottom: 70px;
}

.leistungen-header h2{
  font-size: 2.4rem;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.leistungen-header h2::after{
  content: "";
  width: 90px;
  height: 3px;
  background-color: #cf0707;
  display: block;
  margin: 12px auto 0;
}

.leistungen-header p{
  margin: 20px auto 0;
  max-width: 780px;
  color: #333;
  font-size: 1rem;
  line-height: 1.7;
}

/* ======================================================
   MODERN GRID + KARTEN
   ====================================================== */

/* GRID */
.leistungen-grid{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 32px;
}

/* ITEM */
.leistung-modern-item{
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  border-radius: 18px;
  background: #000;
}

/* IMAGE */
.leistung-modern-image img{
  width: 100%;
  height: 340px;
  object-fit: cover;
  display: block;
  opacity: 0.9;
  transition: transform 0.8s ease;
}

/* OVERLAY */
.leistung-modern-item::after{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(13,42,76,0.85) 0%,
    rgba(13,42,76,0.15) 55%,
    rgba(13,42,76,0.05) 100%
  );
  transition: opacity 0.6s ease;
}

/* CONTENT */
.leistung-modern-content{
  position: absolute;
  left: 26px;
  bottom: 24px;
  z-index: 2;
  transform: translateY(10px);
  transition: transform 0.6s ease;
}

.leistung-modern-content h3{
  font-size: 1.45rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 6px 0;
}

.leistung-modern-content span{
  font-size: 0.9rem;
  color: rgba(255,255,255,0.85);
}

/* HOVER */
.leistung-modern-item:hover .leistung-modern-image img{
  transform: scale(1.05);
}

.leistung-modern-item:hover .leistung-modern-content{
  transform: translateY(0);
}

.leistung-modern-item:hover::after{
  opacity: 0.95;
}

/* RESPONSIVE */
@media (max-width: 768px){
  .leistungen-section{
    padding: 80px 16px;
  }

  .leistungen-grid{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .leistung-modern-image img{
    height: 260px;
  }

  .leistung-modern-content h3{
    font-size: 1.3rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-00808ab *//* =============================
   LUXUS GENERALUNTERNEHMER BANNER
   ============================= */

.lux-banner {
  position: relative;
  height: 440px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  padding: 40px 20px;
  background: url("https://wolken-bau.at/wp-content/uploads/2025/11/1.jpg")
             center center/cover no-repeat;
}

/* Edler Blau/Schwarz Overlay */
.lux-banner-overlay {
  position: absolute;
  inset: 0;
  background: rgba(13, 42, 76, 0.70);
  z-index: 1;
}

/* Premium Vignette für Tiefe */
.lux-banner-vignette {
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at center,
    rgba(0,0,0,0) 40%,
    rgba(0,0,0,0.45) 100%
  );
  z-index: 2;
}

/* Dezente Architektur-Linien */
.lux-banner-lines {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,0.05) 0,
    rgba(255,255,255,0.05) 2px,
    transparent 4px
  );
  opacity: 0.25;
  z-index: 3;
}

/* Premium Frame (oben/unten Linien) */
.lux-banner-frame {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-top: 4px solid rgba(255,255,255,0.13);
  border-bottom: 4px solid rgba(255,255,255,0.13);
  z-index: 6;
}

/* CONTENT */
.lux-banner-content {
  position: relative;
  z-index: 10;
  max-width: 900px;
}

/* Headline – Premium Architekturtypografie */
.lux-banner h2 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.8px;
  margin-bottom: 18px;
  line-height: 1.15;
}

/* Cursor */
.lux-caret{
  width: 2px;
  height: 1.05em;
  background: #ffffff;
  display: inline-block;
  transform: translateY(2px);
  animation: luxBlink 0.7s infinite;
  opacity: 0.7;
}

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

/* Rote Architektur-Linie */
.lux-line {
  display: block;
  width: 130px;
  height: 3px;
  background: #cf0707;
  margin: 0 auto 16px;
}

/* Subline */
.lux-banner p {
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  opacity: 0.95;
  margin-bottom: 28px;
}

/* Button Gruppe */
.lux-btn-group {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Premium Buttons: Outline + Fill on Hover */
.lux-btn {
  padding: 11px 22px;
  border-radius: 6px;
  color: #ffffff !important;
  border: 2px solid #cf0707;
  text-decoration: none;
  font-weight: 600;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(207, 7, 7, 0.18);
}

.lux-btn:hover {
  background: #cf0707;
  border-color: #cf0707;
  transform: translateY(-2px);
}

/* Icons */
.lux-btn i {
  font-size: 1rem;
}

/* Mobile */
@media (max-width: 768px) {
  .lux-banner { height: 300px; }
  .lux-banner h2 { font-size: 1.6rem; }
  .lux-banner p { font-size: 1rem; }
  .lux-btn { padding: 9px 16px; font-size: 0.88rem; }
  #luxTypingText{ min-width: 14ch; }
}

/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce){
  .lux-caret{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fd312c8 *//* --- SECTION --- */
.wolkenbau-projects-section {
  padding: 100px 5%;
  background: #ffffff;
  font-family: 'Montserrat', sans-serif;
}

/* --- HEADER FLEX --- */
.projects-header-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  margin-bottom: 50px;
}

.projects-sub {
  color: #888;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.projects-title {
  font-size: 3rem;
  font-weight: 800;
  color: #0d2a4c;
  line-height: 1.1;
}

.projects-right {
  max-width: 550px;
}

.projects-right p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #333;
  margin-bottom: 25px;
}

/* --- ARROW BUTTONS --- */
.projects-arrows {
  display: flex;
  gap: 15px;
}

.arrow-btn {
  width: 48px;
  height: 48px;
  background: #f3f3f3;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.2s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrow-btn i {
  font-size: 1.2rem;
  color: #ffffff;
  transition: 0.2s;
}

.arrow-btn:hover {
  background: #cf0707;
}

.arrow-btn:hover i {
  color: #ffffff;
}

/* --- PROJECT ROW --- */
.projects-row {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  scroll-behavior: smooth;
}
.projects-row::-webkit-scrollbar {
  display: none;
}

/* --- PROJECT CARD --- */
.project-card {
  min-width: 370px;
  max-width: 370px;
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.project-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.45s ease;
}

.project-card:hover img {
  transform: scale(1.12);
}

/* --- MOBILE --- */
@media (max-width: 768px) {
  .projects-header-wrapper {
    flex-direction: column;
  }

  .project-card {
    min-width: 85%;
    height: 220px;
  }
}
/* PROJECT OVERLAY sichtbar machen */
.project-overlay {
  position: absolute;
  bottom: -70px;
  left: 0;
  width: 100%;
  padding: 20px;
  background: linear-gradient(
    to top,
    rgba(13, 42, 76, 0.85),
    rgba(13, 42, 76, 0.3),
    rgba(13, 42, 76, 0)
  );
  color: #ffffff; /* WEISSER TEXT */
  transition: 0.35s ease;
}

.project-card:hover .project-overlay {
  bottom: 0;
}

/* Textfarben & Styles */
.project-overlay h3 {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  color: #ffffff;  /* WICHTIG: WEISS */
  text-shadow: 0 2px 5px rgba(0,0,0,0.4);
}

.project-overlay span {
  font-size: 0.95rem;
  opacity: 0.9;
  color: #ffffff; /* WICHTIG: WEISS */
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
@media (max-width: 768px) {
  .projects-row {
    scroll-snap-type: x mandatory;
  }

  .project-card {
    min-width: 100% !important;
    max-width: 100% !important;
    scroll-snap-align: start;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eeb79bd *//* ==========================================================
   WOLKENBAU – PREMIUM DARK GU BANNER
   VARIANTE 2 – „QUALITÄT ALS MAßSTAB“
   ========================================================== */

.gu-banner-dark{
  position: relative;
  padding: 110px 20px;
  text-align: center;
  background: #0d2a4c;
  color: #ffffff;
  overflow: hidden;
}

/* ----------------------------------------------------------
   Hintergrund-Rasterstruktur (Architektur-Grid)
---------------------------------------------------------- */
.gu-banner-dark::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,0.15) 0px,
      rgba(255,255,255,0.15) 1px,
      transparent 1px,
      transparent 40px
    ),
    repeating-linear-gradient(
      to right,
      rgba(255,255,255,0.15) 0px,
      rgba(255,255,255,0.15) 1px,
      transparent 1px,
      transparent 48px
    );
  opacity: 0.3;
  z-index:1;
}

/* ----------------------------------------------------------
   Overlay für Tiefe
---------------------------------------------------------- */
.gu-banner-dark::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.12) 0%,
    rgba(0,0,0,0.18) 100%
  );
  z-index:2;
}

/* ----------------------------------------------------------
   Shine-Effekt (dezent, hochwertig)
---------------------------------------------------------- */
.gu-banner-dark .gu-shine{
  position:absolute;
  top:0;
  left:-150%;
  width:300%;
  height:100%;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,0.3) 50%,
    rgba(255,255,255,0) 60%
  );
  opacity:0.35;
  animation: guShineMove 18s linear infinite;
  z-index:3;
}

@keyframes guShineMove{
  0%   { transform: translateX(-50%) skewX(-15deg); }
  100% { transform: translateX(50%)  skewX(-15deg); }
}

/* ----------------------------------------------------------
   Content
---------------------------------------------------------- */
.gu-dark-content{
  position:relative;
  z-index:20;
  max-width: 980px;
  margin: 0 auto;
}

.gu-dark-content h2{
  font-size: 2.7rem;
  font-weight: 700;
  margin: 0 0 16px;
  color:#ffffff;
  line-height: 1.15;
  letter-spacing: 0.6px;
}

/* Subline */
.gu-dark-content p{
  font-size: 1.25rem;
  color:#e5eaf0;
  margin-top: 12px;
}

/* ----------------------------------------------------------
   Highlight: modern eingekreistes Wort „Qualität“
---------------------------------------------------------- */
.gu-circle{
  position: relative;
  display: inline-block;
  padding: 0.10em 0.28em;   /* ✅ kleiner */
  margin-right: 0.18em;     /* ✅ Luft zu "als" */
  z-index: 1;
}

.gu-circle::before{
  content:"";
  position:absolute;
  inset: -0.12em -0.30em;   /* ✅ enger */
  border: 2px solid #cf0707;
  border-radius: 999px;
  opacity: 0.7;
  z-index: -1;
}

.gu-circle::after{
  content:"";
  position:absolute;
  inset: -0.18em -0.36em;   /* ✅ minimal größer als before */
  border: 1px solid rgba(207,7,7,0.60);
  border-radius: 999px;
  transform: rotate(-1.5deg);
  z-index: -2;
}

/* ----------------------------------------------------------
   Mobile Optimierung
---------------------------------------------------------- */
@media (max-width: 768px){
  .gu-banner-dark{
    padding: 80px 20px;
  }

  .gu-dark-content h2{
    font-size: 1.9rem;
    letter-spacing: 0.3px;
  }

  .gu-dark-content p{
    font-size: 1.05rem;
  }
}

/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce){
  .gu-banner-dark .gu-shine{
    animation: none;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c006e10 */.elementor-2464 .elementor-element.elementor-element-c006e10 {
    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-2464 .elementor-element.elementor-element-c006e10::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 */