/* Wrapper + Grid */
.szsM2-wrap{
  --content-bg: #F5EEE9;   /* rechte Hälfte */
  --img-min-h: 480px;      /* Desktop-Mindesthöhe für die Bildseite */
  --focus-x: 50%;
  --focus-y: 50%;
  position: relative;
  overflow: hidden;        /* wichtig: Maske schneidet außen sauber ab */
}
.szsM2-grid{
  display: grid;
  grid-template-columns: 1fr 1fr; /* 50/50 */
  align-items: stretch;
  min-height: var(--img-min-h);
}

/* Spalten */
.szsM2-media,
.szsM2-content{
  position: relative;
  isolation: isolate;
}
.szsM2-media img{
  width: 100%;
  height: 100%!important;
  object-fit: cover;
  object-position: var(--focus-x) var(--focus-y);
  display: block;
}
.szsM2-content{
  background: var(--content-bg);
  padding: clamp(20px,3vw,56px) clamp(16px,3vw,64px);
  /* NEU: vertikal zentrieren */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Bild rechts umschalten */
.szsM2-wrap.is-reverse .szsM2-grid{ direction: rtl; }
.szsM2-wrap.is-reverse .szsM2-media,
.szsM2-wrap.is-reverse .szsM2-content{ direction: ltr; }

/* Responsiv: stapeln */
@media (max-width: 900px){
  .szsM2-grid{ grid-template-columns: 1fr; }
  .szsM2-media{ order: 1; }
  .szsM2-content{ order: 2; }
}