html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    color: #303030;
    font-family: 'helne';
}

* {
    box-sizing: border-box !important;
}

#container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 2em;
    height: 100%;
}

@media (max-width:768px) {
    #container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2em;
        height: 100%;
    }
}

.logo img {
    width: 300px;
    height: auto;
}

.anschrift {
    line-height: 1.1em;
    text-align: right;
    /*background-color: #f7f7f7;*/
    min-width: 280px;
    padding: 0 1em;
}

.anschrift a {
    color: #303030;
    text-decoration: none;
}

.anschrift h1 {
    font-weight: normal;
    font-size: 1.3rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    line-height: 1.3em;
}

.anschrift h1>span {
    font-size: 60%;
    color: goldenrod;
    border-top: 1px solid goldenrod;
    padding-top: 8px;
}

.anschrift p span.phone::before {
    content: "\2706 ";
    font-size: 2rem;
    vertical-align: -0.1em;
}

.anschrift p span.email::before {
    content: "\2709 ";
    font-size: 2rem;
    vertical-align: -0.1em;
}

@font-face {
    font-family: 'helne';
    src: local('thin'), local('thin'),
        url('thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
  }