.elementor-79 .elementor-element.elementor-element-6ea5310{--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-79 .elementor-element.elementor-element-ebfd009{width:100%;max-width:100%;}.elementor-79 .elementor-element.elementor-element-06aefeb{--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;}.elementor-79 .elementor-element.elementor-element-085a77f{--spacer-size:50px;}:root{--page-title-display:none;}/* Start custom CSS for spacer, class: .elementor-element-085a77f *//* IMPRESSUM (legal-modern): Full-Bleed Verlauf + AGB/DSGVO-Abstände
   -> keine Typo-/Breitenänderung, nur Hintergrund & vertical spacing */
.legal-modern .hero{
  position: relative;
  isolation: isolate;           /* eigener Stacking-Context */
  background: transparent;      /* Hintergrund kommt über ::before */
  padding: clamp(36px,8vw,96px) 0 clamp(28px,5vw,56px); /* wie AGB/DSGVO */
}

/* Vollbreiter Verlauf hinter dem Hero-Inhalt – verschiebt nichts */
.legal-modern .hero::before{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  transform: translateX(-50%);
  width:100vw;                  /* echte Viewport-Breite */
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(227,6,19,.12), rgba(227,6,19,0) 45%),
    var(--bg);
  z-index:-1;
}

/* Abstände wie bei AGB/Datenschutz, ohne Maxbreiten/Typo anzurühren */
.legal-modern .cards{         margin-top: clamp(16px,3.5vw,40px); }
.legal-modern .toc{           margin: 18px auto 28px; }
.legal-modern .legal-section{ margin: clamp(24px,6vw,64px) auto; }

/* Optional: Wenn dein TOC-H2 unsichtbar sein soll wie zuvor */
.legal-modern .toc > h2{ position:absolute; left:-9999px; }/* End custom CSS */