@media (min-width:1000px) AND (max-width:1279px){
  
html, body {
font-size: 15px;
line-height: 1.2em;
}
  
#iswlinie {
position: absolute;
top:111px;
z-index: 10;
}
  
#container {
width:960px;
margin:0 auto 0 auto;
padding:0;
}

#header {
height: 200px;
margin: 0 50px 0 50px;
width: 860px;
}

#nav {
height: 30px;
margin: 0 50px 100px 50px;
width: auto;
}

#content {
margin: 0 50px 0 50px;
padding-bottom: 100px;
width: 860px;
height: auto;
}

#content1 {
margin:0 0 0 0;
float: left;
}
  
#content2 {
margin:0 50px 0 0;
float: left;
}

#aside {
max-width: 200px !important;
padding: 10px 0 0 0;
margin:0;
float: right;
}

#footer {
padding:50px 0 50px 0;
}
  

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

div#mod-custom113 {
width: 600px;
margin: 0;
padding:30px 0 0 0;
vertical-align: text-bottom !important;
float: left;
}
  
div#mod-custom113 p {
font-size: 26px;
line-height:38px;
margin: 0 auto 0 0;
padding:0;
}  
  
/* Top-Teaser */
  
#header div.moduletable {
width: 190px;
height: auto;
margin: 0;
padding:5px 0 0 10px;
text-align: left;
border-left: 3px solid #a4bdc7;
}
  
#header div.moduletable.abonnieren {
position: absolute;
top:0;
left:50%;
margin-left: -275px;
}
  
#header div.moduletable.foerdern {
position: absolute;
top:0;
left:50%;
margin-left: -85px;
}  
  
#header div.moduletable.bestellen {
position: absolute;
top:0;
left:50%;
margin-left: 105px;
}  

  
/* Bestellen */
  
#header div.ph-cart-module-box div.phItemCartBox, #header div.ph-cart-module-box div.phItemCartBox div.ph-cart-link-checkout {
margin:0;
padding:0;
text-align: left;
}
  
#header div.moduletable.bestellen div.ph-cart-module-box.bestellen div#phItemCartBox div.ph-cart-small-box div.row.ph-cart-cart-row-header {
padding-left: 10px !important;
}
  
#header div.ph-hr, #header div.row:nth-of-type(n+2) {
display: none;
}
  
  
/* social media + Kontakt */

div#mod-custom115 {
width: 220px;
margin: 0;
padding:48px 0 0 0;
float: right;
text-align: right;
}
  
div#mod-custom115 p {
font-size: 16px;
line-height: 16px;
padding:0;
margin: 0 auto 5px 0;
text-align: right;
}
  
div#mod-custom115 img {
padding:0;
margin: 0 0 0 10px;
}
  
div#mod-custom115 p a {
text-decoration: none;
}
  


/* ------------------------------------------------------- NAV ------------------------------------------------------------- */
  
/* HAUPTMENUE */
  
#nav div.dj-megamenu-wrapper {
height:auto;
width: 650px;
padding: 0;
float: left;
}
  
#nav div.dj-megamenu-wrapper ul.dj-megamenu li.dj-up a.dj-up_a {
height:auto;
width: auto;
border:0;
padding: 10px 11px 11px 0px;
margin:0 2px 0 0;
font-size: 14px;
letter-spacing: 0.1em;
font-family:'opensans_regular', sans-serif;
}
  
/* Joomla5-Suchindex */
  
#nav form.form-search, #nav div.ph-search-box {
width: 200px;
overflow: hidden;
height: 40px;
margin:0;
padding:0;
text-align: right;
float: right;
}
  
#nav form.form-search input {
width: 158px !important;
margin:0;
}
  
/* Shop-Suche */
  
#nav div.search + div.ph-search-box {
width: 200px;
overflow: hidden;
height: 40px;
margin:10px 0 0 auto !important;
padding:0;
border:0;
text-align: right;
clear: both;
}
  
div.search + div#phSearchBox div.input-group input#phSearchBoxsearch {
width: 158px !important;
margin:0;
padding-right: 0 !important
}
 
 
 
  
/* ---------------------------------------------------------------- CONTENT ------------------------------------------------------------------ */
  
/* Ueberschriften */
  
/* Seite */
#content1 div.moduletable h3, #content2 div.moduletable h3, #component .page-header h1, #component h1.ph-header, #component div.com-content-category-blog.blog h1, #component div div.page-header h1, #component div div.page-header h2, #component div#acym_wrapper h1.contentheading, #jevents div#jevents_header h2.contentheading, #jevents div.jev_evdt_title, #component div.com-contact-category div.contact-category h1, #component div.com-tags-tag.tag-category h1, .item-page div.headerundinfo div.page-header h1 {
font-size: 22px;
line-height: 1.1em;
margin:0 0 50px 0 !important;
}
  
/* Itemtitle Joomla + Shop */
#component div.blog div.blog-item div.item-content div.page-header h2, #content1 div.moduletable div.mod-articlesnews.newsflash div.mod-articlesnews__item h4.newsflash-title {
font-family:'opensans_bold', sans-serif;
margin:0 !important;
}
  
  
/*----------------------------- SHOP -------------------------------*/
  
/* Modul Aktuelle Broschueren */
  
#content1 .moduletable {
width: 350px;
height: auto;
padding:0;
margin:0;
}
  
#content1 .moduletable h3 {
width: 100%;
height: auto;
padding:0;
margin:0 0 0 0!important;
}
  
#content1 div.ph-product-module-box {
width: 100%;
height: auto;
padding:0 !important;
margin: 0 !important;
}
  
#content1 div.ph-product-module-box div.ph-item-box {
width: 350px;
height: 350px;
padding:0 !important;
margin:0 0 70px 0 !important;
clear: both;
}
  
#content1 div.ph-product-module-box div.ph-item-box div.thumbnail {
width: 100% !important;
height: auto;
padding:0;
margin:0 0 40px 0;
}
  
#content1 div.ph-product-module-box div.ph-item-box div.thumbnail a div.phIBoxOH {
width: 179px !important;
margin:0 20px 0 0;
float: left !important;
}  
  
#content1 div.ph-product-module-box div.ph-item-box div.thumbnail a div img {
width: 179px !important;
height: auto !important;
padding:0;
margin:0;
}
  
#content1 div.ph-product-module-box div.ph-item-box div.thumbnail div.caption {
width: 140px;
height: auto;
padding:0 !important;
margin: 0 !important;
float: left !important;
}
  
#content1  div.ph-product-module-box div.ph-item-box div.thumbnail div.caption h3 {
font-size: 20px;
line-height: 1.2em;
margin:0 !important;
padding:0 !important;
height: auto !important;
}
  
#content1 div.ph-item-desc {
margin:0 !important;
padding:0 !important;
}
  
#content1 div.ph-item-desc h4, div.ph-desc h4 {
font-size: 14px !important;
font-family: 'opensans_bold';
line-height: 1.2em;
margin:5px 0 !important;
padding:0 !important;
}
  
#content1 div.ph-item-desc p, div-ph-desc p {
font-size: 14px;
line-height: 1.2em;
margin:0 0 7px 0!important;
padding:0 !important;
}
  
#content1 div.ph-category-price-box {
margin: 0 auto 0 0;
}
  
#content1 div.ph-category-price-box div {
width: auto;
margin: 0 10px 0 0;
float: left;
}
  
  
/* --- Einzelprodukt --- */
  
#component div#ph-pc-item-box div.row div.col-12.col-sm-7.col-md-7 {
max-width: 350px;
}
  
#component div#ph-pc-item-box div div#phImageBox {
width: 279px;
height:400px;
float: left;
margin: 0 30px 30px 0;
padding:0;
border:0;
}
  
#component div#ph-pc-item-box div div#phImageBox > div, #component div#ph-pc-item-box div div#phImageBox div a, #component div#ph-pc-item-box div div#phImageBox div a img {
width: 100% !important;
height: auto;
text-align: left;
border:0;
margin:0;
}
  
#component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel {
width: 380px;
height: auto;
margin: 30px 0 30px 0;
text-align: left;
float: left;
}
  
#component  div.ph-item-price-panel div.ph-desc h4 {
font-size: 20px !important;
font-family: 'opensans_regular';
line-height: 1.2em;
margin:5px 0 !important;
padding:0 !important;
}
 
  
#component div.ph-item-price-box > div {
margin-right: 20px;
float: left;
}
  
#component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel form {
width: 100%;
height: auto;
padding: 0;
margin: 0;
text-align: left !important;
vertical-align: top;
}
  
#component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel form > div {
width: 100%;
height: 40px;
margin:20px 0 20px 0;
padding:0;
text-align: left !important;
vertical-align: top !important;
}
  
#component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel form > div > div {
height: 40px;
margin: 0 !important;
padding:0 !important;
text-align: left !important;
vertical-align: top !important;
}
  
#component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel form input, #component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel form button{
height: 40px;
margin: 0 10px 0 0 !important;
padding: 5px 10px !important;
text-align: center;
vertical-align: top !important;
}
  
#component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel form label, #component div#ph-pc-item-box div.ph-item-price-panel.phItemPricePanel form button span {
display: none;
}
  
#component div.ph-item-bottom-box {
width: 100%;
clear: both;
}
  
#component div.ph-item-bottom-box div.tab-content {
padding: 30px;
border: 1px solid #ddd;
border-top:0;
}
  
/* --- Shopkategorienuebersicht --- */
  

  
/* Seite Broschueren */
div#ph-pc-category-box.pc-view.pc-category-view {
margin: 0 !important;
padding:0 !important;
}
  
  
/* --- Shopkategorie 2-spaltig --- */
  
#component div#ph-pc-category-box div#phItemsBox div#phItems div {
margin:0;
padding:0;
}
  
#component div.row-item {
width:279px;
height: 600px;
margin:0 50px 30px 0 !important;
padding:0 !important;
border:0 !important;
float: left;
}
  
#component div.row-item:nth-of-type(2), #component div.row-item:nth-of-type(4), #component div.row-item:nth-of-type(7), #component div.row-item:nth-of-type(9) {
margin-right: 0 !important;
}  

#component div.ph-item-content div.phIBoxOH {
width:279px;
height: 400px;
margin:0;
padding:0 !important;
border:0 !important;
overflow: hidden;
}
  
#component div.ph-item-content div.phIBox {
width:100% !important;
height: 100%;
margin:0;
padding:0 !important;
border:0 !important;
overflow: hidden;
}
  
#component div.ph-item-content div.phIBoxOH img {
width:279px !important;
height: 400px !important;
margin:0;
padding:0 !important;
border:0 !important;
overflow: hidden;
}
  
#component div.ph-item-content h3.ph-product-header {
margin:3px 0 0 0;
padding:0 !important;
border:0 !important;
}
 
  
/* Shopseite Checkout-Kasse */
  
form.phItemCartUpdateBoxForm {
min-width: 110px;
}
  
form.phItemCartUpdateBoxForm div.input-group input.ph-input-quantity {
position: relative;
top: 10px;
max-width: 34px !important;
max-height: 34px;
}
  
form.phItemCartUpdateBoxForm div.input-group input.ph-input-quantity, form.phItemCartUpdateBoxForm div.input-group button {
margin:0 !important;
}
  
/* ------------------------- JOOMLA -------------------------*/
  
  
/* --- Detailseite --- */
  
 
/* Beitragsinfo */
  
#component .item-page dl.article-info.text-muted {
display: block;
margin:0;
padding:0;
height: 50px !important;
}
  
dt.article-info-term {
margin:0;
padding:0;
}
  
dd.createdby, dd.published, time {
width: auto;
margin:0 2px 0 0;
padding:0;
display: inline-block;
}  
  
/* Beitragsbild*/  
  
#component #bildundlinks {
width: 279px;
word-break: all;
margin: 5px 0 20px 40px !important;
float: right !important;
}
  
#component #bildundlinks div.com-content-article__links.content-links {
max-width: 279px;
word-break: all;
}
  
#component div.com-content-article figure.left.item-image, #component div.com-content-article figure.links.item-image, #component div.com-content-article figure.right.item-image, #component div.com-content-article figure.rechts.item-image {
width: 279px;
margin:0;
padding:0;
}
  
  
/* Beitragsinhalt */
  
#component div.com-content-article.item-page div.com-content-article__body {
margin:0 !important;
padding:0 !important;
}
  
/* --- Blog --- */
  
/* Blog 2-spaltig */
  
#component div.blog div.blog-items.columns-4 div.blog-item, #content1 div.newsflash div.mod-articlesnews__item {
width:279px;
height: 350px;
margin:0 50px 33px 0;
padding:0;
border:0;
overflow: hidden;
float: left;
}
  
#component div.blog div.blog-items.columns-4 div.blog-item:nth-of-type(even), #content1 div.newsflash div.mod-articlesnews__item:nth-of-type(even) {
margin:0 0 33px 0;
}
  
#component div.blog div.blog-items.columns-4 div.blog-item figure, #content1 div.newsflash div.mod-articlesnews__item figure {
width:279px;
height: 200px;
margin:0 0 15px 0;
padding:0;
border:0;
overflow: hidden;
background:#eee;
}
  
#component div.blog div.blog-items.columns-4 div.blog-item figure a, #content1 div.newsflash div.mod-articlesnews__item figure a {
display: block;
width:279px;
height: 200px;
margin:0;
padding:0;
border:0;
}  
  
#component div.blog div.blog-items.columns-4 div.blog-item figure img, #content1 div.newsflash div.mod-articlesnews__item figure img {
height: auto;
width: 100%;
margin:0;
padding:0;
border:0;
}
  
#component div.blog div.blog-items.columns-4 div.blog-item div.item-content div.page-header h2, #content1 div.moduletable div.mod-articlesnews.newsflash div.mod-articlesnews__item h4.newsflash-title {
font-size: 16px;
line-height: 1.2em;
}  
  
/* Beitragsinfo */
  
#component div.blog div.blog-items.columns-4 div.blog-item div.item-content dl.article-info.text-muted {
font-size:14px;
line-height:1.2em;
margin: 2px 0 0 0;
}
  

/* --- Seite Online-Publikationen mit 2 Newsflash-Modulen ---*/
  
#content1 div.moduletable {
width: 100%;
margin: 0;
padding:0;
}
  
#content1 div.moduletable.mod_to_cat_link {
width: 280px;
height: auto;
text-align: right;
margin: 7px 0 0 0;
padding:0;
float: right;
}
  
#content1 div.moduletable.mod_to_cat_link div, #content1 div.moduletable.mod_to_cat_link div p {
margin: 0;
padding:0;
}
  
#content1 div.moduletable.mod_to_cat_link div p a {
margin: 0;
padding:0;
}
  
#content1 div.moduletable h3 {
margin:0 0 50px 0 !important;
}
  
  
/* Seite Beitraege mit Schlagwort X */
  
#component div.com-tags-tag.tag-category h1, #component div.com-tags-tag.tag-category h2 {
font-size: 22px;
line-height: 1.1em;
margin: 0 6px 35px 0 !important;
padding:0 !important;
height: auto;
}
  
/* ------------------------------------- Aside -------------------------------------------------------------- */
  
#aside div.moduletable {
margin:0 0 50px 0 !important;
padding:0 !important;
border:0;
}
  
/* Aside-Ueberschriften */
#aside h3.newsflash-title, #aside div.moduletable h3, #aside div.mod-articlesnews.newsflash div.mod-articlesnews__item h3.newsflash-title {
font-size: 16px;
line-height: 1.1em;
margin: 0 0 30px 0 !important;
padding: 0 0 0 25px !important;
font-family: 'opensans_bold', sans-serif;
background: url('../images/headerquadrat.png') no-repeat left 2px;
background-size: 14px 14px;
}
  
/* Shop Tags Modul */
  
#aside div.moduletable.shoptags {
max-width: 100% !important;
overflow: hidden;
}
  
#aside div.moduletable.shoptags div#headingtag.panel-heading {
display: none;
}

}