.elementor-3810 .elementor-element.elementor-element-873b773{--display:flex;--min-height:300px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-3810 .elementor-element.elementor-element-873b773:not(.elementor-motion-effects-element-type-background), .elementor-3810 .elementor-element.elementor-element-873b773 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-df59fe5 );}.elementor-3810 .elementor-element.elementor-element-873b773 > .elementor-shape-bottom svg, .elementor-3810 .elementor-element.elementor-element-873b773 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:44px;}.elementor-3810 .elementor-element.elementor-element-873b773.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 );text-transform:var( --e-global-typography-primary-text-transform );color:var( --e-global-color-primary );}.elementor-3810 .elementor-element.elementor-element-bff4ff1 .elementor-heading-title{color:var( --e-global-color-b5b9b37 );}.elementor-3810 .elementor-element.elementor-element-e370042{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3810 .elementor-element.elementor-element-e370042:not(.elementor-motion-effects-element-type-background), .elementor-3810 .elementor-element.elementor-element-e370042 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5b9b37 );}.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 );}body.elementor-page-3810:not(.elementor-motion-effects-element-type-background), body.elementor-page-3810 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5b9b37 );}@media(max-width:767px){.elementor-3810 .elementor-element.elementor-element-bff4ff1{text-align:center;}}@media(min-width:768px){.elementor-3810 .elementor-element.elementor-element-873b773{--width:100%;}.elementor-3810 .elementor-element.elementor-element-e370042{--content-width:800px;}}/* Start custom CSS for container, class: .elementor-element-873b773 *//* 1. Gradient-Hintergrund und Basis-Styling */
.hero-triangle-section {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(
    135deg,
    #81AFDE 0%,   /* WSA_BLUE */
    #046BD2 100%  /* WSA_D_BLUE */
  ) !important;
}

/* 2. Weiß-transparentes Overlay für besseren Kontrast */
.hero-triangle-section::before {
  content: "";
  position: absolute;
  inset: 0; /* top/right/bottom/left = 0 */
  background-color: rgba(255,255,255,0.3) !important; /* 30 % Weiß */
  pointer-events: none;
  z-index: 1;
}

/* 3. Diagonales Dreieck in der Ecke */
.hero-triangle-section::after {
  content: "";
  position: absolute;
  bottom: 0; right: 0;
  width: 80px; height: 80px;
  background-color: #C8C9D1 !important; /* WSA_GREY_BACKGR */
  clip-path: polygon(100% 100%, 0 100%, 100% 0);
  opacity: 0.4 !important;
  pointer-events: none;
  z-index: 1;
}

/* 4. Stelle sicher, dass dein Text über Overlay und Dreieck liegt */
.hero-triangle-section .elementor-widget-container {
  position: relative !important;
  z-index: 2;
}/* End custom CSS */