* {
    padding: 0;
    margin: 0px;
}
body {
    
    @font-face {
        font-family: 'WorkSansRegular';
        src: url('fonts/WorkSans-Regular.ttf') format('truetype');
    }

    @font-face {
        font-family: 'WorkSansBold';
        src: url('fonts/WorkSans-Bold.ttf') format('truetype');
    }

    @font-face {
        font-family: 'WorkSansLight';
        src: url('fonts/WorkSans-Light.ttf') format('truetype');
    }

    @font-face {
        font-family: 'WorkSansItalic';
        src: url('fonts/WorkSans-Italic.ttf') format('truetype');
    }

    body {
        font-family: 'WorkSansRegular', sans-serif;
    }
    h1,
    h2,
    h3, 
    h4,
    h5,
    h6,
    p {
        font-family: 'WorkSansRegular', sans-serif;
        color: #001728;
    }

    h1 {
        font-size: 40px;
    }
    h2 { font-size: 30px;
        margin-bottom: 10px;
    }
    h3 {
         font-size: 20px;
    }
    p { font-size: 20px;
        margin-bottom: 10px;
    }
    a {
        text-decoration: none;
        color: #001728;
    }
    a:hover {
        color: #007298;
        font-weight: 600;
    }

    em {
        font-family: 'WorkSansItalic', sans-serif;
    }

    small {
        font-family: 'WorkSansLight', sans-serif;
    }
   
}
header {
   background-color: #00364F;
   padding: 0px 50px;
   height: 90px;

    display: flex;
}
main {
   padding: 20px 40px;
   background-color: #EBF5F5 ;
}
footer {
    background-color: #00364F;
    padding-left: 40px;
    height: 80px;
    display: flex;

    
}
#test {
   width: 500px;
   max-width:100%;height:auto;
    margin-bottom: 10px;
}

#titel {
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;

}
.impressum {
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
}
.namen {
        color: #007298;
}