/* =========================================================
   röner : design – Projekt-Einzelseiten (/projekte/<slug>/)
   Greift auf den Hauptcontainer mit Klasse .rd-projekt (alle Projektbeiträge).
   Aufbau dort: Spalte 1 = Kachelbild, Spalte 2 = Inhalt aus 2-spaltigen Zeilen.
   Ziel: keine Leerspalten mehr – Inhalt auf volle Breite, leere Zeilenhälften fallen weg.
   ========================================================= */

/* Spalte 1 (Kachelbild) ausblenden, Inhalt nimmt die volle Breite */
.elementor .e-con.rd-projekt > .e-con-inner{flex-direction:column}
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:first-child{display:none}
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2){--width:100%;width:100%;max-width:100%;flex:1 1 100%}

/* Zeilen: gleiche Rhythmik, etwas weniger Luft zwischen den Blöcken */
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) > .e-con{--column-gap:40px;column-gap:40px}

/* Zweispaltige Zeilen: gleich breite Spalten, Bilder füllen ihre Spalte */
@media (min-width:768px){
  .elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) > .e-con > .e-con{--width:auto;flex:1 1 0;min-width:0}
}
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) .elementor-widget-image{width:100%;max-width:100%}
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) .elementor-widget-image img{width:100%;height:auto}

/* Leere Zeilenhälfte ausblenden, die gefüllte Hälfte nimmt die ganze Zeile */
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) > .e-con > .e-con:not(:has(.elementor-widget)){display:none}
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) > .e-con:has(> .e-con:not(:has(.elementor-widget))) > .e-con:has(.elementor-widget){--width:100%;width:100%;max-width:100%;flex:1 1 100%}

/* Zwischenüberschriften-Zeilen: weniger Abstand zum folgenden Block */
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) > .e-con:has(> .e-con:not(:has(.elementor-widget))):has(.elementor-widget-heading):not(:has(.elementor-widget-image)){--padding-bottom:0px;padding-bottom:0;margin-bottom:0}

/* Einzelbild über volle Breite: nicht riesig aufziehen */
.elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) > .e-con:has(> .e-con:not(:has(.elementor-widget))) .elementor-widget-image:only-child img{max-height:560px;width:auto;max-width:100%;object-fit:contain}

/* Fließtext nicht über die ganze Breite laufen lassen (Lesbarkeit) */
.elementor .e-con.rd-projekt .elementor-widget-text-editor{max-width:820px}

@media (max-width:767px){
  .elementor .e-con.rd-projekt > .e-con-inner > .e-con:nth-child(2) > .e-con{--column-gap:16px;column-gap:16px}
}