/*
HALBACH PORTO CSS STYLE
ADDITIONAL CSS
(C) 2015 Unternehmen Online GmbH

COLORS
DH Green: 007958
DH Grey: 6d808e

DH Light Green: 99c9bc

*/


/* fira-sans-condensed-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Fira Sans Condensed 400';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/fira-sans-condensed-v10-latin/fira-sans-condensed-v10-latin-regular.woff2') format('woff2'); 
}


html, body {color:#6c7f8c; overflow-x: hidden;}
* {font-family:'Fira Sans Condensed 400';}

/*
extra Halbach-Fonts
*/



/*************************************************************************/
/* ICONFONTS */
/*************************************************************************/

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

[class^="icon-"], [class*=" icon-"] {
    font-family: 'halbach';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


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


@font-face {
    font-family: 'halbachshop';
    src:url('../fonts/halbachshop.eot?x4oopb');
    src:url('../fonts/halbachshop.eot?x4oopb#iefix') format('embedded-opentype'),
        url('../fonts/halbachshop.ttf?x4oopb') format('truetype'),
        url('../fonts/halbachshop.woff?x4oopb') format('woff'),
        url('../fonts/halbachshop.svg?x4oopb#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
[class^="icon-"], [class*=" icon-"] {
    font-family: 'halbachshop';
    speak: none;
    font-style: normal; 
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*/


.menuspalte {display:none;}
.header-container.type3.sticky-header .header-wrapper {display:none!important;}


.icon-minus:before {
  font-family: 'halbach';
  content: "\e900";
}
.icon-plus:before {
  font-family: 'halbach';
  content: "\e901";
}
.icon-icon_category:before {
  font-family: 'halbach';
  content: "\e902";
}
.icon-icon_close:before {
  font-family: 'halbach';
  content: "\e903";
}
.icon-icon_close2:before {
  font-family: 'halbach';
  content: "\e904";
}
.icon-icon_contact:before {
  font-family: 'halbach';
  content: "\e905";
}
.icon-icon_down:before {
  font-family: 'halbach';
  content: "\e906";
}
.icon-icon_kontaktanfrage:before {
  font-family: 'halbach';
  content: "\e907";
}
.icon-icon_video:before {
  font-family: 'halbach';
  content: "\e908";
}
.icon-icon_gridview:before {
  font-family: 'halbach';
  content: "\e909";
}
.icon-icon_gridview_green:before {
  font-family: 'halbach';
  content: "\e90a";
}
.icon-icon_intocart:before {
  font-family: 'halbach';
  content: "\e90b";
}
.icon-icon_listview:before {
  font-family: 'halbach';
  content: "\e90c";
}
.icon-icon_listview_green:before {
  font-family: 'halbach';
  content: "\e90d";
}
.icon-icon_merkzettel:before {
  font-family: 'halbach';
  content: "\e90e";
}
.icon-icon_news:before {
  font-family: 'halbach';
  content: "\e90f";
}
.icon-icon_next:before {
  font-family: 'halbach';
  content: "\e910";
}
.icon-icon_partner:before {
  font-family: 'halbach';
  content: "\e911";
}
.icon-icon_pdf:before {
  font-family: 'halbach';
  content: "\e912";
}
.icon-icon_phone:before {
  font-family: 'halbach';
  content: "\e913";
}
.icon-icon_shop:before {
  font-family: 'halbach';
  content: "\e914";
}
.icon-icon_sonne:before {
  font-family: 'halbach';
  content: "\e915";
}
.icon-icon_suche:before {
  font-family: 'halbach';
  content: "\e916";
}
.icon-icon_up:before {
  font-family: 'halbach';
  content: "\e917";
}
.icon-icon_prev:before {
  font-family: 'halbach';
  content: "\e918";
}
.icon-icon_reload:before {
  font-family: 'halbach';
  content: "\e919";
}
.icon-gpsicon:before {
  font-family: 'halbach';
  content: "\e91a";
}
.icon-icon_uhr:before {
  font-family: 'halbach';
  content: "\e91b";
}
.icon-icon_globe:before {
  font-family: 'halbach';
  content: "\e91c";
}




.icon-phone:before {content: "\e911"; font-family: "halbachshop";color:#007958; font-weight: bold; font-size:18px;}

a {color: #007958;}
a:hover {color:#000;}
/*
HEADER
*/
.header {height:135px;}
.homepage-bar {display:none;}
.header-container.type2 .compare-link, .header-container.type3 .compare-link, .header-container.type4 .compare-link, .header-container.type5 .compare-link, .header-container.type6 .compare-link, .header-container.type7 .compare-link, .header-container.type9 .compare-link, .header-container.type10 .compare-link {display:none;}
.header-container .top-links-area {float:left;}
.header-container.type3 .top-links-container{background:#fff;color:#6d808e;}
.header-container.type3 {position: relative; z-index:123; background:#fff;  color:#6d808e;box-shadow:0px -3px 3px #fff,0px -3px 3px #fff,0px -3px 3px #fff, 0px 0px 3px #888; }
.header-container.type3.noshadow {box-shadow:0px 0px 0px transparent;}
.header-container.type3 .compare-link > a, .header-container.type5 .compare-link > a, .header-container.type6 .compare-link > a {color:#6d808e;}
.header-container .links {margin-top:12px;}
.header-container .links li {border-left:0px; position: relative;}
.header-container .links li:after {content:""; height:20px; width:1px; background:#ccd3d8; position: absolute; right:0; top:-5px; float:left;}
.header-container .links li:last-child:after {content:""; display:none;}
.header-container.type3 .top-links ul.links a {color:#6d808e; font-size:16px;}
.header-container.type3 .header .form-search #search {color:#6d808e;}
.header-container.type3 .header {color:#007958;}
.header-container.type3 .search-area {position: relative; top:80px; left:0;}
.header-container.type3 .header .form-search {padding:4px 0; background:#fff; border-radius:0px; color:#6d808e; border:1px solid #99c9bc;width:350px;}
.header-container.type3 .header .form-search #cat {height: 25px; color:#6d808e; border-color:#99c9bc; line-height: 25px; padding:0 0 0 15px;}
.header .form-search #search {height:25px; padding-top:0; padding-bottom:0;}
.header-container.type3 .header .form-search button.button {height:25px; width:25px; color:#007958; right:0px;}
.block.block-account,
.home-side-menu {box-shadow:0px 0px 2px #888; float:left; display:inline;}
.block.block-account{background:#fff;}
.menu.side-menu {display:inline-block; width:100%; margin-bottom:-5px;}
.home-side-menu h2.side-menu-title,
.block.block-account .block-title{border-radius:0px!important;margin-bottom:0; background:#fff;padding:0 0 0 80px;position: relative; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box;  height:60px; margin:0 0 0 0; line-height:60px;  width:100%;font-size:24px; color:#007958;font-family:'Fira Sans Condensed 400'; font-weight:normal;}
.block.block-account .block-title {padding-left:25px;}
.block.block-account .block-title strong span{font-weight: 200;display:block; padding-left:50px;}
@media (max-width: 1199px){
    .block.block-account .block-title strong span {font-size: 20px;line-height: 22px;padding-top: 8px;}
}
.block.block-account .block-title strong span:after {
    content: "\e905";
    width:50px;
    text-align: center;
    height:40px;
    font-family: halbachshop;
    font-size:32px;
    position: absolute;
    line-height: 40px;
    text-align: center;
    left:5px;
    padding:0 5px 0 0;
    top:10px;
    border-right:1px solid #ced4d9;
    display:inline-block; 
}
.header-container .top-links a {font-size: 16px}
.icon-kategorie:before {
    content: "\e902";
    width:50px;
    text-align: center;
    height:40px;
    font-family: halbachshop;
    font-size:32px;
    position: absolute;
    line-height: 40px;
    text-align: center;
    left:5px;
    padding:0 10px 0 0;
    top:10px;
    border-right:1px solid #ced4d9;
    display:inline-block; 
}
.block-account ul li,
.menu.side-menu > li {width:100%; padding:0;margin:0;display:inline; }

.block-account ul li strong:before, .block-account ul li a:before, .block.block-blog-categories a:before {display:none;}

.block-account ul li a,
.block-account ul li strong,
.block-account ul li a:hover,
.menu.side-menu > li > a,
.menu.side-menu > li > strong,
.menu.side-menu > li > a:hover {border-top:0px solid transparent; line-height:25px;margin:0;background: #fff; display: inline; position: relative; text-decoration: none; width:100%; float:left; font-size:16px; color:#6c7f8c;  box-sizing: border-box; -moz-box-sizing:border-box; padding:13px 30px 13px 20px;border-bottom:1px solid #99c9bc; }
.block-account ul li a:last-child,
.block-account ul li a:last-child:hover,
.menu.side-menu > li > a:last-child,
.menu.side-menu > li > a:last-child:hover {border-bottom:0px;}

.block-account ul li a:after,
.block-account ul li strong:after,
.menu.side-menu > li > a:after {content: "\e90e"; font-family: halbachshop; position: absolute; right:7px; font-size:14px; top:7px; line-height:37px;color:#007958; }
.menu.side-menu > li > a:hover,
.block-account ul li strong,
.block-account ul li a:hover,
.menu.side-menu > li:hover a{background: #007958; color:#fff;}
.block-account ul li strong:after,
.block-account ul li a:hover:after,
.menu.side-menu > li > a:hover:after { color:#fff;}

.block-account ul li a:last-child, .block-account ul li a:last-child:hover, .menu.side-menu > li > a:last-child, .menu.side-menu > li > a:last-child:hover{border-bottom:1px solid #99c9bc; }

.menu.side-menu > li.menu-static-width > a:after, .menu.side-menu > li.menu-item-has-children > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children > a:after, .menu.side-menu > li.menu-full-width > a:after {margin-top:0; width:auto; content: "\e90e"; font-weight: bold;  font-family: halbachshop; position: absolute; right:7px; font-size:14px; top:7px; line-height:37px;color:#007958; }

.menu.side-menu > li.menu-static-width:hover > a:after, .menu.side-menu > li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-item-has-children li.menu-item-has-children:hover > a:after, .menu.side-menu > li.menu-full-width:hover > a:after {right:-5px; top:21px; -moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);  }


.nav li > a > span {display:none;}
.menu.side-menu > li .nav-sublist-dropdown {}
.menu.side-menu > li .nav-sublist-dropdown.showmenu {display:block;}
.home-side-menu ul.nav {background:#fff;float:left;padding:0;margin:0;/*box-shadow: 0px 0px 2px #888*/;width:100%;}
.home-side-menu ul.nav li,
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown {padding:0; margin:0; border-radius:0px; border-left:0px solid transparent;border-right:0px solid transparent;border-top:0px solid transparent; border-bottom:1px solid #99c9bc; width:100%; top:auto; position:relative; left:0; box-shadow:0px 0px 0px transparent;}
.home-side-menu ul.nav li:last-child {border-bottom:0px;}
.home-side-menu ul.nav li {float:left; width:100%; padding:0; margin:0;}
.home-side-menu ul.nav li a,
.home-side-menu ul.nav li.open ul li a,
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, 
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
  border-top:0px solid transparent; line-height:25px;margin:0;background: #fff; border-radius:0px;display: inline; position: relative; text-decoration: none; width:100%; float:left; font-size:16px; color:#6c7f8c;  box-sizing: border-box; -moz-box-sizing:border-box; padding:7px 30px 7px 20px;border-bottom:0px solid #99c9bc;  text-transform: none; font-weight:normal;
}
.home-side-menu ul.nav li a:after,
.home-side-menu ul.nav li.open ul li a:after,
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1:after,
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1:after {
   content: "\e90e"; font-family: halbachshop; position: absolute; right:7px; font-size:14px; top:0; line-height:37px;color:#007958;
    -moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);
}
.home-side-menu ul.nav li.open a:after {color:#fff;-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg); }

.home-side-menu ul.nav li a:hover,
.home-side-menu ul.nav li.open a,
.home-side-menu ul.nav li.open ul li a:hover,
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1:hover, 
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1:hover {
    background: #007958; color:#fff;
}

.home-side-menu ul.nav li.open a {font-weight: bold;}

.home-side-menu ul.nav li a:hover:after,
.home-side-menu ul.nav li.open ul li a:hover:after,
.menu.side-menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1:hover:after, 
.menu.side-menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1:hover:after{
    color:#fff;
}
.home-side-menu ul.nav li ul {padding:0; margin:0;}
.home-side-menu ul.nav li ul li a,
.home-side-menu ul.nav li.open ul li a{padding-left:35px;}
.home-side-menu ul.nav li ul li,
.home-side-menu ul.nav li.open ul li {border-bottom: 0px;}

.menu-item.col-sw-6 {width:100%; padding-left:11px; padding-right:9px;}
.top-links-container {display:none;}
.header > .logo {display: inline-block; text-align: right; position: static; right:0; left:auto; top:9px; max-width: none; margin:20px 19px 20px 0;float: right;}
.header > .logo img {width:200px; height:auto!important;}
.header-container.type3 .cart-area{top:111px; margin:84px 0 0 0;}
.header-notice {position: relative; z-index:125; background: #6d808e; color:#fff; padding:8px 0 13px 0; text-align: center;box-shadow: 0px 0px 3px #888;}
.header-notice h5 { color:#fff; font-size:22px; font-weight: normal; padding:0 0 5px 0; margin:0;}
.header-notice p {line-height:14px; font-size:16px; padding:0 0 11px 0; margin:0;}
.header-notice span {line-height:14px; font-size:16px; padding:3px 10px 3px 34px; position: relative; border-radius:20px; cursor:pointer;}
.header-notice span:before {position: absolute; left:9px; top:3px; width:20px; height:20px; font-size:17px; line-height: 20px; text-align: center;content: "\e904"; font-family:"halbachshop";}
.header-notice span:hover {background:#8496a3; text-decoration: underline;}
.theme-border-color{border-color:#007958;}
.topCartContent:before {border-bottom-color:#007958;}
.header .custom-block,
.header-container.type3 .header .custom-block span.split,
.header-container.type3 .header .custom-block a{font-size:16px;}
.header-container.type3 .header .custom-block {margin-bottom:25px; margin-right:25px;}
.header-container.type3 .mybag-link span {display:block;}
.mini-cart,
.header-container.type3 .mini-cart{width:auto; height:35px; position: relative; padding-left:50px; top:-14px;}
.mini-cart:before{width:45px; height:35px; position: absolute; left:0; top:0; font-family:halbachshop;content: "\e914"; line-height:35px; font-size:37px; float:left; text-align:center;}
.mini-cart .mybag-link {width:auto; height:35px;  border-radius:0px;}
.mini-cart .mybag-link span.warenkorb {float:left; display:inline; width:100%; color:#6c7f8c; text-transform: none; line-height:20px; font-weight:bold; text-align: left; font-size:16px;margin-bottom:3px; margin-top:-5px;}
.header-container.type3 .mybag-link .cart-info,
.header-container.type3 .mybag-link .cart-qty,
.mybag-link span{color:#6c7f8c; text-transform: none; font-weight:normal; text-align: left; font-size:16px; float:left; display:inline;}
.header-container.type3 .mybag-link .cart-info {width:100%; position: static; margin:0; padding:0; top:auto;}
/*
MENU
*/
.header-container.type3 .search-area {top:0; left:0; margin:0; position: relative;display: inline-block;float: left;}
.mobile-nav {background-color: #007958!important}
.block.block-layered-nav {display:none;}
.homepage-bar {border:0px!important; border-radius:0px!important;}
.home-side-menu {border:0px; border-radius:0px;}
.header-container.type3 .menu-icon {float:left;top: 0;left: 0; margin: 0; position: relative;display: inline-block;}
.mobile-nav .sw-mobile-menu li > a:hover {background-color:#fff!important;color: #007958!important}
/* MAIN */

.main-container {padding-top:0;padding-bottom:0; min-height:0;}
.main.container {padding-top:40px; background:#e6e9eb; }
.menuspalte,
.col2-left-layout .col-left.sidebar {padding-right:25px!important;}
.hauptspalte {padding-left:15px!important;}

.catalog-category-view .breadcrumbs .row > .container, .catalog-product-view .breadcrumbs .row > .container, .catalog-category-view .main-container > .container, .catalog-product-view .main-container > .container {padding-top:40px; background:#e6e9eb;}

.top-container > .breadcrumbs {font-size:16px; background:#f0f2f3; color:#6c7f8c; height:41px; line-height: 41px; box-shadow:0px -3px 3px #fff,0px -3px 3px #fff,0px -3px 3px #fff, 0px 0px 3px #888; position: relative; z-index:1;padding:0; margin:0;}
.top-container > .breadcrumbs a {color:#007958;}

/* Slider */
.owl-wrapper {    background: #007958;}

.mainslider {box-shadow: 0px 0px 3px #888; background:#fff;}
.mainslider .left,
.mainslider .right {width:100%; height:auto; float:left;}
.mainslider .left {background: #fff; overflow:hidden;}
.mainslider .left img {width:100%; height:auto; float:left;}
.mainslider .right {background:#007958; box-sizing:border-box; padding:15px 15px; color:#fff;}
.mainslider .owl-controls {width:100%; float:right; right:0;text-align: center;}

#metanav-icon {
    color: #007958;
    width: 30px;
    text-align: center;
    line-height: 40px;
    height: auto;
    padding: 0;
    vertical-align: middle;

    pointer-events: all;
    font-size: 20px;
    display: block;
    float: left;
    cursor: pointer;
}

@media (min-width:768px) {
    .mainslider .owl-controls {width:50%; float:right; right:-30px;text-align: left;}
}
.mainslider .owl-controls .owl-page.active span, .mainslider .owl-controls.clickable .owl-page:hover span {background:#fff; border:1px solid #fff;}
.mainslider .owl-controls .owl-page span {width:10px; height:10px; background:transparent; border:1px solid #fff;}
.mainslider .right {font-size:20px; line-height:28px; font-weight: normal;}
.mainslider .right * {color:#fff;}
.mainslider .right h2 {font-size:26px; font-weight: normal; padding:0 0 15px 0; margin:0;}
.mainslider .right p.preis {font-size:30px; font-weight: normal; padding:10px 0 15px 0; margin:0;display: inline-block;}
.mainslider .right p {font-size:16px; line-height:24px; font-weight: normal; padding:0 0 15px ; margin:0;}
.mainslider .right ul {list-style: square outside none; font-size:16px; line-height:22px; font-weight: normal; padding:0 0 15px 30px; margin:0;}
.mainslider .right li {line-height:25px; }

.mainslider .right a.produktlink {
    text-decoration: none; 
    display: inline-block;
    position: relative; 
    right:0; 
    padding:0px 40px 0px 10px; 
    margin-top: 10px;
    color:#007958;
    height:35px;
    font-size:15px;
    line-height: 35px;
    float:right;
    text-decoration: none;
    text-transform: uppercase;
    bottom:0; 
    background:#fff;
}
.mainslider .right a.produktlink:hover {background:#ced4d9; color:#007958;}
.mainslider .right a.produktlink:before {position: absolute; right: 8px; top: 0;content: "\e90e"; font-family: 'halbachshop'; height:34px; line-height:35px; font-size:14px;}


@media (min-width:1320px) {
    .mainslider .right h2,
    .mainslider .right p.preis {font-size:30px;  padding:0 0 15px 0; display:block;}
    .mainslider .right p {font-size:18px; line-height:28px; padding:0 0 15px;}
    .mainslider .right ul {font-size:16px; line-height:22px;padding:0 0 15px 30px;}
    .mainslider .right li {line-height:25px; }
    .mainslider .right p.preis {padding-top:10px;display:inline;}

    .mainslider .right a.produktlink {
        display:block;
        padding:0px 40px 0px 10px; 
        height:35px;
        font-size:15px;
        line-height: 35px;
    }
    .mainslider .right a.produktlink:before {right: 8px;height:34px; line-height:35px; font-size:14px;}

}
/*
 TEASERS
*/
.sideteaser {padding-top:20px; float:left; display: inline;}
.sideteaser .teaser {background: #fff;  box-shadow:0px 0px 3px #888; position:relative; overflow:hidden; margin-bottom:40px; padding:0 0 0 0;}
.col-main .widget-new-products {box-shadow:0px 0px 2px #888;}
.latest-products .widget-title{z-index:3;position: relative; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; padding:0; height:60px; margin:0 0 0 0; }
.sideteaser .teaser .top {z-index:3;position: relative; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box; padding:0; height:60px; margin:0 0 0 0; box-shadow:0px 0px 2px #888;}
.sideteaser .teaser.kontakt .top {box-shadow:0px 0px 2px #fff;}
.sideteaser .teaser .top span {display: none;}
.latest-products .widget-title h2,
.sideteaser .teaser .top h3 {border-radius:0px!important;margin-bottom:0; background:#fff;padding:0 0 0 80px;position: relative; background: #fff; box-sizing:border-box; -moz-box-sizing:border-box;  height:60px; margin:0 0 0 0; line-height:60px;  width:100%;font-size:24px; color:#007958;font-family:'Fira Sans Condensed 400'; font-weight:normal;}
.sideteaser .teaser .bottom {z-index:2;font-size:16px;color:#6c7f8c;width:100%; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; padding:15px 15px 55px 15px;}
.latest-products .widget-title h2 {font-size:30px; padding:10px 0 10px 20px;}
.sideteaser .teaser .bottom a.more {padding-right:40px; position: relative;}
.sideteaser .teaser .bottom a.more:hover {background:#ced4d9; color:#007958;}
.sideteaser .teaser .bottom a.more:before {position: absolute; right: 8px; top: 0;content: "\e90e"; font-family: 'halbachshop'; height:35px; line-height:35px; font-size:14px;}
.sideteaser .teaser .bottom img {width:100%; height:auto; margin-bottom:15px;}

.sideteaser .teaser.kontakt .bottom {position: relative;color:#fff; padding:0 0 45px 0; background:#268d71;}
.sideteaser .teaser.kontakt .bottom p{font-size:16px;background:#007958; padding:15px 15px 15px 15px;}
.sideteaser .teaser.kontakt .bottom p strong {display:inline-block; width:100%; font-size:24px;}
.sideteaser .teaser.kontakt .bottom p + p {background:transparent; padding:0 15px 15px 15px;}
.sideteaser .teaser.kontakt .bottom p + p strong {font-size:16px; padding:0;}
.sideteaser .teaser .bottom a.more {text-transform: uppercase; color:#fff; font-size:15px; text-decoration: none; position:  absolute; bottom:15px; line-height:35px; height:35px; padding-left:10px; right:15px; background:#007958;}
.sideteaser .teaser .bottom a.more:hover {background:#ced4d9; color:#007958;}
.sideteaser .teaser.kontakt .bottom a.more {text-transform: uppercase; color:#007958; font-size:15px; text-decoration: none; position:  absolute; bottom:15px; line-height:35px; height:35px; padding-left:10px; right:15px; background:#fff;}
.sideteaser .teaser.kontakt .bottom a.more:hover {background:#ced4d9; color:#007958;}
.sideteaser .teaser.kontakt .top .icon.kontakt{width:60px; height:40px; border-right:1px solid #ced4d9;display:inline-block; position: absolute; left:0; top:10px;}
.sideteaser .teaser.kontakt .top .icon.kontakt:before {content: "\e911";width:40px;text-align: center;font-family:halbachshop;height:40px;font-size:30px;position: absolute;left:10px;top:-10px;}

.sideteaser .teaser.partner .top .icon.partner{width:60px; height:40px; border-right:1px solid #ced4d9;display:inline-block; position: absolute; left:0; top:10px;}
.sideteaser .teaser.partner .top .icon.partner:before {content: "\e90f";width:40px;text-align: center;font-family:halbachshop;height:40px;font-size:30px;position: absolute;left:10px;top:-10px;}

.sideteaser .teaser.ansprechpartner .top .icon.ansprechpartner{width:60px; height:40px; border-right:1px solid #ced4d9;display:inline-block; position: absolute; left:0; top:10px;}
.sideteaser .teaser.ansprechpartner .top .icon.ansprechpartner:before {content: "\e905";width:40px;text-align: center;font-family:halbachshop;height:40px;font-size:30px;position: absolute;left:10px;top:-10px;}

.latest-products .widget-title h2 {padding-left:20px;}
/*
 CONTENT
*/
.error-msg, .success-msg, .note-msg, .notice-msg {border-radius: 0px; margin:0; }
.messages li {margin:0;}
.pager li > a, .pager li > span,
.pager .pages li {height:31px; width:31px; line-height: 29px;}
/*.product-image img {max-width: none; width:100%;}*/
.product-image img {max-width: 230px; width:100%;height:auto;}
.product-image img[src*="default_image"] {max-width: none; width:100%;}
.product-view .product-img-box .product-image {margin:0;}
.messages {margin-bottom:0; padding-bottom:0; background:#fff;}
#messages_product_view {position: relative; z-index: 2; box-shadow:0px 3px 0px #fff, 0px 0px 3px #888; font-size: 16px;}
.page-title.category-title {display:block;box-shadow:0px 3px 0px #fff, 0px 0px 3px #888;}
.error-msg, .success-msg, .note-msg, .notice-msg {font-size:16px; line-height: 20px;}
/*
GLOBAL SHADOW
*/
.my-account #form-validate,
.dashboard .page-title,
.box-account .box,
.page-content,
.category-image {box-shadow: 0px 0px 3px #888; overflow: hidden; border:0px;}
.box .box-title {display:block; background:#fff; box-sizing: border-box; padding:20px 15px; position: relative; z-index:125;}
.page-title {display:block; background:#fff; box-sizing: border-box; padding:17px 15px 15px 15px; position: relative;/*z-index:125;*/;box-shadow:  0px 0px 2px #888;}
.page-title h1{
position: relative;
box-sizing: border-box;
/*margin: 0px;*/
font-size: 26px;
color: #007958;
font-weight: normal;
}
/*.page-title.title-buttons {padding-bottom: 20px;}*/
.page-title.title-buttons a {font-size: 16px; }
.my-account > p {padding-left:15px; padding-right:15px;}
.account-login {box-shadow:0px 0px 3px #888;}
#login-form {padding-top:0;}
.box-head,
.ratings {display:none;}
.box-account .box {overflow:hidden;}
.box .box-title,
.box .box-content {border:0px;}
.block.block-account .block-title {border-bottom:1px solid #ddd;}
.box .box-title {box-shadow: 0px 0px 2px #888; overflow: hidden;}
.box .box-content {box-shadow: 0px 0px 3px #888; overflow: hidden;}
.box .box-content h4 {font-size: 22px;}
.sort-by a {height:19px; width:19px; position: relative; background:transparent; display:inline-block}
.sort-by a img {display:none;}
.sort-by a[title~="aufsteigender"]:before {color: #007958;position: absolute; left:0; top:0; width:20px; height:30px; line-height: 30px; float:left; text-align: center; font-family: halbachshop;content: "\e906";}
.sort-by a[title~="absteigender"]:before {color: #007958;position: absolute; left:0; top:0; width:20px; height:30px; line-height: 30px; float:left; text-align: center; font-family: halbachshop;content: "\e906";
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);}
.sort-by a:hover:before {color: #fff; background: #007958;}
.add-to-links {display:none;}
.page-content,
.beschreibungstext  {background:#fff;box-sizing: border-box; padding:0 20px 20px 20px; font-size:18px; line-height: 28px; box-shadow: 0px 0px 3px #888;}
.page-content {padding-top:20px;}
.category-products { background:#fff; box-sizing: border-box; padding:20px;box-shadow:0px -3px 0px #fff, 0px 0px 3px #888;}
.widget-products.category-products { background:#fff; box-sizing: border-box; padding:20px;box-shadow:0px 0px 0px transparent}
.suggestion-area .item-area .details-area .actions,
.item .details-area .actions{border-bottom:1px solid #ced4d9;border-top:1px solid #ced4d9;}
.col-main .category-products .products-grid li.item .details-area .product-name,
.short-desc{text-align: left;color: #007958;}
.col-main .category-products .products-grid li.item .details-area .product-name a,
.suggestion-area .item-area h2.product-name{text-align: left;color: #007958; font-size:16px; font-weight:bold; /* font-size:18px 06.03.2017 */}
.suggestion-area .item-area h2.product-name {min-height: 0;}
.short-desc{text-align: left;color: #007958; font-size:16px; font-weight:normal;}
.suggestion-area .item-area .product-sku,
.item .product-sku {text-align: left;color: #6d808e; font-size:16px; font-weight:normal; line-height:38px;}
.product-image-area {border-radius: 0px!important; border:1px solid #ced4d9;padding:0;}
.col-main .category-products .products-grid li.item .details-area {padding:10px 0;}
.toolbar,.toolbar label, .toolbar select {font-size:16px; color:#6d808e;}
.toolbar select {border-radius: 0px!important; border:1px solid #99c9bc; height:31px; line-height: 31px;}
.toolbar a.list {width:31px; height:31px; background:transparent; border-radius: 0px; position: absolute; margin-left:35px;}
.toolbar a.list i {display:none;}
.toolbar a.list:after {width:31px; height:31px; background:transparent; border-radius: 0px; position: relative; content: "\e90a"; font-family: halbachshop; font-size:34px; color:#007958; line-height: 31px; text-align: center; float:left; top:0; right:0; border:0px solid!important;}

.toolbar a.grid {width:31px; height:31px; background:transparent; border-radius: 0px; position: absolute;}
.toolbar a.grid i {display:none;}
.toolbar a.grid:after {width:31px; height:31px; background:transparent; border-radius: 0px; position: relative; content: "\e907"; font-family: halbachshop; font-size:34px; color:#007958; line-height: 31px; text-align: center; float:left; top:0; right:0; border:0px solid!important;}

.toolbar strong.list {width:31px; height:31px; background:transparent; border-radius: 0px; position: absolute; margin-left:35px;font-weight: normal;s}
.toolbar strong.list i {display:none;}
.toolbar strong.list:after {width:31px; height:31px; background:transparent; border-radius: 0px; position: relative; content: "\e90b"; font-family: halbachshop; font-size:34px; color:#007958; line-height: 31px; text-align: center; float:left; top:0; right:0; border:0px solid!important;font-weight: normal;}

.toolbar strong.grid {width:31px; height:31px; background:transparent; border-radius: 0px; position: absolute;font-weight: normal;}
.toolbar strong.grid i {display:none;}
.toolbar strong.grid:after {width:31px; height:31px; background:transparent; border-radius: 0px; position: relative; content: "\e908"; font-family: halbachshop; font-size:34px; color:#007958; line-height: 31px; text-align: center; float:left; top:0; right:0; border:0px solid!important;font-weight: normal;}

/* startseite neue produkte */

.widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image {height: auto;}


/*
USER INTERFACE 
*/
.recurring-profiles,
.billing-agreements,
.addresses-list {padding:20px; background:#fff;box-shadow:0px 0px 3px #888;}

/*
 ITEMS
*/

/* h2.product-name {min-height:50px;} */
.products-list h2.product-name {height:auto;}

/* div.item-area div.details-area div.short-desc div.artikelbez2{line-height: 1.1; margin-bottom: 30px;} */

a.quickview-icon, 
quickviewlink quickview-icon{display:none!important;}
.addtowishlist,
.comparelink {display:none!important;}
.box-up-sell .details-area .actions a.addtocart,
.suggestion-area .details-area .actions a.addtocart,
.item .details-area .actions a.addtocart {margin:0; cursor:pointer; background:transparent; border-radius:0px; border:0px solid transparent; height:40px; width:40px; position: absolute;top:0; right:0; overflow: hidden; text-indent: -999em;}
.box-up-sell .details-area .actions a.addtocart {top:10px}
.suggestion-area .item-area .details-area .actions a.addtocart:before,
.item .details-area .actions a.addtocart:before {position: absolute; left:0; top:0; width:40px; height:40px; line-height: 40px; float:left; text-align: center; font-size:33px; font-family: halbachshop; content: "\e909"; text-indent: 0; color:#007958;}
.suggestion-area .details-area .actions a.addtocart:hover, .item .details-area .actions a.addtocart:hover {background:#007958; color:#fff;}
.suggestion-area .details-area .actions a.addtocart:hover:before, .item .details-area .actions a.addtocart:hover:before {color:#fff;}
.suggestion-area .item-area h5 {font-weight: normal; font-size:16px;}
/*.suggestion-area .item-area .product-image-area,
.suggestion-area .item-area .details-area {width:50%; float:left;}*/
.product-essential .item-area.row {padding:0; box-shadow: 0px 0px 0px transparent;}
.suggestion-area .item-area .details-area {box-sizing: border-box; }
.suggestion-area .item-area  .details-area .actions,
.item .details-area .actions {text-align: left; box-sizing: border-box; padding:5px 0; margin:0 0 0 0; position: relative; line-height: 50px;}
.suggestion-area .item-area .details-area .actions .price-box,
.item .details-area .actions .price-box{float:left; padding:0; margin:0;}
.suggestion-area .item-area .details-area .actions form,
.suggestion-area .item-area .details-area .actions .innerform,
.box-up-sell .item-area .details-area .actions .innerform,
.item .details-area .actions form{float:right; padding:0; margin:5px 0 0px 0; line-height:30px; height:30px; position: relative;}
.box-up-sell .item-area .details-area .actions .innerform label,
.suggestion-area .item-area .details-area .actions .innerform label,
.item .details-area .actions form label{display:none;}
.box-up-sell .item-area .details-area .actions .innerform input,
.suggestion-area .item-area .details-area .actions .innerform input,
.item .details-area .actions form input{width:50px;color:#6c7f8c; text-align: center;  font-size:16px;position: absolute; right:55px; top:3px; height: 35px; line-height: 40px; border:1px solid #99c9bc; border-radius: 0px}
.box-up-sell .price-box,
.box-up-sell span.price,
.box-up-sell .item-area .details-area .actions .price-box span.price,
.suggestion-area .item-area .details-area .actions .price-box span.price,
.item .details-area .actions .price-box span.price{color:#6c7f8c;float:left; line-height:50px; font-size:16px;}
.item .details-area .actions .tax-details,
.suggestion-area .item-area .details-area .actions .tax-details,
.suggestion-area .item-area .details-area .actions .delivery-time,
.item .details-area .actions .delivery-time{display:none;}
.item:hover .details-area .actions a.addtocart{background:#fff; color:#007958;}
.item:hover .details-area .actions a.addtocart:before{color:#007958;}
.col-main .category-products .products-list li.item .details-area .actions a.addtocart:hover,
.item .details-area .actions a.addtocart:hover{background:#007958; color:#fff;}
.col-main .category-products .products-list li.item .details-area .actions a.addtocart:hover:before,
.item .details-area .actions a.addtocart:hover:before{color:#fff;}
.item:hover .details-area .actions a.addtocart, .col-main .category-products .products-list li.item .details-area .actions a.addtocart {background:transparent;}

.col-main .category-products .item-area .details-area .artikelbez2{font-weight: bold; }

.item .details-area .actions a.addtocart:hover {color:#fff; background:#007958;}

.products-list .details-area .product-name a {color:#007958; font-size:32px;}
.products-list .details-area .short-desc {color:#007958; font-size:16px;}
.products-grid .details-area .short-desc ul.detaillist {display:none;}
.products-list .item .details-area {position: relative;}
.products-list .item .details-area .actions a.addtocart{position: relative; text-indent: -999em; width:50px;color:#007958; font-size:18px; line-height:40px; height:40px; padding:0 0 0 0; margin:0 0 0 0;}
.products-list .item .details-area .actions a.addtocart:hover span {color:#fff;}
.products-list .item .details-area .actions a.addtocart span{text-indent: 0; width:auto;color:#007958; font-size:18px; line-height:40px; height:40px; padding:0 0 0 0}
.products-list .item .details-area .actions a.addtocart:before {left:55px;}
.products-list .item .details-area .actions a.addtocart i{display:none;}
.products-list .item .details-area .actions form input {position: static;}
.products-list .details-area .action-area {position: relative; left:0; width:100%; bottom:0; box-sizing: border-box; padding:0 0 0 0;}

.products-list .details-area .action-area .actions{border-top:0px solid transparent; height:60px;}
.products-list .price-box {position: static;  text-align: right; width:100%; }
.products-list .item .details-area .actions .price-box span.price{color:#007958; font-size:28px; font-weight: normal; text-align: right; float:right; padding-right:10px;}
.products-list .details-area {padding:0;}
.products-list .item .details-area .actions form {margin-top:15px;}
.products-list .product-image-area {width:100%; margin-bottom:15px;}
.products-list .product-image-area img{width:100%; height:auto; max-height: none;}
.products-list .details-area {margin-left:0;width:100%; }
.product-view .product-name h1 {color:#007958; font-weight: 400; font-size:32px;}
.product-view .product-shop .price-box .regular-price .price{color:#007958;}   
.product-view a {color:#007958;}
.product-view .product-info .tax-details,
.product-view .product-info .availability,
.product-view .product-info .delivery-time {font-size:16px;}
li.etalage_small_thumbs,
.product-view .product-extabs,
.etalage-control,
.product-collateral {display:none;}
.product-view .product-extabs ul {display:none;}

.product-view ul.detaillist {width:100%; padding:0; margin:0; list-style:none;}
.product-view ul.detaillist li{width:100%; padding:10px 0; margin:0; list-style:none;border-bottom:1px solid #99C9BC; float:left;}
.product-view ul.detaillist li span.left,
.product-view ul.detaillist li span.right {line-height: 24px; font-size:16px; width:50%; float:left;}
.product-view ul.detaillist li span.left {font-weight: bold;}
.product-view ul.detaillist li span.right {text-align: right;}
.product-view ul.detaillist li span.right a {display:block; padding-right:22px; position: relative;}
.product-view ul.detaillist li span.right a:after {position: absolute;  content: "\e910"; font-family: halbachshop; right:0; top:0; width:24px; height:24px; line-height: 20px;}

.short-description {font-size:18px;}
.details-area .short-desc div.artikelbez1,
 .details-area .short-desc div.artikelbez2,
 .details-area .short-desc div.artikelbez3,
 .details-area .short-desc div.artikelbez4,
 .details-area .short-desc div.artikelbez5{display: block; margin: 0; padding: 0; color: #007958;}
 
 .details-area .short-desc a{text-decoration: none;}
 .details-area .product-sku a, .details-area .product-sku a:hover{text-decoration: none; color: inherit;}
 
.product-infotbl {margin-top:20px;}
.product-infotbl p {border-bottom:1px solid #99c9bc; padding:10px 0; margin:0; font-size: 18px;}
.product-infotbl p span.name{font-weight: bold; width:100%; display:inline-block;vertical-align:top;}
.product-infotbl p span.attr{width:100%; text-align: right;display:inline-block;vertical-align:top;}
@media (max-width: 1199px) {
    .product-infotbl p span.attr{text-align: left;}
}

.staffelpreise,
p.akkordeon,
.akkordeonlist {float:left; width:100%;}
.staffelpreise table,
.akkordeonlist .item{float:left; width:100%; height:46px; max-height: 0; overflow: hidden;
    display:inline-block;
}
.staffelpreise table.open,
.akkordeonlist .item.open{ height:auto; max-height: 999px; float:none; display:table;}
p.akkordeon,
.akkordeonlist .item .heading{position: relative;font-size:16px; line-height: 24px; padding:10px 0; border-top:1px solid #99C9BC; border-bottom:1px solid #99C9BC;}
p.akkordeon:hover,
.akkordeonlist .item .heading:hover {background:#f0f2f3; cursor: pointer;}
p.akkordeon:after,
.akkordeonlist .item .heading:after {color:#007958; position: absolute; font-family: halbachshop; content: "\e901"; font-size:20px; line-height: 46px; height:46px; right:0; top:0;}
p.akkordeon.open:after,
.akkordeonlist .item.open .heading:after {content: "\e900";}

.akkordeonlist .item .content{font-size:16px; line-height: 24px; padding:10px 0; border-bottom:1px solid #99C9BC;}
.staffelpreise table,
.staffelpreise table tbody{width:100%;}
.staffelpreise table tbody{display:table;}
.staffelpreise table thead{font-weight: bold;}
.staffelpreise table thead th{font-weight: bold;text-align: right; box-sizing: border-box; padding:0 5px;}
.staffelpreise table thead th:first-child{text-align: left;}
.staffelpreise table tbody td{text-align: right; box-sizing: border-box; padding:0 5px; font-size:18px; line-height: 35px}
.staffelpreise table tbody td:first-child{text-align: left;}

.staffelpreise table tbody tr:first-child {background:#fff;}
.staffelpreise table tbody tr:first-child td {font-weight: bold;}
.staffelpreise table tbody tr:nth-child(even) {background: #fff}
.staffelpreise table tbody tr:nth-child(odd) {background: #f0f2f3}

.suggestion-area h3 {font-size:24px; font-weight: normal; line-height: 30px; padding-top:20px;color:#007958;}

p,
.box .box-content,
.beschreibung {font-size:16px; line-height: 150%;}
.add-to-cart .qty {color:#007958; font-size:15px; border:1px solid #99C9BC}
.qty-changer > a {border:1px solid #99C9BC}

.box .box-content span {width:95px; display:inline-block;margin-right: 5em!important;}

@media (min-width:768px) and (max-width:1199px){
	.box .box-content span {width:95px; display:inline-block;margin-right: 3em!important;}
}
@media (max-width:480px){
	.box .box-content span {display: block;}
}

.refresh-price{height:38px;line-height: 38px; cursor:pointer; padding:0 15px 0 45px; margin-top:2px; display:inline-block; position: relative;color:#007958; font-size:17px;}
.refresh-price:hover {background:#CED4D9 ; color:#007958;}
.refresh-price:before {font-family: halbachshop; line-height: 38px; height: 38px; left:10px; top:0; content: "\e913"; position: absolute; color:#007958; font-size:25px}
.refresh-price:hover:before { color:#007958;}


button.button.btn-cart {width:auto; height:38px;line-height: 38px; cursor:pointer; padding:0;display:inline-block; position: relative;color:#fff; font-size:17px; }
button.button.btn-cart span { background:#fff;color:#007958; font-size:17px;}
button.button.btn-cart:hover span {background:#CED4D9;color:#007958; font-size:17px;}
button.button.btn-cart span span{position: relative; padding:0 15px 0 55px; text-transform: none;font-size:17px!important;background:transparent;line-height: 38px!important;}
button.button.btn-cart span span:before{font-family: halbachshop; line-height: 38px; height: 38px; left:10px; top:-2px; content: "\e909"; position: absolute; color:#007958; font-size:30px}
button.button.btn-cart:hover span span {background:transparent;}
button.button.btn-cart:hover span span:before{color:#007958;}   
.add-to-cart button.button span i {display: none;}

.minimal-price-link,
.prev-next-products,
.sharing-tool-area,
p.email-friend,
p.no-rating,
.product-view .add-to-links,
.sideteaser {display:none!important;}
.sideteaser.mobile {display:block;}

/*
FOOTER
*/

.footer-ribbon {display:none;}
/* hack for double teaser trouble */


.footer-middle,
.footer-bottom {background:transparent; padding:0; margin:0;}
.footer-bottom,
.footer-middle ul.links li i{display:none!important;}
.footer-middle .container {background:#e6e9eb; padding-bottom:40px;}

.footer-middle a,
.footer-middle .block,
.footer-middle .block .block-title,
.footer-middle .block .block-title strong {color:#6C7F8C; font-size:16px;text-transform: uppercase;}
.block .block-title strong span,
.footer-middle .block .block-title strong {font-weight:600;}
.footer-middle .block .block-title {margin-bottom:10px;}

.footer-middle a {text-transform: uppercase;}
.footer-middle a:hover {color:#007958}
.footer-middle p,
.footer-middle p a{text-transform: none;color:#6C7F8C}
.footer-middle p a {text-decoration: underline;}
.footer-middle p.label {font-size:16px;}
.footer-middle .block.block-subscribe .input-box {margin-top:0;}
.footer-middle .block.block-subscribe .input-box input.input-text {width:100%; background:#fff; line-height: 38px; height:38px; box-sizing: border-box; padding:0 10px; border: 1px solid #6C7F8C; max-width: none; border-radius: 0px!important;}
.footer-middle .block.block-subscribe .input-box button {float:right; margin:0; border:0px; background:#d3d9dd; text-transform:uppercase; height:38px; line-height: 38px; text-align: center; padding:0 25px 0 15px; width:auto; font-size:16px; position: relative;}
.footer-middle .block.block-subscribe .input-box button:after {content: "\e90e"; font-family: halbachshop; position: absolute; right:7px; font-size:14px; top:0; line-height:38px;color:#6C7F8C; }
.footer-middle .block.block-subscribe .input-box button span {font-size:16px; color:#6C7F8C;}
.footer-middle .block.block-subscribe .input-box button:hover {color:#d3d9dd; background:#6C7F8C}
.footer-middle .block.block-subscribe .input-box button:hover span{color:#d3d9dd;}
.footer-middle .block.block-subscribe .input-box button:hover:after {color:#d3d9dd; }

#advice-required-entry-newsletter_footer {top:80px;}

.form-wrap, #form-validate, #login-form {border-top:0px!important; padding-top:20px;}
.form-wrap h2, #form-validate h2,
.col-main .page-title h1, .col-main .page-title h2,
.box .box-title h3{
    box-sizing: border-box;
    font-size: 26px;
    color: #007958;
    text-transform: none;
    font-weight: normal;
}

form-wrap h2, #form-validate h2 {font-size:22px; text-transform: none;}

.back-link a,
button.button span{float:right; margin:0; border:0px; background:#007958; text-transform:uppercase; height:38px; line-height: 38px; text-align: center; padding:0 15px; width:auto; font-size:16px; position: relative; color:#fff;}
.back-link a:hover {text-decoration: none; opacity:0.9;}

.button.btn-update,
.button.btn-continue,
.button.btn-empty { background:#007958; color:#fff; border:0px; margin-bottom:30px;}

.data-table button.button.btn-update > span,
.data-table button.button.btn-continue > span,
.data-table button.button.btn-empty > span,
.button.btn-update span,
.button.btn-continue span,
.button.btn-empty span { background:#007958; color:#fff; border:0px; line-height: 37px;}

.data-table tfoot td {border:0px;}
#my-orders-table.data-table tfoot {border-right:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
#my-orders-table.data-table tfoot td {border-bottom:0;border-right:0px solid #dcdcdc;border-left:0px solid #dcdcdc;}

/*
PRODUKDETAIL
*/

.product-essential .row {margin:0; box-sizing: border-box; padding:20px; background:#fff; box-shadow: 0px 0px 3px #888;}
.product-view .product-img-box {padding:0;}
.product-view .product-img-box li.etalage_thumb, .product-view .product-img-box li.etalage_small_thumbs li {border-radius: 0px; padding:0;}
.col-main .category-products .products-grid.columns4 li.item {width:100%;}
.col-main .category-products .products-grid.columns4 li.item:hover {background:#f0f2f3;}
/*
FOOTER
*/

/*
CART
*/
.checkout-onepage-index .page-title {z-index: 4;}
.opc .active .step-title,
.opc .step-title,
.opc li.section,
.opc .step {border:0px; border-radius: 0px; background: #fff;}
.opc .active .step-title {background: transparent;}
.opc li.section {box-shadow: 0px 0px 2px #888;}
.opc .allow .step-title,
.opc li.section.allow {background:#007958;}
.form-list select,
.sp-methods label,
.form-list li.control label,
.form-list label,
.form-list input,
.form-list textarea {font-size:16px;}
.opc li.section.allow .step-title .number,
.opc li.section.allow .step-title h2 {color:#fff;}
.block-progress dt,
.block-progress dd,
.block-progress dt.complete,
.block-progress dd.complete,
.sidebar dl > div {background:#fff; border-radius: 0px; border:0px;}

.block-progress dt,
.block-progress dt.complete {
    border-radius: 0px !important;
    margin-bottom: 0;
    background: #fff;
    padding: 0 0 0 15px;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 45px;
    margin: 0 0 0 0;
    line-height: 45px;
    box-shadow: 0px 0px 2px #888;
    width: 100%;
    font-size: 16px;
    color: #007958;
    text-transform: none;
    font-family: 'Fira Sans Condensed 400';
    font-weight: normal;
}

.block-progress dt {margin-bottom:5px;}
.block-progress dd {font-size:16px; line-height: 20px;}
.block-progress dd.complete {box-shadow: 0px 0px 2px #888;margin-bottom:5px;}

.main-container .col-main .block .block-title {margin:0;}
.main-container .col-main  .block .block-title strong span {
    font-weight: normal;
    border-radius: 0px !important;
    margin-bottom: 0;
    background: #fff;
    padding: 0 0 0 15px;
    position: relative;
    background: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 60px;
    margin: 0 0 0 0;
    line-height: 60px;
    box-shadow: 0px 0px 2px #888;
    width: 100%;
    font-size: 24px;
    color: #007958;
    text-transform: none;
    font-family: 'Fira Sans Condensed 400';
    font-weight: normal;
    float:none;
    z-index: 5;
    display:block;
}

.title-header h1,
.title-header h2 {
    color: #007958;
    font-size: 36px;
    margin-top: -20px;
    padding: 35px 0 10px 0;
}

.contentblock {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 2px #888;
    box-sizing: border-box;
    display: block;
    padding: 20px 15px 0;
    position: relative;
    text-align: left;
}

@media screen and (min-width:768px) {
    .col-main .category-products .products-grid.columns4 li.item {width:50%;}
    .top-links-container {display:block;} 
    .mainslider .left,
    .mainslider .right {width:50%; height:500px; float:left;}
    .header > .logo {width:auto; text-align: center; position: static; right:0; left:auto; top:0px; max-width: none; margin:0 19px 0 0;float: right;}
    /*.header > .logo {width:auto; text-align: center; position: absolute; right:0; left:auto; top:9px; max-width: none; margin:0 19px 0 0;}*/
    #metanav-icon {display: none;}
    
}
@media screen and (max-width:991px) {
    .details-area {padding-top:10px;}
    .toolbar {position: fixed; left:0; bottom:0; z-index:125; background:#fff; box-sizing: border-box; padding:10px 20px; width:100%; box-shadow: 0px 0px 3px #888;}
    .toolbar:last-child {display:none;}
    a#totop {display: none;}
    .product-view ul.detaillist li span.left,
    .product-view ul.detaillist li span.right {line-height: 24px; font-size:16px; width:100%; float:left;}
}


.footer-ribbon {display:none;}
.header-container.type3 .header .form-search {right: auto; left:-15px;}
.header-container.type3 .header .form-search:before {right: auto; left:15px;}
/* hack for double teaser trouble */

@media screen and (min-width:992px) {
     .col-main .category-products .products-grid.columns4 li.item {width:33.3333%;}
    .menuspalte {display:block;}
    .header-container.type3 .search-area {left:50px; top:80px;}
    .header > .logo {position: absolute;float: none;margin: 0 19px 0 0;}
    .header > .logo img {max-width: 287px;width:auto; height:auto!important;}
    
    .header-container.type3 .menu-icon {position: absolute;top:87px;display: none;}
    .header-container.type3 .search-area {position: absolute;}
    .header-container.type3 .header .form-search {left:-31px;}
}
@media screen and (min-width:992px) {
    
    .header-container.type3 .cart-area {margin: 0; top: 90px;}
    .sideteaser {display:block;}
    .sideteaser.mobile {display:none;}
    .products-list .details-area {width:80%; }
    .products-list .price-box {position: absolute; right:0; top:-55px; text-align: left; width:260px;}
    .products-list .details-area .action-area {position: absolute; left:0; width:100%; bottom:0; box-sizing: border-box; padding:0 0 0 30px;}
    .products-list .item .details-area .actions a.addtocart{position: static; text-indent: 0; width:auto;color:#007958; font-size:18px; line-height:40px; height:40px; padding:0 0 0 0; margin:0 0 0 20px;}
    .products-list .item .details-area .actions a.addtocart span{text-indent: 0; width:auto;color:#007958; font-size:18px; line-height:40px; height:40px; padding:0 10px 0 45px; }
    .products-list .item .details-area .actions a.addtocart:before {left:auto;}
    .products-list .item .details-area .actions form {margin-top:5px;}
    .products-list .item .details-area .actions .price-box span.price{ text-align: left; float:left; padding-right:0;}
    .products-list .details-area {padding-left:30px; height:184px;}
    .products-list .product-image-area img {max-height:182px;}
    .products-list .product-image-area {width:20%;}
    .products-list .product-image-area img{width:20%; height:auto; max-height: 182px;}
}

@media screen and (min-width:1200px) {
    .product-infotbl p span.name,
    .product-infotbl p span.attr{width:50%;}
    .col-main .category-products .products-grid.columns4 li.item {width:25%;}
    .header-container.type3 .header #search_mini_form {width:350px;}
    .mainslider .right {padding:30px 40px;}
}

/*
NEW WIDTH FOR LARGE SCREENS
*/

@media screen and (min-width:1600px) {
    .container {width:1572px; padding-left:20px; padding-right:20px;}
    button.button.btn-cart {margin-top:-4px; margin-left:0;}
}
.footer_additions img {max-width: 100%; height:auto; max-height: 100px;}
.footer_additions [class^="col-"]>h3:first-child {margin-top: 0;}

h2.legend {color: #007958;}

#contactForm input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 22px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 0px;
    padding: 0 10px;
    border: 1px solid #ccc;
    box-shadow: none;
}
#contactForm textarea { 
    margin-bottom: 10px;
    font-size: 16px;
    /*line-height: 36px;*/
    line-height: 22px;
    box-shadow: none;
    /*height: 148px!important;*/
    height: 230px!important;
}
#contactForm .button_frame {text-align: right;}
#contactForm button {
    box-shadow: none;
    margin-bottom: 20px;
}

/*
FOOTER ADDITIONAL FIXES
*/

.widget.widget-static-block h3{
    color: #6C7F8C;
    font-size: 16px;
    font-weight: bold;
    padding-top: 7px;
    hyphens: auto;
    text-transform: uppercase;
}

.cart-empty {margin-top: 30px;padding-bottom:0.1px;}


#metanav-icon {
    color: #007958;
    width: 30px;
    text-align: center;
    line-height: 40px;
    height: auto;
    padding: 0;
    vertical-align: middle;
    pointer-events: all;
    font-size: 20px;
}
.mobile-info {display: none;}
@media (max-width: 1199px) {
    .mobile-info {
        display: inline-block;
        font-weight: bold;
        white-space:nowrap;
        margin-right: 5px;
    }
    .order-details .mobile-info {
        text-align: left;
    }
    .order-details h3.product-name,
    .order-details .price-incl-tax {display: inline-block;}
    .header > .logo {
        margin: 2px 0;
    }
}
a.logout {display: none;}
@media (max-width: 767px) {
    .page-title {position: relative;}
    a.logout {
        display: block;
        position:absolute;
        right: 20px;
        top:25px;
        font-style: 16px;
    }
    a.logout i.fa {
        margin-left: 3px;
    }
}

#checkout-review-table-wrapper {border:1px solid #dcdcdc;}
#checkout-review-submit {border:none;background:#fff;}
.opc .checkout-agreements {border:none;}