:root{--mwd-text:inherit;--mwd-date:inherit;--mwd-cta-bg:var(--e-global-color-primary,#073648);--mwd-cta-bg-hover:#0b4e68;--mwd-cta-bw:0;--mwd-cta-bc:transparent;--mwd-cta-bc-hover:var(--mwd-cta-bc,transparent);--mwd-gap:40px;--mwd-gap-it:24px;--mwd-radius-img:8px;--mwd-radius-cta:8px;--mwd-more-color:#fff;--mwd-more-bg:var(--mwd-cta-bg);--mwd-more-bg-hover:var(--mwd-cta-bg-hover,var(--mwd-cta-bg));--mwd-more-radius:8px;--mwd-more-mt:8px;--mwd-more-pad:.75em 1.25em;--mwd-more-bw:0;--mwd-more-bc:transparent;--mwd-more-bc-hover:var(--mwd-more-bc,transparent)}

.mwd-vti-post-list{display:flex;flex-direction:column;gap:var(--mwd-gap);color:var(--mwd-text);}
.mwd-vti-post-list .mwd-pl-item{width:100%;}
.mwd-vti-post-list .mwd-pl-inner{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--mwd-gap-it);align-items:start;}
/* Standard: Bild links (col 1), Text rechts (col 2) */
.mwd-vti-post-list .mwd-pl-media{grid-column:1;grid-row:1}
.mwd-vti-post-list .mwd-pl-text{grid-column:2;grid-row:1}
/* Gerade Items: Bild rechts, Text links */
.mwd-vti-post-list .mwd-pl-item.is-even .mwd-pl-media{grid-column:2}
.mwd-vti-post-list .mwd-pl-item.is-even .mwd-pl-text{grid-column:1}

/* Media: 731x411 Ratio, cover */
.mwd-vti-post-list .mwd-pl-media{background:#d7e4ea no-repeat 50% 50%/cover;aspect-ratio:731/411;border-radius:var(--mwd-radius-img,8px);}

/* Text */
.mwd-vti-post-list .mwd-pl-text{display:flex;flex-direction:column;gap:14px;}
.mwd-vti-post-list .mwd-pl-date{color:var(--mwd-date);}
.mwd-vti-post-list .mwd-pl-title{margin:0;}
.mwd-vti-post-list .mwd-pl-title a{color:inherit;text-decoration:none;}
.mwd-vti-post-list .mwd-pl-excerpt{opacity:.95;}
.mwd-vti-post-list .mwd-pl-hint{opacity:.8;}

/* CTA */
.mwd-vti-post-list .mwd-pl-cta-wrap{margin-top:10px;}
/* Elementor-Button innerhalb des Widgets stylen */
.mwd-vti-post-list .mwd-pl-cta-wrap .elementor-button{display:inline-block;background:var(--mwd-cta-bg);color:#fff;padding:.75em 1.25em;border-radius:var(--mwd-radius-cta,8px);text-decoration:none;transition:background .2s ease, border-color .2s ease; border: var(--mwd-cta-bw, 0) solid var(--mwd-cta-bc, transparent);} 
.mwd-vti-post-list .mwd-pl-cta-wrap .elementor-button:hover,
.mwd-vti-post-list .mwd-pl-cta-wrap .elementor-button:focus{color: var(--e-global-color-primary); background:var(--mwd-cta-bg-hover,var(--mwd-cta-bg)); border-color: var(--mwd-cta-bc-hover, var(--mwd-cta-bc, transparent));}

/* Load more */
.mwd-vti-post-list .mwd-pl-more-wrap{display:flex;justify-content:center;margin-top:var(--mwd-more-mt,8px);}
 .mwd-vti-post-list .mwd-pl-more{background:var(--mwd-more-bg);color:var(--mwd-more-color);border:var(--mwd-more-bw,0) solid var(--mwd-more-bc,transparent);border-radius:var(--mwd-more-radius,8px);padding:var(--mwd-more-pad,.75em 1.25em);cursor:pointer;transition: background .2s ease, border-color .2s ease;}
.mwd-vti-post-list .mwd-pl-more:hover,.mwd-vti-post-list .mwd-pl-more:focus{background:var(--mwd-more-bg-hover,var(--mwd-more-bg));border-color:var(--mwd-more-bc-hover,var(--mwd-more-bc,transparent));}

/* Tablet und kleiner: erst Text, dann Bild */
@media (max-width: 1024px){
  .mwd-vti-post-list .mwd-pl-inner{grid-template-columns:1fr;row-gap:var(--mwd-gap-it);}
  .mwd-vti-post-list .mwd-pl-text{grid-column:1;grid-row:1}
  .mwd-vti-post-list .mwd-pl-media{grid-column:1;grid-row:2;width:100%}
}