@font-face {
    font-family: 'Calibri';
    src: url('../fonts/calibri.eot');
    src: url('../fonts/calibri.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calibri.woff') format('woff'),
         url('../fonts/calibri.ttf') format('truetype'),
         url('../fonts/calibri.svg#calibri') format('svg');
    font-weight: normal;
    font-style: normal;
}

#jform_captcha {
  float: left;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ margin:0 auto; padding:0; border:0; outline:0;
  font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; 
  vertical-align:top; }

:focus { outline:0; }
body { line-height:1; color:black; background-color: #f0f0f0; font-family: Arial; width: 100%; height: 100%; }
ol, ul { list-style:none; }

table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
body{
  background-position: top center;
  background-repeat: no-repeat;
  color:#5e5e5e;
}
a{
  color:#009de5;
  text-decoration:none;
}
.clr{
  clear:both;
}
select,textarea,input[type="email"],input[type="text"],input[type="password"],input[type="file"]{
  border: 1px solid #d7d7d7;
  padding: 5px 7px;
  font-size: 14px;
  color:#8a8788;
}
.left{
  float:left;
}
.right{
  float:right;
}
strong{
  font-weight:bold;
}

.button{
  padding: 10px 30px 10px 30px;
  font-weight: bold;
  background-color:#a3ba03;
  color:#fff;
  border: none;
  cursor: pointer;
}
.button:hover{
  background-color:#7f9007;
}
.body{
  margin:0 auto;
  width: 100%;
  background:#fff;
  /***** box-shadow: 0 0 5px #aaa; *****/
}
.fliesstext-unterseite{
  line-height: 1.6;
}
.no-shadow{
  box-shadow: none;
}
.dd-left{
  float:left;
  min-width:75px;
}
.dd-right{
  float: right;
  min-width: 300px;
  padding-left: 10px;
}
.error-heading{
 font-size: 62px;
 font-weight: bold;
 padding: 30px 0px 30px 0px;
}
div.seo h3 {
  font-weight: bold;
}
/******** 2column ********/

.card {
  padding: 0 0 0 0;
}

.teaser {
  border: 1px solid #f6f7f8;
  box-shadow: 0 1px 3px rgba(0,0,0,0.2);
  margin: 12px 0 12px 0;
}

.cards {
  max-width: 100%;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}

/***** end 2 column *****/

/******** full row ********/

.row-full{
  width: 100vw;
  position: relative;
  margin-left: -49vw;
  height: 100px;
  margin-top: 50px;
  left: 49%;
}

.no-padding{
  padding-left: 0px;
  padding-right: 0px;
}

.btn-primary {
  color: #fff !important;
  background-color: #00b0ff !important;
  border-color: #00b0ff !important;
  -webkit-box-shadow: 0px 0px 30px -10px rgba(0,157,229,1);
-moz-box-shadow: 0px 0px 30px -10px rgba(0,157,229,1);
box-shadow: 0px 0px 30px -10px rgba(0,157,229,1);
}

.btn-primary:hover {
  color: #fff !important;
  background-color: #00b0ff !important;
  border-color: #00b0ff !important;
  -webkit-box-shadow: 0px 0px 30px -10px rgba(0,157,229,1);
-moz-box-shadow: 0px 0px 30px -10px rgba(0,157,229,1);
box-shadow: 0px 0px 30px -10px rgba(0,157,229,1);
}

/***** end full row *****/

/******** custom list duschrueckwand ********/

.duschrueckwand-list {
  list-style: none;
  padding-left: 0;
}
.duschrueckwand-list li {
  position: relative;
  padding-left: 30px;
}
.duschrueckwand-list li:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  background-image: url('https://www.deindruckwerk.de/images/banners/2020/duschrueckwaende/duschrueckwand-lp/checkmark-48.png');
  background-size: cover;
  background-position: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/***** end custom list duschrueckwand *****/

/******** 2column faq ********/

.card-faq {
  padding: 0 0 0 0;
  grid-template-columns: 400px auto;
}

.cards-faq {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}

/***** end 2 column faq *****/


#top{
width: 100%;
/*border-bottom: 1px solid #d6d6d6; obere Linie */
height: 185px;
background-color: #f0f0f0;
}
#top .body{
  position: relative;
}
#logo{
    position: absolute;
    z-index: 26;
    width: 135px;
    height: 135px;
    background: #a3ba03;
}
#logo-mb {
	display: none;
	position: absolute;
    z-index: 26;
    width: 75px;
    height: 75px;
}
#top-right-bottom .jmoddiv.jmodinside{
    position: initial;
}
#top-right{
    height:135px;
    width:974px;
    margin:0 auto;
}
#top_menu{
    height:50px;
    width:100%;
    background-color: #f6f7f8;
}
#top-right-top{
  height: 50px;
}
.all_login_form{
font-size: 14px;
height: 24px;
}
#bl-login{
display: inline-block;
padding: 10px 14px;
}
#bl-login a{
color:#4c4c4c;
}
#bl-registration{
display: inline-block;
background-color: #a3ba03;
padding: 10px 10px 10px 10px;
/*border-radius: 5px;*/
text-align: center;
width: 94px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#bl-registration a{
  color: #fff;
text-shadow: 0px 0px 1px #fff;
}
.all_login_form .user-name{
  display: inline-block;
padding: 3px 0px 1px 2px;
margin-right: 5px;
margin-top: 5px;
}
.all_login_form .link_user{
  display: inline-block;
  margin-right: -4px;
}
.all_login_form .link_userproducts{
display: inline-block;
}
.all_login_form .link_userproducts a{
background-image: url('../images/main_.png');
background-position: center right;
background-repeat: no-repeat;
margin-right: 7px;
display: inline-block;
width: 22px;
height: 24px;
}

.all_login_form .link_user a{
  padding: 10px 10px 10px 10px;
  display: inline-block;
  font-size: 12px;
  background-color: #a3ba03;
  color:#fff;
}
.all_login_form .user_logout{
  display: inline-block;
padding: 9px 10px 7px 10px;
font-size: 16px;
background-color: #a3ba03;
border-left: 1px solid #fff;
color:#7f8d1b;
cursor: pointer;
}


.mod-languages a,
.mod-languages{
color: #837e7e;
}
.mod-languages{
  float: right;
  font-size: 12px;
  font-weight: bold;
  padding: 7px;
}
.mod-languages .lang-active a{
color: #3b3939;
}
.mod-languages .lang-inline{
  display: inline-block;
}
.mod-languages .name_l{
display: inline-block;
}
.mod-languages ul{
  display: inline-block;
}
.mod-languages li{

}
.mod-languages .separator{

}


#top-right-center{
   float:right;
}

#top-right-center .menu{
  float: right;
padding-top: 25px;
}
#top-right-center .menu li{
  display: inline-block;
padding-left: 26px;
}
#top-right-center .menu a{
  font-size: 14px;
  font-style: italic;
  color:#b5b8bc;
}
#top-right-center .menu a:hover span{
  text-decoration: underline;
}

#top-right-center .menu a .image{
  display: inline-block;
}
#top-right-center .menu a img{
  padding-right: 10px;
}
#top-right-center .menu a span{
  display: inline-block;
padding-top: 10px;
}

#top-right-bottom{
  max-width:1080px;
  height:50px;
  margin: 0 auto;
  position:relative;
}


/* ---------- menu ------------*/
#top-right-bottom .menu{
padding-right: 35px;
}
#top-right-bottom .menu li{
  display: inline-block;
  padding:0px 21px 0px 19px;
  line-height:50px;
  cursor: pointer;
}
#top-right-bottom .menu li a{
  color:#5e5e5e;
  font-size: 14px;
}
#top-right-bottom .menu li:hover{
    border-color:#afc90c;
    background-color: #afc90c;
    color: #ffffff;
}
#top-right-bottom .menu li.active{
  border-color:#ebebeb;
}
#top-right-bottom .menu li ul{
  display:none;
}
/* ---- level 2 ---- */
#top-right-bottom .menu li:hover ul{
  z-index: 9999;
  display:block;
  width:974px;
}
#top-right-bottom .menu .level_1 ul{
  position: absolute;
top: 48px;
margin-right: 2px;
padding-left: 18px;
padding-bottom: 12px;
border: 0px solid #afca0b;
z-index: 25;
left:0;
/*background-image: url('../images/fon-top_submenu.jpg');*/
background-position: top left;
background-repeat: repeat-x;
background-color: #afca0b;
box-shadow: 0 14px 28px rgba(0,0,0,0.25);
}
#top-right-bottom .menu .level_1 ul li:hover{
  background: transparent;
}
#top-right-bottom .menu .level_1 ul li{
  padding: 0px;
margin: 0px;
height: 79px;
border: 0px solid;
}
#top-right-bottom .menu .level_1 ul li a{
  width: 224px;
height: 64px;
display: table;
margin-right: 10px;
/*border-radius: 5px;*/
margin-top: 16px;
overflow: hidden;
color: #fff;
}
#top-right-bottom .menu .level_1 ul li a:hover{
  text-decoration: underline;
  background-color: #91a505;
}
#top-right-bottom .menu .level_1 ul .image{
  display: table-cell;
background: #f1f1f1;
width: 63px;
height:63px;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
#top-right-bottom .menu .level_1 ul .image-title{
  display: table-cell;
vertical-align: middle;
padding-left: 15px;
padding-top: 2px;
}

#top-right-bottom .menu li:hover .sub_menu{
  display:inline-block;
  
}
#top-right-bottom .menu .sub_menu{
  width: 0px;
height: 0px;
position: relative;
display:none;
}
#top-right-bottom .menu .sub_menu .sub_menu_image{
/*background-image: url('../images/curs_top_submenu.png');*/
background-position: top center;
background-repeat: no-repeat;
width: 30px;
height: 17px;
position: absolute;
top: 35px;
left: 0px;
z-index: 26;
}

/******** end ********/
/***** basket *****/
.chart_box{
  margin-right: 45px;
width: 198px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
height: 50px;
background: none;
border-left: 1px solid #d2d6d9;
text-align:right;
}
.chart_box .basket_info{
  padding: 15px 0px 0px 0px;
width: 143px;
font-size: 12px;

}
.chart_box .basket_info .quantity{
float:left;
width: 62px;
border-right: 1px solid #000;
margin-top: 2px;
height: 11px;
text-align: right;
padding-bottom: 0px;
padding-right: 4px;
color:#000;
margin-top:5px;
}
.chart_box .basket_info .summe{
margin-top: 2px;
border-left: 1px solid #d3d5d6;
float: right;
width: 72px;
padding-left: 3px;
margin-top:5px;
}
.chart_box .basket_info .text-bask{
font-size: 12px;
padding-left: 12px;
text-transform: uppercase;
color: #afc90c;
}
.chart_box .basket_name {

}

.chart_box .basket_name .basket_name_link{
  background-image: url('../images/basket.png');
background-position: center right;
background-repeat: no-repeat;
display: inline-block;
width: 55px;
font-size: 0px;
height: 53px;
}

/***** slider ******/
#center{
width:100%;
/*background-image: url(../images/background-center.jpg); Slider Background*/
background-position: top left;
background-repeat:repeat-x;
background-color: #fff;
}
#center .slidesjs-previous{
background-image: url(../images/button-slider-left.png);
left: 57px;
top: 181px;
width: 64px;
height: 64px;
  z-index: 24;
}
#center .slidesjs-previous:hover{
background-image: url(../images/button-slider-left-hover.png);
}
#center .slidesjs-next{
background-image: url(../images/button-slider-right.png);
right: 88px;
top: 181px;
width: 64px;
height: 64px;
  z-index: 24;
}
#center .slidesjs-next:hover{
background-image: url(../images/button-slider-right-hover.png);
}

/*=== slider ====*/
#center .tp-leftarrow.default,
#center .tp-rightarrow.default{
  width: 64px;
  height: 64px;
}

#center .tp-leftarrow.default{
background-image: url(../images/button-slider-left.png);
}
#center .tp-leftarrow.default:hover{
background-image: url(../images/button-slider-left-hover.png);
}
#center .tp-rightarrow.default{
background-image: url(../images/button-slider-right.png);
}
#center .tp-rightarrow.default:hover{
background-image: url(../images/button-slider-right-hover.png);
}
/*===end slider ====*/

#center .slidesjs-pagination{
  z-index: 24;
  top: 400px;
}
#center .slidesjs-pagination li a{
  background-image: url(../images/pagination.png);
}

#center .slidesjs-pagination li a.active,
#center .slidesjs-pagination li a:hover.active {
      background-position: 0 -15px
    }

#center .slidesjs-pagination li a:hover {
      background-position: 0 -30px
    }

#center .body{
  max-width: 1080px;
height: 400px;
}
#center .body .container{
  max-width: 1080px;
height: 428px;
}

/***** end slider ******/
#bottom_top{
  width:100%;
}

#bottom{
width:100%;
/*background-image: url(../images/background-bottom.jpg);*/
background-position: top left;
background-repeat:repeat;
/*margin-top:-10px;*/
}

#bottom-top{
  padding-top: 0px;
  max-width: 1080px;
}

/*** scroll-category ***/
#bottom-top .scroll-category{
  max-width: 1080px;
}

#bottom-top .scroll-category .scroll-pane-table td{
background:none;
padding:0;
}
#bottom-top .scroll-category .jshop_menu a:hover .jshop_menu_img img{
  margin-top: -75px;
}
#bottom-top .scroll-category .jshop_menu a:hover .jshop_menu_name{
  color:#5c6c0b;
}
#bottom-top .scroll-category .scroll_box{
  height: 131px;
  width:auto;
float: left;
}
#bottom-top .scroll-category .jshop_menu_img{
  width: 107px;
height: 85px;
overflow: hidden;
margin: 0;
}

#bottom-top .scroll-category .jspPane{
margin-top: 3px;
}

#bottom-top .scroll-category .scroll-pane-visible-block{
height: 130px;
}
.scroll-category .horizontal-only{
  min-height: 155px;
  background: #fff;
  background-position: top left,top right,top left;
  background-repeat:no-repeat,no-repeat,repeat-x;
}
/**** scroll horizontal ***/
.jshop_prod_related  .jspHorizontalBar .jspDragRight,
.scroll-category .jspHorizontalBar .jspDragRight,
.jshop_prod_related   .jspHorizontalBar .jspDragLeft,
.scroll-category .jspHorizontalBar .jspDragLeft,
.jshop_prod_related  .jspHorizontalBar,
.scroll-category .jspHorizontalBar,
.jshop_prod_related   .jspArrowLeft,
.scroll-category .jspArrowLeft,
.jshop_prod_related   .jspArrowRight,
.scroll-category .jspArrowRight{
  background-repeat: no-repeat;
  background-color: transparent;
}
.jshop_prod_related .jspHorizontalBar,
.scroll-category .jspHorizontalBar{
  height: 18px;
}
.jshop_prod_related .jspHorizontalBar .jspArrowLeft,
.scroll-category .jspHorizontalBar .jspArrowLeft{
    background-color: #DFE1E0;
    background-image: url("../images/horisontal_scroll/horizontal_scroll_left_arrow.png");
    background-position: left -3px center;
    width: 15px;
}
.jshop_prod_related .jspArrowRight,
.scroll-category .jspArrowRight{
  background-image: url('../images/horisontal_scroll/horizontal_scroll_right_arrow.png');
  width: 15px;
}
.jshop_prod_related .jspHorizontalBar .jspTrack ,
.scroll-category .jspHorizontalBar .jspTrack {
    background-image: url('../images/horisontal_scroll/horizontal_scroll_body.jpg');
}
.jshop_prod_related .jspHorizontalBar .jspDrag,
.scroll-category .jspHorizontalBar .jspDrag{
  background-image: url('../images/horisontal_scroll/horizontal_scroll_scrol_body.jpg');
}

/*** end scroll-category ***/

#bottom-bottom{
  max-width:1080px;
  /*float: left;
  margin:18px 0px 0px 0px;*/
  background: #f6f7f8;
  padding:15px 43px;
}
/*** tabs ***/
#bottom-bottom .tabouter{

}
#bottom-bottom .tabouter .tabs{
  height: 21px;
}
#bottom-bottom .tabouter .tab{
  float: left;
}
#bottom-bottom .tabouter .tab a{
  background: #fff;
border: 1px solid;
border-bottom: 0px solid;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding: 8px 67px 5px 62px;
}
#bottom-bottom .tabcontent{

}
#bottom-bottom .tabouter .home_mod_title_prod{

}

/*#bottom-bottom .tabouter{

}*/
/***end tabs ***/
/*#bottom-bottom h2{
  display: inline-block;
background: #fff;
border: 1px solid #e1e1e1;
border-bottom: 0px solid;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
padding: 8px 67px 7px 62px;
}*/
#bottom-bottom .slides_container_best_prod{
border: 0px solid #e1e1e1;
margin-top: -1px;
border-top-left-radius: 0px;
padding:2px 17px 22px 4px;
margin-bottom: 25px;
/*background-color: #fff;*/
width: 947px;
} 

#bottom-bottom .slides_container_best_prod .block_item{
  display: inline-block;
  width: 297px;
  height: 350px;
  border:0px solid #e1e1e1;
  background-color: #fff;
  margin-left: 13px;
  margin-top: 17px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

#bottom-bottom .slides_container_best_prod .block_item:hover{ 
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
} 

#bottom-bottom .slides_container_best_prod .block_item .item_image{
padding: 10px 10px 9px;
text-align: center;
width: 278px;
height: 195px;
display: table;
overflow: hidden;
}
#bottom-bottom .slides_container_best_prod .block_item .item_image a{
display: table-cell;
vertical-align: middle;
}
#bottom-bottom .slides_container_best_prod .block_item .for_name_and_description .item_name{
padding: 0 25px;
text-align: center;
line-height: 19px;
height: 39px;
overflow: hidden;
}
#bottom-bottom .slides_container_best_prod .block_item .for_name_and_description .item_name a{
color: #75777a;
font-weight: normal;
}
#bottom-bottom .slides_container_best_prod .block_item .item_price{
text-align: center;
margin-top: 8px;
}
#bottom-bottom .slides_container_best_prod .block_item .item_price .price{
color: #000;
font-weight: bold;
}
#bottom-bottom .slides_container_best_prod .block_item .item_price .price ._price{
  padding-left: 10px;
color: #798907;
}
#bottom-bottom .slides_container_best_prod .block_item .item_price .tax-shipping{
  color: #999898;
  font-size: 10px;
  padding-top: 1px;
}
#bottom-bottom .slides_container_best_prod .button{
  display: inline-block;
margin-top: 15px;
padding-top: 6px;
padding: 10px 46px 10px 46px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #a1a3a4;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
#bottom-bottom .slides_container_best_prod .button:hover{
background-color: #a3ba03;
}
#bottom-bottom .slides_container_best_prod .button span{
  font-size: 14px;
padding-right: 11px;

background-image: url(../images/button_bestceler.png);
background-position: center right;
background-repeat:no-repeat;
}

#bottom-bottom .seo{
  margin:0px 6px 10px 8px;
  font-size: 14px;
  line-height: 1.6rem;
}
#bottom-bottom .seo .seo_button{
  cursor: pointer;
float: right;
}

#bottom-futter{
  min-height: 206px;
background-color: #252525;
margin-top: 9px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 35px;
}

#bottom-futter h3{
  color: #fff;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #454444;
padding-bottom: 6px;
}

#bottom-futter .menu{
  padding-top: 3px;
}
#bottom-futter .menu li{
  line-height: 24px;
}
#bottom-futter .menu li a{
  color: #c6c6c6;
font-size: 13px;
}

#bottom-futter  .moduletable{
  display: inline-block;
}
#futter-top{
  max-width:1080px;
}
#futter-top-left .moduletable{
  width: 128px;
margin-right: 35px;
}
#futter-top-left .moduletable:first-child{
    margin-left:25px;
}

#futter-top-center{
  padding-left: 1px;
}
#futter-top-center h3{
padding-left: 3px;
padding-right: 2px;
margin-bottom: 10px;
}

#futter-top-right{
  margin-right: 50px;
  margin-bottom: 25px;
}
#futter-top-right h3{
  margin-bottom: 10px;
}

#futter-bottom{  
border-top: 1px solid;
max-width: 1080px;
margin-bottom: 25px;
padding: 15px 0px 35px 0px;
}

#futter-copirate{
  font-size: 10px;
margin-top: 11px;
color: #8b8b8b;
}

#futter-bottom-left{

}
  
#futter-bottom-right{
padding-right:5px;
}
#futter-bottom-right .menu{
  margin-right: 3px;
margin-top: 5px;
}
#futter-bottom-right .menu li{
  display: inline-block;
padding-left: 15px;
}


.pagination ,
.pagination a{
font-size: 14px;
font-weight:bold;
color:#75777a;
}
.pagination .pagination-start{
display:none;
}
.pagination li{
  
}
.pagination a.pagenav{
  background-color: transparent;
}
.pagination .pagenav{
padding-top: 3px;
background-color: #f8f8f8;
display: inline-block;
width: 22px;
height: 18px;
text-align: center;
}
.pagination .pagenav:hover{
  background-color: #f8f8f8;
}

.pagination .pagination-prev span,
.pagination .pagination-prev a,
.pagination .pagination-next span,
.pagination .pagination-next a{
  background-position: center;
background-repeat: no-repeat;
background-color: transparent;
display: inline-block;
font-size: 0px;
width: 22px;
height: 18px;
}

.pagination .pagination-prev span,
.pagination .pagination-prev a{
background-image: url(../images/pagination_arrow_left.jpg);
}

.pagination .pagination-next span,
.pagination .pagination-next a{
background-image: url(../images/pagination_arrow_right.jpg);  
}  
.pagination .pagination-end{
display:none;
}
/* #######callBeck  */

.accordion-group{
  padding-top: 25px;
  max-width: 1080px;
}
.category_name,
.accordion-group h2,
#callBeck .title,
div.blogtitle{
    text-align: center;
    display: inline-block;
    padding: 15px 15px 5px 11px;
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #fff;
    font-weight: bold;
}
.downloads {
    max-width: 700px;
}
.downloads .col-md-3{
    margin-bottom: 40px;
}
#callBeck .block_callback{
    background: #fff;
    border: 1px solid #e1e1e1;
    margin-top: -1px;
    padding: 9px 7px 13px 20px;
    line-height: 22px;
}
.accordion-body{
    background: #fff;
    margin-top: -1px;
    padding: 9px 15px 13px 15px;
    line-height: 22px;
}
#contact-form label{
    display: inline-block !important;
}
#socials_button{
  position:fixed;
  right:0;
  top: 230px;
  z-index: 27;
}
#socials_button .itp-sb-left a{
  margin: 0px;
display: inline-block;
padding-top: 36px;
height: 76px;
}

.soc_block{
  min-height: 120px;
  padding-left: 32px;
  background-position: top left;
  background-repeat:no-repeat;
  margin-left: 0!important;
}

.facebook{
  background-image: url(../images/social_facebook.png);
  
}
.facebook a{
  background-color:#3B5998;
}
.google{
  background-image: url(../images/social_google.png);
  
}
.google a{
  background-color:#C40807;
}

.newslatterr{
background-image: url(../images/soc_newsslater.png);
}
.newslatterr #newsletter{
  overflow: hidden;
border: 1px solid #35B1D5;
height: 133px;
border-right: 0px solid;
padding-top: 18px;
width: 218px;
box-shadow: 0px 1px 2px #35B1D5;
background-color: #F3F5F4;
}

#newsletter .inputbox{
text-align: center;
font-size: 16px;
padding: 5px 4px 4px 4px;
margin-left: 19px;
margin-bottom: 4px;
color:#CACECD;

}
#newsletter  .button{
  text-transform: uppercase;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 50px;
padding-right: 50px;
margin-top: 4px;
font-size: 12px;
text-shadow: none;
background-image: none;
}


.jshop_register select.styled{
  width: 268px;
}
.callbackform select.styled{
  width: 60px;
}
.callbackform  .select{
  padding: 0px 2px 0px 6px;
}
.callbackform .bis{
margin-left: 20px;
margin-right: 11px;
}
.mexr__info{
padding-top: 20px;
font-size: 12px;
color:#000;
}
.mexr__info span{
  border-top: 1px solid #e2e2e2;
padding-top: 11px;
display: block;
padding-left: 11px;
}
#bottom-content{padding: 10px 15px 0px ; max-width: 1080px;}
.com_content #bottom-content{padding: 10px 15px 0px ; max-width: 1080px;}
.com_content .item-page, div.blog{
/*border: 1px solid #e1e1e1;*/
padding: 10px;
/*border-radius: 0px 5px 5px;*/
margin-top: -1px;
background-color: #fff;
}
div.blog{
  padding: 0;
  border: 0;
  background-color: transparent;
}
#eKomiWidget_default {
  margin-left: 30px;}

.moduletableexterne {
  border: 1px solid #e1e1e1;
margin-top: 15px;
border-top-left-radius: 0px;
padding: 2px 17px 22px 4px;
margin-bottom: 15px;
background-color: #fff;
width: 947px;
}

.customexterne {
  border: 1px solid #e1e1e1;
margin-left: 13px;
margin-top: 17px;
}
/*.block_banner {
  margin: 0px 0px 0px 40px;
line-height: 13px;
}*/
.productfull {margin-top: 40px;
background-color: #FFF;
/*border-radius: 9px;*/
/*border: 1px solid #E1E1E1;*/
margin-bottom: 10px;}
.basket_block.checkout {border:none;}
.change_text{margin-left:23px;}

.jshop.productfull.productdetall {border:none; margin-top:0px; background-color:transparent;}
.productfull.prod_description {border:none; background-color:transparent; margin-top:0px;}

.product_params .product_name h1 {border:none; padding:0px;}

.jshop.productfull.productdetall .button_back {padding-left:10px;}
.moduletablesicher {margin-left:32px;}
#jPanel_343 {
left: 5px;
top: 100px;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{
    border-radius:0 !important;
}
.jspHorizontalBar .jspArrow {
    float: left;
    height: 100%;
    width: 14px !important;
}
.customblack_line{
    background: url(../images/bg_black.png) no-repeat center;
    width: 100%;
    height:45px;
}
.customblack_line p{
    width:50%;
    float:left;
    text-align:center;
    line-height:45px;
    font-size:19px;
    color:#fff;
}
#bottom-top-text{
    margin-left:15px;
    margin-top:30px;
}
#bottom-top-text .moduletable_text{
    width:465px;
    float:left;
    margin-left:38px;
    margin-bottom:30px;
    border: 1px solid #a1a3a4;
    font-size:14px;
    line-height:20px;
}
#bottom-top-text .moduletable_text p:first-child,
#bottom-top-text .moduletable_text h2{
    font-weight:bold;
    font-size:16px;
    padding-bottom:5px;
    padding-top:12px;
}
#bottom-top-text .moduletable_text img{
    padding:12px;
    padding-top:0;
}
#bottom-top-text .moduletable_text a{
    float:right;
    vertical-align:bottom;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    background:#a1a3a4;
    height:35px;
    line-height:35px;
    padding:0px 20px;
}
#bottom-top-text .moduletable_text a:hover{
    background:#a3ba03;
}
#bottom-top-text .moduletable_text p:last-child{
    vertical-align:bottom;
    margin-top:4px;
}
.tp-bannershadow.tp-shadow3 {background:none !important;}
.extra_fields li {
  font-size:14px;
  margin-left: 15px;
line-height: 1.4;}
.block_item .but_wrap {
text-align: center;}
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.alert,
.alert h4 {
	color: #c09853;
}
.alert h4 {
  margin: 0 0 .5em;
}
.alert .close {
	line-height: 18px;
    position: relative;
    right: -15px;
    top: -10px;
}
.alert-success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert-success h4 {
	color: #468847;
}
.alert-danger,
.alert-error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
	color: #b94a48;
}
.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert-info h4 {
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}
.alert-block p + p {
	margin-top: 5px;
}
.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: #000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
button.close {
	padding: 3px;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
}
@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.icon-calendar:before {
    font-family: 'IcoMoon';
	content: attr(data-icon);
	speak: none;
	content: "\43";
}
#dat_img{
    border: 1px solid #ccc;
    cursor: pointer;
    height: 30px;
    margin-left: 5px;
    padding: 0 10px;
    vertical-align: top;
}
@media (min-width: 1080px){
  .cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1079px){
  .cards { grid-template-columns: repeat(2, 1fr); }
    .body{
        width: 100%;
        box-shadow: none;
    }
    #top-right{
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    #top-right-bottom{
        width: 100%;
    }
    #center .body{
        width: 100%;
        height: auto;
    }
    #bottom-top .scroll-category{
        width: 100%;
    }
    #bottom-bottom{
        padding: 15px 15px;
        width: 100%;
        box-sizing: border-box;
    }
    #futter-top-left .moduletable:first-child{
        margin-left: 0;
    }
    #futter-bottom{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #bottom-futter{
        padding-left: 15px;
        padding-right: 15px;
    }
    #futter-top-right {
        margin-right: 0;
    }
    #futter-bottom-right{
        padding-right: 0;
    }
    #futter-copirate{
        padding-left: 0;
    }
    iframe[name="google_conversion_frame"]{
        display: none;
    }
    #bottom-bottom .seo{
        margin: 0
    }
    #callBeck{
        padding: 15px;
    }
    #callBeck .block_callback{
        padding: 10px;
    }
    .com_content .item-page, div.blog{
        padding: 10px 0;
    }
}

@media (min-width: 980px) and (max-width: 1079px){
  .cards { grid-template-columns: repeat(1, 1fr); }
    #bottom-bottom .slides_container_best_prod{
        width: 927px;
    }
    #bottom-bottom .slides_container_best_prod .block_item{
        width: 291px;
    }
    #bottom-top-text .moduletable_text{
        width: 49%;
        box-sizing: border-box;
        margin-left: 1%;
    }
    #bottom-top-text .moduletable_text:first-child{
        margin-right: 1%;
        margin-left: 0;
    }
    #bottom-top-text .moduletable_text:last-child{
        margin-right: 0;
        margin-left: 0;
    }
    #bottom-top-text{
        margin-right: 15px;
    }
}

@media (max-width: 979px){
  .cards { grid-template-columns: repeat(1, 1fr); }
  .teaser { margin: 15px 0 0 0; }
    #bottom-top-text .moduletable_text{
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        margin-right: 0;
    }
    #bottom-top-text{
        margin-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
  .cards { grid-template-columns: repeat(1, 1fr); }
  .teaser { margin: 15px 0 0 0; }
    #top-right-bottom .menu li:hover ul{
        width: 100%;
    }
    #bottom-bottom .slides_container_best_prod{
        width: 715px;
    }
    #bottom-bottom .slides_container_best_prod .block_item{
        width: 220px;
    }
    #bottom-bottom .slides_container_best_prod .block_item .item_image a img{
        max-width: 100%;
    }
    #bottom-bottom .slides_container_best_prod .block_item .item_image{
        width: 100%;
        box-sizing: border-box;
    }
    #futter-top-left .moduletable{
        margin-right: 5px;
        width: 125px;
        float: left;
    }
    .moduletablesicher {
        margin-left: 5px;
    }
    #futter-top-right img{
        width: 214px;
    }
}

@media (max-width: 767px){
  .cards { grid-template-columns: repeat(1, 1fr); }
  .teaser { margin: 15px 0 0 0; }
    #top-right-bottom .menu li{
        display: block;
        padding: 0;
    }
    #top, #top_menu, #top-right-bottom{
        height: auto;
    }
    #top-right-bottom{
        z-index: 100;
    }
    #top-right-bottom .menu li ul{
        display: block;
    }
    #top-right-bottom .menu .level_1 ul{
        position: relative;
        background: #e6e7e9;
        border: none;
        box-shadow: none;
        top: 0;
        margin-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }
    #top-right-bottom .menu li:hover ul{
        width: 100%;
    }
    #top-right-bottom .menu .level_1 ul .image{
        display: none;
    }
    #top-right-bottom .menu .level_1 ul li a{
        color: #3a3a3a;
        font-size: 14px;
        margin-top: 0;
        height: auto;
        width: 100%;
        margin-right: 0;
        padding-left: 30px;
        position: relative;
    }
    #top-right-bottom .menu .level_1 ul li a:before{
        content: "-";
        left: 15px;
        position: absolute;
    }
    #top-right-bottom .menu .level_1 ul li{
        height: auto;
    }
    #top-right-bottom .menu li{
        line-height: 35px;
    }
    #top-right-bottom .moduletable.right.basket{
        float: left;
    }
    #top-right-bottom .moduletable.right{
        float: right;
    }
    #navbarCollapse{
        background: #e6e7e9;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 1000;
        padding: 0;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
    #top-right-bottom .menu{
        padding-right: 0;
    }
    #top-right-bottom .menu .level_1 ul .image-title{
        padding: 0;
    }
    #top-right-bottom .menu li a{
        display: inline-block;
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
    }
    #top-right-bottom .menu li:hover{
        border-color: #e6e7e9;
        background-color: #e6e7e9;
    }
    #top-right-bottom .menu li a:hover,
    #top-right-bottom .menu li a:focus,
    #top-right-bottom .menu li a:active,
    #top-right-bottom .menu .level_1 ul li a:hover,
    #top-right-bottom .menu .level_1 ul li a:focus,
    #top-right-bottom .menu .level_1 ul li a:active{
        background-color: #fff;
        text-decoration: none;
    }
    #bottom-bottom .slides_container_best_prod{
        background-color: transparent;
        border: none;
        border-top-left-radius: 0;
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
        width: 100%;
    }
    #bottom-bottom .slides_container_best_prod .block_item{
        width: 100%;
        background: #fff;
        margin-bottom: 15px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        height: auto;
    }
    #bottom-bottom .slides_container_best_prod .block_item .item_image{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    #bottom-bottom .slides_container_best_prod .block_item .item_image img{
        width: 100%;
    }

    #futter-top-left{
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    #futter-top-left:before,
    #futter-top-left:after{
        display: table;
        content: "";
        line-height: 0;
    }
    #futter-top-left:after{
        clear: both;
    }
    #futter-top-left .moduletable{
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
        float: left;
    }
    #futter-top-center .moduletable,
    #futter-top-right .moduletable{
        width: 100%;
    }
    #futter-top-center .moduletable .custom p{
        text-align: left !important;
    }
    #futter-top-center,
    #futter-top-left-right{
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
    .moduletablesicher{
        margin-left: 0;
    }
    .moduletablesicher img{
        margin-left: 30px !important;
    }
    #futter-top-right{
        width: 100%;
    }
    #callBeck .callbackform{
        margin: 0;
    }
    #top-right-bottom .menu .sub_menu{
        display: none!important;
    }
}

@media (max-width: 670px){
  .cards { grid-template-columns: repeat(1, 1fr); }
  .teaser { margin: 15px 0 0 0; }
	#logo {display: none;}
    #logo-mb {display: block; max-width:84px; float:left;}
    #top-right{
        height: auto;
        background: #fff;
        z-index: 100;
        position: relative;
    }
    #logo-mb{
        position: relative;
        width: 100%;
        background: #fff;
        text-align: center;
        float: left;
    }
    #top-right-top{
        height: auto;
    }
    #top-right-top .moduletable{
        float: none;
    }
    #top-right-center{
        float: none;
    }
    #top-right-center .menu{
        float: none;
        padding-top: 15px;
        text-align: center;
        padding-bottom: 15px;
    }
    #top-right-center .menu li:first-child{
        padding-left: 0;
    }
    #futter-bottom-right {
        float: none;
        text-align: center;
    }
    #futter-copirate{
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
    }
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form textarea{
        width: 95%;
    }
}

@media (max-width: 590px){
  .cards { grid-template-columns: repeat(1, 1fr); }
  .teaser { margin: 15px 0 0 0; }
	#logo {display: none;}
    #logo-mb {display: block; max-width:84px; float:left;}
    #callBeck .block_callback .callbackform tr > td{
        display: block;
        width: 100% !important;
    }
    #callBeck .block_callback .callbackform tr > td textarea{
        width: 100%;
        box-sizing: border-box;
    }
    .callbackform{
        width: 100%;
    }
}

@media (max-width: 480px){
  .cards { grid-template-columns: repeat(1, 100%); }
  .teaser { margin: 15px 0 0 0; }
	#logo {display: none;}
    #logo-mb {display: block; max-width:84px; float:left;}
    #futter-top-right img{
        max-width: 100%;
    }
    #top-right-center .menu a span.image-title{display: none;}
}

@media (max-width: 480px){
  .cards { grid-template-columns: repeat(1, 100%); }
  .teaser { margin: 15px 0 0 0; }
	#logo {display: none;}
    #logo-mb {display: block; max-width:84px; float:left;}
    #callBeck input[type="text"]{
        width: 210px;
    }
    .customblack_line p{
        font-size: 15px;
        line-height: 35px;
    }
    .customblack_line{
        height: 35px;
    }
}

@media (min-width: 850px) and (max-width: 979px) {
  .cards { grid-template-columns: repeat(1, 1fr); }
  .teaser { margin: 15px 0 0 0; }
    #futter-top-right img {
        width: 296px;
    }
}

@media (max-width: 385px){
  .cards { grid-template-columns: repeat(1, 100%); }
  .teaser { margin: 15px 0 0 0; }
    #bottom-top-text .moduletable_text:nth-child(2) img{
        padding-bottom: 55px;
    }
}