.elementor-9845 .elementor-element.elementor-element-846db35{--display:flex;--margin-top:040px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:040px;--padding-left:0px;--padding-right:0px;}.elementor-9845 .elementor-element.elementor-element-846db35:not(.elementor-motion-effects-element-type-background), .elementor-9845 .elementor-element.elementor-element-846db35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF8F2;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-9845 .elementor-element.elementor-element-850658a{text-align:center;}.elementor-9845 .elementor-element.elementor-element-df5b32e{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9845 .elementor-element.elementor-element-4465594{text-align:center;}.elementor-9845 .elementor-element.elementor-element-9c8c105{text-align:center;}.elementor-9845 .elementor-element.elementor-element-8613b35{text-align:center;}.elementor-9845 .elementor-element.elementor-element-00abd0c{text-align:center;}.elementor-9845 .elementor-element.elementor-element-66ee658{text-align:center;}.elementor-9845 .elementor-element.elementor-element-8673ee8{text-align:center;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;}.elementor-9845 .elementor-element.elementor-element-7e8563f{--grid-columns:3;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-9845 .elementor-element.elementor-element-846db35{--content-width:1440px;}}@media(max-width:1024px){.elementor-9845 .elementor-element.elementor-element-df5b32e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(6, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-9845 .elementor-element.elementor-element-7e8563f{--grid-columns:2;}}@media(max-width:767px){.elementor-9845 .elementor-element.elementor-element-df5b32e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-9845 .elementor-element.elementor-element-7e8563f{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-7e8563f */.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 72px 36px !important;
}

/* Standard: 3 Beiträge nebeneinander */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item {
  grid-column: span 2 !important;
  width: auto !important;
  max-width: none !important;
}

/* Erster Beitrag: volle Breite */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type {
  grid-column: 1 / -1 !important;
}

/* Danach: 2er-Reihen bei Beitrag 2/3, 7/8, 12/13 usw. */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:nth-of-type(5n+2),
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:nth-of-type(5n+3) {
  grid-column: span 3 !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 56px 28px !important;
  }

  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item,
  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type,
  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:nth-of-type(5n+2),
  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:nth-of-type(5n+3) {
    grid-column: span 1 !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }
}

/* Erster Magazin-Beitrag: Bild als breiter Editorial-Aufmacher */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb .elementor-widget-container {
  aspect-ratio: 21 / 9 !important;
  width: 100% !important;
  overflow: hidden !important;
}

/* Bild im ersten Beitrag sauber über die ganze Kartenbreite ziehen */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* Optional: ersten Beitrag optisch etwas freier machen */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type {
  max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-846db35 *//* Erster Beitrag: komplette Kartenbreite nutzen */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}

/* Erste Karte über die volle verfügbare Loop-Breite ziehen */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-card {
  width: 100% !important;
  max-width: none !important;
}

/* Nur beim ersten Beitrag: Bild wirklich über die ganze Kartenbreite */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-self: stretch !important;
}

/* Erster Beitrag: breites Header-Bildformat */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  aspect-ratio: 24 / 9 !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Link und Bild füllen den kompletten Bildbereich */
.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Tablet und kleiner: Hero-Bildformat beim ersten Beitrag deaktivieren */
@media (max-width: 1024px) {
  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb .elementor-widget-container {
    aspect-ratio: 16 / 9 !important;
  }

  .mdv-magazin-grid :is(.elementor-loop-container, .elementor-grid, .e-loop-container) > .e-loop-item:first-of-type .mdv-loop-thumb img {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }
}/* End custom CSS */