*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body{
    background: rgb(255, 242, 242);
}

.top-img{
    height: 270px;
    width: 100vw;

    position: relative;
}

.container{
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: rgb(255, 242, 242);
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.container p{
    font-family: 'Courier New', Courier, monospace;
    line-height: 2;
}

.container h4{
    padding-top: 20px;
}

#name, #handwerkskammer, #verbraucherschlichtungsverfahren{
    line-height: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

#impressum-mail{
    height: 23px;
    width: 350px;
}



@media screen and (max-width:768px){
    .container p{
        line-height: 1.2;
        font-size: 11px;
    }

    .container{
        padding-left: 20px;
        padding-right: 20px;
    }

    #impressum-mail{
        height: 15px;
        width: 220px;
    }
}