html, body, div {
    padding: 0em;
    margin: 0em;
}

header {

    background-color: darkslateblue;
    padding: 40px;
    margin: 0%;

}

#teaser {

    width: 100%;
    height: 100%;
    
    }

#teaser img {

        object-fit: cover;
        
        }

.mitte {

    display: flex;
    justify-content: center;
    align-items: center;
    
    }

#Mandanten {

    margin-top: 40px;
    font-size: 20px;
    
}


#Vita {

    background-color: rgb(222, 224, 239);
    box-shadow: 1px 1px 1px grey;

    
}

#CV {
    
    padding-left: 20px;
    padding-bottom: 40px;
    font-size: 20px;
        
}

.td {

    padding: 20px 20px;
    width: 170px;
}

#Publikationen li {

    padding-left: 40px;
    padding-right: 80px;
    padding-bottom: 40px;
    font-size: 20px;
}

#Publikationen ul {

    padding-left: 20px;
}

#Kontakt {

    background-color: rgb(222, 224, 239);
    padding-bottom: 40px;
    line-height: 30px;
    box-shadow: 1px 1px 1px grey;
    font-size: 20px;
    
}

section {
    box-sizing: border-box;
    max-width: auto;
    margin: 40px 6% 0 6%;
    padding-left: 16px;
    padding-right: 16px;
    
}

h1, h2 {

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color:white;
    text-shadow: 15px 15px 15px #666666;
    
    
}

h3 {

    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 24px;
    padding-top: 2em;
    padding-bottom: 40px;
    
}

.footer {

        display: flex;
        justify-content: center;
        align-items: center;
    
    }

#Impressum  {

        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-size: 17px;
        
    }

#Impressum div {

        margin-top: 40px;
        margin-bottom: 50px;
    }

#Impressum td {

        padding-right: 70px;
}

@media all and (max-width: 940px){

    h1{

        padding-bottom: 20px;
    }
}