.elementor-455 .elementor-element.elementor-element-63929a3{--display:flex;--margin-top:17px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-455 .elementor-element.elementor-element-7144354{--display:flex;}.elementor-455 .elementor-element.elementor-element-f8cc5d8{--display:flex;}.elementor-455 .elementor-element.elementor-element-4a099b7{--display:flex;}.elementor-455 .elementor-element.elementor-element-8398c7c{--display:flex;--overlay-opacity:0.7;}.elementor-455 .elementor-element.elementor-element-8398c7c::before, .elementor-455 .elementor-element.elementor-element-8398c7c > .elementor-background-video-container::before, .elementor-455 .elementor-element.elementor-element-8398c7c > .e-con-inner > .elementor-background-video-container::before, .elementor-455 .elementor-element.elementor-element-8398c7c > .elementor-background-slideshow::before, .elementor-455 .elementor-element.elementor-element-8398c7c > .e-con-inner > .elementor-background-slideshow::before, .elementor-455 .elementor-element.elementor-element-8398c7c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}@media(max-width:767px){.elementor-455 .elementor-element.elementor-element-8398c7c{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-e8e92d8 */:root{
  --accent:#6CAD83; --ink:#0b0b0c;
  --wrap:min(1000px, 92vw); --radius:18px;
  --shadow:0 14px 34px rgba(0,0,0,.12);
}

.projects{ width:100%; background:#0000; padding:clamp(60px,8vw,100px) 5vw; text-align:center; }
.projects__head{ max-width:800px; margin:0 auto 3rem; }
.projects__head h2{ font-family:'Roboto',sans-serif; font-size:40px; font-weight:700; color:var(--accent); margin:0 0 1rem; }
.projects__head p{ font-family:'Poppins',sans-serif; font-size:15px; color:var(--ink); margin:0; }

.projects__list{ display:flex; flex-direction:column; gap:clamp(32px,5vw,60px); max-width:var(--wrap); margin-inline:auto; }

.project{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,40px); align-items:center;
  background:#fff; border-radius:var(--radius); box-shadow:var(--shadow); overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.project:hover{ transform:translateY(-6px); box-shadow:0 20px 42px rgba(0,0,0,.18); }
.project img{ width:100%; height:100%; object-fit:cover; display:block; transform:scale(1.06); transition:transform 1s cubic-bezier(.2,.65,.2,1); }
.project__content{ text-align:left; padding:clamp(20px,3vw,36px); }
.project__content h3{ font:700 24px/1.25 Poppins,system-ui,sans-serif; color:var(--accent); margin:0 0 .6rem; }
.project__content p{ font:400 15px/1.6 Poppins,system-ui,sans-serif; color:var(--ink); margin:0; }

/* Alternierend Bildseite */
.project:nth-child(even) img{ order:2; }
.project:nth-child(even) .project__content{ order:1; }

@media (max-width:800px){
  .project{ grid-template-columns:1fr; }
  .project img{ order:1 !important; }
  .project__content{ order:2 !important; text-align:center; }
}

/* ===== Scroll-Reveal ===== */
/* Standard: sichtbar, falls JS aus (robust) */
.an{ opacity:1; transform:none; }
.js .an{ opacity:0; }

/* Fade-Up Grundanimation */
.js .an{ transform: translateY(16px); transition: opacity .7s ease, transform .7s ease; }
.js .an.show{ opacity:1; transform:none; }

/* Slide aus links/rechts für Projekte */
.js .an.reveal-left{ transform: translateX(-22px); }
.js .an.reveal-right{ transform: translateX(22px); }
.js .an.reveal-left.show,
.js .an.reveal-right.show{ transform: none; }

/* Stagger via inline data-delay */
.js .an{ transition-delay: var(--an-delay, 0ms); }

/* Bild-„Zoom out“ sobald sichtbar */
.js .project.show img{ transform: scale(1.02); }

/* Motion-Respect */
@media (prefers-reduced-motion: reduce){
  .an, .project img{ transition:none !important; transform:none !important; opacity:1 !important; }
}/* End custom CSS */
/* Start custom CSS */body {
  background: radial-gradient(at 20% 20%, rgba(108,173,131,0.15), transparent 40%),
              radial-gradient(at 80% 80%, rgba(240,246,243,1), transparent 50%),
              #ffffff;
}



html::before{
  content:"";
  position:fixed; inset:0;
  background:
    linear-gradient(100deg,
      rgba(108,173,131,0.24) 0%,
      rgba(108,173,131,0.12) 22%,
      rgba(108,173,131,0.06) 40%,
      rgba(108,173,131,0.00) 65%) left / 1200px 100% no-repeat;
  pointer-events:none;
  z-index:0;
}
body, #page, .site, .elementor-location-body{ position:relative; z-index:1; }/* End custom CSS */