/***************fonts css*******************/
@font-face { font-family: 'GothamBold'; src: url('../fonts/GothamBold.eot'); src: url('../fonts/GothamBold.eot') format('embedded-opentype'), url('../fonts/GothamBold.woff2') format('woff2'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf') format('truetype'), url('../fonts/GothamBold.svg#GothamBold') format('svg'); }
@font-face { font-family: 'GothamRegular'; src: url('../fonts/GothamRegular.eot'); src: url('../fonts/GothamRegular.eot') format('embedded-opentype'), url('../fonts/GothamRegular.woff2') format('woff2'), url('../fonts/GothamRegular.woff') format('woff'), url('../fonts/GothamRegular.ttf') format('truetype'), url('../fonts/GothamRegular.svg#GothamRegular') format('svg'); }
@font-face { font-family: 'GothamLight'; src: url('../fonts/GothamLight.eot'); src: url('../fonts/GothamLight.eot') format('embedded-opentype'), url('../fonts/GothamLight.woff2') format('woff2'), url('../fonts/GothamLight.woff') format('woff'), url('../fonts/GothamLight.ttf') format('truetype'), url('../fonts/GothamLight.svg#GothamLight') format('svg'); }
/***************fonts css end*******************/
body { margin: 0; padding: 0; overflow-x: hidden; }
#page-wrapper { float: left; width: 100%; }
.wrapper { margin: 0 auto; max-width: 1272px; width: 100%; }
section, .column { float: left; width: 100%; position: relative; }
.text-center { display: inline-block; width: 100%; text-align: center; }
.img-responsive { display: block; width: 100%; max-width: 100%; }
.blockele { display: block; width: 100%; }
/*****************header css*******************/
#header { padding: 10px 0 0; float: left; width: 100%; }
#header .logo { float: left; width: 33%; margin-top: 5px; }
#header .header-in { }
#header .notes { float: left; position: relative; width: 30%; }
#header .notes p { font-family: 'GothamBold'; color: #7C7B7B; font-size: 12px; background: url(../images/2019/tick.png) no-repeat; padding: 2px 0 3px 38px; background-position: left 3px; line-height: 16px;background-size: 6%; }
#header .notes p span { cursor: pointer; }
.title-cart div { text-align: center; }
#header .user-info { float: left; width: 36%; margin-top: 17px; }
#header .logo a img { width: 220px; max-width: 220px; }
#header .user-info ul { width: 100%; text-align: right; }
#header .user-info ul li { display: inline-block; text-align: center; padding: 0 10px; min-height: 50px; }
#header .user-info ul li .info-text { color: #E4005B; font-family: 'GothamBold'; font-size: 12px; }
#header .user-info ul li:first-child .info-text { color: #7C7B7B; }
#header .user-info ul li img { max-width: 35px; }
#header .notes:before { position: absolute; right: -36px; top: 0; width: 2px; height: 100%; content: ''; background: #e4005b; }
#header .notes:after { position: absolute; left: -50px; top: 0; width: 2px; height: 100%; content: ''; background: #e4005b; }
.nav-sec { float: left; width: 100%; background: #e4005b; margin: 15px 0 15px 0px; box-sizing: border-box; }
.nav-sec li { display: inline-block; vertical-align: middle; position: static; }
.nav-sec li a { color: #fff; font-family: GothamBold; font-size: 14px; display: inline-block; line-height: 30px; border-right: 1px solid #fff; padding: 7px 25px; }
.nav-sec ul > li:first-child:after { position: absolute; right: -3px; top: 0px; width: 6px; height: 45px; content: ''; background: #fff; }
.nav-sec ul { position: relative; float: left; width: 100%; }
.nav-sec li:hover .m-list { display: block; z-index: 15; }
form#search_mini_form { margin-top: 7px; }
.m-list { margin: 0; z-index: -1; display: none; position: absolute; left: 0; background: #ffffff; width: 99.6%; padding: 25px 0px 20px 0px; top: 43px; border: 1px solid #c4c4c4; border-top: 0; }
.nav-sec li .m-list ul li a { padding: 0px 16px; }
.nav-sec ul li ul { width: 90%; }
.list-in { float: left; width: 20%; margin: 0 0 10px; }
.nav-sec li li a { color: #000; }
.nav-sec ul > li:first-child { /*position: relative;*/ }
.nav-sec li li a { text-transform: capitalize; font-size: 13px; color: #7C7B7B; line-height: 25px; }
.nav-sec li li { width: 100%; display: block; }
li .listing { float: left; width: 100%; }
li .client-list { float: left; width: 100%; text-align: center; }
li .client-list .client-logo { width: 20%; display: inline-block; }
.nav-sec li li a:hover { color: #e4005b; }
.menu-group { float: left; width: 100%; }
.nav-sec > ul > li:last-child { float: right; width: 22%; }
.nav-sec > ul > li .search-field { float: left; width: 100%; }
.nav-sec > ul > li input[type="text"] { border: 0; padding: 7px 12px; width: 75%; float: right; margin-right: 10px; }
.nav-sec > ul > li #search_mini_form button span { cursor: pointer; border: 0; background: transparent; }
.nav-sec > ul > li #search_mini_form button span i { font-size: 30px; font-size: 23px; font-weight: normal; margin-top: 3px; }
.nav-sec > ul > li #search_mini_form button.button:hover>span { color: #fff; }
ul.configrator li { display: inline-block; width: 47%; float: left; margin-right: 31px; text-align: center; }
ul.configrator li img { width: 100%; max-width: 150px; display: block; }
ul.configrator li span { font-size: 16px; margin-top: 10px; display: inline-block; }
span.tax-details { display: none; }
/*****************header css end*******************/


/*****************container css*******************/
#container-area { margin: 25px 0 0; }
.pro-sec { width: 31.33%; position: relative; text-align: center; }
.pro-text { position: absolute; bottom: 40px; left: 0; right: 0; width: 100%; text-align: center; background: rgba(228,0,91,.8); padding: 13px 0; }
.pro-area { padding: 4px 0 15px; display: flex; justify-content: space-between; }
.pro-text h5 { font-size: 16px; color: #fff; font-family: GothamLight !important; border-bottom: 0px solid #ccc !important; line-height: auto !important; }
.pro-text h5 span { display: block; margin: 1px 0 0; font-family: GothamLight; }
.heading { font-size: 18px; background: #ebebeb; text-align: center; padding: 11px 0; text-transform: uppercase; font-family: GothamBold; color: #E4005B; }
.top-clients { padding: 20px 0; float: left; width: 100%; }
.top-clients ul { width: 100%; float: left; text-align: center; }
.top-clients ul li { text-align: center; width: 20%; text-align: center; display: inline-block; }
.showroom { float: left; width: 100%; }
.showromm-img { float: left; width: 100%; position: relative; border-bottom: 1px solid #ebebeb; padding: 0 0 19px; }
.showromm-img h2 { position: absolute; top: 0; text-transform: uppercase; text-align: center; width: 100%; font-family: GothamBold; font-size: 85px; line-height: 105px; opacity: 0.6; color: #E4005B; }
.showromm-img ul { position: absolute; left: 0; right: 0; bottom: 48px; width: 440px; margin: 0 auto; text-align: center; }
.showromm-img ul li { display: inline-block; }
.showromm-img ul li a { color: #e4005b; display: inline-block; padding: 0 8px; font-size: 17px; border-right: 1px solid #e4005b; }
.showromm-img ul li:nth-child(3) a, .showromm-img ul li:last-child a { border: 0; }
.product-area { float: left; width: 100%; padding: 15px 0 0; }
.seller { float: left; width: 100%; background: #fff; padding: 25px 0 0; }
.title { color: #E4005B; text-transform: uppercase; font-size: 49px; font-family: GothamBold; letter-spacing: 1px; }
.seller-pro { display: flex; justify-content: space-around; align-items: center; flex-flow: row wrap; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin: 30px 0 0; padding: 30px 0 40px; float: left; }
.preis { width: 45%; position: relative; padding: 20px; border: 1px solid transparent; min-height: 355px; }
.preis .left-sec, .pro-v { display: none; }
.main-v img { width: 100%; }
.main-v h4 { font-family: 'GothamBold'; font-size: 15px; color: #7C7B7B; margin: -30px 0 10px; text-align: center; }
.main-v h4 span { color: #E4005B; }
.main-v h4 small { display: block; font-size: 13px; }
.preis:hover { border-color: #b3b3b3; }
.preis:hover { border-color: #ebebeb; }
.preis:hover .left-sec { display: inline-block; width: 59px; position: absolute; top: 50%; left: 22px; transform: translateY(-50%); }
.preis .left-sec li { float: left; width: 100%; margin: 0 0 26px; display: inline-block; }
.preis .left-sec li img { width: 100%; }
.preis:hover .main-v { width: 79%; float: right; }
.preis:hover .pro-v { display: block; }
.pro-v p { color: #7C7B7B; font-size: 13px; font-family: 'GothamBold'; margin: 10px 0 0; }
.preis .left-sec li:last-child { margin: 0; }
.banner-img { float: left; width: 100%; }
.banner-img h4 { color: #fff; font-size: 35px; position: absolute; bottom: 40px; left: 0; font-family: 'GothamLight'; background: rgba(91, 6, 37, 0.8); right: 0; text-align: center; padding: 10px 0; }
.banner-img h4 span { display: block; font-family: 'GothamBold'; }
.banner-l { float: left; width: 66%; position: relative; }
.banner-l h4 { }
.pro-opt select { padding: 12px 16px 10px 16px; max-width: 340px; width: 100%; float: left; }
.pro-opt { float: left; width: 100%; }
.banner-r { float: right; width: 32%; position: relative; }
#pro-details .preis { width: 21%; min-height: 171px; border-color: #ebebeb; margin: 0 0 30px; }
#pro-details .preis:hover .main-v { width: 100%; }
/*Slider*/
.slider > div { display: block; width: 100%; padding: 60px 0; text-align: center; font-size: 2em; }
/* Navigation */


.slider-nav { text-align: center; }
.slider-nav > div { display: inline-block; width: 82px; height: 82px; margin: 0 7px; padding: 3px 0; text-align: center; cursor: pointer; border: 1px solid #000; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 }
.slick-list:focus { outline: 0 }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto }
.slick-track:after, .slick-track:before { display: table; content: '' }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px }
[dir=rtl] .slick-slide { float: right }
.slick-slide img { display: inline-block; width: 100%; max-width: 510px; }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
/*# sourceMappingURL=slick.min.css.map */

.pro-view { float: left; width: 63%; }
.pro-details { float: right; width: 32%; }
.pro-details h4 { color: #7C7B7B; font-size: 22px; font-family: 'GothamBold'; margin: 0 0 30px; }
.pro-details h4 small { display: block; font-size: 13px; }
.pro-details p { margin: 15px 0 0; color: #7C7B7B; font-size: 14px; font-family: 'arial'; line-height: 20px; }
.slider-nav > div img { vertical-align: top; width: 100%; height: 77px; }
#mobile-menu { display: none; float: left; }
.recent { float: left; width: 100%; margin: 45px 0 0; }
button.slick-next.slick-arrow { position: absolute; top: 54%; right: 0; background: url(../images/next.png) no-repeat; cursor: pointer; height: 40px; z-index: 11; width: 40px; border: 0; text-indent: -9999px; background-size: 23px 40px; }
button.slick-prev.slick-arrow { position: absolute; top: 50%; cursor: pointer; background: url(../images/prev.png) no-repeat; left: 0; height: 40px; z-index: 11; width: 40px; border: 0; text-indent: -9999px; background-size: 23px 40px; }
.pro-details .price { display: flex; width: 100%; margin: 20px 0 0; justify-content: flex-start; align-items: baseline; }
.pro-details .price .old { color: #7C7B7B; font-size: 21px; position: relative; font-family: GothamLight; }
.pro-details .price .current { color: #E4005B; font-size: 28px; margin: 0 0 0 10px; font-family: GothamRegular; }
.pro-details .price .current span { font-family: 'GothamBold'; }
.pro-details .price .old:after { position: absolute; left: 18px; top: -9px; width: 1px; height: 47px; content: ''; background: #7d7b7b; transform: rotate(62deg); }
.pro-slider { float: left; width: 100%; margin: 0 0 70px; }
.pro-desc { float: left; width: 100%; }
.pro-desc ul { float: left; width: 100%; margin: 0 0 30px; }
.pro-desc ul li { width: 50%; float: left; }
.pro-desc ul li select { width: 80%; padding: 10px; }
.desc-para { float: left; width: 100%; }
.desc-para p { color: #7C7B7B; line-height: 25px; font-size: 16px; font-family: arial; margin: 13px 0 0; }
#footer h6 { font-size: 16px; color: #000; font-family: GothamBold; }
#footer h6 span { display: block; }
#footer { padding: 17px 0; }
.content-wrapper { width: 100%; display: inline-block; }
.content-wrapper .main-container { padding-top: 0; }
.category-description { float: left; }
#header .top-cart .block-content { background: #fff; z-index: 999; position: absolute; right: 0; top: 75px; width: 336px; border: 1px solid #ddd; padding: 0; }
#header .top-cart .block-title .title-cart span { background-color: #f11a1f; color: #ffffff; font: bold 12px Arial; padding: 2px 6px; position: absolute; right: 0; top: 0; vertical-align: inherit; text-indent: 0; border-radius: 3px; }
#header .top-cart .block-title.no-items .title-cart span { display: none; }
#topCartContent button, #topCartContent .actions a, #topCartContent button span, .iwdbutton button.button span span, .cart .btn-proceed-checkout span span { font-size: 14px; }
#header .top-cart .block-title i { font-size: 17px; color: #000; margin-right: 3px; }
#header .top-cart .block-content .subtotal .price { font-size: 20px; line-height: 37px; }
#header .top-cart .btn-edit { font-size: 0.9em!important; line-height: 1.2em!important; }
#header .top-cart .product-name { width: 180px; }
#header, #header .welcome-msg { color: #aaa; }
#header .top-cart .btn-edit, #header .top-cart .btn-remove { display: none; }
#header .top-cart .block-content { background-color: #fff; border-color: #ddd; border-width: 1px; }
#header .top-cart .block-content .actions { border-color: #eee; border-width: 1px; }
#header .top-cart .product-name a { color: #444; }
#header .top-cart .product-name a:hover { color: #000; }
#header .top-cart .block-content .mini-products-list .product-details .price { color: #E4005B; }
#header .top-cart .cart-price-qt { background-color: #444; }
#header .top-cart .cart-price-qt strong { color: #fff; }
#header .top-cart .btn-edit, #header .top-cart .btn-remove { color: #ccc; }
#header .top-cart .btn-edit:hover, #header .top-cart .btn-remove:hover { color: #888; }
#header .top-cart .block-content .item-options dt { color: #888; }
#header .top-cart .block-content .item-options dd { color: #666; }
#header .top-cart .block-content .subtotal .label { color: #444; }
#header .top-cart .block-content .subtotal .price { color: #E4005B; }
#header .top-cart .block-content .subtotal .price { font-size: 20px; line-height: 37px; }
#header .top-cart { float: right; position: relative; z-index: 101; padding: 0; width: auto; }
#header .top-cart .block-title { font-size: .91em; line-height: 1.45em; padding-left: 9px }
#header .top-cart .block-title .title-cart { font-size: 0; display: block }
#header .logo a { display: inline-block; width: auto; }
#header .top-cart .block-title i { font-size: 17px; vertical-align: bottom; transition: color .8s ease; -moz-transition: color .8s ease; -webkit-transition: color .8s ease; -o-transition: color .8s ease }
#header .top-cart .block-title .title-cart span { transition: color .8s ease; -moz-transition: color .8s ease; -webkit-transition: color .8s ease; -o-transition: color .8s ease }
#header .top-cart .block-title a span { font-size: 10px; font-weight: 700; padding-left: 3px; vertical-align: super }
#header .top-cart .block-content .inner-wrapper { padding: 19px }
#header .top-cart .cart-empty { padding: 0; text-align: center; font-size: 1.16em }
#header .top-cart .cart-empty i { display: block; color: #ccc; font-size: 56px; margin-bottom: .1em }
#header .top-cart .cart-empty .small-label { display: block; font-size: .78em; font-family: Arial, sans-serif }
#header .top-cart .img-container { float: left; width: 86px }
#header .top-cart .cart-price-qt { position: absolute; top: -7px; left: 72px; width: 20px; height: 20px; text-align: center; border-radius: 10px; -moz-border-radius: 10px }
#header .top-cart .cart-price-qt strong { font-size: 9px; line-height: 20px; color: #fff }
#header .top-cart .block-content .mini-products-list .product-details { float: right; width: 192px; position: relative }
#header .top-cart .block-content .mini-products-list .product-details .price { font-weight: 700; font-size: 14px }
#header .top-cart .block-content .block-subtitle { padding: 0 }
#header .top-cart .block-content .block-subtitle .close-btn { float: right; cursor: pointer; padding: 0 }
#header .top-cart .block-content .subtotal { text-align: left; float: right; width: 100%; }
#header .top-cart .block-content .subtotal .label { display: inline-block; font-weight: 700; font-size: 14px; text-transform: uppercase; padding: 4px 5px 0 0 }
#header .top-cart .block-content .subtotal .price { font-weight: 700; font-size: 20px; display: inline-block; line-height: 30px; float: right; }
#header .top-cart .block-content .actions { padding: 27px 0 0; border-top: 1px solid #eee }
#header .top-cart .block-content .actions a { text-decoration: none }
#header .top-cart .block-content button.button { float: right }
.header .top-cart .btn-edit, #header .top-cart .btn-remove { float: right; margin-left: 5px }
#header .top-cart .mini-products-list li { padding: 0 0 18px; margin: 0; clear: both; position: relative }
#header .top-cart .mini-products-list li .item-box { border: 1px solid #000; padding: 9px 9px 11px 8px }
#header .top-cart .product-name { margin-bottom: 5px; padding-right: 28px; width: 120px; text-align: left }
#header .top-cart .product-name a { font-weight: 700 }
#header .top-cart .product-name a:hover { color: #000 }
#header .top-cart .product-box { font-size: 1.16em; line-height: 1.57em; text-align: left }
#header .top-cart .btn-remove { position: absolute; top: 0; right: 0; width: 12px; height: 12px; color: #ccc; font-size: 1.123em; z-index: 1 }
.add-to-cart-success .btn-remove { background-color: transparent; margin: 3px 0 0 }
#header .top-cart .btn-edit { float: right; position: absolute; right: 25px; top: 0; color: #ccc; width: 12px; height: 12px; z-index: 1; font-size: 1.2em }
#header .top-cart .btn-edit:hover, #header .top-cart .btn-remove:hover { color: #888 }
#header .top-cart button.button span { display: block; float: none; background: #E4005B; color: #fff; }
input.qty { padding: 0px; }
a.aw-blog-read-more, aside.sidebar .block-tags .actions a, #topCartContent button > span, .content_bottom button.button > span, button.button > span, #onepagecheckout_forgotbox button.button > span, #onepagecheckout_loginbox button.button > span, #topCartContent .actions a:hover, .content_bottom .grid_12 > button > span, .content_bottom .grid_12 > button:hover > span, .cart-table .buttons-row .buttons .btn-clear:hover > span, .cart-table .buttons-row .buttons .btn-update:hover > span, .my-wishlist .buttons-set .btn-share:hover > span, .my-wishlist .buttons-set .btn-add:hover > span, aside.sidebar .actions a:hover { background-color: #E4005B; color: #fff; border-color: #E4005B; }
#header .user-info ul li:nth-child(2) .icon { margin-bottom: 2px; }
.mobile-img { display: none; }
.desktop-img { display: inline-block; }
#mobile-show { display: none; }
#mobile-show button.button.main span { height: 24px; }
#mobile-show button.button.main i { width: 28px; font-size: 16px; padding-top: 4px; height: 25px; }
#mobile-show { float: right; margin-right: 13px; margin-top: 15px; }
section#banner { margin-bottom: 50px; }
nav.breadcrumbs { display: inline-block; width: 100%; }
section.category-products { background: #fff; padding: 0px; width: 100%; }
h2.upsell_product_details { text-align: center; padding: 10px 0px !important; color: #c41b38 !important; font-weight: bold !important; background: #ebebeb; border-bottom: 0px !important; }
.box-collateral.box-up-sell { text-align: center; }
#header .user-info ul li:nth-child(2) .icon img { width: 38px; max-width: 38px; }
#header .user-info ul li:nth-child(3) .icon img { width: 38px; max-width: 38px; }
.notes-container { margin: 15px 0px 0px 80px; }
div#text_oben img { width: 100%; }
.cart-table div.quantity-increase, .cart-table div.quantity-decrease { line-height: 2.5em; }


/****************Responsive Css***************************/


@media only screen and (max-width:1300px) {
.wrapper { padding: 0 2%; }
#header .logo a img { max-width: 240px; }
#header .notes p { font-size: 15px; }
#header .user-info ul li { padding: 0 6px; }
.preis { padding: 8px; }
.preis:hover .main-v { width: 72%; }
.seller-pro .main-v h4 { margin-top: 0; font-size: 13px; }
}
 @media only screen and (max-width:1280px) {
	 
	 .nav-sec li a{    padding: 7px 12px;}
}
 @media only screen and (max-width:1100px) {
.top-cart { width: 55px; }
.nav-sec { margin: 10px 0 16px; }
.icon img { width: 36px; }
.nav-sec { margin: 10px 0 16px; }
#header .notes p { font-size: 13px; padding: 0px 0 6px 18px; background-size: 12px; }
#header .logo { width: 25%; }
.nav-sec li a { font-size: 10px; line-height: 25px; padding: 0px 5px; }
.nav-sec > ul > li:last-child { width: 26%; }
.top-clients ul li img { width: 100%; }
.preis { width: 50%; }
#header .notes { width: 36%; }
#header .logo a img { max-width: 131px; }
.banner-img h4 { font-size: 17px; }
.slider-nav > div { width: 62px; height: 52px; }
.slider-nav > div img { height: 100%; }
.nav-sec > ul > li input[type="text"]{    padding: 3px 12px;}
}
 @media only screen and (max-width: 900px) {
.container_12 { margin-left: 0px !important; }
.mobile-img { display: inline-block; }
.desktop-img { display: none; }
#mobile-show { display: inline-block; }
section#banner { margin-bottom: 10px; }
body.boxed-layout .container_12 { margin-right: 0px; padding: 0px; }
.wrapper { padding: 0px; }
.main-v h4 { text-align: center; }
#header .user-info ul li:first-child .info-text{color:#fff;}
}
 @media only screen and (max-width:900px) {
#login-holder form .actions button span { height: auto; }
#login-holder form .actions button span span { line-height: 33px; padding: 0 20px; height: auto; }
#header .notes { display: none; }
#header .user-info ul li .info-text { font-size: 10px; }
#header .user-info { width: 55%; position: absolute; right: 15px; bottom: -68px; color: #fff; }
li .client-list .client-logo { width: 18%; }
.main-v h4 { margin-top: -10px; }
.showromm-img h2 { font-size: 45px; line-height: 55px; }
.showromm-img ul { bottom: 32px; }
.title { font-size: 39px; }
#mobile-menu { display: block; }
.nav-sec ul { display: none; }
.nav-sec > ul > li:last-child { display: none; }
.nav-sec li { display: block; }
.nav-sec li a { border: 0; }
.nav-sec li:hover .m-list { position: relative; top: 0; left: 2px; float: left; padding: 10px; }
.list-in { width: 33%; }
.nav-sec li li a { font-size: 12px; }
.pro-view, .pro-details { width: 100%; }
.seller-pro { display: inline; width: 100%; }
#pro-details .seller-pro .preis { width: 48%; float: left; }
#pro-details .seller-pro .preis:nth-child(2n) { float: right; }
#header .user-info ul li .info-text { color: #fff; font-size: 8px; line-height: 10px; }
}
 @media only screen and (max-width:639px) {
.pro-sec { width: 100%; margin: 0 0 30px; }
.pro-area { flex-direction: column; }
.preis { width: 100%; }
.banner-img h4 { font-size: 11px; bottom: 20px; }
.list-in { width: 50%; }
.slider-nav > div { width: 42px; height: 42px; }
}
/************************** Old CSS***********************/
.icon-cat-box, aside.sidebar header .btn-remove i { color: #fff; }
.icon-cat-box { top: 15px !important; }
aside.sidebar section header { padding: 10px 0px 0px 10px; }
aside.sidebar header .btn-remove i { color: #fff; position: absolute; top: 12px; right: 3px; }
.block-layered-nav .btn-remove i { color: #e4005b !important; top: 5px !important; right: 3px !important; }
.zum_product a { background: #e4005b !important; }
.zum_product a:hover { background: #666 !important; }
.products-list li.item .product-img-box, .products-grid li.item .product-img-box { min-height: 180px; }
#linkbox { display: inline-block; width: 100%; }
#linkbox ul { margin-top: 20px; }
.products-grid .price-box .price, .products-list .price-box .price { color: #e4005b !important; }
#infotext h2 { background-color: #e4005b; color: #fff; text-align: center; text-transform: uppercase; padding: 5px; line-height: 1; margin-top: 20px; }
#infotext, #designer { text-align: justify; }
#infotext figure { position: relative; width: 49%; border: 1px solid #666; margin-left: 10px; }
#infotext figure.reihe-drei { display: inline-block; margin-left: 0px; }
#infotext figure figcaption { position: absolute; right: 0; top: 0; bottom: 0; left: 40%; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1 );
display: flex; flex-direction: column; justify-content: center; }
#infotext figure figcaption h3 { background-color: #666; color: #fff; padding: 5px 10px; transition: 0.5s; }
#infotext figure a:hover figcaption h3 { background-color: #e4005b; }
figure.float-right { float: right; }
#vorteile figure { width: 24.5%; text-align: center; margin-top: 10px; margin-bottom: 10px; }
figure.float-left { float: left; }
.catalog-product-view .box-reviews .form-add { margin-top: 0; padding: 10px; border: 1px solid #ccc; }
.comment-form-title { font-size: 20px; padding: 10px; color: #fff; background: #e4005b; display: inline-block; margin-bottom: 10px; font-family: Gothamlight; }
.comment-form-title strong { font-family: GothamBold; }
.catalog-product-view .box-reviews .form-list .field { width: 47.9%; }
#header .top-cart .block-content .mini-products-list .product-details { margin-left: 10px; }
#userAllowCookie { text-align: center; }
#userAllowCookie p { margin-bottom: 10px; }
#userAllowCookie a:hover { color: #fff; }
div.zh_config div.zh_footer div.viertel.preis { font-family: 'Gothamlight' !important; float: left !important; }
div.zh_config div.zh_footer > div > div.scnd { padding: 21px 5% !important; }
div.zh_config div.zh_footer div.viertel { width: 23.3% !important; min-height: 60px !important; float: right !important; }
div.zh_config div.zh_footer > div.viertel.preis > div.scnd { padding: 0px 5% !important; }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#header .logo a img { width: auto; }
#header .user-info ul li:nth-child(2) .icon img, #header .user-info ul li:nth-child(3) .icon img { width: auto; max-height: 30px; max-width: auto; }
}
 @media screen and (max-width: 700px) {
#infotext figure { width: 100%; margin-left: 0; }
#infotext figure figcaption { position: static; text-align: center; }
#infotext figure.reihe-drei { margin-bottom: 15px; }
#vorteile figure { display: inline-block; width: 49%; }
#header .user-info ul li:first-child .info-text { color: #fff; }
.showromm-img ul { left: -30px; }
.showromm-img ul li a { font-size: 10px; }
}


/*

#kategorien h1, #konfiguratoren h2, #topmoebel h2, #infotext h2, #designer h2, #vorteile h2, #linkbox-kategorien h2, #linkbox-blog h2 {background-color: #e4005b;color: #fff;text-align: center;text-transform: uppercase;padding: 5px;line-height: 1;margin-top: 20px;}
.produkt-des-monats {margin-bottom: 20px;}
#kategorien ul, #konfiguratoren ul {display: flex;flex-wrap: wrap;justify-content: space-between;list-style-type: none;}
#kategorien ul li, #designer ul li {flex: 0 1 24.5%;margin-bottom: 10px;}
#kategorien ul li p, #designer ul li p {margin-bottom: 0;text-align: center;}
#kategorien ul li a figure img, #designer ul li a figure img {max-width: 100%;}
#kategorien ul li a figure, #konfiguratoren ul li a figure {position: relative;}
#kategorien ul li a figure figcaption {position: absolute;top: 10px;right: 0;background-color: #666666;padding: 5px 10px;width: 160px;transition: 0.5s;}
#kategorien ul li a figure figcaption h2, #konfiguratoren ul li a figure figcaption h3 {margin: 0;color: #fff;}
#kategorien ul li a:hover figure figcaption {background-color: #e4005b;}
#konfiguratoren {text-align: center;margin-top: 20px;}
#konfiguratoren ul li {flex: 0 1 49.5%;margin-bottom: 10px;}
#konfiguratoren ul li a figure figcaption {position: absolute;bottom: 0;left:0;right:0;top: calc(100% - 30px);overflow: hidden;background-color: rgba(102,102,102,0.75);color: #fff;padding: 5px 10px;transition: 0.5s;}
#konfiguratoren ul li a:hover figure figcaption {top: calc(100% - 120px);background-color: rgba(96,165,205,0.85);} 
#trusted-rating-sidebar {width: 50%;margin-top: 0px;}
.std p.ratingValue {margin-bottom: 0;}
#sternebewertung {font-size: 1em;}
#infotext, #designer {text-align: justify;}
#infotext figure {position: relative;width: 49%;border: 1px solid #666;margin-left: 10px;}
#infotext figure.reihe-drei {display: inline-block;margin-left: 0px;}
#infotext figure figcaption {position: absolute;right: 0;top: 0;bottom: 0;left: 40%;
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 100%); 
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 13%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
display: flex;flex-direction: column;justify-content: center;}
#infotext figure figcaption h3 {background-color: #666;color: #fff;padding: 5px 10px;transition: 0.5s;}
#infotext figure a:hover figcaption h3 {background-color:#e4005b;}
#designer ul {display: inline-block;list-style-type: none;width: 24.5%;}
#designer ul li {background-color: #ebebeb;border: 1px solid #666;}
#designer ul li.column-zwei {display: inline-block;width: 46%;padding: 30px 10px;text-align: center;margin-top: -1px;}
#designer ul li img {filter: brightness(75%) grayscale(100%);}
#designer ul li:hover img {filter: brightness(100%) grayscale(0%);}
#designer ul.logos li {padding: 30px 10px;text-align: center;height: 54px;}
#vorteile figure {width: 24.5%;text-align: center;margin-top: 10px;margin-bottom: 10px;}
#linkbox-kategorien ul {list-style-type: none;display: flex;flex-wrap: nowrap;justify-content: space-between;}
#linkbox-kategorien ul li {flex: 0 1 24%;text-align: center;border: 1px solid #666;transition: 0.5s;}
#linkbox-kategorien ul li h3 {background-color: #666;color: #fff;padding: 5px;margin-top: -2px;transition: 0.5s;}
#linkbox-kategorien ul li p {color: #888;padding: 5px;}
#linkbox-kategorien ul li p.link {color: #e4005b;text-decoration: underline;}
#linkbox-kategorien ul li:hover h3 {background-color: #e4005b;}
#linkbox-blog ul {list-style-type: none;display: flex;justify-content: space-between;}
#linkbox-blog ul li {font-size: .9em;text-align: center;width: 24.5%;}
#linkbox-blog ul li figure {position: relative;border: 1px solid #fff;}
#linkbox-blog ul li figure figcaption {position: absolute;bottom: 0;left: 0;right: 0;opacity: 0.75;}
#linkbox-blog ul li figure figcaption h3 {padding: 5px;color: #fff;background-color: #666;display: block;}
#linkbox-blog ul li:hover figure {border: 1px solid #666;}
#linkbox-blog ul li:hover figure figcaption h3 {color: #666;background-color: #fff;}
#linkbox-blog ul li:hover figure figcaption {opacity: 1;}
.products-grid li.item .product-container {position: relative;padding: 0;border: 1px solid #666;display: flex;height: auto;flex-direction: column;justify-content: space-between;width:100%;}
.product-container h3 {font-size: 1em !important;position: absolute;top: 0;background-color: #666;margin: 0;left: 0;right: 0;padding: 5px;text-align: center;}
.products-grid .product-name {float: none;width: 100%;font-size: 1.3em!important;min-height: 15px;}
products-grid .product-name a, .products-list .product-name a {color: #fff;}
.products-list li.item .product-img-box, .products-grid li.item .product-img-box {background-color: #fff;border-color: #fff;border-width: 0px;margin-top: 20px;}
.products-grid .price-box {float: none;text-align: center;font-size: 2em;}
.btn--grid {background: #666;display: block;color: #fff;line-height: 1.4;text-align: center;clear: both;padding: 5px;position: relative;transition: background 350ms ease-in-out;font-size: 1.3em;    
margin-top: 15px;height: auto;    border-radius: 0;}
.btn--grid .fa::after {display:none;}
.btn--grid .fa {position: static;border-radius: 0;font-size: 1.3em;width: 38px;height: auto;line-height: 1;text-align: center;transition: background 350ms ease-in-out;background: transparent;}
.btn--grid:hover .fa {background: transparent;}
.products-grid .product-name a, .products-list .product-name a {color: #fff;}
.products-grid .product-name a:hover, .products-list .product-name a:hover {color: #fff;}
.btn--grid:hover {background: #ED1B1A;color: #fff;}
#topmoebel ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.products-grid li.item {position: static;flex: 0 1 24.5%;margin: 10px 0;float: none;padding: 0;width: 24.5%;display: flex;}
.products-grid .ratings {text-align: center;float: none;display: flex;margin: 0 auto;justify-content: center;flex-direction: column;align-items: center;}
.products-grid .ratings:before {content: "Durchschnittliche Kundenbewertung";display: block;}
.products-grid li.item:hover .btn--grid {background: #ED1B1A;color: #fff;}
 figure.float-right {float:right;}
 figure.float-left {float:left;}
#designer ul#designer-text {width: 49%;}

@media screen and (max-width: 1000px) {
    #kategorien ul {display: block;text-align: justify;}
    #kategorien ul li:first-child {width: 100%;}
    #kategorien ul li, #designer ul li {width: 31%;display: inline-block;}
    #konfiguratoren ul li a figure figcaption {position: static;}
    #designer ul {width: 100%;}
    #designer ul li {width: calc(24.5% - 20px);}
    #designer ul#designer-text {text-align: center;}
    #designer ul#designer-text li {width: 100%;}
    #designer ul#designer-text li.column-zwei {width:24.5%;min-height: 54px;}
}

@media screen and (max-width: 700px) {
    #kategorien ul, #konfiguratoren ul, #topmoebel ul, #linkbox-kategorien ul {display: block;}
    .products-grid li.item {width:100%;}
    figure.float-right, figure.float-left {float:none;}
    #infotext figure {width: 100%;margin-left: 0;}
    #infotext figure figcaption {position: static;text-align: center;}
    #infotext figure.reihe-drei {margin-bottom:15px;}
    #designer ul, #designer ul#designer-text {display: block;list-style-type: none;width: 100%;}
    #designer-text {width: 100%;}
    #linkbox-kategorien ul li {margin-bottom:15px;}
    #kategorien h1, #konfiguratoren h2, #topmoebel h2, #infotext h2, #designer h2, #vorteile h2, #linkbox-kategorien h2, #linkbox-blog h2 {line-height: 1.5;padding: 5px 10px;}
    #konfiguratoren ul li a figure figcaption {position: static;margin-top: -1px;}
    #infotext, #designer, #vorteile, #linkbox-kategorien {text-align: center;}
    #trusted-rating-sidebar {width:100%;}
    #trusted-rating-sidebar {display:block;width: auto;}
    #vorteile figure {display: inline-block;width: 49%;}
    #designer ul li.column-zwei, #designer ul#designer-text li.column-zwei {width:80%;}
#kategorien ul li, #designer ul li {display: block; width: 80%; margin: 10px auto;}
#linkbox-blog ul {display: block;}
   #linkbox-blog ul li {width: 80%;margin: 10px auto;}
}

@media screen and (max-width: 500px) {
#topmoebel {display: none;}
}

@media only screen and (min-width: 1281px){
    .container_12 .grid_12 {width: 100% !important;}

}
*/