body{
    background-image: url(IMG/webhgGroßesLogo.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;
}

section{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 80%;
    height: 50%;
    margin: auto;
    color: white;
}
section>h1{
    width: max-content;
    margin: 2% auto 4% auto;
    text-align: center;
    font-size: 4rem;
    font-family: p22-underground, sans-serif;
    font-weight: 300;
    font-style: normal;
}

section>p{
    width: max-content;
    margin: auto;
    text-align: center;
    font-size: 2rem;
    font-family: forma-djr-text,sans-serif;
    font-weight: 200;
    font-style: normal;
    margin-top: 4%;
}
section>p:nth-of-type(2){
    margin-top: 1%;
    margin-bottom: 3%;
}


#dummyLogo{
    width: 40%;
    height: auto;
    margin: auto;
}

#dummyLinks{
    width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#dummyLinks img{
    height: 60px;
    width: auto;
}

/* Mediaqueries */

@media (max-width: 1720px) {
    section{width: 100%;}
}

@media (max-width: 1600px) {
    section>h1{font-size: 3rem;}
}

@media (max-width: 1200px) {
    section>h1{font-size: 2rem;}
    section>p{font-size:1.3rem;}
    #dummyLinks img{height: 40px;}
    #dummyLogo{width: 45%;}
}

@media (max-width: 780px) {
    section>h1{font-size: 1.5rem;}
    section>p{font-size:1rem;}
    #dummyLogo{width: 40%;}
}

@media (max-width: 600px) {
    section>h1{
        width:99%;
        margin-top: 10%;
    }
    section>p:nth-of-type(2){
        margin-top: 3%;
        margin-bottom: 10%;
    }
    section>p{width:99%}
    #dummyLogo{width: 50%;}
}