/*
 * Nur die Luecken fuellen, die das Theme nicht abdeckt.
 *
 * Farben, Link-Styles, Schriftgroessen und Listen-Pfeile kommen bewusst aus dem
 * Theme: das Markup sitzt in "section.block--text > .c-wrap" unter
 * ".page--services" und nutzt dessen Klassen (h2/h3, text--wrapper,
 * block--text--links). Hier deshalb keine Farb- oder Link-Regeln.
 *
 * Abstaende sind die Ausnahme: das Theme regelt sie ueber Geschwister-Selektoren
 * (p+h2, p+h3, ul+h3) und ".h3 { margin-bottom: 2rem }". Das passt zu seinem
 * Aufbau - jeder Block eine eigene <section> -, nicht zu unserer durchlaufenden
 * Liste aus Ueberschrift, Absatz und Aufzaehlung. Ohne eigene Regeln entsteht
 * dadurch viel Platz *nach* einer Ueberschrift und fast keiner davor
 * (fuer "h2 + h3" hat das Theme gar keine Regel). Deshalb hier ein
 * gleichmaessiger Rhythmus, der die Geschwister-Regeln bewusst ueberschreibt.
 */

.egp-grounding-page h2,
.egp-grounding-page .h2 {
    margin-top: 3.5rem;
    margin-bottom: 1rem;
}

.egp-grounding-page h3,
.egp-grounding-page .h3 {
    margin-top: 2.5rem;
    margin-bottom: 0.75rem;
}

.egp-grounding-page h4,
.egp-grounding-page .h4 {
    margin-top: 1.75rem;
    margin-bottom: 0.5rem;
}

/*
 * Der Kopfblock: H2 (Standortname) und H3 (Claim) stehen direkt untereinander
 * und bilden eine Einheit - hier also kein Abschnittsabstand zwischen beiden.
 */
.egp-grounding-page > h2:first-child + h3 {
    margin-top: 0.25rem;
}

.egp-grounding-page > *:first-child {
    margin-top: 0;
}

.egp-grounding-page p {
    margin-bottom: 1rem;
}

.egp-grounding-page ul {
    margin-bottom: 1.5rem;
}

/* Kurzprofil: Label/Wert-Paare */

.egp-grounding-page .egp-facts {
    display: grid;
    grid-template-columns: minmax(8rem, 12rem) 1fr;
    gap: 0.35rem 1.5rem;
    margin: 0 0 1.5rem;
}

.egp-grounding-page .egp-facts dt {
    font-weight: 600;
}

.egp-grounding-page .egp-facts dd {
    margin: 0;
}

@media (max-width: 575px) {
    .egp-grounding-page .egp-facts {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .egp-grounding-page .egp-facts dd {
        margin-bottom: 0.75rem;
    }
}

/* Gesellschaften und Standorte */

.egp-grounding-page .egp-location,
.egp-grounding-page .egp-company {
    margin-bottom: 2rem;
}

/*
 * Die Ueberschrift im Block wuerde ihren oberen Abstand sonst aus dem randlosen
 * <div> herauskollabieren lassen - der Abstand kommt hier vom margin-bottom des
 * vorherigen Blocks.
 */
.egp-grounding-page .egp-location > h3:first-child,
.egp-grounding-page .egp-company > h3:first-child,
.egp-grounding-page .egp-faq > h3:first-child {
    margin-top: 0;
}

.egp-grounding-page .egp-location .egp-address,
.egp-grounding-page .egp-company .egp-address {
    margin-bottom: 0.5rem;
}

/*
 * Die Gesellschaftsblocks wiederholen die Firmierung in der Adresse, damit
 * jeder Block auch isoliert zitierbar ist. Optisch wird die Wiederholung
 * zurueckgenommen, nicht versteckt: sie soll im Text stehen bleiben.
 */
.egp-grounding-page .egp-company .egp-facts {
    margin-bottom: 1rem;
}

/* Zustaendigkeiten: eine Zeile je Leistung, kompakt zum Nachschlagen */

.egp-grounding-page .egp-responsibilities li {
    margin-bottom: 0.35rem;
}

.egp-grounding-page .egp-updated {
    margin-top: 3rem;
}