/* Größere Abstände und dezente gestrichelte Trennungslinien in Flieder zwischen den Blöcken */
.page-id-31106 .entry-content > * {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
    position: relative;
}

/* Gestrichelte Trennlinie unter jedem Haupt-Block außer dem letzten */
.page-id-31106 .entry-content > *:not(:last-child)::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 2px dashed #D6C2E7; /* Dezentes Flieder */
    position: absolute;
    bottom: -2rem; /* Genau in der Mitte des 4rem Abstands */
    left: 0;
    opacity: 0.7;
}

/* Verhindert mehrere Linien unter dem Vorlagebanner / leeren Elementen */
.page-id-31106 .entry-content > *:empty::after,
.page-id-31106 .entry-content > *[style*="display: none"]::after,
.page-id-31106 .entry-content > .alignwide:empty::after,
.page-id-31106 .entry-content > .alignfull:empty::after {
    display: none !important;
    margin: 0 !important;
    height: 0 !important;
}

/* Falls am Ende der Seite leere Container/Blöcke sind, blenden wir die Trennlinien dort aus, damit ganz unten nur eine Linie bzw. keine Linie ist */
.page-id-31106 .entry-content > *:last-of-type::after {
    display: none !important;
}

/* Falls leere Blöcke aufeinander folgen, Abstände korrigieren */
.page-id-31106 .entry-content > :empty {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 0 !important;
    padding: 0 !important;
}