.entry-title { text-transform: uppercase; font-size: 132%; }
h2, h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; }
article, .nav-previous, .nav-next {background: rgba(255, 255, 255, 0.7); padding: 2em;}
article p, article li { color: rgba(0, 0, 0, 0.8) } 
p,li { font-size: 18px; line-height: 1.5em; } 
.site-main { width: 45%; max-width: 500px;}  
.site-info { display: none;}
.site-dv { display: block;}
.site-title a { font-size: 65%; }
// footer { position: fixed; bottom: 0; width: 100%; }
@media only screen and (min-width: 920px) { .menu-haupt-container li {margin: 0.5%;} }
@media only screen and (max-width: 820px) { .site-main { max-width: 100%; width: 100%;} }
@media only screen and (min-width: 1120px) {.corp-container { margin: 0;  } }
@media screen and (min-height:850px) { .site-main { margin-bottom: 20%; } }
html::before {
    content: ' ';
    display: block;
    background-image: url('https://www.mediation-gesundheit.de/wp-content/uploads/hg/blog_g.jpg');
    background-position: top center;
    background-size: cover;
    height: 100vh; width: 100vw;
    top: 70px; bottom: 0; left: 0; right: 0;
    position: fixed;
    z-index: -10;
}

@media screen and (max-width:820px) {
html::before {
    content: ' ';
    display: block;
    background-image: url('https://www.mediation-gesundheit.de/wp-content/uploads/hg/blog_kl.jpg');
    background-position: top center;
    background-size: cover;
    height: 50vh; width: 100vw;
    top: 70px; bottom: 0; left: 0; right: 0;
    position: fixed;
    z-index: -10;
  }
}
@media screen and (max-width:660px) {
  article, .nav-previous, .nav-next {margin-top: 200px; margin-bottom: 360px}
}
@media screen and (max-width:919px) {
  article, .nav-previous, .nav-next {margin-bottom: 300px}
}