@charset "UTF-8";
/* Umsetzung - Markus Schindler - CodeSache.de - 2019 */
@media only screen and (max-width:1899px){
.ce_gallery ul{ padding:0px; }
}
/* end max-width: 1899px */
@media only screen and (max-width:1599px){
#container{ margin:0 auto; width:100%; }
}
/* end max-width: 1599 */
@media only screen and (max-width:1220px){
.layout_full .image_container img{ width:100% !important; }
.mejs-container{ width:100% !important; height:auto !important; padding-top:57%; }
.mejs-overlay, .mejs-poster{ width:100% !important; height:100% !important; }
.mejs-mediaelement video, .mejs-mediaelement .me-plugin, .mejs-mediaelement embed{ position:absolute; top:0; left:0; right:0; bottom:0; width:100% !important; height:100% !important; }
#container{ max-width:inherit; padding:0px 14px 20px 14px; }
#header{ /*! padding:10px; */ }
.mod_article.full, #headerslider{ /*! padding:0 0px; */ }

.mod_article > .innen {padding:20px 0px 0 0px;}


/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 1220px */
/* ---------------------------------------------------------------------------------------- */


/* 1100px --------------------------------------------------------------------------------- */
@media only screen and (max-width:1100px){



#logo{  padding: 0 0 20px 0; }
#logo img{ width:220px;  }
#header { min-height: 162px; }
#header .inside{ min-height: 140px; }

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 1100px */
/* ---------------------------------------------------------------------------------------- */


/* 1024px --------------------------------------------------------------------------------- */
@media only screen and (max-width:1024px){
#header, #wrapper, #footer .footernavi{ width:100%; max-width:inherit; }
#wrapper{ min-height: inherit; height:auto; }
#main .mod_newslist .teaserimage .image_container{ float:none; background:none; }


.fancybox-slide{ padding:20px; }
.fancybox-close-small{ right:20px; top:20px; }

.ce_accordion .toggler{ /*! padding:8px 0 10px 60px; */ /* min-height: 43px;*/ /*! font-size:20px; */ /*! line-height:30px; */ }

#sprachumschalter {
right: 90px;
top: 5px;
z-index: 50;
bottom: 0;
}
    #warenkorbmini{right: 70px;top: 37px;}
#header{ min-height: 80px; }
#header .inside {
min-height: 60px;
}
#logo{ padding: 0px 0 0px 0; max-width: 160px;}

.teaserperson{
flex: 0 1 49%;
}

.teaserperson .linkbox{}

#header .menu-collapser{position:absolute;top: 0px;right: 20px;z-index: 50;}
#header .collapse-button .innen {
display: block; background:#838c99; border-radius:50%; height:50px; width:50px;
padding: 9px 13px 10px 13px;
/*! z-index: 20; */
}
#header .menu-text {
display: none;
}
#header .collapse-button .icon-bar{display:block;height:3px;width:25px;margin:6px 0;background-color:#fff;border-radius:1px}
#header .collapse-button:hover .icon-bar{background-color:#ccc;}

#header-bottom {padding:0;min-height:0;}

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 1024px */
/* ---------------------------------------------------------------------------------------- */
/* 900px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:900px){
#wrapper, #right, #left, #main, .rightColumn #container #main, .rightColumn #container #right{ width:100%; float:none; margin:0px; padding:0px; clear:both; }
.ce_download a{ padding:15px 0 15px 60px; }
.ce_download a::before, .ce_downloads a::before{ position:absolute; top:4px; left:0px; width:40px; height:40px; font-size:40px; line-height:40px; }
.accordion{ padding:0 0 0 60px; }
.ce_accordion .toggler{ padding:8px 0 10px 60px; /*! min-height:43px; */ /*! font-size:23px; */ line-height:26px; }
.ce_accordion .toggler:before{ width:55px; height:55px; /*! font-size:40px; */ /*! line-height:52px; */ }
#to_the_top{ width:50px; height:50px; bottom:0px; right:20px; line-height:50px; top:initial; }
#to_the_top.icon-up::before{ font-size:50px; }


/* Header */
#header{ /*! height: 100px; */ width:100%; z-index:400; }
#header .inside{ max-width:inherit; /*! min-height:60px; */ z-index:300; /*! padding: 0 20px; */ }
#logo img.logo{ width:70px; margin-bottom:8px; }
#header{ /*! min-height: 120px; */ }


body.mobmenuactive  #header{ /*! padding:10px; */ -webkit-box-shadow:inherit;}

#header .menu-collapser{ /*! right:25px; */ }
body.mobmenuactive #headersuche input[type="search"]{ width:200px; }
body.mobmenuactive #headersuche{ display:inline-block; }
body.mobmenuactive #logo{  /*! padding: 10px 0; */}
body.mobmenuactive #header .collapse-button .menu-text{ font-size:0; line-height:0; padding:0 10px; }
body.mobmenuactive #header .menu-collapser{ /*! top:25px; */ /*! right:15px; */ /*! z-index: 50; */}
body.mobmenuactive #header .collapse-button .menu-text:after{ content:"yyy"; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:40px; color:#67B42A; font-size:50px; padding:0 0 0 0px; }







/* end Header */



/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 880px */
/* ---------------------------------------------------------------------------------------- */
/* 768px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:768px){
body, p{  }
h1{ font-size:22px; margin:0 0 20px 0; }
h2{ font-size:22px; margin:0 0 20px 0; }
h3{ font-size:22px; margin:0 0 20px 0; }
h4{ font-size:22px; margin:0 0 20px 0; }
h5{ font-size:20px; margin:0 0 18px 0; }
h6{ font-size:20px; margin:0 0 18px 0; }
/* Abstände innen */
.rand10px{ padding:10px; }
.rand20px{ padding:15px; }
.rand30px{ padding:20px; }
.rand40px{ padding:30px; }
.rand60px{ padding:40px; }
.rand100px{ padding:60px; }
.rand20pxobenunten{ padding:10px 0; }
.rand30pxobenunten{ padding:15px 0; }
.rand40pxobenunten{ padding:20px 0; }
.rand60pxobenunten{ padding:30px 0; }
.rand20pxunten70px{ padding:10px 10px 35px 10px; }
.rand60pxaussen{ padding:0 30px; }
/* Abstände aussen */
.marginunten0px{ margin-bottom:0px !important; }
.marginunten10px{ margin-bottom:10px !important; }
.marginunten20px{ margin-bottom:15px !important; }
.marginunten25px{ margin-bottom:20px !important; }
.marginunten30px{ margin-bottom:20px !important; }
.marginunten40px{ margin-bottom:20px !important; }
.marginunten50px{ margin-bottom:30px !important; }
.marginunten60px{ margin-bottom:30px !important; }
.marginunten80px{ margin-bottom:40px !important; }
.marginoben0px{ margin-top:0px !important; }
.marginoben10px{ margin-top:10px !important; }
.marginoben20px{ margin-top:15px !important; }
.marginoben25px{ margin-top:20px !important; }
.marginoben30px{ margin-top:20px !important; }
.marginoben40px{ margin-top:20px !important; }
.marginoben50px{ margin-top:30px !important; }
.marginoben60px{ margin-top:30px !important; }
.marginoben80px{ margin-top:40px !important; }
/* end Abstände */



    
/* Shop */
.mod_iso_productlist .image_container { float: none; width:100%;}
.mod_iso_productlist .preisbestellen {width: 100%;}


.orderconditions legend{
float:none;
min-width: inherit;
}
.orderconditions fieldset > span{
/*! display:block; */
margin-bottom: 20px;
}

.mod_iso_checkout .image_container img{min-width:80px;}

.mod_iso_checkout .orderproducts{ overflow-x:auto;}
.mod_iso_checkout .info_container{width:100%; margin:0 0 40px 0;min-height: inherit;}


/* end Shop */

#header.fixed .kontakt_icons{ position:fixed; right:10px; top:initial; bottom:150px; padding:0; }
main#content{ margin-top:65px; -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; }
.rs-column.-small-col-1-1{ display:block; }
.kontakt_icons{ right:10px; top: 120px;}
.content-slider .ce_rsce_textgalerie .inner{ padding:25px 25px 0px 25px; }
/* Footer*/
#footer{ margin:0; padding:20px 20px 0px 20px; }
#footernavi{ display:inline-block; float:none; }
#footer .navigationbox{float:none; width:100%; }
footer nav > ul > li > a, footer nav > ul > li > span{ color:#ffffff; font-size:13px; }
footer nav > ul > li, footer nav > ul > li{ margin-bottom:10px;margin-right: 30px; }
#footer .footernavi{ border:0px; margin:0; padding:0; }
#footer h3 {font-size: 0.9em;}
#footer .footer-adresse,#footer .navigationservice{ float:none; margin-right:0; width:100%; }
#footer .navigationservice ul a b,
#footer .navigationservice ul span b{/*! right: 0px; */}
#footer .navigationservice ul a::before, #footer .navigationservice ul span::before {/*! top: 0px; *//*! right: 0px; */}
#footer .navigationservice ul a, #footer .navigationservice ul span {line-height:14px;padding: 0 0 6px 0;}

/* end Footer*/
/* NewsTeaser */
/* NewsDetails */
.mod_newsreader .layout_full{ padding:30px 0 0; }
  
  .ce_accordion {
    margin: 0 0 4px 0;
}

.teaserbildtext > .innen {
display: block;
flex-flow:inherit;
}
.teaserbildtext .bildbox {
flex:inherit;
}
.teaserperson{
flex: 0 1 100%;
}
.teaserperson .bildbox {
min-height: inherit;
width: 130px;
margin-bottom: 0;
}
.teaserperson .infobox {
 
 }

/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 768px */
/* ---------------------------------------------------------------------------------------- */
/* 599px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:599px){
.nachrichtenliste .image_container{ float:inherit; width:100%; margin:0 0 15px 0; }


.steps li {
font-size: 0.8em;
}
.steps li::after {
font-size: 10px;
}
#iso_ajaxBox{
width:80%;left: 10%;right: 10%;
}
#iso_ajaxBox .iso_confirm {
padding-left:0;
background: none;
}
.mod_registration label, .mod_login label, .address_new label,
.mod_registration input, .mod_registration select, .mod_login input, .address_new input, .address_new select {
width: 100%;
float: none;
display: block;
}
.mod_registration label, .mod_login label, .address_new label{
margin-bottom:4px;
}



/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 599px */
/* ---------------------------------------------------------------------------------------- */
/* 479px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:479px){
body, p{ font-size:16px; line-height:150%; }


#headerslider{ min-height: 220px;}

.ce_form .textarea.anfragebox {width: 99%;}

.accordion{ padding:0 0 0 60px; }
.ce_accordion .toggler{ padding:8px 0 10px 60px; /*! min-height:43px; */ /*! font-size:18px; */ /*! line-height:20px; */ }
  


.ce_rsce_leistungsteaser {width: 100%; flex: 0 0 100%;}

.ce_rsce_leistungsteaser {float: none;}
.ce_rsce_leistungsteaser .innerbox {
    padding: 0 0px 20px 0;
}  
  .leistungsteaser {width: 30%; position: relative;
height: 120px; display: flex;
align-items: center;
float: left;
/*! padding: 5%; */
}
  .ce_rsce_leistungsteaser .inner{display: inline-block;width: 100%;height: inherit;}
  
.leistungsteasericon img {/*! height: 90px; */width: 90px;} 
.leistungsteasertext {min-height: 125px; width: 70%; display: flex;align-items: center;float: right;padding: 5%;position: inherit;}
.leistungsteasertext .innen {font-size:18px;line-height: 20px;  }


.leistungsteasericon {padding: 10px 10px;height: 100%;position: inherit;top: inherit;display: flex;align-items: center;}

.leistungsteaserbild {height: 140px;display: none;}

.leistungsteaser:hover .leistungsteasericon img,
.leistungsteaser:hover .leistungsteasericon{
    opacity: 1;
}
    
.ce_headline b {
    color: #e74b05;
    font-size: 40px;
    line-height: 30px;
    margin:0 18px 12px 0;
}

.ce_form .widget.leftcol{padding-right:0; width:99.4%; display:block; }
.ce_form .widget.rightcol{padding-left:0; width:99.4%; display:block;}
.ce_form .widget-textarea{width:99.4%;}

.teaserperson .bildbox {
width: 80px;
}

#logo a{background-image: url("../../../../files/emmett/themes/img/logos/logo-icon-mob.svg");
width: 50px;
display: block;
height: 50px;
}
#logo img{display:none;}


/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 479px */
/* ---------------------------------------------------------------------------------------- */
/* 379px ---------------------------------------------------------------------------------- */
@media only screen and (max-width:379px){

.teaserperson .bildbox,.teaserperson .infobox {width:100%; }
.teaserperson .bildbox{padding-bottom:20px;}

.teaserperson .bildbox img {
max-height: inherit;width: 100%;
}



/* ---------------------------------------------------------------------------------------- */
}
/* end max-width: 379px */
/* ---------------------------------------------------------------------------------------- */
/* --- Umsetzung Markus Schindler --- */