.elementor-6 .elementor-element.elementor-element-23ab737{--display:flex;--min-height:85vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0vw;--padding-bottom:0vw;--padding-left:6vw;--padding-right:6vw;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-6 .elementor-element.elementor-element-3961e6b{--grid-columns:6;--grid-row-gap:80px;--grid-column-gap:80px;}.elementor-6 .elementor-element.elementor-element-3961e6b .elementor-repeater-item-e4a521e{grid-column:span min( 1, var(--grid-columns) );}.elementor-6 .elementor-element.elementor-element-3961e6b .elementor-repeater-item-2f40bd2{grid-column:span min( 1, var(--grid-columns) );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-6 .elementor-element.elementor-element-3961e6b{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-loop-grid .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-6 .elementor-element.elementor-element-3961e6b{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-3961e6b *//* ============================================================
   Portfolio Grid – Nadja Stadelmann Science Illustration
   ============================================================ */

/* --- Grid-Container ---------------------------------------- */
.elementor-loop-container.elementor-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 20vh;
  gap: 80px;
  padding: 80px 0;
  align-items: center; /* war: center → verursachte das Floaten */
}

/* --- Loop-Item: feste Höhe, kein Overflow ------------------ */
.e-loop-item {
  overflow: visible;  /* verhindert den rausragenden Overlay-Text */
  position: relative;
  height: 20vh; /* feste Mindesthöhe */
}

/* --- Bild füllt die Box ------------------------------------ */
.startLoopContainer {
 
  position: relative;
  overflow: visible;
}

.startLoopContainer img {
  width: 100%;
  height: 100%;
  object-fit: contain;   /* füllt die Box, kein Floaten */
  max-height: 23vh;
}

/* --- Span-Varianten ---------------------------------------- */
.e-loop-item:has(.startLoopContainer[data-col="2"]) {
  grid-column: span 2;
}
.e-loop-item:has(.startLoopContainer[data-row="2"]) {
  grid-row: span 2;
}
.e-loop-item:has(.startLoopContainer[data-square]) {
  grid-column: span 1;
  grid-row: span 1;
  aspect-ratio: 1 / 1;
}
.e-loop-item:has(.startLoopContainer[data-col="2"][data-row="2"]) {
  grid-column: span 2;
  grid-row: span 2;
}

/* --- Reihenfolge via data-order (1–10) --------------------- */
.e-loop-item:has(.startLoopContainer[data-order="1"])  { order: 1; }
.e-loop-item:has(.startLoopContainer[data-order="2"])  { order: 2; }
.e-loop-item:has(.startLoopContainer[data-order="3"])  { order: 3; }
.e-loop-item:has(.startLoopContainer[data-order="4"])  { order: 4; }
.e-loop-item:has(.startLoopContainer[data-order="5"])  { order: 5; }
.e-loop-item:has(.startLoopContainer[data-order="6"])  { order: 6; }
.e-loop-item:has(.startLoopContainer[data-order="7"])  { order: 7; }
.e-loop-item:has(.startLoopContainer[data-order="8"])  { order: 8; }
.e-loop-item:has(.startLoopContainer[data-order="9"])  { order: 9; }
.e-loop-item:has(.startLoopContainer[data-order="10"]) { order: 10; }

/* --- 1440px ------------------------------------------------ */
@media (max-width: 1440px) {
  .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 160px;
    gap: 60px;
    padding: 0px;
  }
}

/* --- 1280px ------------------------------------------------ */
@media (max-width: 1280px) {
  .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 150px;
    gap: 40px;
    padding: 0;
  }
  /* 2-Spalter bleiben 2 breit */
  .e-loop-item:has(.startLoopContainer[data-col="2"]) {
    grid-column: span 2;
  }
  .e-loop-item:has(.startLoopContainer[data-row="2"]) {
    grid-row: span 2;
  }
}

/* --- Tablet 1024px ----------------------------------------- */
@media (max-width: 1024px) {
  .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 160px;
    gap: 32px;
    padding: 32px;
  }
}

/* --- Tablet klein 767px ------------------------------------ */
@media (max-width: 767px) {
  .elementor-loop-container.elementor-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 140px;
    gap: 16px;
    padding: 16px;
  }
  .e-loop-item:has(.startLoopContainer[data-col="2"]) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .e-loop-item:has(.startLoopContainer[data-row="2"]) {
    grid-column: span 1;
    grid-row: span 2;
  }
  .e-loop-item:has(.startLoopContainer[data-square]) {
    aspect-ratio: 1 / 1;
  }
}

/* --- Mobile 480px ------------------------------------------ */
@media (max-width: 480px) {
  .elementor-loop-container.elementor-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    gap: 12px;
    padding: 12px;
  }
  .e-loop-item:has(.startLoopContainer[data-col="2"]),
  .e-loop-item:has(.startLoopContainer[data-row="2"]),
  .e-loop-item:has(.startLoopContainer[data-col="2"][data-row="2"]),
  .e-loop-item:has(.startLoopContainer[data-square]) {
    grid-column: span 1;
    grid-row: span 1;
    aspect-ratio: 4 / 3;
  }
}

.overlay {
    min-width: 350px;
    min-height: 200px;
    position: absolute;
    right: -100px;
}/* End custom CSS */