.elementor-85 .elementor-element.elementor-element-053bf10{--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;}.elementor-85 .elementor-element.elementor-element-7b9b0f3{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7b9b0f3 *//* === ABOUT: Full-Bleed Hero + saubere Kapselung, ersetzt NICHTS anderes === */

/* 1) Hero selbst bekommt keinen Background mehr (nur Padding/Luft) */
.about-modern .hero{
  position: relative;
  isolation: isolate;                 /* eigener Layer, nix verschiebt sich */
  background: transparent !important; /* wichtig: alten Verlauf neutralisieren */
  padding: clamp(32px,7vw,80px) 0 clamp(24px,5vw,48px);
}

/* 2) Vollbreiter Verlauf hinter dem Inhalt */
.about-modern .hero::before{
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: 50%;
  width: 100vw;                       /* echte Viewportbreite */
  transform: translateX(-50%);
  pointer-events: none;
  z-index: -1;

  /* gleicher Look wie auf den Rechtsseiten (Verlauf + dezente Diagonalen) */
  background:
    linear-gradient(135deg, rgba(227,6,19,.14), rgba(227,6,19,0) 60%),
    repeating-linear-gradient(135deg,
      rgba(0,0,0,.02) 0, rgba(0,0,0,.02) 18px,
      rgba(255,255,255,0) 18px, rgba(255,255,255,0) 36px
    ),
    var(--bg, #F8FAFC);
}

/* 3) Restliche Hero-Styles sauber gekapselt (damit Theme nicht greift) */
.about-modern .hero__inner{
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  gap: 28px;
  align-items: center;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  padding: 0 20px;
}
.about-modern .eyebrow{display:inline-block;font-size:.85rem;color:var(--muted);letter-spacing:.04em;margin-bottom:.25rem}
.about-modern .hero h1{font-size:clamp(28px,4vw,44px);margin:.25rem 0 .75rem}
.about-modern .hero .accent{color:var(--geno-red)}
.about-modern .hero__copy p{color:#334155;max-width:60ch;margin:0}
.about-modern .hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}

/* Optional: falls irgendwo ein globales .hero { background:… } noch greift,
   bitte entfernen/auskommentieren oder mit !important auf transparent setzen. */

/* Streifen aus allen Hero-Bereichen entfernen (About/AGB/Datenschutz/Impressum) */
.about-modern .hero::before,
.agb-modern .hero::before,
.privacy-modern .hero::before,
.legal-modern .hero::before{
  background:
    /* nur noch ein weicher Verlauf */
    linear-gradient(135deg, rgba(227,6,19,.12), rgba(227,6,19,0) 60%),
    var(--bg, #F8FAFC) !important;
}

/* Falls irgendwo noch ein alter Background direkt auf .hero liegt, neutralisieren */
.about-modern .hero,
.agb-modern .hero,
.privacy-modern .hero,
.legal-modern .hero{
  background: transparent !important;
}

/* Team-Hintergrund ohne Streifen */
.about-modern .team--slim::before{
  background:
    /* ggf. dezenter roter Verlauf, kann auch weg */
    linear-gradient(135deg, rgba(230,0,0,.08), rgba(230,0,0,0) 60%),
    var(--bg) !important;
}

/* ===== Full-bleed-Hintergrund für HERO & TEAM ===== */
.about-modern .hero,
.about-modern .team--slim{
  position: relative;
  isolation: isolate;             /* eigener Stacking-Kontext */
  background: transparent !important;
  padding: clamp(32px,6vw,64px) 0; /* großzügig wie im Hero */
}

/* Hintergrund über die komplette Bildschirmbreite (100vw) ziehen */
.about-modern .hero::before,
.about-modern .team--slim::before{
  content: "";
  position: absolute;
  inset-block: 0;
  left: 50%;
  width: 100vw;                   /* volle Bildschirmbreite */
  transform: translateX(-50%);    /* mittig unter dem Content ausrichten */
  z-index: -1;
  pointer-events: none;
  /* gleicher Look wie oben im Hero */
  background:
    linear-gradient(135deg, rgba(230, 0, 0, .10), rgba(230,0,0,0) 60%),
    repeating-linear-gradient(135deg,
      rgba(0,0,0,.02) 0, rgba(0,0,0,.02) 18px,
      rgba(255,255,255,0) 18px, rgba(255,255,255,0) 36px
    ),
    var(--bg);
}

/* Team-Inhalt mittig begrenzen, bleibt aber auf dem Full-bleed Hintergrund */
.about-modern .team--slim .team__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}/* End custom CSS */