@import "/css/constants.css";
@import "/css/toggleSwitch.css";
@import "/css/fonts.css";
@import "/css/navbar.css";
@import "/css/footer.css";
@import "/css/background.css";
@import "/css/alignment-classes.css";
@import "/css/misc.css";

/* #region: RESET */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}
/* #endregion: RESET */

/* #region: general */
body {
    min-height: 100dvh;
    min-height: 100vh;
}

.body > .active {
    display: block;
    padding-bottom: var(--standard-padding-vertical);
}

.body > div:not(.active) {
    display: none;
}

.header {
    font-family: var(--ff1);
    font-size: var(--fs3);
    color: var(--friendly-white);
    font-weight: 700;
    padding: var(--standard-padding-vertical) 0;
}

.content {
    font-family: var(--ff2);
    font-size: var(--fs4);
}
/* #endregion: general */

/* #region impressum */
#impressum .content {
    font-weight: 700;
}
/* #endregion impressum */