h1, h2 {
    font-family: 'Francois One';
}

p {
    font-family: 'Quicksand';
}

.bgimg-1 {
    background-position: center;
    background-size: cover;
    background-image: url("./img/hintergrund_titel.jpg");
    min-height: 100%;
}

.bgimg-2 {
    background-position: center;
    background-size: cover;
    background-image: url("./img/schriftzug_voll.jpg");
}

body, html {
    height: 100%;
    }

.zweitfarbe {
    color: #a2393e;
}
.sektionen {
    background-color: rgb(255, 255, 255);
    height: 40px; 
    padding-top: 8px;
    margin-top: 40px;
    margin-bottom: 30px;
    font-family: 'Francois One';
    text-align: left;
    font-size: 1.8em;
    text-decoration: underline;
}

.bild-im-text {
    max-width: 100%;
    padding-bottom: 20px;
    padding-top: 5px;
}

.sponsor {
    max-width: 60%;
    max-height: 200px;
}

/* If the screen size is 601px wide or more */
@media screen and (min-width: 801px) {

    .gross {
    font-size: 100px;
    }

    .mittel {
        font-size: 60px;
        }

    .display-gross {
        display: block;
    }

    .display-klein {
        display: none;
    }
}

/* If the screen size is 600px wide or less,*/
@media screen and (max-width: 800px) {

    .gross {
    font-size: 50px;
    }

    .mittel {
        font-size: 30px;
        }

    .display-gross {
        display: none;
    }

    .display-klein {
        display: block;
    }
}

@media (orientation: portrait) {
    .titelimg {
        max-height:fit-content; 
        width:auto; 
        padding-top:40%;

    }
}

@media (orientation: landscape) {
    .titelimg {
        max-height:fit-content; 
        padding-top:5%;
        padding-bottom: 0%;
    }
}