@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

/*--- BASIS ---*/
*{
    color: white;
    /*margin: 0;*/
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box;
}

/*--- WIDTH ---*/

.w500px{
    width: 500px;
}

.w1000px{
    width: 1000px;
}

.w100pr{
    width: 100%;
}

.maxW100pr{
    max-width: 100%;
}

/*--- COLOR ---*/
.bgGrey {
   background-color: rgb(148, 149, 149);
}


/*--- FONT/TEXT ---*/
.sizeH1 {
    font-size: 4rem;
}

.weight400{
    font-weight: 400;
}

.textAlignCenter{
    text-align: center;
}

.lineHeight150pr{
    line-height: 150%;
}

.impressum p, .impressum ul li{
    width: 100%;
    max-width: 1000px;
}

.noTextDeco{
    text-decoration: none;
}

/*--- FLEX LAYOUT---*/

.flex{
    display: flex;
}

.justifyCenter{
    justify-content: center;
}

.column{
    flex-direction: column;
}

.alignItemsCenter{
    align-items: center;
}

/*--- Padding ---*/

.padTop4r{
    padding-top: 4rem;
}

.padBot4r{
    padding-bottom: 4rem;
}

.pad25px{
    padding: 25px;
}


@media only screen and (max-width: 500px) {
    .sizeH1{
        font-size: 3rem;
    }
}