/* ============================================================
   Vertikaler Rhythmus / Spacing-System (Content-Bereich)
   ------------------------------------------------------------
   Ziel: einheitlicher „Fluss" über die ganze One-Page.
   Ausgangslage (Divi): alle Content-Blöcke lagen als Rows in
   EINER Section. Padding war uneinheitlich (Desktop 27px, Mobile
   30px, plus ein Ausreißer mit 82px unten). Headings hatten
   line-height 1.0 (mehrzeilige Titel wirkten gequetscht).

   Lösung – 8px-Raster, symmetrisches Padding pro Block:
     Desktop  48px  (Blockabstand ~96px)
     Tablet   40px  (~80px)
     Mobile   30px  (~60px, bewährtes, angenehmes Maß)
   Scope: nur der Content (.et-l--post), NICHT der Footer
   (_tb_footer) – der bleibt unangetastet.
   ============================================================ */

/* --- Einheitlicher Blockabstand (Section-Rhythmus) ------------------ */
.et-l--post .et_pb_section_0 > .et_pb_row {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}

/* Hero etwas kompakter oben – sitzt direkt unter dem Header. */
.et-l--post .et_pb_section_0 > .et_pb_row:first-child {
	padding-top: 32px !important;
}

/* --- Heading-Abstände / Lesbarkeit --------------------------------- */
/* line-height 1.0 -> 1.22: mehrzeilige Überschriften (z. B. die H1)
   bekommen Luft, ohne einzeilige Titel zu verschieben. */
.et-l--post h1,
.et-l--post h2,
.et-l--post h3 {
	line-height: 1.22 !important;
}

/* --- Tablet -------------------------------------------------------- */
@media (max-width: 980px) {
	.et-l--post .et_pb_section_0 > .et_pb_row {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.et-l--post .et_pb_section_0 > .et_pb_row:first-child {
		padding-top: 28px !important;
	}
}

/* --- Mobile (Phones) ---------------------------------------------- */
@media (max-width: 480px) {
	.et-l--post .et_pb_section_0 > .et_pb_row {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.et-l--post .et_pb_section_0 > .et_pb_row:first-child {
		padding-top: 24px !important;
	}
}