/*
 * Anpassungen fuer die Seitenvorlagen des Themes.
 *
 * main.css ist unveraendert vom Vorgaenger uebernommen. Hier stehen nur Regeln,
 * die noetig werden, weil Texte jetzt aus WordPress kommen und nicht mehr fest
 * im Code stehen. Jede Regel nennt die Vorgaengerregel, die sie ersetzt.
 */

/*
 * Einfache Sprache, Hinweiskasten oben.
 * Der Vorgaenger setzte die Klasse betroffene-panel__intro direkt auf den
 * Absatz. Aus dem Editor kommen Absaetze ohne Klasse; diese Regel gibt jedem
 * Absatz im Hinweiskasten dieselbe Gestaltung, auch neu angelegten.
 * Entspricht .betroffene-panel__intro und .easy-language-note .betroffene-panel__intro.
 */
.easy-language-note > p {
    margin: 0;
    color: #2d2340;
    font-size: 1.15rem;
    line-height: 1.65;
}

/*
 * Seiten aus Abschnitten.
 * Der erste Abschnitt schliesst ohne Abstand an den Seitenkopf an. Das alte
 * Theme liess dafuer beim ersten Kasten die Klasse betroffene-panel-wrap weg.
 * Der Baustein Abschnitt setzt sie immer, diese Regel nimmt den Abstand zurueck.
 */
.page-hero + .betroffene-panel-wrap {
    padding-top: 0;
}

/*
 * Kompaktes Kachelraster der Unterseiten.
 * Entspricht den Regeln fuer .page-id-32 in main.css. 32 war die ID der Seite
 * Ueber uns auf der alten Website; nach einem Umzug stimmt die ID nicht mehr.
 */
.child-grid--kompakt {
    gap: 0.75rem;
    margin-top: 0.95rem;
}

.child-grid--kompakt .child-card {
    padding: 0.75rem 0.85rem;
}

.child-grid--kompakt .child-card h2 {
    margin-bottom: 0.35rem;
    font-size: 1rem;
}

.child-grid--kompakt .child-card p {
    font-size: 0.95rem;
    line-height: 1.45;
}