@media (min-width:840px) AND (max-width:1259px){
  

#alles {
background-position: left -100px;
}

#top {
position: absolute;
top:0;
left: 50%;
width: 400px !important;
margin:0 0 0 -250px;
padding:0;
}
  
#container {
width:800px;
margin:0 auto 0 auto;
padding:0;
}

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

nav {
height: 150px;
margin: 0;
width: auto;
text-align: left;
}

footer {
padding:50px auto 50px 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: 150px;
height: auto;
margin: 0 30px 0 -30px;
padding:0;
float: left;
} 

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

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

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

header div div#geo {
width: 450px;
height: auto;
margin: 20px 0 0 0;
padding:0;
text-align: right;
float: right;
}

header div div#geo img {
width: auto;
height: 120px;
padding:0;
}

header div div#geo img:nth-of-type(2) {
margin: 0 15px 0 5px;
} 
  
/* ------------------------------------------------------- NAV ------------------------------------------------------------- */
  
/* HAUPTMENUE */
  
nav div.dj-megamenu-wrapper {
height:auto;
width: 100%;
padding: 0;
margin: 0;
text-align: left;
}

nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up {
width: 200px;
}
  
nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up a.dj-up_a {
height:auto;
width: auto;
border:0;
padding: 12px 13px 13px 13px;
margin:0 20px 0 0;
font-size: 1.0em;
}
 
  
/* ----------------------------- MAIN ---------------------------------- */
  
/* Ueberschriften */

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

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

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

/* BLOG */

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

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

/* Einzelner Beitrag */

.item-page figure.item-image {
position: relative;
top: 200px;
width: 250px;
height: auto;
margin: 0 70px 0 0;
float: left;
}

.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: 480px !important;
height: auto;
margin: 0 0 0 auto;
text-align: left;
font-size: 1.2em;
line-height: 1.5em;
float: left;
}

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

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

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

footer ul {
width: 200px;
}

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