.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-317911 .elementor-element.elementor-element-16f1b3e{--grid-columns:3;--grid-row-gap:16px;z-index:1;--load-more—spacing:40px;--load-more-button-align:center;--grid-column-gap:16px;}.elementor-317911 .elementor-element.elementor-element-16f1b3e .elementor-repeater-item-2152a37{grid-column:span min( 1, var(--grid-columns) );}.elementor-317911 .elementor-element.elementor-element-16f1b3e .elementor-button{background-color:#89D0BE00;font-family:"Outfit", outfit;font-size:16px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-radius:32px 32px 32px 32px;}.elementor-317911 .elementor-element.elementor-element-16f1b3e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-317911 .elementor-element.elementor-element-16f1b3e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-317911 .elementor-element.elementor-element-16f1b3e .elementor-loop-container{grid-auto-rows:1fr;}.elementor-317911 .elementor-element.elementor-element-16f1b3e .e-loop-item > .elementor-section, .elementor-317911 .elementor-element.elementor-element-16f1b3e .e-loop-item > .elementor-section > .elementor-container, .elementor-317911 .elementor-element.elementor-element-16f1b3e .e-loop-item > .e-con, .elementor-317911 .elementor-element.elementor-element-16f1b3e .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-317911 .elementor-element.elementor-element-f6c6e37{--grid-columns:3;}.elementor-317911 .elementor-element.elementor-element-f6c6e37 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-317911 .elementor-element.elementor-element-f6c6e37.elementor-element{--flex-grow:1;--flex-shrink:1;}.elementor-317911 .elementor-element.elementor-element-59b3384{--grid-columns:3;--grid-row-gap:16px;z-index:1;--load-more—spacing:40px;--load-more-button-align:center;--grid-column-gap:16px;}.elementor-317911 .elementor-element.elementor-element-59b3384 .elementor-repeater-item-2152a37{grid-column:span min( 1, var(--grid-columns) );}.elementor-317911 .elementor-element.elementor-element-59b3384 .elementor-button{background-color:#89D0BE00;font-family:"Outfit", outfit;font-size:16px;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-radius:32px 32px 32px 32px;}.elementor-317911 .elementor-element.elementor-element-59b3384 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-317911 .elementor-element.elementor-element-59b3384.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-317911 .elementor-element.elementor-element-59b3384 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-317911 .elementor-element.elementor-element-59b3384 .e-loop-item > .elementor-section, .elementor-317911 .elementor-element.elementor-element-59b3384 .e-loop-item > .elementor-section > .elementor-container, .elementor-317911 .elementor-element.elementor-element-59b3384 .e-loop-item > .e-con, .elementor-317911 .elementor-element.elementor-element-59b3384 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-317911 .elementor-element.elementor-element-ce99a56{--display:flex;}@media(max-width:1024px){.elementor-317911 .elementor-element.elementor-element-16f1b3e{--grid-columns:2;}.elementor-317911 .elementor-element.elementor-element-f6c6e37{--grid-columns:2;}.elementor-317911 .elementor-element.elementor-element-59b3384{--grid-columns:2;}}@media(max-width:767px){.elementor-317911 .elementor-element.elementor-element-16f1b3e{--grid-columns:1;--grid-row-gap:16px;}.elementor-317911 .elementor-element.elementor-element-f6c6e37{--grid-columns:1;--grid-row-gap:16px;}.elementor-317911 .elementor-element.elementor-element-59b3384{--grid-columns:1;--grid-row-gap:16px;}}/* Start custom CSS *//* 1. Grid fixieren */
.elementor-loop-container.elementor-grid {
  grid-auto-rows: 378px !important;
  overflow: visible !important;
}

/* 2. Loop-Item – KEIN z-index hier, damit kein Stacking Context entsteht */
.e-loop-item {
  position: relative !important;
  max-height: 378px;
  overflow: visible !important;
  /* ❌ z-index: 1 entfernt! */
}

/* 3. Aktives Loop-Item: erst JETZT Stacking Context erzeugen */
.e-loop-item:has(.e-n-accordion-item[open]) {
  z-index: 1 !important;
}

/* 4. Alles auf details deaktivieren */
.e-n-accordion-item {
  transition: none !important;
  animation: none !important;
}

/* 5. Overlay – immer sichtbar im DOM, aber versteckt */
.e-n-accordion-item > *:not(summary) {
  display: block !important;
  position: absolute !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease !important;
  animation: none !important;
  z-index: 999;
  border: 2px solid rgb(28, 97, 85) !important;
  border-top: none !important;
  border-radius: 0 0 35px 35px !important;
  padding: 16px 20px !important;
  box-shadow: none !important;
}

/* 5a. Hintergrundfarbe für Loop Grid WHITE – ab dem 2. Element */
.video-loop-grid-white .e-loop-item:not(:first-child) .e-n-accordion-item > *:not(summary) {
  background: #FFFFFF !important;
}

/* 5b. Hintergrundfarbe für Loop Grid NL – ab dem 2. Element */
.video-loop-grid-nl .e-loop-item:not(:first-child) .e-n-accordion-item > *:not(summary) {
  background: #E5FE77 !important;
}

/* 5c. Erstes Element – über Loop-Container gezielt ansprechen */
.video-loop-grid-white .elementor-loop-container .e-loop-item:first-of-type .e-n-accordion-item > *:not(summary),
.video-loop-grid-nl .elementor-loop-container .e-loop-item:first-of-type .e-n-accordion-item > *:not(summary) {
  background: #1C6155 !important;
  color: #FFFFFF !important;
}


/* 6. Eingeblendet via JS-Klasse */
.accordion-is-open > *:not(summary) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* 7. Elementor-interne Borders entfernen */
.e-n-accordion-item > *:not(summary) .e-con,
.e-n-accordion-item > *:not(summary) .elementor-widget-container {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* 8. Karten-Border unten entfernen wenn offen */
.e-loop-item:has(.accordion-is-open) .video-container {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
}

/* Off-Canvas Overlay */
.e-off-canvas__overlay {
  z-index: 9 !important;
}

/* 6. Eingeblendet via JS-Klasse – z-index über versteckte Panels (999) heben */
.accordion-is-open > *:not(summary) {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1000 !important;
}

/* 5a. Hintergrundfarbe für Loop Grid WHITE – ab dem 2. Element */
.video-loop-grid-white .e-loop-item:not(:first-child) .e-n-accordion-item > *:not(summary) {
  background: #FFFFFF !important;
}

/* 5b. Hintergrundfarbe für Loop Grid NL – ab dem 2. Element */
.video-loop-grid-nl .e-loop-item:not(:first-child) .e-n-accordion-item > *:not(summary) {
  background: #E5FE77 !important;
}

/* 5c. Erstes Element BEIDER Loop Grids – dunkelgrün mit weißer Schrift */
.video-loop-grid-white .e-loop-item:first-child .e-n-accordion-item > *:not(summary),
.video-loop-grid-nl .e-loop-item:first-child .e-n-accordion-item > *:not(summary) {
  background: #1C6155 !important;
  color: #FFFFFF !important;
}/* End custom CSS */