/* Hubweite Seitenhierarchie
 *
 * Primäre page-tabs stehen vor dem Seitenkopf. Untergeordnete Bereiche verwenden
 * section-tabs. Die Typografie des Seitenkopfs wird hier absichtlich zuletzt
 * geladen, damit einzelne Module nicht wieder eigene Titelgrößen erfinden.
 */
.page .page-header {
    margin-bottom: .78rem;
    gap: .5rem .75rem;
}

.page .page-header > h1,
.page .page-header > h2,
.page .page-header > div:first-child > h1,
.page .page-header > div:first-child > h2,
.page .page-header .page-title {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 400;
    line-height: 1.2;
}

.page .page-header > div:first-child > p,
.page .page-header > div:first-child > .muted {
    margin-top: .28rem;
    margin-bottom: 0;
}

.page .page-tabs {
    margin-top: 0;
    margin-bottom: .72rem;
}

.page .page-tab {
    min-height: 2.72rem;
    padding-top: .58rem;
    padding-bottom: .54rem;
    font-size: .92rem;
    font-weight: 400;
}

.page .page-tabs + .page-header {
    margin-top: 0;
}

/* Zweite Navigationsebene: kompakter und sichtbar nachrangig. */
.page .section-tabs {
    margin-top: .08rem;
    margin-bottom: .75rem;
}

.page .section-tab {
    font-weight: 400;
}

@media (max-width: 700px) {
    .page .page-header > h1,
    .page .page-header > h2,
    .page .page-header > div:first-child > h1,
    .page .page-header > div:first-child > h2,
    .page .page-header .page-title {
        font-size: 1.38rem;
    }

    .page .page-tab {
        min-height: 2.55rem;
        padding-inline: .78rem;
        font-size: .88rem;
    }
}