/* ==== Magazin-Layout: 2/3 + (1/3 gestapelt), bündig, ohne Schatten/Radius ==== */
:root{
  --flh-gap: 28px;           /* einheitlicher Zeilen/Spaltenabstand */
  --flh-max: 1200px;         /* maximale Inhaltsbreite */
}

/* Hauptcontainer für die Startseite */
.flh-mag{
  max-width: var(--flh-max);
  margin-inline: auto;
  padding-inline: 20px;      /* Innenrand (optional) */
  display: grid;
  gap: var(--flh-gap);
}

/* Eine Zeile: links 2/3 & rechts 1/3 (gestapelt) */
.flh-row{
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: var(--flh-gap);
  align-items: stretch;
}

.flh-big{ display:flex; flex-direction:column; }
.flh-stack{
  display:grid;
  grid-template-rows: 1fr 1fr;   /* zwei übereinander, exakt gleich hoch */
  gap: var(--flh-gap);
}

/* Jede gerade Zeile spiegelt links/rechts */
.flh-row:nth-child(even) .flh-big{ order:2; }
.flh-row:nth-child(even) .flh-stack{ order:1; }

/* Karten: keine Rundung, kein Schatten */
.flh-card{
  background:transparent;
  border-radius:0;
  box-shadow:none;
  position:relative;
  display:flex;
  flex-direction:column;
}

/* Typo im Content-Block */
.flh-title{
  margin:0 0 8px 0;
  font-size: clamp(22px, 2.2vw, 34px);
  line-height:1.2;
}
.flh-excerpt{
  margin:0 0 16px 0;
  opacity:.9;
  max-width: 65ch;
}

/* Bildbereich: bündig, 3:2, Hover-Zoom */
.flh-media{
  position:relative;
  overflow:hidden;
  aspect-ratio: 3 / 2;
}
.flh-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .5s ease;
}
.flh-row:hover .flh-media img{
  transform: scale(1.04);   /* sanfter Zoom beim Hover über die ganze Reihe */
}

/* Ganze Karte klickbar (Overlay-Link) */
.flh-card .flh-stretch{
  position:absolute;
  inset:0;
  z-index:2;
  text-indent:-9999px;
  overflow:hidden;
}

/* Responsiv: unter 1024px alles einspaltig */
@media (max-width: 1024px){
  .flh-row{ grid-template-columns: 1fr; }
  .flh-stack{ grid-template-rows: auto; }
}