/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a, a:hover {
    color:#e4272b;text-decoration:none
}

input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.wrapper {
    width: 100%;
}

body {background:#f2f1ed url('/images/content-pattern.png') repeat-x center 0}

.indexFullWhite {border:1px solid #e0ded9;border-width:1px 0;position:relative;background:#f9f8f6;-moz-box-shadow:0 5px 5px -5px #e0ded9;-webkit-box-shadow:0 5px 5px -5px #e0ded9;box-shadow:0 5px 5px -5px #e0ded9}
.indexFullWhite + .indexBrandSliderWrap, .indexFullSquared + .indexBrandSliderWrap {margin-top:0;border-top:0}

input[type="text"], input[type="password"], input[type="email"], select, textarea {width:100%;height:30px;padding:0 10px;border:0;display:inline-block;color:#4a4a4a;font:400 14px/30px 'Roboto Condensed',sans-serif}

.container {margin:0 auto;}

.indexBrandSliderWrapX {margin-top:30px;margin-bottom: 30px;}

/* HEADER */
.indexHeader {position:relative}
.indexHeader:before, .indexHeader:after {width:170px;height:350px;content:'';position:absolute;top:0;background:url('/images/sprite-trees.png');z-index:-5;}
.indexHeader:before {left:0;}
.indexHeader:after {right:0;background-position:-170px 0}

.header {margin:0 auto 20px;position:relative;background-color:#fcfbfa;z-index:3;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fcfbfa, endColorstr=#f6f5f1)";
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fcfbfa), color-stop(105px, #f6f5f1));
    background-image:-webkit-linear-gradient(top, #fcfbfa, #f6f5f1 105px);
    background-image:-moz-linear-gradient(top, #fcfbfa, #f6f5f1 105px);
    background-image:-o-linear-gradient(top, #fcfbfa, #f6f5f1 105px);
    background-image:linear-gradient(to bottom, #fcfbfa, #f6f5f1 105px);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.25);box-shadow:0 0 10px rgba(0,0,0,0.25)}

.headerTopLine {margin-bottom:10px}
.headerTopLine p {float:left;color:#999;font:700 12px 'Roboto Condensed',sans-serif;text-transform:uppercase}
.headerTopLine .icon-telephone:before {margin:0 5px;position:relative;top:1px}
.headerTopLine .hotlineTime {padding-left:5px;font:400 11px 'Roboto Condensed',sans-serif;text-transform:none}

.headerTopNavigation {float:right;font:700 12px 'Roboto Condensed',sans-serif}
.headerTopNavigation > li {float:left}
.headerTopNavigation > li > a, .headerTopNavigation > li > span {padding:0 10px;border-left:1px solid #edece8;color:#999}
.headerTopNavigation > li:last-child > span {padding:0 0 0 10px}
.headerTopNavigation > li > a:hover, .headerTopNavigation > li.account:hover span, .headerTopNavigation > li.service:hover span, .headerTopNavigation > li.logout > a:hover {color:#e4272b}
.headerTopNavigation > li:first-child a {border:0}
.headerTopNavigation > li:last-child a {padding-right:0}

.headerTopNavigation .icon-caratRoundedDown {margin-left:5px;position:relative;top:-1px;font-size:8px}
.headerTopNavigation .menuDropdown {display:none;width:210px;padding:20px 25px 25px;border-bottom:5px solid #e4272b;position:absolute;top:30px;right:0;background:#f9f8f6;z-index:10;-moz-box-shadow:0 0 15px #ccc;-webkit-box-shadow:0 0 15px #ccc;box-shadow:0 0 15px #ccc}
.headerTopNavigation .menuDropdown a {display:block;color:#666;font-weight:400;font-size:14px;line-height:25px}
.headerTopNavigation .menuDropdown a:hover {color:#e4272b}
.headerTopNavigation li:hover .menuDropdown {display:block}
.headerTopNavigation .menuDropdown:before {content:'';width:210px;height:15px;position:absolute;bottom:100%;left:0;z-index:9}
.headerTopNavigation .menuDropdown:after {content:'';width:0;height:0;margin-left:-10px;position:absolute;bottom:100%;left:75%;border:solid transparent;border-color:transparent;border-bottom-color:#f9f8f6;border-width:10px}

.headerTopNavigation .service {position:relative;cursor:default}

.headerLogo {width:230px;height:45px;margin-top:2px;float:left;display:block;background:url('/images/sprite.png') no-repeat;text-indent:-999em;overflow:hidden}
.headerStatic .headerSearchContainer {display:block!important}
.headerSearchContainer {margin:15px 227px 0px 275px}
.headerSearchContainer form {position:relative}
input.headerSearchField {width:100%;height:48px;margin-left:-4px;margin-right:-4px;border:4px solid #e6e5e1;color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 0 0 1px #d7d6d4;-webkit-box-shadow:inset 0 0 0 1px #d7d6d4;box-shadow:inset 0 0 0 1px #d7d6d4;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:border-box;padding-right: 38px;}
input.headerSearchField::-webkit-input-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
input.headerSearchField:-moz-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
input.headerSearchField::-moz-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
input.headerSearchField:-ms-input-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
.headerSearchButton {padding:0;position:absolute;right: 9px;background-color: #999;width: 40px;height: 38px;top: 5px;}
/* Search icon */
.headerSearchButton.search-icon-new:before {content: " ";background-image: url(/templates/emotion_ziegler/frontend/_resources/images/search-icon.png);width: 22px; height:22px;position: absolute;left: 9px;top:7px;}
.headerSearchButton.search-icon-new-clicked {background-color: #E4272B;}
input.headerSearchField:focus {color:#000; }


.headerNavigationContaier, .stepBarNavigation {height:56px;padding:0 22px;border-top:1px solid #d9d8d4;border-bottom:5px solid #e4272b;position:relative;background:#ebeae6;-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.headerNavigation{margin: auto;width: 100%;}

.headerStatic .headerNavigation:after, .headerStatic .stepBarNavigation:after {content:'';width:100%;height:1px;position:absolute;left:0;top:0;}
.headerNavigation > li, .stepBarNavigation > li {height:50px;float:left}
.headerNavigation > li > a {padding:0 20px;position:relative;text-transform:uppercase;color:#666;font:700 1em/50px 'Roboto Condensed',sans-serif}

/*.headerNavigation {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex}*/
.headerNavigation > li {-webkit-box-flex:1 auto;-moz-box-flex:1 auto;-webkit-flex:1 auto;-moz-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
/*.headerNavigation > li > a {padding:0;text-align:center}*/

.headerNavigation .dropdown {margin:0;width:100%;display:none;border-bottom:5px solid #e4272b;position:absolute;top:100%;background:#f9f8f6;-moz-box-shadow:0 5px 10px rgba(0,0,0,0.25);-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.25);box-shadow:0 5px 10px rgba(0,0,0,0.25);-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.headerNavigation > li:hover .dropdown {display:block}
.headerNavigation .subCategory > .subCategoryHeadline {width:100%;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #dad9d7;display:inline-block;color:#4a4a4a;font-weight:700;font-size:20px}
.headerNavigation .subCategory ul {margin-bottom:20px}
.headerNavigation .subCategory ul a {color:#999;}
.headerNavigation .subCategory ul a:hover {color:#e4272b}

/*.headerStatic .headerNavigation > li:first-child > a:before, .headerStatic .headerNavigation > li:first-child > a:after {content:none}
.headerStatic .headerNavigation > li > a:before, .headerStatic .headerNavigation > li > a:after {content:'';width:1px;height:50px;position:absolute;top:0}
.headerStatic .headerNavigation > li > a:before {left:-1px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ebeae6, endColorstr=#fff)";
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ebeae6), color-stop(5px, #ebeae6), color-stop(35px, #fff));
    background-image:-webkit-linear-gradient(top, #ebeae6, #ebeae6 5px, #fff 35px);
    background-image:-moz-linear-gradient(top, #ebeae6, #ebeae6 5px, #fff 35px);
    background-image:-o-linear-gradient(top, #ebeae6, #ebeae6 5px, #fff 35px);
    background-image:linear-gradient(to bottom, #ebeae6, #ebeae6 5px, #fff 35px)}
.headerStatic .headerNavigation > li > a:after {left:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ebeae6, endColorstr=#dfdeda)";
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ebeae6), color-stop(5px, #ebeae6), color-stop(35px, #dfdeda));
    background-image:-webkit-linear-gradient(top, #ebeae6, #ebeae6 5px, #dfdeda 35px);
    background-image:-moz-linear-gradient(top, #ebeae6, #ebeae6 5px, #dfdeda 35px);
    background-image:-o-linear-gradient(top, #ebeae6, #ebeae6 5px, #dfdeda 35px);
    background-image:linear-gradient(to bottom, #ebeae6, #ebeae6 5px, #dfdeda 35px)}*/

.headerStatic .headerNavigation > li:hover ,.headerStatic .headerNavigation > li.active:hover {background:#f9f8f6;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.headerStatic .headerNavigation > li:hover > a , .headerStatic .headerNavigation > li.active:hover > a {color:#e4272b}
.headerStatic .headerNavigation > li:active, .headerStatic .headerNavigation > li.active {-moz-box-shadow:inset 0 6px 11px rgba(0,0,0,0.175);-webkit-box-shadow:inset 0 7px 11px rgba(0,0,0,0.175);box-shadow:inset 0 6px 11px rgba(0,0,0,0.175);background-color:rgba(211,208,203,0.9)}
.headerStatic .headerNavigation > li.active > a  {color:#464445}
.headerStatic .headerNavigation > li > a.active:after {content:'';width:0;height:0;margin-left:-4px;border-style:solid;border-width:0 4px 5px;border-color:transparent transparent #e4272a;position:absolute;left:50%;top:45px}

.ontop {
    padding:0;
    position: absolute;
    right: 0;
    left: 0;
}

.categoriescontainer {
    background-color: white !important;
    box-shadow: inset -7px 0 0 -6px #d8d5c4;
    height:423px;
    min-height: 18.75rem;
    padding: 0px 0px 0px 0px;
    margin: 0;
    width: inherit;    
}
.categoriestitle {
    background: #e4272b;padding: 1rem 1rem 1rem 1rem;font-size: 16px;font-size: 1.5rem;color: white;font-weight: bold;
}
.categories {
    position: relative;
}
.categories a {
    background-color: #e9e8e4 !important;
    display:block;
    width:50%;
    border-right: 1px solid #d8d5c4;
    border-bottom: 1px solid #e9e8e4;
    padding: 5px 0.5rem 5px 2rem;
    position: relative;
    overflow: hidden;
    color: #333;
    line-height: 40px;
    line-height: 2.5rem;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.categories a:hover {
    width:50%;
    border-top-color: #d8d5c4;
    border-right-color: #fff;
    border-bottom-color: #d8d5c4;
    background-color: #fff;
    color: #e4272b;
    overflow: hidden;
    line-height: 40px;
    line-height: 2.5rem;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 5px 0.5rem 5px 1.8rem;
    background-color: white !important;
}

.breadcrumb{z-index:9999;}
.subcategories {
    display: none;
    position:absolute;
    left:50%;
    top:calc(var(--lavel) * 51px);
    height: 357px !important;
    overflow: hidden;
    background-color: white;
    border-bottom: none;
    overflow: hidden;
    z-index: 1000;
    width:50%;
    padding-left: 0;
}

.subcategories a {
    border:none;
    background-color: white !important;
    width:100%;
}

.categories a:hover + .subcategories {
    display: block;
}
.subcategories:hover {
    display: block;
    height: 560px;
}
.subcategories ul a:hover {
    display: block;
    height: 100%;
    width:100%
}

.subcategories > li:hover {
    display: block;
    height: 100%;
}

.categories a:hover + .subcategories:hover {
    display: block;
    height: 100%;
}



.categories a .icon--arrow-right {
    width: 0.5rem;
    position: absolute;
    right: 10px;
    right: .625rem;
    stroke: #333;
    top:16px;
    -webkit-transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    -o-transition: transform .2s cubic-bezier(.215, .61, .355, 1);
    transition: transform .2s cubic-bezier(.215, .61, .355, 1);
}

.categories .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
}


.lvl1 {
    --lavel: 0;
}
.lvl2 {
    --lavel: -1;
}
.lvl3 {
    --lavel: -2;
}
.lvl4 {
    --lavel: -3;
}
.lvl5 {
    --lavel: -4;
}
.lvl6 {
    --lavel: -5;
}
.lvl7 {
    --lavel: -6;
}
.lvl8 {
    --lavel: -7;
}

.cat1 {background-image: url(/files/images/menu/cestna_ureditev.jpg);background-size: auto 357px;}
.cat2 {background-image: url(/files/images/menu/drogovi_za_zastave.jpg);background-size: auto 357px;}
.cat3 {background-image: url(/files/images/menu/zazelenitev.jpg);background-size: auto 357px;}
.cat4 {background-image: url(/files/images/menu/nadstreski.jpg);background-size: auto 357px;}
.cat5 {background-image: url(/files/images/menu/stojala_za_kolesa.jpg);background-size: auto 357px;}
.cat6 {background-image: url(/files/images/menu/klopi_in_mize.jpg);background-size: auto 357px;}
.cat7 {background-image: url(/files/images/menu/kosi_za_odpadke.jpg);background-size: auto 357px;}

#category-image{
    display:block;overflow:hidden;height:357px;
}

#category-image>div{
    width:100%;margin-right:-15px;display:block;overflow:hidden;
}

#category-image>div img{
    overflow:hidden;height:100%;max-height:391px;width:auto
}

.headerStatic .headerSearchContainer {display:block!important}
.headerSearchContainer {margin:15px 227px 0px 275px}
.headerSearchContainer form {position:relative}
input.headerSearchField {width:100%;height:48px;margin-left:-4px;margin-right:-4px;border:4px solid #e6e5e1;color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 0 0 1px #d7d6d4;-webkit-box-shadow:inset 0 0 0 1px #d7d6d4;box-shadow:inset 0 0 0 1px #d7d6d4;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:border-box;padding-right: 38px;}
input.headerSearchField::-webkit-input-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
input.headerSearchField:-moz-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
input.headerSearchField::-moz-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
input.headerSearchField:-ms-input-placeholder {color:#bbb;font:italic 700 14px/40px 'Roboto Condensed',sans-serif}
.headerSearchButton {padding:0;position:absolute;right: 9px;background-color: #999;width: 40px;height: 38px;top: 5px;}
/* Search icon */
.headerSearchButton.search-icon-new:before {content: " ";background-image: url(/images/search-icon.png);width: 22px; height:22px;position: absolute;left: 9px;top:7px;}
.headerSearchButton.search-icon-new-clicked {background-color: #E4272B;}
.indexHeaderSlider .sliderDefault {margin:40px 0}

/* HEADER END*/

/* SIDEBAR | MENU */
.sidebarMenu {font-weight:700;text-transform:uppercase}
.sidebarMenu > li a, .sidebarMenu > li span {margin-bottom:1px;padding:7px 5px 7px 15px;border-left:4px solid #c0c0bc;display:block;color:#666;font-size:16px;background:#ebeae6}
.sidebarMenu > li span {cursor:default}
.sidebarMenu > li a.active, .sidebarMenu > li a:hover, .sidebarMenu > li span.active, .sidebarMenu > li span:hover {border-left-color:#e4272b;color:#e4272b;background:#fff}
.sidebarMenu {margin-bottom:30px}
/* SIDEBAR | MENU CEND */

.sliderProductpicsLg, .sliderProductpics , .sliderDefault {position:relative}
.sliderProductpicsLg .sliderBox, .sliderProductpics .sliderBox, .sliderDefault .sliderBox {margin-right:15px;padding:15px 0;background:#f9f8f6;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.sliderProductpicsLg .sliderBox:hover, .sliderProductpics .sliderBox:hover, .sliderDefault .sliderBox:hover {background:#fff;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.sliderProductpicsLg .flex-prev, .sliderProductpicsLg .flex-next, .sliderProductpics .flex-prev, .sliderProductpics .flex-next, .sliderDefault .flex-prev, .sliderDefault .flex-next {width:50px;margin-top:-65px;opacity:1;position:absolute;top:50%;color:#d8d8d8;font:112px 'iconZiegler';overflow:hidden;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s}
.sliderProductpicsLg .flex-disabled, .sliderProductpics .flex-disabled, .sliderDefault .flex-disabled {opacity:0;cursor:default;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.sliderDefault .flex-prev {left:-80px;text-indent:-35px}
.sliderDefault .flex-next {right:-80px;text-indent:-30px}
.sliderProductpics .flex-prev {left:-10px;text-indent:-35px}
.sliderProductpics .flex-next {right:-10px;text-indent:-30px}
.sliderProductpicsLg .flex-prev {left:-10px;text-indent:-35px}
.sliderProductpicsLg .flex-next {right:-10px;text-indent:-30px}
.sliderDefault .listProductLink, .sliderProductpics .listProductLink {text-align:center}
.sliderProductpics { margin-bottom:15px;}
.flex-prev a:hover, .flex-next a:hover {text-decoration: none;}

.listProductWrap {margin-top:10px;margin-bottom:10px}
.listProduct {height:345px;margin-top:10px;margin-bottom:10px;position:relative;text-align:center;background:#fcfbfa;
    -moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.listProduct:hover {background:#fff;-moz-box-shadow:0 0 25px rgba(0,0,0,.1);-webkit-box-shadow:0 0 25px rgba(0,0,0,.1);box-shadow:0 0 25px rgba(0,0,0,.1);-moz-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}
.listProductLink {height:100%;padding:15px 0;display:block;position:relative}
.listSupplies .listProductLink {padding:0 5px;text-align:center}
.listProductCategory {color:#999;font-weight:700;display:block;font-size:12px;text-decoration:underline;text-transform:uppercase}
.listProductTitle {padding:0 10px;color:#666;font-weight:700;font-size:24px;text-transform:uppercase;text-decoration:underline}
.listProductDescription {color:#999;font-weight:700;display:block;font-size:12px;text-transform:uppercase}
.catalogDescription {color: #999;font-size: 20px;line-height: 28px;margin: 15px 0 40px;}

.listProductImageBAK {width:auto;height:160px; max-width: 180px; max-height: 160px; margin:10px 0;display:inline-block;text-align:center;overflow:hidden}
.listProductImage {width:auto;height:auto; max-width: 180px; max-height: 160px; margin:10px 0;display:inline-block;text-align:center;overflow:hidden}

.listing-1col .listProduct {height:270px;text-align:left}
.listing-1col .listProductLink {padding:20px 20px 20px 20px}
.listing-1col .listProductTitle {padding:0;line-height:26px}
.listing-1col .listProductStock {margin-bottom:0px;text-align:left}
.listing-1col .listProductDescription2 {margin-bottom:0px;color:#4a4a4a;font-size:14px;margin-top:10px;height:147px;overflow:hidden;}
.listing-1col .listProductImageSearch {max-width:100%;max-height:230px;width:auto;height:auto;display:inline-block;overflow:hidden}
.listing-1col .listProductImageSearch img {margin-top:50px;}

.listProductImageMain {width:180px;height:160px;margin:10px 0;display:inline-block;text-align:center;overflow:hidden}
.hide-text {text-indent: 100%;white-space: nowrap;overflow: hidden;}
.listProductImage img {margin-top:30px}
.listProductImage .icon-noImage,.listProductImageSearch .icon-noImage {margin-top:50px;display:block;color:#ccc;font-size:100px}
.listProduct .semkFlag {position: absolute;top: 15px;left: 6px;display: inline-block;background-color: #3777BB;color: white !important;padding: 0px 5px;z-index: 1;line-height: 22px;font-size: 13px;}
.listProductPrice {position:relative;display:inline-block;color:#666;font:700 20px 'Roboto Condensed',sans-serif;letter-spacing:-1px}

.listProductStockWrap {display:block}
.listProductStock {display:inline-block;position:relative;text-align:center;line-height:8px}
.listProductStock [class^="stock0"] {width:8px;height:8px;margin:0 1px;display:inline-block;background:#d4d4d2;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.listProductStock .stockDisplay {font-weight:700;font-size:18px;line-height:8px;color:#999;text-transform:uppercase;}

.listProductShipping {margin-top:5px;display:block;color:#999;font-size:12px;text-transform:uppercase}
.listProductShipping:before {margin-right:5px;color:#999;font-size:16px;vertical-align:bottom}

[class^="titleDefault"] + * {margin-top:25px}
[class^="titleDefault"] + [class^="subtitleDefault"] {margin-top:0;margin-bottom:8px}
[class^="titleDefault"].marg10 + * { margin-top:10px; }

.titleDefaultFirst, .titleDefaultSecond, .titleDefaultThird, .titleDefaultFourth, .titleDefaultFifth {color:#e4272b!important}
.titleDefaultFirst {font:700 38px 'Roboto Condensed',sans-serif!important}
.titleDefaultSecond {font:700 30px 'Roboto Condensed',sans-serif!important}
.titleDefaultThird {font:700 24px 'Roboto Condensed',sans-serif!important;text-transform:uppercase!important}
.titleDefaultFourth {font:700 20px 'Roboto Condensed',sans-serif!important}
.titleDefaultFifth {font:700 16px 'Roboto Condensed',sans-serif!important;text-transform:uppercase!important}
.col-lg-9 > .titleDefaultFirst:first-child {margin-top:-10px}

.titleDefaultFirst + .productOverview {margin-top:0}
.productOverview p {margin:0 0 15px;color:#999;font:700 20px 'Roboto Condensed',sans-serif;text-transform:uppercase}
.productOverview .subtitleDefaultThird a[class^="icon-"] {color:#d4d4d2}
.productOverview .subtitleDefaultThird a[class^="icon-"]:first-child {border-left:1px solid #999;margin-left:10px;padding-left:10px}
.productOverview .subtitleDefaultThird a[class^="icon-"]:before {position:relative;top:1px}
.productOverview .subtitleDefaultThird .active[class^="icon-"]:before {color:#e4272b}
.productOverview .subtitleDefaultFourthNu { text-transform:none; margin:0 0 5px;}

/* MBX Emotion Komponenten */
.emotion-mbx-teaser {height:280px;margin-bottom:20px;position:relative;overflow:hidden}
.emotion-mbx-teaser a {display:block;height:100%;color:#fff;font:700 14px 'Roboto Condensed',sans-serif;text-transform:uppercase}
.emotion-mbx-teaser img {position:absolute;z-index:0;}
.emotion-mbx-teaser .teaserText, .emotion-mbx-teaser .teaserText span {display:block}
.emotion-mbx-teaser .teaserText {margin:0 10px;padding-top:25px;position:relative;text-align:center}
.emotion-mbx-teaser .teaserTextTitle {font-size:20px}
.emotion-mbx-teaser .linkButton {width:100%;position:absolute;z-index:1;bottom:20px;text-align:center}
/* teaser with grey background */
.emotion-mbx-teaser .teaserDefault {background:#ebeae6}
/*.emotion-mbx-teaser .teaserDefault img {bottom:35px;display: block;max-width:205px;max-height:200px;width: auto;height: auto;  }*/
.emotion-mbx-teaser .teaserDefault img {bottom:35px;
  max-height:200px;
  position:absolute;
  left:0;
  right:0;
  margin:0 auto }


.emotion-mbx-teaser .teaserDefault .teaserTextTitle {color:#4a4a4a}
.emotion-mbx-teaser .teaserDefault .teaserTextSubtitle {color:#999}
.emotion-mbx-teaser .icon-caratRoundedRight:before {padding:8px;background:#e4272b;font-size:18px;line-height:32px;border-radius:100%}

/* Home-Parallax */
.home_para_frame { position: relative; top:0px; left:0px; height:500px;overflow:hidden;display:block; }
.home_para_frame h3.titleDefaultSecond { font:700 24px "Roboto Condensed",sans-serif !important;}
.home_para_text { position:absolute; display:inline-block; border-bottom:2px solid #ccc;padding:30px;background:#fff;top:50px;z-index:2;text-align:left;}
.home_para_1 { background-image: url(/templates/emotion_ziegler/frontend/_resources/images/home_para_1.png); width:100%; height: 100%;text-align: center; position:absolute; background-repeat:no-repeat;}
.home_para_2 { background-image: url(/templates/emotion_ziegler/frontend/_resources/images/home_para_2.png); width:100%; height: 100%;text-align: center; position:absolute; background-repeat:no-repeat; background-position:0 -22px;}
.home_para_3 { background-image: url(/templates/emotion_ziegler/frontend/_resources/images/home_para_3.png); width:100%; height: 100%;text-align: center; position:absolute; background-repeat:no-repeat; background-position:0 -120px;}
.home_para_frame p { margin-bottom:20px;margin-top:10px;}

/* BUTTONS */
.buttonDefault, .buttonDefaultSmall, .buttonAlternative, .buttonAlternativeSmall, .buttonLight, .buttonLightSmall, .buttonGrey, .buttonGreySmall {display:inline-block;text-transform:uppercase;vertical-align:top}
.buttonDefault input, .buttonDefaultSmall input, .buttonAlternative input, .buttonAlternativeSmall input {border:none;background:transparent;font:700 17px/40px 'Roboto Condensed',sans-serif;text-transform:uppercase}
.buttonDefault, .buttonDefaultSmall {height:42px;padding:0 20px;border-bottom:2px solid #911d1f;color:#fff;font:700 17px/40px 'Roboto Condensed',sans-serif;background:#ec4044;background:-webkit-linear-gradient(top,#ec4044 0%,#e4272b 100%);background:linear-gradient(to bottom,#ec4044 0%,#e4272b 100%)}
.buttonDefault:hover, .buttonDefaultSmall:hover {border-bottom-color:transparent;background:#d30105;}
.buttonDefaultSmall {height:32px;padding:0 15px;font:700 13px/30px 'Roboto Condensed',sans-serif}
.buttonDefault.inactive, .buttonDefaultSmall.inactive, .buttonAlternative.inactive, .buttonAlternativeSmall.inactive {border-bottom-color:#dad8d1;color:#999;background:#e6e5e1}
.buttonDefault.buttonPending, .buttonDefaultSmall.buttonPending, .buttonAlternative.buttonPending, .buttonAlternativeSmall.buttonPending {text-indent:-999em;overflow:hidden;cursor:not-allowed;background:#e6e5e1 url('/templates/emotion_ziegler/frontend/_resources/images/ajax-loader-large.gif') center center no-repeat}
.buttonGrey, .buttonGreySmall {height:42px;padding:0 20px;border-bottom:2px solid #dad8d1;color:#999;font:700 17px/40px 'Roboto Condensed',sans-serif;background:#e6e5e1}
.buttonGreySmall {height:32px;padding:0 15px;font:700 13px/30px 'Roboto Condensed',sans-serif}
.buttonGrey:hover, .buttonGreySmall:hover {border-bottom-color:#bbb;color:#666}
.buttonAlternativeSmall {height:42px;padding:0 20px;border-bottom:2px solid #cca825;color:#333;font:700 17px/40px 'Roboto Condensed',sans-serif;background:#fce247;background:-webkit-linear-gradient(top,#fce247 0%,#face2b 100%);background:linear-gradient(to bottom,#fce247 0%,#face2b 100%)}
.buttonAlternativeSmall {height:32px;padding:0 15px;font:700 13px/30px 'Roboto Condensed',sans-serif}

/* BUTTONS END*/

/* MODAL FORM */
.modal-header, .modal-body {background-color: #F9F8F6;}

.formDefault input[type="text"],
.formDefault input[type="password"],
.formDefault input[type="email"],
.formDefault .selectboxit-btn,
.formDefault textarea {height:26px;padding:0 5px;border:1px solid #d7d6d4;line-height:24px;background:#fff}
.formDefault .selectboxit-text {line-height:24px}

.modalForm {}
.modalFormText {margin-bottom:20px}
.modalFormText .subtitleDefaultThird {text-transform:uppercase}
.modalFormText .subtitleDefaultThird + .titleDefaultThird {margin-top:0}
.modalFormText p:last-child {margin-top:10px}

.modalForm .form-10 .formDefaultModal > li {width:100%}
.modalForm .form-10 .formDefaultModal > li label {width:20%}
.modalForm .form-10 .formDefaultModal > li div {width:40%}
.modalForm .form-10 .formDefaultModal > li.fullWidth label {width:20%}
.modalForm .form-10 .formDefaultModal > li.fullWidth div {width:80%}
.modalForm .form-10 .formDefaultModal > li.fullWidth div {width:80%}
.modalForm .form-10 .formDefaultModal > li.textarea {height:120px}
.modalForm .form-10 .formDefaultModal > li.textarea textarea {height:100px}

.modalContent {padding:20px 30px}
.modalContent > .subtitleDefaultThird:first-child {text-transform:uppercase}

.formDefaultModal {margin-left:-20px}
.formDefaultModal > li {width:50%;min-height:40px;padding-left:20px;float:left}
.formDefaultModal > li.fullWidth {width:100%}
.formDefaultModal > li label {width:30%;float:left;color:#999;font-size:14px;line-height:26px}
.formDefaultModal > li > div {width:70%;float:left}

.formDefaultModal > li.select label {width:15%}
.formDefaultModal > li.select > div {width:20%;float:left}
.formDefaultModal > li.textarea {height:200px}
.formDefaultModal > li.textarea textarea {height:160px}
.formDefaultModal > li.textarea label {width:15%}
.formDefaultModal > li.textarea > div {width:85%;float:left}

.formDefaultModal .captcha-placeholder {height:60px;margin-bottom:20px}
.formDefaultModal .captcha-placeholder img {max-height:100%;border:1px solid #999;border-radius:4px}

.formSupport .formDefaultModal > li label {width:33% !important }
.formSupport .formDefaultModal > li > div {width:67% !important}
.formSupport .formDefaultModal > li.textarea {height:174px !important}
.formSupport .formDefaultModal > li.textarea label, .formSupport .formDefaultModal > li.subject > label, .formSupport .formDefaultModal > li.select > label:not(.salutationLabel)   {width:16% !important}
.formSupport .formDefaultModal > li.textarea > div, .formSupport .formDefaultModal > li.subject > div  {width:84% !important}
.formSupport .formDefaultModal > li.select > div {width:16px !important; margin-top: 5px}
.formSupport .formDefaultModal .requiredFields {color:#999;font-style:italic;font-size:12px}
.formSupportAction {float:right }
.formSupport .formDefaultModal .salutationLabel {width:8% !important}
.formDefault {margin:-4px -4px 0;border:4px solid #e6e5e1!important;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 0 0 1px #d7d6d4;-webkit-box-shadow:inset 0 0 0 1px #d7d6d4;box-shadow:inset 0 0 0 1px #d7d6d4;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.formDefault input[type="text"],
.formDefault input[type="password"],
.formDefault input[type="email"],
.formDefault .selectboxit-btn,
.formDefault textarea {height:26px;padding:0 5px;border:1px solid #d7d6d4;line-height:24px;background:#fff}
.formDefault .selectboxit-text {line-height:24px}
.formDefault textarea {height:160px;padding:5px;line-height:20px}

.formDefault ::-webkit-input-placeholder {line-height:24px}
.formDefault :-moz-placeholder {line-height:24px}
.formDefault ::-moz-placeholder {line-height:24px}
.formDefault :-ms-input-placeholder {line-height:24px}

.formDefault textarea::-webkit-input-placeholder {line-height:20px}
.formDefault textarea:-moz-placeholder {line-height:20px}
.formDefault textarea::-moz-placeholder {line-height:20px}
.formDefault textarea:-ms-input-placeholder {line-height:20px}
.buttonNext:after {position:relative;top:-1px;font:12px 'iconZiegler';text-transform:none}
.buttonNext:after {content:'o';margin-left:5px}
/* MODAL FORM END*/

.footerNewsletterForm .buttonDefaultSmall {float:right}
.indexFullFooter {background:#e9e8e4}
.footer {padding:15px 0 20px}
.footer > .row {padding:25px 0 35px}
.footer, .footer a {color:#999;font-size:14px}
.footer a:hover {color:#e4272b}
.footer hr {height:1px;margin:0;clear:both;border:none;background:#ccc}
.footerHeadline {margin:0 0 20px!important;font-size:20px;text-transform:uppercase;font-weight:700}
.footerMenu {
    padding-left: 20px;
}
.footerMenu li {margin:5px 0}

.footerContact > div {padding-left:20px}
.footerContact .contactNumber {margin-bottom:5px;font-weight:700;font-size:30px;line-height:32px}
.footerContact .contactLink {margin:5px 0 0 15px;text-align:lefts}
.footerContact .contactLink a {color:#e4272b}
.astextdefault {background:none;border:none;margin:0;padding:0;}
.astext {background:none;border:none;margin:0;padding:0;color:#e4272b;}

.socialMediaLinks {float:left;margin-top:-15px;background:#E9E8E4}
.socialMediaLinks a {width:32px;height:32px;margin-right:10px;float:left;display:inline-block;text-align:center;background:#ec4044;background:-webkit-linear-gradient(top,#ec4044 0%,#e4272b 100%);background:linear-gradient(to bottom,#ec4044 0%,#e4272b 100%);border-radius:50%}
.socialMediaLinks a:before {color:#fff;font-size:24px;line-height:32px}
/* FOOTER END*/

/*  KATALOG  */
.indexTeaserCatalog {padding:40px 0 45px}
.indexTeaserCatalog .catalogMainImage {
    background-image:url('/images/sprite-teaser-catalog.jpg');
    background-repeat: no-repeat;
    height:355px;
    width:100%;}





.indexTeaserCatalog .catalogImage {
    background-image:url('/images/sprite-teaser-catalog.jpg');
}   
.indexTeaserCatalog .catalogOverview {margin-top:15px;font:700 16px 'Roboto Condensed',sans-serif}
.indexTeaserCatalog .catalogOverview li {width:33%;padding:10px 0 5px;border-left:1px solid #ccc;float:left;text-align:center}
.indexTeaserCatalog .catalogOverview li:first-child {border:0}
.indexTeaserCatalog .catalogOverview p {margin:15px 0}
.indexTeaserCatalog .catalogImage {width:110px;height:190px;margin:0 auto}
.indexTeaserCatalog .catalog01 .catalogImage {background-position:0 -360px}
.indexTeaserCatalog .catalog01 p {line-height:40px}
.indexTeaserCatalog .catalog02 .catalogImage {background-position:-150px -360px}
.indexTeaserCatalog .catalog03 .catalogImage {background-position:-300px -360px}
/*  KATALOG END  */

/*  PRODUCT  */
.articleDatasheet {margin-top:50px;margin-bottom:80px}
.articleDatasheetFirstline {color:#999;font:700 16px 'Roboto Condensed',sans-serif;text-transform:uppercase}
.articleDatasheetHeadline {margin-bottom:20px;color:#4a4a4a;font:700 32px 'Roboto Condensed',sans-serif}

.tableData {width:100%}
.tableData td {width:50%;padding:0 20px;border-top:1px solid #d9d8d6;font-weight:700;font-size:14px;line-height:40px;text-align:right;background:#F1F0EE}
.tableData td:first-child {color:#999;text-align:left;text-transform:uppercase;}
.tableData tr:nth-child(even) td {background:transparent}

.sliderProductpics img {display: block;max-width:180px;max-height:180px;width: auto;height: auto;}
ul.listProductpics li { width: 205px; float: left; display: block;text-align:center; }

.articleImage {margin-bottom:20px;position:relative;text-align:center;}
.articleImage .image {width:auto;height:auto; max-width: 100%; max-height: 600px;display:inline-block;}
.articleImage .badgePseudoPercent, .articleImage .badgeNew {width:80px;height:80px;left:0;top:0;font:700 48px/80px 'Roboto Black',sans-serif}
.articleImage .badgeNew {font-size:28px}
.articleImage .articleSupplier {width:auto;max-height:40px;}
.articleImage .badgeExclusive {right:0;bottom:25px;left:unset;}
.articleDetailDescriptionFirstline {text-transform:uppercase}
.articleDetailDescriptionHeadline {margin-bottom:15px;color:#4a4a4a;font-weight:700;font-size:30px}
.subtitleDefaultThird {color:#999!important;font:700 16px 'Roboto Condensed',sans-serif!important}
.subtitleDefaultThird {text-transform:uppercase}
.articleDetailDescription {margin-bottom:20px;color:#4a4a4a;font-size:20px;line-height:28px}
.articleDetailDescription ul {list-style:initial;}
.articleDetailDescription ul li {margin-left:20px;}
.articleDetailDescription b {font-weight: bold;}
.articleDetailDescription strong {font-weight: bold;}

.articleSidebar {width:100%;display:inline-block;background:#f9f8f6;-moz-box-shadow:0 0 15px #ccc;-webkit-box-shadow:0 0 15px #ccc;box-shadow:0 0 15px #ccc}
.articleSidebar .wrapTop {margin:15px 15px 10px;position:relative;}
.articleSidebar .wrapBottom {margin:15px}
.articleSidebar .articleSupplier {width:auto;max-height:50px;margin-bottom:20px}
.articleSidebar .articleName {line-height:34px!important}
.articleSidebar .articleSublineWrap {margin-top:15px;color:#999;font-size:13px}
.articleSidebar .articleSublineWrap li {float:left}
.articleSidebar .articleSublineWrap .divider {padding:0 5px;color:#666}
.articleSidebar .articleSublineRating {color:#e4272b}


.articleSidebar .articlePrice {margin-bottom:30px;color:#4a4a4a;font-weight:700;font-size:30px}
.articleSidebar .articlePrice .pseudoPrice {font-weight:700;font-size:16px;line-height:12px;text-decoration:line-through}
.articleSidebar .articlePrice.pseudoAvailable .price {color:#e53336}
.articleSidebar .articlePriceSubline {color:#666;font-weight:400;font-size:11px}
.articleSidebar .articlePriceHeadline {color:#666;font-weight:400;font-size:11px;text-align:right;}

.articleSidebar .articleBlockPriceList {margin:5px -25px 10px;border-top:1px solid #d9d8d6}
.articleSidebar .articleBlockPriceList li {width:50%;padding-top:3px;padding-bottom:3px;border-bottom:1px solid #d9d8d6;float:left;line-height:14px}
.articleSidebar .articleBlockPriceList li.active {width:50%;border-bottom:1px solid #d9d8d6;float:left;background:#FFF}
.articleSidebar .articleBlockPriceQuantity {padding-left:25px;font-size:14px}
.articleSidebar .articleBlockPriceAmount {padding-right:25px;text-align:right;font-weight:500;font-size:14px}
.articleSidebar .articleBlockPriceAmount.active {padding-right:25px;text-align:right;font-weight:700;}
.articleSidebar .articleBlockPrice + .articlePriceSubline {margin-bottom:40px;text-align:right}

.articleSidebar .customizing-data-wrapper {margin-top:20px}
.articleSidebar .formCustomData .selectboxit-container {display:block;max-width:250px;}
.articleSidebar .formCustomData select.error + .selectboxit-container > .selectboxit {background:#FBE9E9;-moz-box-shadow:inset 0 0 0 1px #e4272b;-webkit-box-shadow:inset 0 0 0 1px #e4272b;box-shadow:inset 0 0 0 1px #e4272b}
.articleSidebar .formCustomData .selectboxit-container .selectboxit {height:36px;line-height:34px}
.articleSidebar .formCustomData .selectboxit-text {padding-left:5px;font-weight:700;line-height:34px;text-transform:uppercase}
.articleSidebar .formCustomData .selectboxit-arrow {line-height:36px}
.articleSidebar .formCustomData .selectboxit-options {top:35px!important}
.articleSidebar .formCustomData .selectboxit-option {font-weight:700;text-transform:uppercase}

.articleSidebar .formCustomData .color_select {height:36px;margin:-4px -4px 0;border:4px solid #e6e5e1;position:relative;background:#fff;cursor:pointer;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:inset 0 0 0 1px #d7d6d4;-webkit-box-shadow:inset 0 0 0 1px #d7d6d4;box-shadow:inset 0 0 0 1px #d7d6d4;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
.articleSidebar .formCustomData .color_select.error {border:4px solid #e6e5e1!important;background:#fbe9e9;-moz-box-shadow:inset 0 0 0 1px #e4272b;-webkit-box-shadow:inset 0 0 0 1px #e4272b;box-shadow:inset 0 0 0 1px #e4272b}
.articleSidebar .formCustomData .color_select > .colorPreview {width:20px;height:20px;position:absolute;right:10px;top:8px;background:url('/templates/emotion_ziegler/frontend/_resources/images/colorpicker.png');-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.articleSidebar .formCustomData .color_select .option_label {padding-left:9px;font-weight:700;font-size:14px;line-height:36px;vertical-align:top}
.articleSidebar .formCustomData .color_select .colorSelectInnerWrap {max-height:110px;margin-left:-5px;overflow-y:auto}
.articleSidebar .formCustomData .color_select .option_values_color_select {display:none;width:100%;padding:10px;position:absolute;left:0px;top:36px;text-align:center;font-size:18px;line-height:18px;background:#fff;z-index:1;cursor:default;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.articleSidebar .formCustomData .color_select .option_values_color_select .color-select-swatch {display: inline-block;font-size: 12px;overflow: hidden;padding: 4px 8px;text-overflow: ellipsis;white-space: nowrap;width: 210px;height:auto;margin-right:5px;border:1px solid rgba(0,0,0,0.25)}
/*.articleSidebar .formCustomData .color_select .option_values_color_select .color-select-swatch {margin:0 0 5px 5px;width:18px;height:18px;border:1px solid rgba(0,0,0,0.25);display:inline-block;text-align:center;vertical-align:top;cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}*/
.articleSidebar .formCustomData .color_select .option_values_color_select .color-select-swatch.is-active:before {content:'\72';color:#fff;font-size:10px;line-height:16px;font-family:'iconZiegler';vertical-align:top}
.articleSidebar .formCustomData .color_select .option_values_color_select .color-select-swatch[style="background-color:#FFFFFF"].is-active:before {color:#333}


.articleSidebar .cartButton {margin:15px 0}
.articleSidebar .cartButton .buttonAlternative {float:right}
.articleSidebar .cartButton .selectboxit-container .selectboxit {height:42px;line-height:40px}
.articleSidebar .cartButton .selectboxit-text {padding-left:5px;font-weight:700;line-height:40px}
.articleSidebar .cartButton .selectboxit-arrow {line-height:42px}
.articleSidebar .cartButton .selectboxit-options {top:41px!important}
.articleSidebar .cartButton .selectboxit-option {font-weight:700}

.articleSidebar .actionsBottom {margin-top:15px}
.articleSidebar .actionsBottom li {float:left}
.articleSidebar .actionsBottom li:last-child {float:right}
.articleSidebar .actionsBottom a {font-weight:700;color:#999;font-size:13px;text-transform:uppercase}
.articleSidebar .actionsBottom a:before {position:relative;top:1px}

.articleSidebar .tabQuestion {}
.articleSidebar .tabQuestion > li {margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #D9D8D4}
.articleSidebar .tabQuestion > li:last-child {margin-bottom:0;padding-bottom:0;border:0}
.articleSidebar .tabQuestion h3 {margin-bottom:20px;color:#e4272b;font-weight:700;font-size:14px;text-transform:uppercase}
.articleSidebar .tabQuestion .icon-letter:before, .articleSidebar .tabQuestion .icon-telephone:before {margin:5px 0 0 5px;float:left;color:#999;font-size:20px;cursor:default}
.articleSidebar .tabQuestion p, .articleSidebar .tabQuestion div {margin-left:40px}
.articleSidebar .tabQuestion p {margin-bottom:20px;color:#999;font-size:14px}
.articleSidebar .tabQuestion div {cursor: pointer;}
.articleSidebar .tabQuestion a {margin-left:15px;}

.tabMenu li {width:50%;border:1px solid #d9d8d6;border-width:1px 0;float:left;text-align:center;color:#999;font-weight:700;font-size:14px;line-height:40px;text-transform:uppercase;background:#eee;cursor:pointer;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5)}
.produstVariations li {width:50%;border:1px solid #d9d8d6;border-width:1px 0;float:left;text-align:left;color:#e4272b;font-weight:700;font-size:20px;line-height:50px;text-transform:uppercase;background:#eee;cursor:pointer;-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);box-shadow:inset 0 1px 0 rgba(255,255,255,0.5)}

/*  PRODUCT END */

.sidebarTeaserContact {margin:25px 0 50px;padding-bottom:80px;position:relative}
.sidebarTeaserContactFirstline {text-transform:uppercase}
.sidebarTeaserContactHeadline {text-transform:none!important}
.sidebarTeaserContactPhone {color:#4a4a4a;font:700 20px 'Roboto Condensed',sans-serif;white-space:nowrap}
.sidebarTeaserContactPhone:before {width:20px;display:inline-block;position:relative;top:-1px;color:#777;font-size:14px}
.sidebarTeaserContactPhoneTime {margin-left:20px;color:#777;font-size:12px}
.subtitleDefaultFourth {color:#999!important;font:700 14px 'Roboto Condensed',sans-serif!important}
.boxFlat {margin-bottom:20px; padding:20px;background:#ebeae6}

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

[class^='icon-']:before, [class*=' icon-']:before {
    font-family:'iconZiegler';
    speak:none;
    font-style:normal!important;
    font-weight:normal!important;
    font-variant:normal!important;
    text-transform:none!important;
    line-height:1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}

/* RSLIDER*/
#indexSlider{
    height: 570px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    margin:0 7px;
}
#indexSlider li{list-style: none;}
#indexSlider .fa-stack{line-height: 28px !important;}
#indexSlider .fa{ font-size: 28px; }
#indexSlider .fa-inverse{color: white !important;}
#indexSlider .fa-circle{ color: white !important;}
#indexSlider img {
    width: 100%;
    height: auto;
}
.


.indexHeaderStage {margin:0 auto}
.indexHeaderStage .headlineWrap {padding:30px 0 0 40px}
.indexHeaderStage .headlineWrap .titleDefaultFirst {margin-bottom:-5px;font-size:44px!important}

.indexHeaderStage .mappingIcon {width:25px;height:25px;display:block}
.indexHeaderStage .rhino-bullets {z-index:1000}
.indexHeaderStage .rhino-bullets a.rhino-bullet {width:16px;height:16px;border:2px solid #4a4a4a;display:inline-block;background:transparent!important;border-radius:50%;text-indent:-9999px;overflow:hidden}
.indexHeaderStage .rhino-bullets a.rhino-active-bullet {background:#bbb!important}
/* RSLIDER END*/

.icon-print:before {content:'\41'}
.icon-bicycle:before {content:'\42'}
.icon-home:before {content:'\43'}
.icon-profile:before {content:'\44'}
.icon-magnifier:before {content:'\45'}
.icon-lock:before {content:'\46'}
.icon-tag:before {content:'\47'}
.icon-constructor:before {content:'\48'}
.icon-soccer:before {content:'\49'}
.icon-bench:before {content:'\4a'}
.icon-starHalf:before {content:'\4b'}
.icon-starFull:before {content:'\4c'}
.icon-starEmpty:before {content:'\4d'}
.icon-telephone:before {content:'\4e'}
.icon-roofing:before {content:'\4f'}
.icon-truck:before {content:'\50'}
.icon-bankTransfer:before {content:'\51'}
.icon-facebook:before {content:'\52'}
.icon-googlePlus:before {content:'\53'}
.icon-youtube:before {content:'\54'}
.icon-roundTick:before {content:'\61'}
.icon-roundCross:before {content:'\62'}
.icon-roundPlus:before {content:'\63'}
.icon-barrow:before {content:'\64'}
.icon-pillar:before {content:'\65'}
.icon-blueprint:before {content:'\66'}
.icon-viewGallery:before {content:'\67'}
.icon-viewGrid:before {content:'\68'}
.icon-viewList:before {content:'\69'}
.icon-caratSlimLeft:before {content:'\6a'}
.icon-caratSlimRight:before {content:'\6b'}
.icon-caratSlimUp:before {content:'\6c'}
.icon-caratSlimDown:before {content:'\6d'}
.icon-caratRoundedLeft:before {content:'\6e'}
.icon-caratRoundedRight:before {content:'\6f'}
.icon-caratRoundedUp:before {content:'\70'}
.icon-caratRoundedDown:before {content:'\71'}
.icon-tick:before {content:'\72'}
.icon-tickSketch:before {content:'\73'}
.icon-pencil:before {content:'\74'}
.icon-calendar:before {content:'\75'}
.icon-trash:before {content:'\76'}
.icon-letter:before {content:'\77'}
.icon-clipboard:before {content:'\78'}
.icon-cabinet:before {content:'\79'}
.icon-tray:before {content:'\7a'}
.icon-notepad:before {content:'\55'}
.icon-download:before {content:'\56'}
.icon-calendarMonth:before {content:'\57'}
.icon-map:before {content:'\58'}
.icon-documents:before {content:'\59'}
.icon-pin:before {content:'\5a'}
.icon-shutdown:before {content:'\31'}
.icon-bubble:before {content:'\32'}
.icon-trolley:before {content:'\33'}
.icon-globe:before {content:'\34'}
.icon-cross:before {content:'\35'}
.icon-roundProfile:before {content:'\36'}
.icon-ziegler:before {content:'\37'}
.icon-zieglerCapital:before {content:'\38'}
.icon-noImage:before {content:'\39'}

* {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body {position:relative;color:#4a4a4a;font:400 1em 'Roboto Condensed',sans-serif;-webkit-font-smoothing:antialiased}

.pagination > li > a, .pagination > li > span {color: #E82525;}
.pagination > .active {background-color: #00aa00;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #999999;
    border-color: #999999;
    color: #fff;
    cursor: default;
    z-index: 2;
}
.articleDatasheetImageLink {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 5px 3px #eae9e8;
    display: block;
    margin-bottom: 30px;
    padding: 20px;
    text-align: center;
}
.articleDatasheetImageLink img {
    max-width:940px;
    max-height:500px;
    width: auto;
    height: auto;
}

@media (max-width: 991px) {
    .partners .text-sm-center {
        text-align: center;
        padding: 15px 0;
    } 
}