@media (min-width:520px) AND (max-width:839px){
  
#alles {
background-position: left -150px;
}

#top {
position: absolute;
top:0;
width:100%;
height: 40px;
margin:0;
padding:0 auto 0 auto;
text-align: center;
}

nav {
position: fixed;
top: 63px;
right: 30px;
height: 40px;
width: 40px;
}
  
#container {
width:500px;
margin:0 auto 0 auto;
padding:0;
}

header {
height: 200px;
margin: 0;
width: 100%;
}

footer {
padding:30px auto 30px auto;
overflow-y: hidden;
text-align: center;
}


/* --------------------------- Top ---------------------------- */ 

#top ul {
display: inline-block;
}

#top li {
display: inline-block;
margin: 0 !important;
border:0;
}

#top span.image-title {
display: none;
}

#top li a {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 10px auto auto auto;
margin: 0 6px 0 0;
text-decoration: none;
color:#000;
}

#top li a img {
margin-top: 10px;
}

/*--------------------------- Header ---------------------------*/
  
/* Titel */

header div {
width: 100%;
margin: 0;
padding:30px 0 0 0;
}

header a {
color: #fff;
text-decoration: none;
}
  
header div figure#logo {
width: 100px;
height: auto;
margin: -5px 40px 0 0px;
padding:0;
float: left;
} 

header div h1 {
width: 300px;
height: auto;
margin: auto;
padding:20px 0 0 0;
text-align: left;
float: left;
line-height: 1.0em !important;
} 

header div h1 span#title1 {
font-size: 35px !important;
line-height: 1.1em !important;
margin:0 auto 0 0 !important;
} 

header div h1 span#title2 {
font-size: 34px !important;
line-height: 1.1em !important;
}

header div div#geo {
display: none;
} 
  
/* ------------------------------------------------------- NAV ------------------------------------------------------------- */
  
/* HAUPTMENUE */
  
nav div.dj-megamenu-wrapper a {
font-size: 24px;
}

  
/* ----------------------------- MAIN ---------------------------------- */
  
/* Ueberschriften */

section h1 {
font-size: 2.0em;
margin: auto auto 2em auto;
}

section h2 {
font-size: 1.5em;
margin: 3em auto 1em auto;
}

section h3 {
font-size: 1.2em;
margin: 2em auto 0.75em auto;
}

/* BLOG */

main .blog-item {
float: left;
width: 48%;
margin: 0 1% 10% 1%;
padding:0;
}

.blog .blog-item h2 {
margin: 0 auto 1em auto;
}

/* Einzelner Beitrag */

.item-page figure.item-image {
width: 100%;
height: auto;
margin: 0 0 70px 0;
}

.item-page figure.item-image img {
width: 100%;
height: auto;
margin: 0;
padding:0;
}

.item-page div.com-content-article__body, .item-page .page-header {
width: 100%;
height: auto;
margin: 0 0 0 auto;
text-align: left;
font-size: 1.2em;
line-height: 1.5em;
}

main div img {
max-width: 100%;
height: auto;
}

  
/* ------------------------------ FOOTER -------------------------------- */

div#footercontainer {
width: 500px;
height: 150px;
margin: 60px auto 40px auto;
padding: auto;
overflow-y: 0;
}

footer div#mod-custom114, footer div#mod-custom115 {
display: none;
}
  
footer div.custom {
width: 250px;
float: left;
text-align: left;
padding:0;
margin: 0 0 0 50px;
overflow-y: 0;
}

footer ul.nav {
width: 150px;
}

footer div#footercontainer ul.mod-menu.mod-list.nav li.nav-item {
width: 100%;
display: block !important;
}
}