@media (max-width:719px){
  
html, body {
font-size: 15px;
line-height: 1.2em;
background: #fff;
}
  
#iswlinie {
position: absolute;
top:80px;
z-index: 10;
}
  
#container {
width:100%;
margin:0 auto 0 auto;
padding:0;
}

#header {
height: 80px;
margin: 0 auto 0 auto;
padding:0 5% 0 5%;
width: 100%;
max-width: 460px;
}

#nav {
height: 50px;
padding: 0 5% 0 5%;
width: 100%;
margin:0 0 50px 0;
background: #666;
padding:0;
text-align: center;
}

#content {
margin: 0 auto 0 auto;
padding:0 0 100px 0;
width: 280px;
max-width: 460px;
height: auto;
clear: both;
}

#content1, #content2, #aside {
width: 100%;
margin:0 0 40px 0;
padding:0;
float: none;
}

#footer {
width: 100%;
padding:50px 5% 50px 5%;
}
  
.nonmobile {
display: none;
}
  

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

div#mod-custom113 {
width: 80px;
margin: 0;
padding:0;
vertical-align: text-bottom !important;
float: left;
}
  
div#mod-custom113 img {
width:60px;
height: auto;
margin: 20px auto 0 0;
padding:0;
}  
  
/* Top-Teaser */
  
#header div.moduletable {
width: 200px;
height: auto;
margin: 0;
padding:5px 0 0 0;
text-align: left;
border:0;
}
  
#header div.moduletable.abonnieren {
display: none;
}
  
#header div.moduletable.foerdern {
display: none;
}  
  
#header div.moduletable.bestellen {
position: absolute;
top:0;
left:50%;
margin-left: -70px;
}  

  
/* 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 {
display: none;
}  


/* ------------------------------------------------------- NAV ------------------------------------------------------------- */
  
/* HAUPTMENUE */
  
/* DJ Mobilmenue */
  
#nav div.dj-megamenu-wrapper {
position: fixed;
top:26px;
right: 20px;
margin: 0;
padding:0 !important;
border:0;
z-index:11;
}
  
div.dj-megamenu-wrapper div#dj-megamenu118mobile button {
position: relative !important;
width: 40px !important;
height: 40px !important;
border:0;
z-index: 11;
}
  
#nav div.dj-megamenu-wrapper div#dj-megamenu118mobile button.dj-mobile-open-btn.dj-fa-5.active  {
background: none !important !important;
color: none !important !important;
border: none !important !important;
outline: none !important;
background-color: none !important !important;
background-image: none !important !important;
}
  
#nav div.dj-megamenu-wrapper div#dj-megamenu118mobile button.dj-mobile-open-btn.dj-fa-5.active span.dj-mobile-open-icon {
background: none !important !important;
color: none !important !important;
border: none !important !important;
outline: none !important;
background-color: none !important !important;
background-image: none !important !important;
}
  
div.dj-megamenu-wrapper div.dj-accordion {
width:250px !important; 
position: absolute;
top:45px;
left: -260px !important;
margin: 0;
padding:0 !important;
border:0;
z-index:11;
box-shadow: 0px 0px 2px #555;
}
  
div.dj-megamenu-wrapper div.dj-accordion div.dj-accordion-in {
width: 100%;
margin: 0 !important;
padding:0 !important;
border:0;
}
  
div.dj-megamenu-wrapper div.dj-megamenu-accordion ul {
background: none;
width: 100% !important;
padding:0 !important;
margin:0 !important;
border: 0px solid #4a7b90;
}
  
div.dj-megamenu-wrapper div.dj-megamenu-accordion ul li {
background: none;
padding: 0 !important;
border:0 !important;
margin:0 !important;
border-bottom: 1px solid #4a7b90 !important;
}
  
div.dj-megamenu-wrapper div.dj-megamenu-accordion div ul li a {
background: #fff;
color: #333;
font-family: 'opensans_regular', sans-serif;
font-size: 16px;
line-height: 1.2em;
margin:0 !important;
border:0;
padding: 18px 20px 13px 15px;
}
  
div.dj-megamenu-wrapper div.dj-megamenu-accordion div ul li:last-of-type {
border-bottom: 0;
}
  
div.dj-megamenu-wrapper ul > li > a:hover {
background: #a4bdc7 !important;
color: #333 !important;
}
  
div.dj-megamenu-wrapper ul > li.current > a {
background: #4a7b90 !important;
color:#fff !important;
}
  
div.dj-megamenu-wrapper ul > li.current:hover > a {
background: #a4bdc7 !important;
color:#fff !important;
}
  
/* Level 2 */
  
div.dj-megamenu-wrapper div.dj-megamenu-accordion div ul li ul li a {
font-size: 14px;
padding: 18px 20px 13px 30px;
}

/* Joomla5-Suchindex */
  
#nav form.form-search, #nav div.ph-search-box {
position: absolute;
left: 50%;
width: 320px;
overflow: hidden;
height: 40px;
margin:7px auto auto -160px !important;
padding:0;
border:0 !important;
text-align:center;
background:#fff;
}
  
#nav form.form-search input, #nav input.phSearchBoxSearchInput {
width: 278px;
height: 40px;
margin:0;
padding:2px 2px 2px 8px;
border: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: 20px;
line-height: 1.1em;
margin:0 0 10px 0 !important;
padding:0 !important;
height: auto;
}
  
#component div#acym_wrapper h1.contentheading, #jevents div#jevents_header h2.contentheading, #component div.com-content-category-blog.blog h1, #component div.archive div.page-header h1, #component h1.ph-header, .item-page div.headerundinfo div.page-header h1 {
min-height: 40px;
}
  
/* 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: 100%;
height: auto;
padding:0 !important;
margin:0 0 50px 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: 100%;
margin:0;
}  
  
#content1 div.ph-product-module-box div.ph-item-box div.thumbnail a div img {
width: 100% !important;
height: auto !important;
padding:0;
margin:0;
}
  
#content1 div.ph-product-module-box div.ph-item-box div.thumbnail div.caption {
width: 100%;
height: auto;
padding:0 !important;
margin: 0 !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: 100%;
}
  
#component div#ph-pc-item-box div div#phImageBox {
width: 100%;
height:400px;
margin: 0 0 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: 100%;
height: auto;
margin: 30px 0 30px 0;
text-align: left;
}
  
#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: 15px;
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 1-spaltig --- */
  
#component div#ph-pc-category-box div#phItemsBox div#phItems div {
margin:0;
padding:0;
}
  
#component div.row-item {
width:100%;
height: auto;
margin:0 0 50px 0 !important;
padding:0 !important;
border:0 !important;
}

#component div.ph-item-content div.phIBoxOH {
width:100%;
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, #component div.ph-item-content div.ph-item-desc h4 {
margin:8px 0 0 0;
font-size: 20px;
padding:0 !important;
border: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 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;
height: auto;
float: none;
margin:0 0 30px 0;
}
 
  
/* Beitragsinhalt */
  
#component div.com-content-article.item-page div.com-content-article__body {
margin:0 !important;
padding:0 !important;
}
  
#component div.com-content-article__body iframe {
max-width:100%;
height: 160px;
}
  
/* --- Blog --- */
  
/* Blog 1-spaltig */
  
#component div.blog div.blog-items div.blog-item, #content1 div.newsflash div.mod-articlesnews__item {
width:100%;
height:auto;
margin:0 0 50px 0;
padding:0;
border:0;
}
  
#component div.blog div.blog-items div.blog-item figure, #content1 div.newsflash div.mod-articlesnews__item figure {
width:100%;
height: 200px;
margin:0 0 15px 0;
padding:0;
border:0;
overflow: hidden;
background:#eee;
}
  
#component div.blog div.blog-items div.blog-item figure a, #content1 div.newsflash div.mod-articlesnews__item figure a {
display: block;
width:100%;
height: 100%;
margin:0;
padding:0;
border:0;
}  
  
#component div.blog div.blog-items div.blog-item figure img, #content1 div.newsflash div.mod-articlesnews__item figure img {
width: 100%;
height: auto;
margin:0;
padding:0;
border:0;
}
  
#component div.blog div.blog-items 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 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: 100%;
height: auto;
text-align: right;
margin: 0 0 30px 0;
padding:0;
}
  
#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 40px 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: 20px;
line-height: 1.1em;
margin: 0 6px 35px 0 !important;
padding:0 !important;
height: auto;
}
  
/* Termineliste */
  
#component div#jevents, #component div#jevents form, #component div#jevents form #eventlist, #component div#jevents form #eventlist table {
max-width: 100% !important;
}
  
#component div#jevents form #eventlist table td:first-of-type {
width: max-content;
float:left;
padding: 20px 5px 5px 0px !important;
} 
  
#component div#jevents form #eventlist table td:nth-of-type(2) {
width: max-content;
float:right;
padding: 20px 0 5px 0 !important;
} 
  
#component div#jevents form #eventlist table td:nth-of-type(3) {
width: 100%;
clear: both;
display: block;
padding: 3px 0 3px 0 !important;
} 
  
#component div#jevents form #eventlist table td:nth-of-type(4) {
width: 100%;
display: block;
padding: 3px 0 20px 0 !important;
} 
  
  

  
/* ------------------------------------- Aside -------------------------------------------------------------- */
  
#aside div.moduletable {
margin:0 0 40px 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.0em;
margin: 0 0 40px 0 !important;
padding: 0 0 0 15px !important;
border-left: 16px solid #4a7b90 !important;
font-family: 'opensans_bold', sans-serif;
}
  
/* Shop Tags Modul */
  
#aside div.moduletable.shoptags {
max-width: 100% !important;
overflow: hidden;
}
  
#aside div.moduletable.shoptags div#headingtag.panel-heading {
display: none;
}

}