@media (min-width:1020px) AND (max-width:1459px){
  
/* Box-sizing */

header, footer, section, div, p, span, figure, a, ul, ol, li, input, form, button, h1, h2, h3, h4, h5, h6, img {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
  
#cont {
width:1000px;
margin:0 auto 0 auto;
padding:230px 0 0 0;
}

header {
position: fixed;
top: 0;
left: static;
z-index: 5;
height: 110px;
margin: 0;
padding-top: 10px;
vertical-align: bottom !important;
background: #fff;
}

#bar {
position: fixed;
top: 110px;
width: 1000px;
left: static;
z-index: 4;
margin: 0 0 100px 0;
}

section {
padding: 0 0 5em 0;
height: auto;
overflow: hidden;
}

footer {
padding: 2em 0.5em 2em 0.5em !important;
}
  

/*--------------------------- Header ---------------------------*/
  
/* Logo */

header div.logo {
width: 150px;
}
  
/* Titel */

header div.titel {
position: relative;
top: 20px;
left: 20px;
} 
  
/* Oeffnungszeiten */
  
header div.oez {
position: relative;
top: 20px;
margin-left: 40px;
}

/* Kontakt */
  
header div.kontakt {
position: relative;
top: 20px;
left: 40px;
}

/* Hauptmenue */
  
header div.moduletable.nav {
position: absolute;
top: 45px;
left: 955px;
margin: 0;
}

header div.moduletable.nav button.dj-mobile-open-btn.dj-fa-5 {
position: absolute !important;
top: 0;
left:0;
z-index: 5;
}


/* ------------------- Section ---------------------- */

/* --- Home --- */
section div.moduletable.vollbild, section div.moduletable.vollbild .custom, section div.moduletable.vollbild p, section div.moduletable.vollbild img {
width: 100%;
height: auto;
overflow-y: hidden;
text-align: right !important;
margin:0;
padding:0;
}

section div.moduletable.vollbild .custom h2 {
position: relative;
top: -200px;
z-index:2;
width: 33%;
margin: auto 0 auto auto !important;
font-size: 2em;
padding: 0.6em;
background: #ff7518;
text-align: left !important;
}

section div.moduletable.vollbild .custom h2 a {
color: #fff;
text-decoration: none;
}


/* --- KATEGORIELISTE --- */

section div.categories-list div.com-content-categories__item {
width: 30%;
float: left;
height: auto;
margin: 0 5% 5% 0;
padding:0;
border: 1px solid #ff7518;
overflow: hidden;
}

section div.com-content-categories__item:nth-of-type(3n) {
margin: 0 0 5% 0 !important;
}

div.com-content-categories__item-title-wrapper, div.com-content-categories__item-title {
width: 100%;
height: 140px;
margin: 0;
padding:0 auto;
border: 0;
text-align: center;
overflow: hidden;
}

section div.categories-list div.com-content-categories__item div.com-content-categories__item-title a {
width: 100%;
height: 100%;
display: block;
margin: 0;
padding:0.2em 1em 1em 1em;
text-align: center;
border: 0;
font-size: 2.0em;
line-height: 1.2em;
/*hyphens: auto;*/
}

div.com-content-categories__item > a {
width: 100%;
height: 100%;
display: block;
padding:1em 1em 0.2em 1em;
}

/* Hauptbeitraege auf Home */

div.moduletable.haupt ul.mod-articles-items.mod-list {
width: 100%;
float: left;
  padding:0;
  margin:0;
}

div.moduletable.haupt ul.mod-articles-items.mod-list li {
width: 30%;
float: left;
margin: 0 5% 5% 0 !important;
padding:0;
background:#ff7518;
}

div.moduletable.haupt ul.mod-articles-items.mod-list h2 {
font-size: 2.0em !important;
margin: 0 auto;
color: #fff;
}

div.moduletable.haupt ul.mod-articles-items.mod-list h2 a {
width: 100%;
height: 100%;
display: block;
margin: 0;
padding:0.2em 1em 1em 1em;
text-align: center;
border: 0;
line-height: 1.2em;
color: #fff;
}

/* Modul Kinder auf HOME */

div.moduletable.kinder p {
width: 45%;
height: auto;
overflow: hidden;
padding: 0;
}

div.moduletable.kinder p:first-of-type {
float: left;
}

div.moduletable.kinder p:last-of-type {
float: right;
}
  

/* --- BLOG --- */

/* Blog mit override */


  
/* Blog - Kategoriebeschreibung */

.blog div.category-desc {
text-align: left;
margin: 0 0 5em 0;
padding: 0 0 0 490px;
height: auto;
overflow-y: hidden;
}

.blog div.category-desc p{
clear: both;
}

.blog div.category-desc figure, .blog div.category-desc img.linksaussen {
width: 150px;
height: auto;
float: left;
margin: 0 20px 0 -230px;
padding: 0;
}

.blog div.category-desc figure img {
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

/* Blog-Elemente */

.blog-item {
width: 30%;
height: 300px;
float: left;
margin: 0 5% 5% 0;
padding:0;
background: #ff7518;
}

.blog-item:nth-of-type(3n) {
margin: 0 0 5% 0;
}

.blog-item .item-content {
display: none;
}

.blog-item h2 a {
color: #fff;
}

.blog-item figure.item-image, .blog-item .item-image a, .blog-item .page-header, .blog-item .page-header h2, .blog-item .page-header h2 a {
width: 100%;
height: auto;
display: block;
margin:0;
}

.blog-item .item-image a {
padding:1em 1em 0.2em 1em;
}

.blog-item .page-header h2 a {
padding:0.2em 0.2em 1em 0.2em;
}

/* Blog-Elemente Unterkateogorien */

div.com-content-category-blog__child {
width: 30%;
height: 300px;
margin: 0 5% 5% 0;
}

/* Blog-Elemente Aktuelles */

div.blog-items.aktuelles .blog-item .item-image {
height: 300px;
}

/* --- Einzelner Beitrag --- */

.item-page div.page-header, div.com-contact div.page-header {
float: left;
width: 280px;
margin-bottom: 2em;
}

section div.item-page div.page-header h1 {
width: 280px !important;
min-width: 280px !important;
}

div.com-content-article__body, div.com-contact__container, div.com-contact__miscinfo {
float: right;
width: 600px;
text-align: left;
}


/* --- Einzelner Beitrag Aktuelles und Erfolg --- */

div.com-content-article.item-page_aktuelles {
background-image: url('../images/icon_aktuelles_orange.png');
background-repeat: no-repeat;
background-position: left top;
padding-left: 300px;
}

div.com-content-article.item-page_erfolg {
background-image: url('../images/icon_erfolg_orange.png');
background-repeat: no-repeat;
background-position: left top;
padding-left: 300px;
}

div.com-content-article.item-page_aktuelles .item-image, div.com-content-article.item-page_erfolg .item-image {
width: 100%;
height: auto;
border: 0px solid #ff7518;
padding:0 !important;
margin: 0 0 1em 0;
}

div.com-content-article.item-page_aktuelles figure.item-image img, div.com-content-article.item-page_erfolg figure.item-image img {
width: 100%;
height: auto;
padding:0 !important;;
margin:0 !important;
border: 0 !important;
}

div.com-content-article.item-page_aktuelles dd.published time {
position: absolute;
left: 50%;
top: 255px;
margin-left: -400px;
}

div.com-content-article.item-page_aktuelles div.page-header, div.com-content-article.item-page_erfolg div.page-header {
margin: 0;
padding:0;
}

div.com-content-article.item-page_aktuelles div.page-header h1, div.com-content-article.item-page_erfolg div.page-header h1 {
margin:1.0em 0 0.5em 0;
padding:0;
}

div.com-content-article.item-page_aktuelles nav.pagenavigation, div.com-content-article.item-page_erfolg nav.pagenavigation {
position: absolute;
left: 50%;
top: 300px;
margin-left: -400px;
}


/* Beitragslinks */

.item-page div.content-links {
margin:0;
padding:0;
float: left;
width: 200px;
}

ul.com-content-article__links.content-list, ul.com-content-article__links.content-list li {
list-style-type: none;
margin:0;
padding:0;
text-align: left;
}

ul.com-content-article__links.content-list a {
list-style-type: none;
width: auto;
margin:1em auto 1em 100px;
padding:0.3em 0.5em;
border-radius: 3px;
background: #ff7518;
color: #fff;
}

figure.einzelkontakt {
float: left;
width: 30%;
margin: 0 1.5% 0 1.5%;
}


/* --- KONTAKTE --- */

div.com-contact-category div.category-desc {
width: 600px;
float: right;
}

div.contact-category_vorstand h1, div.contact-category_lehrkraefte h1, div.contact-category_verwaltung h1, div.contact-category_ehrenamtliche h1 {
width: 300px;
height: 70px;
float: left;
padding-left: 110px;
display: flex;
align-items: center;
}

div.contact-category_vorstand h1 {
background-image: url('../images/icon_vorstand_orange.png');
background-repeat: no-repeat;
}

div.contact-category_lehrkraefte h1 {
background-image: url('../images/icon_lehrkraefte_orange.png');
background-repeat: no-repeat;
}

div.contact-category_verwaltung h1 {
background-image: url('../images/icon_verwaltung_orange.png');
background-repeat: no-repeat;
}

div.contact-category_ehrenamtliche h1 {
background-image: url('../images/icon_ehrenamtliche_orange.png');
background-repeat: no-repeat;
}

div.com-contact-category__items {
width: 600px;
margin: 0 0 0 auto;
padding:0;
float: right;
text-align: left;
}

table#contactList tr:nth-of-type(odd) {
width: 40%;
height: auto;
margin: 0 5% 5% 0;
float: left;
}

table#contactList tr:nth-of-type(even) {
width: 40%;
height: auto;
margin: 0 0 5% 5%;
float: right;
}

table#contactList tr th {
width:100% !important;
height: auto;
margin: 0;
font-family: robotolight;
}

table#contactList tr th div.kontaktbild {
width:200px;
height: 250px;
overflow-y: hidden;
margin: 0 0 0.5em 0;
}


/* ------------------- Footer ----------------------- */

footer div.moduletable {
width: 100%;
height: auto;
overflow-y: hidden;
}

footer a {
font-size: 0.9em;
line-height: 1.0em;
}

footer ul.nav {
width: 100%;
height: auto;
overflow-y: hidden;
}

footer ul.nav > li.nav-item {
width: 20%;
margin:0;
border:0;
padding-right: 5%;
display: inline-block;
height: auto;
overflow-y: hidden;
}

footer ul.nav > li.nav-item > ul {
visibility: visible;
display: block;
margin-left:0 !important;
padding-left:0 !important;
}
}