div.wrapper {
    margin: auto;
    width: 80%;
    height: auto;
    background-color: white;
    padding-top: 8em;
}

table td {
    padding-left: 2em;
}

@media (max-width: 1022px) {
    div.wrapper {
        width: 100%;
    }
}

div.leben {
    margin: auto;
    width: 90%; 
    font-family: sans-serif;
    font-size: 1.4em;
    display: flex;
    flex-direction: row;
}

div.leben img {
    height: 10em;    
}

@media (max-width: 790px) {    
    div.leben img {
        margin-right: auto;
        margin-left: auto;
        height: auto;
        display: block;
        width: 8em;
    }
    div.leben {
        display: block;
        margin-left: 0;
        margin-right: 0;
    }
    table td {
        padding: .3em;
    }
}

div.header {
    display: flex;
    justify-content: space-around;
    font-family: sans-serif;
    font-size: 1.3em;
    padding-bottom: 6px;
}

@media (max-width: 660px) {
    div.header {
        margin-left: 30%;
        flex-direction: column;
    }
}

@media (max-width: 405px) {
    div.leben {
        font-size: 1em;
    }
}

div.header a {
    color: rgb(95, 95, 95);
}

div.wrapper > hr {
    margin-bottom: 2em;
}

table {
    font-size: 1.2em;
    font-family: sans-serif;
    margin-left: 1em;
}

table tr.break > td {
    padding-bottom: 1.2em;
    padding-top: 1.2em;
}