/* MFM Voice – Werbebausteine (inc-voice.php): Bühnenband für Startseite/Loxone-Seiten, kompakte Karte für Inhaltsseiten */

.mx-voice--band{position:relative;overflow:hidden;isolation:isolate}
.mx-voice__media{position:absolute;inset:0;z-index:-2}
.mx-voice__media img{display:block;width:100%;height:100%;object-fit:cover}
.mx-voice--band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,18,32,.96) 0%,rgba(11,18,32,.88) 45%,rgba(11,18,32,.7) 100%)}
.mx-voice__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.mx-voice__text h2{margin:.35em 0 .5em;color:#fff;font-size:clamp(1.9rem,3.4vw,3rem);font-weight:300;letter-spacing:-.02em;line-height:1.12}
.mx-voice__text .mx-lead{color:rgba(255,255,255,.86);max-width:42rem}
.mx-voice__text .mx-actions{margin-top:1.6rem;display:flex;flex-wrap:wrap;gap:.9rem}
.mx-voice__facts{list-style:none;margin:0;padding:0;display:grid;gap:0;border:1px solid var(--mx-line-dark,rgba(255,255,255,.18));border-radius:var(--mx-radius-lg,3px);background:rgba(11,18,32,.55);backdrop-filter:blur(6px)}
.mx-voice__facts li{padding:1.15rem 1.4rem;border-bottom:1px solid var(--mx-line-dark,rgba(255,255,255,.14));display:grid;gap:.25rem}
.mx-voice__facts li:last-child{border-bottom:0}
.mx-voice__facts strong{color:#fff;font-size:1.0625rem;font-weight:500;letter-spacing:-.005em}
.mx-voice__facts span{color:rgba(255,255,255,.78);font-size:.9375rem;line-height:1.5}
.mx-voice__note{margin:2rem 0 0;max-width:62rem;font-size:.8125rem;line-height:1.55;color:rgba(255,255,255,.7)}
.mx-voice__note a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){
  .mx-voice__grid{grid-template-columns:1fr}
  .mx-voice--band::after{background:linear-gradient(180deg,rgba(11,18,32,.94),rgba(11,18,32,.86))}
}

/* kompakte Karte unter Inhalten */
.mx-voice--compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem 2.5rem;align-items:center;margin:clamp(2rem,4vw,3rem) 0;padding:clamp(1.25rem,2.4vw,2rem);background:#fff;border:1px solid var(--mx-line,#dfe3ea);border-left:3px solid var(--mx-accent,#2a6fdb);border-radius:var(--mx-radius-lg,3px)}
.mx-voice--compact h3{margin:.25em 0 .4em;font-size:1.3125rem;font-weight:400;letter-spacing:-.01em}
.mx-voice--compact p{margin:0 0 .6em;color:var(--mx-text-2,#4a5568);line-height:1.6}
.mx-voice--compact .mx-voice__small{font-size:.8125rem;color:var(--mx-text-3,#6b7280);margin:0}
.mx-voice__compact-cta{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.mx-voice--compact .mx-link{font-size:.9375rem;font-weight:500}
@media (max-width:720px){.mx-voice--compact{grid-template-columns:1fr}}