/**
 * .dhaw-container — die Inhaltsspalte der Website.
 *
 * Dieselben Maße, die universal.css den Kindern von .ct-inner-content gibt
 * (max. 1350px, 30px seitlicher Innenabstand), aber als eigene Klasse, damit
 * ein Block sie auch dann hat, wenn er als .alignfull aus diesem Container
 * ausbricht — wie das Hero.
 *
 * Registriert als Style-Handle "dhaw-container" in
 * includes/class-register-blocks.php; ein Block bindet sie über
 * "style": [ "dhaw-container", … ] in seiner block.json ein.
 */

/* Als Tokens, damit sich auch etwas an der Spalte ausrichten kann, das selbst
   kein .dhaw-container ist — z. B. die Trennlinie unter den Kennzahlen. */
:root {
    --dhaw-container-max: 1350px;
    --dhaw-container-pad: 30px;
    /* Einheitliche Buttonhöhe aller Blöcke: 54px. Gemessen am Button der
       Live-Website (.wp-block-button__link auf
       deutschehochschule.de/beratung/anrechnungen/): 16px Innenabstand oben und
       unten plus 18px * 1.22 Zeilenhöhe = 53.95px.

       Achtung: die lokale uploads/oxygen/css/universal.css ist älter und setzt
       20px Innenabstand, lokal wären die Buttons also 62px hoch. Deshalb geben
       die Blöcke den senkrechten Innenabstand selbst vor und lassen die Höhe
       von min-height bestimmen — so sind sie lokal und live gleich hoch, egal
       welche Schriftgröße ein Block verwendet. */
    --dhaw-btn-height: 54px;
    /* Untergrenze für den senkrechten Innenabstand: klein genug, dass
       min-height die Höhe bestimmt, groß genug, dass eine zweizeilige
       Beschriftung nicht am Rand klebt. */
    --dhaw-btn-pad-y: 8px;
}

.dhaw-container {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--dhaw-container-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--dhaw-container-pad);
    padding-right: var(--dhaw-container-pad);
}