:root{--mwd-lt-gap:24px;--mwd-icon-size:18px;--mwd-icon-offset-y:0px}

.mwd-vti-leistung-teaser{width:100%}

.mwd-lt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--mwd-lt-gap);align-items:stretch}

.mwd-lt-card{display:flex;flex-direction:column;background:#fff;height:100%}

/* Media: festes Seitenverhältnis 500x180 (≈25/9); Bild als Cover */
.mwd-lt-media{position:relative;aspect-ratio:25/9}
.mwd-lt-img{position:relative;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block}

/* Content füllt Resthöhe; CTA nach unten */
.mwd-lt-content{background:var(--e-global-color-primary);color:#fff;padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}
.mwd-lt-title{margin:0}
.mwd-lt-text{margin:0}

/* CTA – wie beim Sortiment-Teaser: Text-Unterstreichung animiert */
.mwd-lt-cta{margin-top:auto;display:flex}
.mwd-lt-btn{color:#fff;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600}
.mwd-lt-btn .mwd-lt-btn-text{position:relative;display:inline-block}
.mwd-lt-btn .mwd-lt-btn-text::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .25s ease}
.mwd-lt-btn:hover .mwd-lt-btn-text::after,
.mwd-lt-btn:focus-visible .mwd-lt-btn-text::after{transform:scaleX(1)}

/* Button-Icon (optional, per Styles konfigurierbar) */
.mwd-lt-btn .mwd-lt-btn-icon{display:inline-flex;transform:translateY(var(--mwd-icon-offset-y))}
.mwd-lt-btn .mwd-lt-btn-icon svg{width:var(--mwd-icon-size);height:var(--mwd-icon-size)}

@media (max-width:767px){
  .mwd-lt-grid{grid-template-columns:1fr;gap:var(--mwd-lt-gap)}
  .mwd-lt-content{padding:18px}
}