/* Bildwelt der Unterseiten (inc-visuals.php): Abschnittsbilder, Bildkarten, „Weiterlesen“ */

/* Abschnittsbild nach einer Zwischenüberschrift (BMW-Themenseiten-Rhythmus) */
.entry-content .mx-secvis{position:relative;margin:1.75rem 0 2.25rem;border-radius:var(--mx-radius-lg);overflow:hidden;background:var(--mx-stage);aspect-ratio:21/9;max-width:none}
.entry-content .mx-secvis img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform 1.2s var(--mx-ease)}
.entry-content .mx-secvis:hover img{transform:scale(1.025)}
.entry-content .mx-secvis__cap{position:absolute;left:14px;bottom:12px;margin:0;font-size:.6875rem;letter-spacing:.04em;color:rgba(255,255,255,.88);background:rgba(11,18,32,.55);border:1px solid var(--mx-line-dark);border-radius:var(--mx-radius);padding:.3em .7em}
@media (max-width:640px){.entry-content .mx-secvis{aspect-ratio:16/10}}

/* Karten mit Bild statt Icon */
.mfm-card--img{padding:0!important;gap:0;overflow:hidden}
.mfm-card--img .mfm-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--mx-stage)}
.mfm-card--img .mfm-card-media img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .9s var(--mx-ease)}
.mfm-card--img:hover .mfm-card-media img{transform:scale(1.05)}
.mfm-card--img .mfm-card-title,.mfm-card--img .mfm-card-content{padding-inline:clamp(1.25rem,2vw,1.75rem)}
.mfm-card--img .mfm-card-title{padding-top:1.25rem}
.mfm-card--img .mfm-card-content{padding-bottom:clamp(1.25rem,2vw,1.75rem)}

/* „Weitere Leistungen“ mit Bild */
.mfm-related__item{overflow:hidden}
.mfm-related__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--mx-stage);margin:-1px -1px .9rem;border-radius:0}
.mfm-related__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--mx-ease)}
.mfm-related__item:hover .mfm-related__media img{transform:scale(1.05)}

/* „Weiterlesen“-Band am Seitenende */
.mx-more{padding-block:clamp(3rem,6vw,5rem)}
.mx-more .mx-head{margin-bottom:2rem}
.mx-more .mx-head h2{font-size:clamp(1.5rem,2.4vw,2.1rem)}
.mx-more__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.mx-morecard{display:flex;flex-direction:column;background:#fff;border-radius:var(--mx-radius);overflow:hidden;color:var(--mx-ink);border:1px solid var(--mx-line);transition:border-color var(--mx-dur)}
.mx-morecard:hover{border-color:var(--mx-ink);color:var(--mx-ink)}
.mx-morecard__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--mx-stage)}
.mx-morecard__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--mx-ease)}
.mx-morecard:hover .mx-morecard__media img{transform:scale(1.05)}
.mx-morecard__body{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.15rem 1.25rem}
.mx-morecard__body strong{font-size:1.0625rem;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.mx-morecard__body span{font-size:.9063rem;color:var(--mx-text-2);line-height:1.5}
.mx-morecard__body em{font-style:normal;font-size:.875rem;font-weight:500;margin-top:.35rem}
.mx-morecard__body em::after{content:" →"}
@media (max-width:1100px){.mx-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mx-more__grid{grid-template-columns:1fr}}

/* Sticky Anker-Leiste */
.mx-subnav{position:sticky;top:var(--mx-header-h);z-index:900;background:rgba(255,255,255,.96);border-bottom:1px solid var(--mx-line);backdrop-filter:saturate(1.2)}
.mx-subnav__inner{display:flex;align-items:center;gap:1.5rem;min-height:56px}
.mx-subnav__list{list-style:none;margin:0;padding:0;display:flex;gap:.25rem;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}
.mx-subnav__list::-webkit-scrollbar{display:none}
.mx-subnav__list a{display:block;white-space:nowrap;padding:.9rem .85rem;font-size:.875rem;font-weight:500;color:var(--mx-text-2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--mx-dur),border-color var(--mx-dur)}
.mx-subnav__list a:hover{color:var(--mx-ink)}
.mx-subnav__list a.is-active{color:var(--mx-ink);border-bottom-color:var(--mx-ink)}
.mx-subnav__cta{flex-shrink:0;min-height:40px}
@media (max-width:767px){.mx-subnav__cta{display:none}.mx-subnav__list a{padding:.8rem .7rem}}
.mx-has-subnav .mfm-aside-toc{display:none}
.entry-content h2[id]{scroll-margin-top:calc(var(--mx-header-h) + 72px)}

/* Bildstreifen zwischen Landingpage-Bändern */
.mx-bandvis{padding-block:clamp(1.5rem,3vw,2.5rem)}
.mx-bandvis .mx-secvis{margin:0;aspect-ratio:21/9}
.mx-bandvis .mx-secvis img{display:block;width:100%;height:100%;object-fit:cover}
.mx-secvis--band{position:relative;border-radius:var(--mx-radius-lg);overflow:hidden;background:var(--mx-stage)}
.mx-secvis--band .mx-secvis__cap{position:absolute;left:14px;bottom:12px;margin:0;font-size:.6875rem;letter-spacing:.04em;color:rgba(255,255,255,.88);background:rgba(11,18,32,.55);border:1px solid var(--mx-line-dark);border-radius:var(--mx-radius);padding:.3em .7em}
@media (max-width:640px){.mx-bandvis .mx-secvis{aspect-ratio:16/10}}