/**************************/
/* ------ Classes ------- */
/**************************/

.container {
    background-color: white;
    border-radius: 23px 23px 0px 23px;
    box-shadow: 3px 3px 5px 3px #E4E4E4;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;
    padding: 0px 30px 10px 0px; 
}

/**************************/
/* ------ Elements ------ */
/**************************/

article {
    border-top: 2px solid #D0D0D0;
    margin-left: 30px;
    padding-top: 15px;
}

header + article {
    border-style: none;
}

body {
    background-color: whitesmoke;
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    left: 110px;
    margin-top: 50px; 
    margin-bottom: 30px;
}

hr {
    margin-bottom: 15px;
    margin-top: 15px;
}

img {
    margin-left: -0.2px;
    margin-top: -26px;
}

ul.dienstleistungen > li {
    margin-bottom: 15px;
    margin-left: -5px;
}

#projekte > article > ul > li {
    margin-bottom: 10px;
    margin-left: -9px;
}

nav {
    margin-top: 80px;
    text-align: center;
}

b + ul {
    margin-top: 8px;
}

/**************************/
/* --- Media Querries --- */
/**************************/

@media (min-width: 800px) {
    .container {
        width: 800px;
    }

    article {
        margin-left: 110px;
    }
}