@import url("stylez_header.css");
@import url("stylez_content.css");
@import url("stylez_footer.css");

:root {
    /* primäre Farbe - linien, überschriften */
    --primary_color: #013508;
    /* farbe für normale text */
    --normal_text_color: #013508;
    /* Hintergrundfarbe */
    --background-color: lightgrey;
    /* #010e01 */

    /* Schriftgröße "Seiffert" neben der Navigation */
    --em_name_size: 48pt;
    --em_name_size_mobile: 36pt;
    /* Schriftgröße "Sabrina" unter "Seiffert" */
    --em_name_sub_size: 28pt;
    --em_name_sub_size_mobile: 18pt;
    /* Allgemeine Schriftgröße */
    --font-size: 14pt;

}

* {
    box-sizing: border-box;
}

html,
body {
    /*height: 100%;*/
    margin: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: var(--font-size);
    background-color: var(--background-color);
    height: 100vh;
}

body {
    /*background-image: linear-gradient(#013508, #010e01);*/
    background-image: linear-gradient(white, lightgrey);
    background-repeat: no-repeat;
    color: var(--normal_text_color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 4pt;
    padding-right: 4pt;
    box-sizing: border-box;
    width: 100%;
}

a:link,
a:visited {
    color: var(--primary_color);
    font-weight: bolder;
}

header a,
footer a {
    text-decoration: none;
}

.container {
    border: 0px solid yellow;
    padding: 2pt;
    max-width: 1280px;
    overflow: auto;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;

}

@media (max-width: 1024px) {
    .container {
        height: 88vh;
        align-self: flex-start;
    }
}