.elementor-732 .elementor-element.elementor-element-114b367{--display:flex;--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-732 .elementor-element.elementor-element-108e3af.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-732 .elementor-element.elementor-element-108e3af{text-align:center;}.elementor-732 .elementor-element.elementor-element-108e3af img{height:100%;object-fit:contain;object-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-732 .elementor-element.elementor-element-1f69b74{text-align:center;}.elementor-732 .elementor-element.elementor-element-1f69b74 .elementor-heading-title{font-family:var( --e-global-typography-afbb86b-font-family ), Sans-serif;font-size:var( --e-global-typography-afbb86b-font-size );font-weight:var( --e-global-typography-afbb86b-font-weight );line-height:var( --e-global-typography-afbb86b-line-height );color:var( --e-global-color-text );}@media(max-width:1440px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-732 .elementor-element.elementor-element-1f69b74 .elementor-heading-title{font-size:var( --e-global-typography-afbb86b-font-size );line-height:var( --e-global-typography-afbb86b-line-height );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-732 .elementor-element.elementor-element-1f69b74 .elementor-heading-title{font-size:var( --e-global-typography-afbb86b-font-size );line-height:var( --e-global-typography-afbb86b-line-height );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-732 .elementor-element.elementor-element-1f69b74 .elementor-heading-title{font-size:var( --e-global-typography-afbb86b-font-size );line-height:var( --e-global-typography-afbb86b-line-height );}}/* Start custom CSS for image, class: .elementor-element-108e3af */.elementor-732 .elementor-element.elementor-element-108e3af {
    max-height:200px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1f69b74 */.elementor-732 .elementor-element.elementor-element-1f69b74 {
    hyphens:auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-114b367 *//* === BRAND LOGO TINT – FINAL === */

.brand-logo-slider {
  position: relative;
  display: inline-block;
  background: #ffffff; /* Basis für sauberes Blending */
  line-height: 0;
}

/* Logo initial: neutralisieren */
.brand-logo-slider img {
  display: block;
  position: relative;
  z-index: 1;

  /* Graustufen als Grundlage für color-blend */
  filter: grayscale(1) contrast(1.05) brightness(1.1) !important;
  transition: filter 0.25s ease;
}

/* Grüner Farb-Layer */
.brand-logo-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;

  background: #243934;      /* Brand-Grün */
  mix-blend-mode: color;   /* lässt Weiß weitgehend weiß */
  opacity: 1;

  pointer-events: none;
  transition: opacity 0.25s ease;
}

/* Hover: Originalfarben zeigen */
.brand-logo-slider:hover img {
  filter: none !important;
}

.brand-logo-slider:hover::after {
  opacity: 0;
}

/*Fix Safari*/

/* iOS Safari Tap-Highlight entfernen */
.brand-logo-slider,
.brand-logo-slider a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.brand-logo-slider:focus,
.brand-logo-slider a:focus {
  outline: none;
}
.brand-logo-slider a:focus-visible {
  outline: 2px solid currentColor; /* oder bewusst designen */
  outline-offset: 3px;
}


.brand-logo-slider {
  position: relative;
  display: inline-block;
  background: #fff;
  line-height: 0;

  isolation: isolate;           /* wichtig für blend-mode */
  transform: translateZ(0);     /* eigenes Compositing-Layer */
}

.brand-logo-slider img,
.brand-logo-slider::after {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .brand-logo-slider:hover img { filter: none !important; }
  .brand-logo-slider:hover::after { opacity: 0; }
}

/*Safari Fixing*/
/* iOS Safari: Effekt komplett aus */
@supports (-webkit-touch-callout: none) {
  .brand-logo-slider::after {
    display: none !important;   /* blend-layer weg */
  }
  .brand-logo-slider img {
    filter: none !important;    /* kein Graustufen/Filter */
  }
}/* End custom CSS */