html {
    height: 100%;
}

body {
    background-color: #e0dfd4;
    padding: 3em 4em;
    margin: 0;
    display: block;
    /*height: 100%;
    box-sizing: border-box;*/
}

.outer {
    border: 1pt solid black;
    margin: 0 auto;
    padding: 0;
    display: block;
    max-width: 64em;
    height: 100%;
    
    
}

.inner {
    margin: 0;
    border: 1pt solid black;
    display: block;

    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-size: 0.9em;
}

.upper {
    height: 6em;
}

.middle {
    height: 15em;
}

.logo {
    height: calc(100% + 2pt);
    display: block;
    margin: -1pt auto;
}


.lower {
    display: flex;
    padding: 7em 0;
    height: auto;
    font-weight: 700;
}

.col {
    display: inline-block;
    text-align: center;
    width: 25%;
    height: 100%;
    margin: 0;
}

a {
    color: black;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}

.footer {
    display: flex;
    justify-content: space-between;
    padding: 1em 4em;
}

.logo-left {
    margin-left: -1px;
    border-right: 1pt solid black;
}

.col-30 {
    width: 30%;
    margin-right: 5em;
}

.col-40 {
    width: 40%;
    margin-right: 5em;
}

.col-50 {
    width: 50%;
    margin-right: 5em;
}

.col-70 {
    width: 70%;
    margin-right: 5em;
}

.imprint-size {
    font-size: 0.7em;
}

.imprint-label {
    font-weight: 700;
    text-align: center;
}

.flex {
    display: flex;
}

.close-btn {
    float: right;
    margin: 3em 3em;
    font-size: 0.7em;
}

.imprint-middle {
    display: flex;
    padding: 5em 0 0 0;
    height: 15em;
    box-sizing: border-box;
}

.imprint-lower {
    display: flex;
    padding: 2em 0 0 0;
    height: 15em;
    box-sizing: border-box;
}