@media (min-width:840px) AND (max-width:1259px){
  
html, body {
font-size: 18px;
line-height: 1.4em;
}
  
#container {
width:800px;
margin:0 auto 0 auto;
padding:0;
}

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

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

section {
height: auto;
margin: 3.0em 0 3.0em 0;
padding: 3.0em;
}

/*--------------------------- Header ---------------------------*/
  
header div#mod-custom131 {
position: absolute;
top: 20px;
right: 50%;
margin-right: -380px;
}
  
/* ------------------------------------------------------- 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: 197px;
margin-right: 4px !important;
text-align: center;
}

nav div.dj-megamenu-wrapper ul.dj-megamenu > li.dj-up:last-of-type {
margin-right: 0px !important;
}

nav div.dj-megamenu-wrapper ul.dj-megamenu > li.dj-up > ul, nav div.dj-megamenu-wrapper ul.dj-megamenu > li.dj-up > ul > li {
width: 100% !important;
text-align: center !important;
}

nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up a.dj-up_a {
height:auto;
width: 100%;
border:0;
padding: 12px 10px 13px 10px;
margin:0;
font-size: 0.85em;
background: #db6012;
}
 
  
/* ----------------------------- MAIN ---------------------------------- */
  
/* Ueberschriften */

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

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

section h3 {
font-size: 1.4em;
margin: 3em auto 1em auto;
}

section h4 {
font-size: 1.3em;
margin: 3em auto 1em auto;
}

section h5 {
font-size: 1.0em;
margin: 2em auto 0.75em auto;
}

section h6 {
font-size: 1.0em;
margin: 2em auto 0.75em auto;
}

  
/* Einzelner Beitrag */


/* Termine */

#eventlist table.eventlist td.eventlist_col a.ev_link_row {
font-size: 1.2em !important;
}

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

div#footercontainer {
width: 800px;
}
  
footer div.custom {
width: 33%;
float: left;
text-align: left;
padding:0;
margin: 0;
overflow-y: 0;
}

footer div#mod-custom133 {
display: none;
}


footer li.nav-item {
width: 100%;
text-align: left;
}
}