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

header {
    margin-top: 16px;
    margin-bottom: 8px;
}

/* Logo Darstellung und Platzierung */

#aufbau {
    width: 100%;

}

#logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Navigationsdarstellung und Platzierung */

#navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

nav ul {
    list-style: none;
    margin: 8;
    padding: 0;
}

nav ul li a {
    font-weight: 300;
    padding: 16px;
}


/* Klassen */

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

/*  ID's */

#Design {
    width: 100%;
    height: 200px;
}

#Design img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Sektionen */

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

/* Fußzeile */

footer ul {
        list-style: none;
        margin: 8;
        padding: 0;
}

footer ul li a {
    font-weight: 300;
    padding: 16px;
}

/* Rest?! */

@media screen and (min-width: 800px) {
    #Design {
        height: 600px;
    }
    #aufbau {
        height: max-content;
    }
}