.elementor-10047 .elementor-element.elementor-element-13fa3fc{--display:flex;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10047 .elementor-element.elementor-element-13fa3fc:not(.elementor-motion-effects-element-type-background), .elementor-10047 .elementor-element.elementor-element-13fa3fc > .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-10047 .elementor-element.elementor-element-44975e0{text-align:center;}.elementor-10047 .elementor-element.elementor-element-8798fb9{text-align:center;}.elementor-10047 .elementor-element.elementor-element-1f18c57{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10047 .elementor-element.elementor-element-96b74ca{text-align:center;}.elementor-10047 .elementor-element.elementor-element-3f1edc9{text-align:center;}.elementor-10047 .elementor-element.elementor-element-94dbda1{text-align:center;}.elementor-10047 .elementor-element.elementor-element-8d1866a{text-align:center;}.elementor-10047 .elementor-element.elementor-element-5afb0eb{text-align:center;}.elementor-10047 .elementor-element.elementor-element-e62d832{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-10047 .elementor-element.elementor-element-05af01e{--grid-columns:3;}.elementor-10047 .elementor-element.elementor-element-05af01e > .elementor-widget-container{padding:0px 0px 40px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-10047 .elementor-element.elementor-element-13fa3fc{--content-width:1440px;}}@media(max-width:1024px){.elementor-10047 .elementor-element.elementor-element-1f18c57{--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-10047 .elementor-element.elementor-element-05af01e{--grid-columns:2;}}@media(max-width:767px){.elementor-10047 .elementor-element.elementor-element-1f18c57{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10047 .elementor-element.elementor-element-05af01e{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-05af01e */.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-13fa3fc *//* 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 */