.mm-intro__ghost{top:20px;left:-20px}
.mm-intro__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;align-items:start;position:relative}
.mm-intro__title{font-family:Montserrat,sans-serif;font-weight:600;font-size:28px;line-height:1.25;color:var(--dark);margin-bottom:22px;text-transform:none;letter-spacing:0}
.mm-intro__title em{font-style:normal;color:var(--gold)}
.mm-intro__text{font-size:13.5px}
.mm-intro__text p{margin-bottom:1em}
.mm-intro__services{list-style:none;display:grid;gap:26px}
.mm-intro__services li{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--dark)}
.mm-intro__service-text{margin:2px 0 0;font-size:13.5px;font-weight:400;letter-spacing:0;line-height:1.6;text-transform:none;color:inherit;opacity:.75}
.mm-intro__services svg{width:30px;height:30px;stroke:var(--gold);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.mm-intro__services svg.mm-icon--56{stroke-width:2.3}
.mm-intro__icon-mask{display:block;width:30px;height:30px;background-color:var(--gold);-webkit-mask:var(--mm-icon) center/contain no-repeat;mask:var(--mm-icon) center/contain no-repeat}
.mm-intro__icon-img{display:block;width:30px;height:30px;object-fit:contain}
.mm-intro__img{box-shadow:0 25px 50px rgba(0,0,0,.15);aspect-ratio:1/1;object-fit:cover;width:100%;filter:grayscale(1);transition:filter .8s}
.mm-intro__img:hover{filter:grayscale(0)}
@media (max-width:1024px){
  .mm-intro__grid{grid-template-columns:1fr 1fr}
  .mm-intro__img{grid-column:1/-1;aspect-ratio:16/9}
}
@media (max-width:760px){.mm-intro__grid{grid-template-columns:1fr}}

/* ---------- Layout-Varianten je nach Befüllung ---------- */
/* Ohne Leistungen: Überschrift links, Text über 2 Rasterspalten (zweispaltig, wenn kein Bild) */
.mm-intro--no-services .mm-intro__main{display:contents}
.mm-intro--no-services .mm-intro__title{grid-column:1}
.mm-intro--no-services .mm-intro__text{grid-column:2 / span 1;padding-top:8px}
.mm-intro--no-services.mm-intro--no-picture .mm-intro__text{grid-column:2 / span 2;columns:2;column-gap:50px}
.mm-intro--no-services.mm-intro--no-picture .mm-intro__text p{break-inside:avoid-column}
.mm-intro--no-services .mm-intro__img{grid-column:3}
/* Ohne Bild, mit Leistungen: Leistungen zweispaltig über 2 Rasterspalten */
.mm-intro--no-picture:not(.mm-intro--no-services) .mm-intro__side{grid-column:2 / span 2}
.mm-intro--no-picture:not(.mm-intro--no-services) .mm-intro__services{grid-template-columns:1fr 1fr;gap:34px 50px}

@media (max-width:1024px){
  .mm-intro--no-services .mm-intro__text{grid-column:2}
  .mm-intro--no-services.mm-intro--no-picture .mm-intro__text{grid-column:2;columns:1}
  .mm-intro--no-services .mm-intro__img{grid-column:1 / -1}
  .mm-intro--no-picture:not(.mm-intro--no-services) .mm-intro__side{grid-column:2}
  .mm-intro--no-picture:not(.mm-intro--no-services) .mm-intro__services{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mm-intro--no-services .mm-intro__title,.mm-intro--no-services .mm-intro__text,
  .mm-intro--no-picture:not(.mm-intro--no-services) .mm-intro__side{grid-column:1}
  .mm-intro--no-services .mm-intro__text{padding-top:0}
}
