body {
    padding: 0;
    margin: 0;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ;
    }

    header {
        margin top: 24px;
        margin bottom: 24px;
    }

    .mitte {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #teaser {
        width:  100%;
        height: 600px;
    }

    #teaser img {
        width:  100%;
        height: 600px;
        object-fit: cover;
    }

    @media screen and (min-width: 800px) {
        #teaser {
            height: 800px;
        }
    }

    

    footer ul, nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    footer ul li a, nav ul li a {
        font-weight: 600;
        padding: 6px;
    }

    section {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 16px;
        padding-right: 16px;

    }