.elementor-10443 .elementor-element.elementor-element-7dac3457{--display:flex;}.elementor-10443 .elementor-element.elementor-element-b1f8215{--display:flex;}.elementor-10443 .elementor-element.elementor-element-ccca5f2{--display:flex;}.elementor-10443 .elementor-element.elementor-element-baf5c70{--display:flex;}.elementor-10443 .elementor-element.elementor-element-ecd2fca{--display:flex;--min-height:5px;--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-10443 .elementor-element.elementor-element-ecd2fca:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-ecd2fca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(184deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);}.elementor-10443 .elementor-element.elementor-element-64118e20:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-64118e20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06a34e7 );}.elementor-10443 .elementor-element.elementor-element-64118e20 > .elementor-background-overlay{opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10443 .elementor-element.elementor-element-64118e20{border-style:solid;border-width:0px 13px 0px 13px;border-color:var( --e-global-color-accent );box-shadow:0px 0px 10px 0px #F6F055;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10443 .elementor-element.elementor-element-64118e20, .elementor-10443 .elementor-element.elementor-element-64118e20 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-10443 .elementor-element.elementor-element-802791f{--display:flex;--min-height:5px;--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:17px;--margin-left:0px;--margin-right:0px;}.elementor-10443 .elementor-element.elementor-element-802791f:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-802791f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-10443 .elementor-element.elementor-element-750fc39{--display:flex;}.elementor-10443 .elementor-element.elementor-element-15c6b1c{--display:flex;}.elementor-10443 .elementor-element.elementor-element-2264265{--display:flex;}.elementor-10443 .elementor-element.elementor-element-749cb076:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-749cb076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ad4c3d );}.elementor-10443 .elementor-element.elementor-element-749cb076{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:15px 0px 30px 0px;}.elementor-10443 .elementor-element.elementor-element-749cb076 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10443 .elementor-element.elementor-element-2bc3b514.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-10443 .elementor-element.elementor-element-ffd0b69{margin:0% 020% calc(var(--kit-widget-spacing, 0px) + 0%) 20%;text-align:center;}.elementor-10443 .elementor-element.elementor-element-ffd0b69 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-secondary );}.elementor-10443 .elementor-element.elementor-element-330d3d1e{--display:flex;}.elementor-10443 .elementor-element.elementor-element-330d3d1e:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-330d3d1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ad4c3d );}.elementor-10443 .elementor-element.elementor-element-4be8d6b8{--display:flex;}.elementor-10443 .elementor-element.elementor-element-6b4595a8.elementor-element{--align-self:center;}.elementor-10443 .elementor-element.elementor-element-8962876{--display:flex;}.elementor-10443 .elementor-element.elementor-element-8962876:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-8962876 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0ad4c3d );}.elementor-10443 .elementor-element.elementor-element-8d38fa4{--display:flex;}.elementor-10443 .elementor-element.elementor-element-b4967c8.elementor-element{--align-self:center;}.elementor-10443 .elementor-element.elementor-element-2dc4eee .elementor-button{background-color:var( --e-global-color-70f41f0 );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-10443 .elementor-element.elementor-element-2dc4eee .elementor-button:hover, .elementor-10443 .elementor-element.elementor-element-2dc4eee .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-70f41f0 );}.elementor-10443 .elementor-element.elementor-element-2dc4eee{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-10443 .elementor-element.elementor-element-2dc4eee .elementor-button:hover svg, .elementor-10443 .elementor-element.elementor-element-2dc4eee .elementor-button:focus svg{fill:var( --e-global-color-70f41f0 );}.elementor-10443 .elementor-element.elementor-element-d3954f1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10443 .elementor-element.elementor-element-d3954f1:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-d3954f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-10443 .elementor-element.elementor-element-d20a172{--display:flex;}.elementor-10443 .elementor-element.elementor-element-3ba7236{--display:flex;--min-height:5px;--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-10443 .elementor-element.elementor-element-3ba7236:not(.elementor-motion-effects-element-type-background), .elementor-10443 .elementor-element.elementor-element-3ba7236 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-70f41f0 );}.elementor-10443 .elementor-element.elementor-element-2718fe8{--display:flex;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-10443 .elementor-element.elementor-element-3de46b5{--display:flex;}.elementor-10443 .elementor-element.elementor-element-e1e556f{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10443 .elementor-element.elementor-element-2718fe8{--content-width:1800px;}}@media(max-width:1024px){.elementor-10443 .elementor-element.elementor-element-749cb076{padding:80px 10px 80px 10px;}.elementor-10443 .elementor-element.elementor-element-2bc3b514 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-10443 .elementor-element.elementor-element-ffd0b69 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-10443 .elementor-element.elementor-element-2dc4eee .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-10443 .elementor-element.elementor-element-749cb076{padding:40px 10px 40px 10px;}.elementor-10443 .elementor-element.elementor-element-ffd0b69 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-10443 .elementor-element.elementor-element-2dc4eee .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for html, class: .elementor-element-9a5887c *//* =========================================================
   GreenSolar365 – HERO CSS (komplett neu, stabil + CLS-safe)
   - LCP-Image bleibt Layer 1
   - Slider Layer 2 (deferred via JS)
   - Overlay Layer 3
   - Content Layer 4 (stabil, ohne doppelte Overrides)
   ========================================================= */

/* ---------- WRAPPER ---------- */
.gs-hero-wrapper{
  position: relative;
  width: 100%;
  height: 100svh;          /* stabiler als vh auf Mobile */
  min-height: 520px;
  max-height: 900px;
  overflow: hidden;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  font-family: "Montserrat","Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* ---------- LCP LAYER (img) ---------- */
.gs-hero-lcp{
  position: absolute;
  inset: 0;
  z-index: 1;
}

.gs-hero-lcp-img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 12%;
}

/* ---------- SLIDER LAYER (backgrounds) ---------- */
.gs-hero-slideshow{
  position: absolute;
  inset: 0;
  z-index: 2;
  opacity: 0;                   /* wird per JS nach load eingeblendet */
  transition: opacity .35s ease;
  pointer-events: none;
}

.gs-hero-slideshow .slide{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.2s ease;

  background-size: cover;
  background-position: center 12%;
  background-repeat: no-repeat;
  will-change: opacity;
}

/* ---------- OVERLAY (Lesbarkeit) ---------- */
.gs-hero-overlay{
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(
    to top,
    rgba(0,0,0,.62) 0%,
    rgba(0,0,0,.34) 46%,
    rgba(0,0,0,.18) 100%
  );
}

/* ---------- CONTENT ---------- */
.gs-hero-content{
  position: relative;   /* nicht absolut: weniger CLS-Risiko */
  z-index: 4;

  width: min(960px, 92%);
  margin: 0 auto 26px;

  padding: 28px 32px 22px;
  text-align: center;

  background: rgba(52, 112, 96, 0.52);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.16);
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}

/* TEXT IM HERO IMMER KOMPLETT WEISS */
.gs-hero-content,
.gs-hero-content *{
  color: #fff !important;
}

/* ---------- TYPO ---------- */
.gs-hero-content .topline{
  margin: 0 0 14px;
  font-size: 14px;
  letter-spacing: 1.2px;
  opacity: .95;

  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 2px solid #ffd940;
}

.gs-hero-content h1{
  margin: 10px 0 10px;
  font-size: clamp(26px, 3.2vw, 44px);
  line-height: 1.12;
  font-weight: 800;
}

.gs-hero-content p{
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.45;
  opacity: .98;
}

/* ---------- BUTTONS ---------- */
.hero-buttons{
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.hero-buttons a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 13px 18px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration: none;

  transition: transform .12s ease, background .2s ease, opacity .2s ease;
  will-change: transform;
}

.hero-buttons a:hover{
  transform: translateY(-1px);
}

.btn-primary{
  background: #ffd940;
  color: #1a6b5f !important;
}

.btn-primary:hover{
  background: #ffe57a;
}

.btn-secondary{
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.30);
  color: #fff !important;
}

.btn-secondary:hover{
  background: rgba(255,255,255,.18);
}

/* ---------- SOCIAL ---------- */
.hero-social{
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
  opacity: .95;
}

.hero-social a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.22);

  text-decoration: none;
  transition: transform .12s ease, background .2s ease;
}

.hero-social a:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.16);
}

/* FontAwesome Icons – falls genutzt */
.hero-social i{
  font-size: 20px;
  line-height: 1;
  color: #fff !important;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px){
  .gs-hero-wrapper{
    min-height: 560px;
    align-items: center;
    padding: 0 12px;
  }

  /* Gesichter weniger abschneiden */
  .gs-hero-lcp-img{
    object-position: 55% 12%;
  }
  .gs-hero-slideshow .slide{
    background-position: 55% 12%;
  }

  .gs-hero-content{
    width: 100%;
    margin: 0;
    padding: 18px 14px 16px;
    border-radius: 18px;
  }

  .gs-hero-content .topline{
    font-size: 13px;
  }

  .gs-hero-content p{
    font-size: 15px;
  }

  .hero-social a{
    width: 40px;
    height: 40px;
  }
  .hero-social i{
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2572450 */.gs-hero-glass .hero-socials a {
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.gs-hero-glass h2,
.gs-hero-glass .hero-text h2,
.gs-hero-lb h2 {
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7861414 *//* Beschreibungstext schmaler & lesbarer */
.gs-products-header p {
  max-width: 860px;          /* fängt den Text ein */
  margin: 10px auto 12px;   /* mehr Luft nach unten */
  line-height: 1.42 !important;
  text-align: center;
  padding: 0 12px;          /* Schutz für kleine Screens */
}

/* Optional: Headline minimal mehr Luft nach unten */
.gs-products-header h2 {
  margin-bottom: 10px !important;
}

/* Abstand zwischen Text & Kacheln leicht erhöhen */
.gs-products-grid {
  margin-top: 16px !important;
}

/* ==============================
   MOBILE FEINSCHLIFF
============================== */
@media (max-width: 700px) {
  .gs-products-header p {
    max-width: 92%;
    margin: 8px auto 14px;
    line-height: 1.38 !important;
    font-size: 0.98rem !important;
  }

  .gs-products-grid {
    margin-top: 14px !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a29d5e */.gs-about-section {
  background: linear-gradient(180deg, #f8fcfb 0%, #e8f3ef 100%);
  padding: 100px 5vw;
  font-family: "Inter", sans-serif;
  color: #1a3831;
}

/* Header */
.gs-about-header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 3rem;
}
.gs-about-header h2 {
  text-transform: uppercase;
  color: #1a6b5f;
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.gs-about-header h3 {
  font-size: 2rem;
  font-weight: 800;
  color: #1a3831;
  margin: 0.5rem 0;
}
.gs-about-header p {
  font-size: 1.05rem;
  line-height: 1.6;
  color: #294e44;
}

/* Hauptcontent */
.gs-about-content {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 50px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto 70px;
}
.gs-about-text h4 {
  font-size: 1.3rem;
  color: #1a6b5f;
  margin-bottom: 1rem;
}
.gs-about-text p {
  font-size: 1rem;
  line-height: 1.7;
  color: #294e44;
}
.about-points {
  margin: 1.5rem 0;
  list-style: none;
  padding: 0;
}
.about-points li {
  background: rgba(26,107,95,0.06);
  border-left: 4px solid #1a6b5f;
  margin-bottom: 0.8rem;
  padding: 0.8rem 1rem;
  border-radius: 6px;
}
.gs-btn {
  display: inline-block;
  background: #ffef51;
  color: #0e2a23;
  padding: 0.9rem 2rem;
  border-radius: 999px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.25s ease;
}
.gs-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.1);
}

/* Bilder */
.gs-about-image img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
}
.gs-team-highlight {
  max-width: 850px;
  margin: 50px auto 0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
.gs-team-highlight img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top center;
  filter: brightness(1.05) contrast(1.05);
}

/* Zitat */
.gs-quote-box {
  max-width: 900px;
  background: #fff;
  margin: 30px auto 40px;
  padding: 2rem 3rem;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.05);
  text-align: center;
  font-style: italic;
}
.gs-quote-box blockquote {
  font-size: 1.1rem;
  color: #1a3831;
  margin-bottom: 0.8rem;
}
.gs-quote-box .quote-author {
  color: #1a6b5f;
  font-weight: 700;
  font-style: normal;
}

/* Responsive */
@media (max-width: 992px) {
  .gs-about-content {
    grid-template-columns: 1fr;
    text-align: center;
  }
  .gs-about-image {
    order: -1;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ffd0b69 */.gs-headline .elementor-heading-title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.2rem !important;
  line-height: 1.4;
  color: #1a6b5f !important;
  text-align: center;
  letter-spacing: 0.02em;
  position: relative;
  display: inline-block;
  padding: 18px 32px;
  background: #f8fbfa;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(26,107,95,0.08);
  transition: all 0.35s ease;
}

.gs-headline .elementor-heading-title:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 35px rgba(26,107,95,0.18);
}

.gs-headline .elementor-heading-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
  width: 70%;
  height: 4px;
  background: linear-gradient(90deg, #ffd940, #94ce8a, #347060);
  border-radius: 4px;
  animation: moveGradient 3s ease-in-out infinite alternate;
}

@keyframes moveGradient {
  0% { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

.gs-headline .elementor-heading-title span,
.gs-headline .elementor-heading-title strong {
  color: #347060 !important;
  font-size: 2.4rem;
  font-weight: 900;
  text-shadow: 0 0 12px rgba(148,206,138,0.35);
}

@media (max-width: 768px) {
  .gs-headline .elementor-heading-title {
    font-size: 1.5rem !important;
    padding: 12px 18px;
  }
  .gs-headline .elementor-heading-title span {
    font-size: 1.8rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b4595a8 */.karte {
  position: relative;
  overflow: hidden;
  border-radius: 50% / 35%; /* ovale Form */
  aspect-ratio: 16 / 9;
  max-width: 100%;
  margin: auto;
  box-shadow: 0 0 40px rgba(0,0,0,0.4);
  background-color: transparent; /* verhindert weißen Rand */
}

.karte img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
  background-color: transparent; /* Sicherheitsebene */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b4967c8 */.karte {
  position: relative;
  overflow: hidden;
  border-radius: 50% / 35%; /* ovale Form */
  aspect-ratio: 16 / 9;
  max-width: 100%;
  margin: auto;
  box-shadow: 0 0 40px rgba(0,0,0,0.4);
  background-color: transparent; /* verhindert weißen Rand */
}

.karte img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  display: block;
  background-color: transparent; /* Sicherheitsebene */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5435e3c */.pv-benefit-pro-btn,
.pv-benefit-pro-cta-btn {
    background: #FFCC00 !important;
}
.pv-benefit-pro-btn:hover,
.pv-benefit-pro-cta-btn:hover {
    background: #e6b800 !important;
}
.pv-benefit-pro-badge {
    background: rgba(0, 0, 0, 0.35) !important;
    color: #ffffff !important;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.4);
    backdrop-filter: blur(4px);
}
/* Beide Button-Schriften dunkelgrün */
.pv-benefit-pro-btn,
.pv-benefit-pro-cta-btn {
    color: #1a6b5f !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b48e9ee */.pv-benefit-pro-btn {
    color: #1a6b5f !important;
}/* End custom CSS */
/* Start custom CSS */<div class="site-content">
  <div class="container">
    <main id="main">
      <article>
        <div class="entry-content">
          <!-- Hier lädt Elementor deine Seite -->
          <div class="elementor">
            …
          </div>
        </div>
      </article>
    </main>
  </div>
</div>/* End custom CSS */