body { color: #515151; line-height: 1.4; text-align: left; background: #FFF; } h1, h2, h3, h4, h5, h6 { color: #008765; font-weight: bold; } .page-title { margin: 0; border: none; position: relative; overflow: visible; } .cms-home .page-title { float: left; width: 100%; margin: 0 0 20px; } .page-title h1, .page-title h2 { float: none; color: #008765; margin: 0 0 12px; padding: 0 0 3px; text-align: left; border-bottom: 1px solid #D6D6D6; } .page-title a { display: block; position: absolute; top: -3px; right: 0px; height: 26px; padding: 0 12px; color: #515151; font-size: 12px; font-weight: normal; line-height: 26px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #E2E2E2 } .page-title a:hover { color: #FFF; text-decoration: none; background: #008866; } .subtitle, .sub-title { color: #515151; } a { color: #008866; text-decoration: none; } a:hover { text-decoration: underline; } .std ul.disc { float: none; } .std ul.buttons { margin: 20px 0 0; padding: 0; list-style: none; } .std ul.buttons li { float: left; margin: 0 10px 0 0; } .std ul.buttons li span { font-size: 12px; } /* Layout */ .headerTop-container { float: left; width: 100%; background: #E2E2E2; } .headerTop { width: 990px; margin: 0 auto; padding: 0; line-height: 39px; } .headerTop .home { width: 36px; height: 39px; float: left; text-indent: -9999px; background: url('../images/home_link.png') center center no-repeat; } .headerTop .header-links { float: left; } .headerTop .header-links ul { float: left; } .headerTop .header-links ul li { float: left; margin: 0 0 0 18px; } .headerTop .links { float: right; } .headerTop .links li { margin: 0 20px 0 0; } .headerTop a { color: #464646; text-transform: uppercase; text-decoration: none; } .headerTop a:hover { color: #008866; } .headerTop .cart-top { float: right; margin: 0 0 0 5px; position: relative; } .headerTop .cart-top .summary { display: block; padding: 0 0 0 50px; background: url('../images/cart-top_icon.png') 0 5px no-repeat; position: relative; z-index: 150; } .headerTop .cart-top .cart-details { display: none; position: absolute; top: 25px; right: -25px; padding: 13px 0 0; line-height: 1.5; z-index: 110; } .headerTop .cart-top .cart-details .cart_arrow { position: absolute; top: 0; right: 34px; width: 44px; height: 16px; background: url('../images/cart-top_arrow.png') 0 0 no-repeat; } .headerTop .cart-top .cart-details .cart-content { float: left; width: 320px; padding: 15px 0 0; border: 1px solid #C6CBD0; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background: #FFF; -moz-box-shadow: 0 1px 8px rgba(0,0,0,.15), inset 0 0 4px #E1E1E1; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.15), inset 0 0 4px #E1E1E1; box-shadow: 0 1px 8px rgba(0,0,0,.15), inset 0 0 4px #E1E1E1; } .headerTop .cart-top .cart-details .cart-content h3 { margin: 0 0 12px; padding: 0 10px 10px; border-bottom: 1px solid #E2E2E2; } .headerTop .cart-top .cart-details .cart-content .mini-products-list { float: left; width: 100%; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item { float: left; width: 300px; margin: 0 0 12px; padding: 0 10px 10px; border-bottom: 1px solid #E2E2E2; position: relative; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item.last { margin: 0; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .product-image { float: left; margin: 0 15px 0 0; border: 1px solid #D6D6D6; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .product-details { float: left; width:68%;/*width: 210px;*/ margin: -2px 0 0; padding: 0 23px 0 0; font-size: 11px; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .product-details .sku { font-size: 10px; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .product-details .product-name { font-weight: bold; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .product-details .bezeichnung-2 { margin: 0 0 10px; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .product-details p { margin: 0; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .btn-remove { position: absolute; top: 2px; right: 8px; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal { float: left; width: 300px; margin: 0; padding: 10px; text-align: right; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; background: #E2E2E2; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .label { padding: 0 5px 0 0; text-transform: uppercase; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .price { font-size: 18px; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .buttons { float: left; width: 100%; margin: 10px 0 0; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .buttons .btn-continue { float: right; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .buttons .btn-checkout { float: left; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .buttons button.button { } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .buttons button.button span { padding: 1px 20px; font-size: 12px; text-transform: uppercase; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #FFF; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .subtotal .buttons button.button span span { padding: 0; border: none; } .header-container { float: left; width: 100%; margin: 0; padding: 0; border: none; background: none; } .header { width: 990px; padding: 0; } .header .logo { float: none; display: block; width: 247px; margin: 0 auto 14px; } .header .form-search { top: 44px; right: 0; width: 216px; height: 28px; padding: 1px; border: 1px solid #E1E1E1; background: 0; } .header .form-search label { display: none; visibility: hidden; } .header .form-search input.input-text { width: 163px; height: 20px; margin: 0 1px 0 0; padding: 4px 8px; color: #595959; font-size: 14px; border: none; } .header .form-search input.input-text:focus { background: #F5F5F5; } .header .form-search button.button { display: block; width: 34px; height: 28px; border-left: 1px solid #E2E2E2; background: url('../images/search.png') 5px 4px no-repeat; } .header .form-search button.button span { display: none; } .header .form-language { position: absolute; bottom: 27px; right: 2px; } .header .form-language li { float: left; margin: 0 0 0 8px; padding: 0 0 0 8px; line-height: 12px; border-left: 1px solid #878787; } .header .form-language li.first { margin: 0; padding: 0; border: none; } .header .form-language li a { color: #474747; text-transform: uppercase; } .header .form-language li.active a { font-weight: bold; } .nav-container { float: left; width: 100%; background: none; } #nav { width: 988px; height: 43px; padding: 0; font-size: 17px; border: 1px solid #c6cbd0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: inset 0 0 4px #e1e1e1; -webkit-box-shadow: inset 0 0 4px #e1e1e1; box-shadow: inset 0 0 4px #e1e1e1; background-color: #F0F0F0; } #nav > li > a { padding: 0 28px; color: #5f5f5f; font-weight: normal; line-height: 43px !important; border-right: 1px solid #E2E2E2; } #nav > li.first > a { padding-left: 36px; color: #5f5f5f; font-weight: normal; line-height: 43px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } #nav > li.first.parent > a:hover, #nav > li.first.parent.over > a { margin: -1px 0 0 -1px; border: 1px solid #c6cbd0; -moz-border-radius: 5px 0 0 0; -webkit-border-radius: 5px 0 0 0; border-radius: 5px 0 0 0; } #nav > li > a:hover, #nav > li.over > a, #nav > li.active > a { color: #FFF; background-color: #008765; -moz-box-shadow: inset 0 3px 13px rgba(0,0,0,.35); -webkit-box-shadow: inset 0 3px 13px rgba(0,0,0,.35); box-shadow: inset 0 3px 13px rgba(0,0,0,.35); } #nav > li > ul { top: 43px; width: 190px; margin: 0 0 0 -1px; border: none; border-top: 1px solid #c6cbd0; } #nav > li > ul { background: #FFF; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-box-shadow: 0 1px 8px rgba(0,0,0,.15), inset 0 0 4px #e1e1e1; -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.15), inset 0 0 4px #e1e1e1; box-shadow: 0 1px 8px rgba(0,0,0,.15), inset 0 0 4px #e1e1e1; } #nav > li > ul > li { padding: 0 !important; background: none !important; } #nav > li > ul > li > a { background: none !important; } #nav > li > ul > li > a > span { color: #606060; font-size: 14px; padding: 4px 15px 5px; border: 1px solid #c6cbd0; border-top: 0; } #nav > li > ul > li.last > a > span { -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #nav > li > ul > li > a:hover > span, #nav > li > ul > li.over > a > span, #nav > li > ul > li.active > a > span { color: #FFF; background-color: #008765; -moz-box-shadow: inset 0 3px 13px rgba(0,0,0,.35); -webkit-box-shadow: inset 0 3px 13px rgba(0,0,0,.35); box-shadow: inset 0 3px 13px rgba(0,0,0,.35); } .main-container { float: left; width: 100%; background: none; } .main { width: 990px; min-height: inherit; padding: 28px 0 40px; background: none } .col-left { width: 205px; } .col-main { position: relative; } .col1-layout .col-main { float: left; width: 100%; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 730px; } .breadcrumbs { float: left; width: 100%; margin: 0 0 27px; } .breadcrumbs ul { float: right; } .breadcrumbs ul li { float: left; } .breadcrumbs li a { float: left; } .breadcrumbs li span { float: left; width: 5px; margin: 0 5px; text-indent: -9999px; background: url('../images/breadcrump_separator.png') 0px 4px no-repeat; } .breadcrumbs li strong { float: left; color: #008765; font-weight: normal; } .footer-container { float: left; width: 100%; border: none; background: #E2E2E2; } .footer { width: 990px; margin: 17px auto; padding: 0; color: #3D3D3D; background: url('../images/footer_bg.png') 222px 0px repeat-y; } .footer .box { float: left; width: 212px; margin: 0 20px 0 0; padding: 5px 20px 5px 0; } .footer .box.last { margin: 0; } .footer .box h3 { color: #000; font-size: 14px; margin: 0 0 3px; } .footer .box a { color: #008866; } .footer .box ul { float: left; width: 100%; margin: 0 0 10px; } .footer .box ul li { float: left; width: 100%; padding: 0; background: none; } .footer table { width: 100%; } .footer table td { width: 212px; margin: 0 20px 0 0; padding: 5px 20px 5px 0; } .footer table td.last { padding-right: 0; } .footer table td h3 { color: #000; font-size: 14px; margin: 0 0 10px; } .footer table td a { color: #008866; } .footer table td ul { float: left; width: 100%; margin: 0 0 10px; } .footer table td ul li { float: left; width: 100%; padding: 0; background: none; } /* Home Page */ .Teaser-Conteiner { float: left; width: 100%; height: 415px; margin: -8px 0 32px; position: relative; overflow: hidden; } #Teaser { float: left; width: 100%; height: 415px; margin: 0; position: relative; overflow: hidden; } .teaser { position: absolute; top: 0; left: 0; opacity: 0; z-index: 10; } .teaser.activ { opacity: 1; z-index: 12; } .teaser img { width: 990px; height: 415px; } .teaser a { display: block; text-decoration: none; } .teaser .content { position: absolute; bottom: 35px; left: 38px; width: 510px; padding: 18px 15px; color: #FFF; font-size: 14px; background: #111; background: rgba(0, 0, 0, 0.5); } .teaser .content h2 { color: #FFF; font-size: 24px; } .teaser .content .content_link { float: left; display: block; margin: 22px 0 0; padding: 4px 18px 3px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #008866; } .teaser .content .content_link:hover { background: #007d5e; } .teasernavigation { position: absolute; top: 0; right: 0; width: 294px; z-index: 15; } .teasernavigation .teasernavigationitem { position: relative; float: left; width: 194px; height: 103px; margin: -3px 0 0; padding: 0 28px 6px 72px; color: #606060; font-size: 18px; line-height: 103px; background: url('../images/teaser_arrow.png') bottom right no-repeat; cursor: pointer; overflow: hidden; z-index: 15; } .teasernavigation .teasernavigationitem .middle { display: inline-block; vertical-align: middle; line-height: 1.2; } .teasernavigation .teasernavigationitem h2 { color: #6B6B6B; font-size: 18px; margin: 0; line-height: 1.2; } .teasernavigation .teasernavigationitem.activ { color: #FFF; background-image: url('../images/teaser_arrow_active.png'); z-index: 20; } .teasernavigation .teasernavigationitem.activ h2 { color: #FFF; } .product_slider_container { float: left; width: 925px; height: 325px; margin: 0 0 50px; padding: 0 33px 0 32px; position: relative; overflow: hidden; } .product_slider_container .product_slider { float: left; width: 925px; height: 325px; padding: 0; } .product_slider_container .product_slider .products-grid { width: 20000em !important; border: none; padding: 5px; } .product_slider_container .product_slider .products-grid li.item { margin: 0 20px 0 0 !important; } .product_slider_container .product_slider .products-grid li.item.last { margin: 0 !important; } .product_slider_container .product_slider .arrow-holder { position: absolute; top: 65px !important; width: 23px; height: 45px; text-indent: -9999em; background-image: url('../images/home_slider_arrow.png') !important; background-repeat: no-repeat; cursor: pointer; } .product_slider_container .product_slider .arrow-holder span { display: none; visibility: hidden; } .product_slider_container .product_slider .arrow-holder.left { left: -32px; background-position: 0px 0px; } .product_slider_container .product_slider .arrow-holder.left.disabled { background-position: -23px 0px; cursor: default; } .product_slider_container .product_slider .arrow-holder.right { right: -33px; background-position: 0px -45px; } .product_slider_container .product_slider .arrow-holder.right.disabled { background-position: -23px -45px; cursor: default; } .cms-home .page-title h1, .cms-home .page-title h2 { margin: 0; padding: 0 0 5px; } .cms-home .std { float: left; width: 100%; background: url('../images/block_separator.png') 484px 0px repeat-y; } .home_content_block_left { float: left; width: 430px; } .home_content_block_right { float: right; width: 470px; position: relative; } .home_content_block_right h2 { color: #424242; font-size: 24px; margin: -5px 0 10px; } .home_content_block_right .text { position: absolute; bottom: 42px; right: 0; width: 185px; } /* Category */ .toolbar .sorter { padding: 0; font-size: 12px; color: #5D5D5D; border: none; background: none; } .toolbar .sorter label { margin: 0 10px 0 0; } .sorter .sort-by select { margin: 0; padding: 2px 3px; color: #000; border: 1px solid #CCC; } .toolbar .sorter .sort-by { position: absolute; top: 0; right: 0; padding: 0; } .category-description { margin: 0 0 12px; text-align: justify; } .category-products { margin: 23px 0 0; padding: 0 0 40px; } .products-grid { width: 100% !important; margin: 0 0 25px !important; border-bottom: 1px solid #D6D6D6 !important; background: none; } .products-grid li.item { width: 167px; height: 315px; padding: 0; margin: 0 20px 30px 0 !important; } .products-grid li.item:hover { background: #F2F2F2; box-shadow: 0 0 5px rgba(0,0,0,0.3); } .products-grid li.item.last { margin-right: 0 !important; } .products-grid .product-image { width: auto; height: auto; margin: 0 0 15px; } .products-grid .item-content { clear: both; padding: 0 6px; } .products-grid .product-name { color: #000; font-size: 14px; height: 36px; margin: 0 0 5px !important; overflow: hidden; } .products-grid .desc { margin: 0 0 8px !important; color: #5D5D5D; font-size: 12px; height: 50px; overflow: hidden; } .products-grid .desc p { margin: 0; } .products-grid .price-box { float: left; width: 100%; margin: 0; } .products-grid .price-box .price-label { float: left; display: block; margin: 7px 5px/* 15px*/ 0 0; color: #008866; font-size: 15px; line-height: 15px; font-weight: normal; } .products-grid .price-box .price { color: #008866; font-size: 24px; line-height: 24px; } .products-grid .price-box a { text-decoration: none; } /* Price-Layout */ .price-box .price-label { float: left; display: block; margin: 3px 8px 0 0; color: #008866; font-size: 15px; font-weight: normal; } .price-box .price { color: #008866; } .price-box .price span { font-size: 15px; font-weight: normal; } .customer-price-box.inkl_mwst .price-excluding-tax { display: none; visibility: hidden; } .customer-price-box.exkl_mwst .price-including-tax { display: none; visibility: hidden; } .price-excluding-tax, .price-including-tax { float: left; } .price-excluding-tax .label, .price-including-tax .label { display: none; visibility: hidden; } .price-excluding-tax .price, .price-including-tax .price { font-size: 24px; } .minimal-price-link { float: left; width: 100%; margin: 5px 0 0; } .minimal-price-link .price { font-weight: bold; } .minimal-price-link .label { color: #008866; font-size: 15px; } .old-price { float: left; width: 100%; margin: 0 0 5px; white-space: nowrap; } .old-price .price-label { float: none; display: inline; margin: 0; font-size: 10px; color: #525252; } .old-price .price { float: none; margin: 0; font-size: 10px !important; color: #525252; text-decoration: none; } .special-price { float: left; width: 100%; margin: 0; padding: 0; white-space: nowrap; text-align: right; } .special-price .price-label { display: none; visibility: hidden; } .special-price span { float: left; width: 100%; margin: 0; padding: 0; white-space: nowrap; text-align: right; } /* Infinity Scroller */ #isToTop2 { position: absolute; bottom: 0; right: 0; } #isToTop2 a { display: block; width: 40px; height: 40px; text-indent: -9999px; background: url('../images/back_to_top.png') 0 0 no-repeat; } .if-scroll-loader { display: none; width: 150px; margin: 80px auto -40px; color: #C4C4C4; font-style: italic; text-align: center; } .if-scroll-loader img { display: block; margin: 0 auto 12px; } /* Layered Navigation */ .block-layered-nav { float: left; width: 100%; } .block-layered-nav .block-title { display: none; visibility: hidden; } .block-layered-nav .block-content { border: none; background: none; } .block-layered-nav .block-subtitle { float: left; width: 100%; padding: 0 0 3px; color: #515151; font-size: 20px; text-transform: none; border: none; background: none; } .block-layered-nav dl { float: left; width: 100%; margin: 0 0 30px; padding: 0; border-bottom: 1px solid #D6D6D6; } .block-layered-nav dl.category { margin: 0 0 30px; } .block-layered-nav dt { float: left; width: 100%; padding: 10px 0; color: #008765; border-top: 1px solid #D6D6D6; background: none; cursor: pointer; } .block-layered-nav dt span { padding: 0 20px 0 0; background: url('../images/layered_label_arrow.png') 100% 50% no-repeat; } .block-layered-nav dt.active span { background: url('../images/layered_label_arrow_active.png') 100% 50% no-repeat; } .block-layered-nav dd { display: none; float: left; width: 100%; padding: 0 0 10px; background: none; } .block-layered-nav dt.category { padding: 0 0 3px; border-top: none; border-bottom: 1px solid #D6D6D6; } .block-layered-nav dt.category span { color: #515151; text-transform: none; font-size: 20px; background: none !important; cursor: default; } .block-layered-nav dd.category { display: block; margin: 10px 0 0; } .block-layered-nav dd li { float: left; width: 100%; margin: 0 0 2px; } .block-layered-nav dd a { float: left; padding: 0 0 0 15px; color: #525252; background: url('../images/layered_checkbox.png') 0px 3px no-repeat; } .block-layered-nav dd a:hover, .block-layered-nav dd a.checked { text-decoration: none; background: url('../images/layered_checkbox_checked.png') 0px 0px no-repeat; } .block-layered-nav .currently { float: left; width: 100%; margin: 0 0 10px; } .block-layered-nav .currently .block-subtitle { padding: 0 0 3px; border-bottom: 1px solid #D6D6D6; } .block-layered-nav .currently ol { float: left; width: 100%; margin: 10px 0 0; padding: 0 0 10px; border-bottom: 1px solid #D6D6D6; } .block-layered-nav .currently ol li { padding: 0; background: none; } .block-layered-nav .currently ol li .label { text-transform: none; padding: 0 0 0 18px; background: none; } .block-layered-nav .currently ol li .btn-remove { top: 0; right: auto; left: 0; height: 18px; width: 205px; background: url('../images/layered_clear_cross.png') 0 3px no-repeat; } .block-layered-nav .actions { float: left; width: 100%; margin: 0 0 40px; padding: 0; font-size: 12px; text-align: left; border: none; background: none; } .block-layered-nav .actions a { display: block; float: left; color: #525252; padding: 6px 15px 7px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url('../images/layered_clear_cross.png') 11px 9px no-repeat #E2E2E2; } .block-layered-nav .actions a:hover { text-decoration: none; background-color: #E8E8E8; } /* Product View */ .product-view { border: none; } .product-essential { padding: 0; background: none; } .col1-layout .product-view .product-shop { width: 600px; } .product-view .product-shop .product-name { margin: 0 0 15px; } .product-view .product-shop .product-name h1 { font-size: 20px; } .product-view .product-shop .short-description { margin: 0 0 25px; padding: 0; background: none; } .product-view .product-shop .more-information { padding: 5px 12px; color: #FFF; font-size: 14px; text-decoration: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #008866; } .product-view .product-shop .abv-video-btn { margin-left: 10px;padding: 5px 12px; color: #FFF; font-size: 14px; text-decoration: none; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #008866; } .product-view .product-shop .add-to-box { float: left; width: 100%; margin: 25px 0; } .product-view .product-shop .add-to-box label { line-height: 25px; } .product-view .product-shop .add-to-box .qty { width: 25px !important; border-width: 2px; text-align: right; } .product-view .product-shop .add-to-box button.button span { padding-left: 36px; background-image: url('../images/add-to-cart.png'); background-position: 9px 4px; background-repeat: no-repeat; } .product-view .product-shop .add-to-box button.button span span { padding: 0; background: none; } .product-view .product-shop .add-to-links { float: left; margin: 0 0 0 5px; } .product-view .product-shop .add-to-links .link-wishlist { float: left; height: 25px; padding: 0 12px 0 36px; color: #FFF !important; font-size: 14px; line-height: 25px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: url('../images/wishlist.png') 10px 4px no-repeat #9E9E9E; } .product-view .product-shop .add-to-links .link-wishlist:hover { text-decoration: none; background-color: #909090; } .product-view .product-shop .add-to-links .link-compare { display: none; visibility: hidden; } .product-view .product-img-box { width: 335px; margin: 0 0 30px; } .product-view .product-img-box .base-image-container { float: right; } .product-view .product-img-box .base-image-container.noGallery { float: left; } .product-view .product-img-box .product-image { float: left; width: 248px; height: 248px; margin: 0; border: 1px solid #C3C3C3; } .product-view .product-img-box .product-image-zoom .cloud-zoom-big { margin: 0 0 0 18px; border: 1px solid #C3C3C3; } .product-view .product-img-box .product-image-zoom .cloud-zoom-lens { padding: 0 1px 0 0; margin: 0 !important; border: none !important; background: #FFF !important; opacity: 0.5; } .product-view .product-img-box .more-views { float: left; width: 62px; margin: 0 23px 0 0; position: relative; } .product-view .product-img-box .more-views.slide { height: 207px; padding: 22px 0 21px; overflow: hidden; } .product-view .product-img-box .more-views .scroll_wrapper { width: 62px; height: 207px; position: relative; overflow: hidden; } .product-view .product-img-box .more-views .scroll_wrapper .items { position: absolute; height: 20000em; } .product-view .product-img-box .more-views .scroll_wrapper .items .item { margin: 0 0 10px; } .product-view .product-img-box .more-views .scroll_wrapper .items .item a { display: block; width: 60px; height: 60px; border: 1px solid #C3C3C3; } .product-view .product-img-box .more-views .more-views_arrow { position: absolute; top: 0; left: 17px; width: 28px; height: 14px; cursor: pointer; background: url('../images/more_views_arrow.png') -28px 0 no-repeat; } .product-view .product-img-box .more-views .more-views_arrow.down { top: auto; bottom: 0; background-position: -28px -14px; } .product-view .product-img-box .more-views .more-views_arrow.up.disabled { background-position: 0 0 !important; } .product-view .product-img-box .more-views .more-views_arrow.down.disabled { background-position: 0 -14px !important; } .product-view .product-img-box .more-views .more-views_arrow.disabled { cursor: default; } .product-view .product-img-box .more-views-fancy { display: none; } .product-view .links-container { float: left; width: 100%; margin: 0 0 30px; } .product-view .links-container a { text-decoration: underline; } .product-view .links-container .link-list { float: left; } .product-view .links-container .link-fb { float: right; color: #008866; } .product-view .grouped-items-table { margin: 0 0 20px; color: #525252; } .product-view .grouped-items-table .product-image { position: relative; } .product-view .grouped-items-table .product-image img { border: 1px solid #C3C3C3; } .product-view .grouped-items-table .product-image .tooltip_image { display: none; position: absolute; top: -107px; left: 82px; padding: 0 0 0 15px; z-index: 50; } .product-view .grouped-items-table .product-image .tooltip_image .tooltip_content { padding: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); box-shadow: 0 0 5px rgba(0,0,0,.75); background: #FFF; } .product-view .grouped-items-table .product-image .tooltip_image .tooltip_arrow { position: absolute; top: 50%; left: 5px; width: 10px; height: 15px; background: url('../images/tooltip_arrow_left.png') 0 0 no-repeat; } .product-view .grouped-items-table .product-name { display: block; margin: 0 0 3px; font-weight: bold; } .product-view .grouped-items-table .more_info { float: left; width: 100%; margin: 0; position: relative; } .product-view .grouped-items-table .more_info > a { float: left; display: block; padding: 8px 0 0; font-size: 10px; text-decoration: underline; cursor: pointer; } .product-view .grouped-items-table .more_info .more_info_content { display: none; } .product-view .grouped-items-table .more_info .more_info_content { position: absolute; bottom: 22px; left: 15px; width: 270px; padding: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); box-shadow: 0 0 5px rgba(0,0,0,.75); background: #FFF; z-index: 50; } .product-view .grouped-items-table .more_info .more_info_content p { margin: 0; } .product-view .grouped-items-table .more_info .more_info_close { display: none; position: absolute; top: 6px; right: 5px; width: 16px; height: 14px; background: url('../images/more_infos_close.png') 0 0 no-repeat; cursor: pointer; } .product-view .grouped-items-table .more_info .more_info_arrow { position: absolute; bottom: -11px; left: 6px; width: 21px; height: 11px; background: url('../images/tooltip_arrow_bottom.png') 0 0 no-repeat; z-index: 100; } .product-view .grouped-items-table .stock-label { display: block; color: #dc0b00; font-size: 10px; } .product-view .grouped-items-table .stock-label.orange { color: #cc8201; text-decoration: underline; } .product-view .grouped-items-table .price-box { float: right; } .product-view .grouped-items-table .tierprices { float: left; width: 100%; margin: 0; position: relative; } .product-view .grouped-items-table .tierprices a { float: right; display: block; padding: 10px 0 0; font-size: 10px; text-decoration: underline; position: relative; z-index: 10; cursor: default; } .product-view .grouped-items-table .tierprices .tierprices_content { display: none; } .product-view .grouped-items-table .tierprices .tierprices_content { position: absolute; bottom: 24px; right: -105px; min-width: 130px; padding: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); box-shadow: 0 0 5px rgba(0,0,0,.75); background: #FFF; z-index: 50; } [lang=fr] .product-view .grouped-items-table .tierprices .tierprices_content { right: -57px; } .product-view .grouped-items-table .tierprices .tierprices_content .tier-prices { float: left; width: 100%;margin: 0; background: none;border:0;padding: 0} .product-view .grouped-items-table .tierprices .tierprices_content .tier-prices li { padding: 0 0 5px; color: #008866; font-size: 11px; text-align: left; white-space: nowrap;background: 0 } .product-view .grouped-items-table .tierprices .tierprices_content .tier-prices li .price { font-size: 11px; font-weight: normal; color: #008866; } .product-view .grouped-items-table .tierprices .tierprices_content .tier-prices-grouped { float: left; width: 100%; } .product-view .grouped-items-table .tierprices .tierprices_content .tier-prices-grouped li { padding: 0 0 5px; color: #008866; font-size: 11px; text-align: left; white-space: nowrap; } .product-view .grouped-items-table .tierprices .tierprices_content .tier-prices-grouped li .price { font-size: 11px; font-weight: normal; } .product-view .grouped-items-table .tierprices .tierprices_content .tierprices_arrow { position: absolute; bottom: -11px; left: 88px; width: 21px; height: 11px; background: url('../images/tooltip_arrow_bottom.png') 0 0 no-repeat; z-index: 100; } .product-view .grouped-items-table .qty { float: left; width: 17px !important; text-align: right; border-width: 2px; padding: 6px 8px 5px; } .product-view .grouped-items-table .ui-spinner { float: left; padding: 0 0 0 17px; position: relative; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: none; } .product-view .grouped-items-table .ui-spinner .qty { float: right; margin: 0; } .product-view .grouped-items-table .ui-spinner .ui-spinner-up { position: absolute; top: 3px; left: 0; width: 13px; height: 9px; border: none; background: url('../images/arrow_up.png') 0 0 no-repeat; cursor: pointer; } .product-view .grouped-items-table .ui-spinner .ui-spinner-up:hover { background-image: url('../images/arrow_up_hover.png'); } .product-view .grouped-items-table .ui-spinner .ui-spinner-up span { display: none; } .product-view .grouped-items-table .ui-spinner .ui-spinner-down { position: absolute; bottom: 3px; left: 0; width: 13px; height: 9px; border: none; background: url('../images/arrow_down.png') 0 0 no-repeat; cursor: pointer; } .product-view .grouped-items-table .ui-spinner .ui-spinner-down:hover { background-image: url('../images/arrow_down_hover.png'); } .product-view .grouped-items-table .ui-spinner .ui-spinner-down span { display: none; } .product-view .grouped-items-table button.button { float: left; margin: 0 0 0 3px; } .product-view .grouped-items-table button.button span { width: 29px; height: 29px; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url('../images/add-to-cart.png') 5px 7px no-repeat #008866; text-indent: -9999em; } .product-view .grouped-items-table button.button span span { background: none; } .product-view .grouped-items-table .link-wishlist { float: left; display: block; margin: 0 0 0 3px; width: 29px; height: 29px; padding: 0; text-align: left !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url('../images/wishlist.png') 8px 6px no-repeat #9E9E9E; text-indent: -9999em; } .product-collateral { padding: 0; background: none; } .product-view .tab-container { float: left; width: 100%; margin: 0 0 -1px; position: relative; z-index: 10; } .product-view .tab_border_bottom { float: left; width: 100%; padding: 1px 0; border-top: 1px solid #94A3A7; background: #007F5F; position: relative; z-index: 5; } .product-view .tabs { margin: 20px 0 0 !important; padding: 30px 0 0; border: none !important; } .product-view .tabs li { margin: 0 3px 0 0; border: none !important; border-bottom: 1px solid #94A3A7 !important; background: none !important; } .product-view .tabs li.active { border-bottom: 1px solid #007F5F !important; } .product-view .tabs li a { height: 36px; padding: 0 12px; color: #5F5F5F; font-size: 14px; line-height: 36px; border: 1px solid #C6CBD0; border-bottom: 0px !important; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: #FFF; -moz-box-shadow: inset 0 0 4px #E1E1E1; -webkit-box-shadow: inset 0 0 4px #E1E1E1; box-shadow: inset 0 0 4px #E1E1E1; } .product-view .tabs li a:hover { background: #F5F5F5; } .product-view .tabs li.active a, .product-view .tabs li.active a:hover { color: #FFF !important; font-weight: normal !important; border: 1px solid #9fA5AC; background: #008765 !important; -moz-box-shadow: inset 0 3px 13px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 3px 13px rgba(0,0,0,.1); box-shadow: inset 0 3px 13px rgba(0,0,0,.1); cursor: default; } .product-collateral .box-collateral { margin: 0; } .product-collateral h2 { color: #203548; padding: 0; border: none; } .product-view .padder { float: left; width: 938px; padding: 25px; border: 1px solid #C5CBCF; -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; background: #FFF; -moz-box-shadow: inset 0 2px 6px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 2px 6px rgba(0,0,0,.1); box-shadow: inset 0 2px 6px rgba(0,0,0,.1); } .product-view .padder #product_tabs_upsell_products_tabbed_contents { margin: 0 -25px; } .product-view .padder #product_tabs_related_tabbed_contents { margin: 0 -25px; } .product-view .padder .product_slider_container { margin: 0; } .product-view .padder .product_slider_container .product_slider .arrow-holder.left { left: -25px; } .product-view .padder .product_slider_container .product_slider .arrow-holder.right { right: -25px; } .product-view .padder .row-left { float: left; width: 45%; } .product-view .padder .row-right { float: right; width: 50%; } .product-view .padder .description-tab h2 { font-size: 18px; } .product-view .padder .description-tab .data-table tr th { white-space: nowrap; } .product-view .padder .description-tab .data-table tr.first th, .product-view .padder .description-tab .data-table tr.first td { border-top: 1px solid #AEAEAE; } .product-view .padder .description-tab .data-table tr.last th, .product-view .padder .description-tab .data-table tr.last td { border-bottom: 1px solid #AEAEAE !important; } .product-view .padder .description-tab .data-table p { margin: 0; } .product-view .padder .description-tab .data-table ul li { float: left; width: 100%; margin: 0; } .product-view .padder .description-tab .data-table ul li img { vertical-align: middle; } .product-view .padder .downloads-links-block { margin: 50px 0 0; padding: 0; border: none; } .product-view .padder .downloads-links-block h4 { color: #203548; font-size: 18px; margin: 0 0 15px; } .product-view .padder .downloads-links-block table { width: 100%; padding: 0; border-top: 1px solid #AEAEAE; } .product-view .padder .downloads-links-block table tr:hover { background: #F2F2F2; } .product-view .padder .downloads-links-block table td { padding: 8px; border-bottom: 1px solid #AEAEAE; } .product-view .padder .downloads-links-block table td b { font-weight: normal; } /* Cart */ .cart .page-title h1 { margin: 0 0 15px; border: none; } .cart .cart-table .product-image { display: block; border: 1px solid #D6D6D6; } .cart .cart-table .product-name a { color: #515151; } .cart .cart-table .stock-label { display: block; color: #dc0b00; font-size: 10px; } .cart .cart-table .stock-label.orange { color: #cc8201; } .cart .cart-table .qty { width: 17px !important; text-align: right; border-width: 2px } .cart .cart-table .tierprices { float: left; width: 100%; margin: 0; position: relative; } .cart .cart-table .tierprices a { float: right; display: block; padding: 10px 0 0; font-size: 10px; text-decoration: underline; position: relative; z-index: 10; cursor: default; } .cart .cart-table .tierprices .tierprices_content { display: none; } .cart .cart-table .tierprices .tierprices_content { position: absolute; bottom: 24px; right: -15px; min-width: 130px; padding: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); box-shadow: 0 0 5px rgba(0,0,0,.75); background: #FFF; z-index: 50; } .cart .cart-table .tierprices .tierprices_content .tier-prices { float: left; width: 100%; margin:0; padding: 0;background: none; border: none;} .cart .cart-table .tierprices .tierprices_content .tier-prices li { padding: 0 0 5px; color: #008866; font-size: 11px; text-align: left; white-space: nowrap; background: none; } .cart .cart-table .tierprices .tierprices_content .tier-prices li .price { font-size: 11px; font-weight: normal; color: inherit;} .cart .cart-table .tierprices .tierprices_content .tierprices_arrow { position: absolute; bottom: -11px; right: 32px; width: 21px; height: 11px; background: url('../images/tooltip_arrow_bottom.png') 0 0 no-repeat; z-index: 100; } .cart .cart-table .continue_link { line-height: 25px; margin: 0 25px 0 0; } .cart .cart-table button.button span { font-size: 12px; color: #5F5F5F; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; background: #DDD; } .cart .cart-table button.button:hover span { color: #FFF; background: #007558; } .cart .cart-collaterals .col2-set { width: 620px; } .cart .cart-collaterals .col2-set .col-1 { width: 270px; } .cart .cart-collaterals .col2-set .col-2 { width: 265px; } .cart .crosssell { float: left; width: 100%; margin: 40px 0 0; padding: 0; border: 0; background: none; } .cart .crosssell .page-title h2 { font-size: 20px; } .cart .crosssell .product_slider_container { margin: 0 } .cart .crosssell .products-grid .product-image { width: auto; height: auto; border: none; } .cart .discount { float: left; width: 100%; margin: 0 0 35px; padding: 0; border: none; background: none; } .cart .discount h2 { margin: 0 0 8px; padding: 0; color: #515151; font-size: 18px; line-height: 1; text-transform: none; background: none; } .cart .discount label { float: left; width: 100%; margin: 0; } .cart .discount .input-box { float: left; width: auto; margin: 12px 8px 0 0; } .cart .discount .input-box input.input-text { width: 170px; height: 15px; line-height: 15px; padding: 4px 8px; } .cart .discount .buttons-set { clear: none; float: left; width: auto; margin: 12px 0 0; } .cart .discount .buttons-set button.button span { font-size: 12px; color: #5F5F5F; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; background: #DDD; } .cart .discount .buttons-set button.button:hover span { color: #FFF; background: #007558; } .cart .madex { float: left; width: 100%; margin: 0 0 35px; } .cart .madex h2 { margin: 0 0 8px; padding: 0; color: #515151; font-size: 18px; line-height: 1; } .cart .madex label { font-weight: bold; } .cart .madex p { margin: 0 0 8px; } .cart .madex input.input-text { width: 245px; } .cart .shipping { float: left; width: 100%; margin: 0; padding: 0; border: none; background: none; } .cart .shipping h2 { margin: 0 0 8px; padding: 0; color: #515151; font-size: 18px; line-height: 1; text-transform: none; background: none; } .cart .shipping b { float: left; display: block; width: 160px; } .cart .shipping b .shipping-label { float: left; } .cart .shipping b .shipping-price { float: right; } /*bei DE ist der Paketname ein bisschen lang*/ html[lang=de] .cart .shipping b { width:260px; } .cart .totals { width: 310px; border: 0; background: none; } .cart .totals table { float: left; width: 100%; margin: 0; } .cart .totals table td { padding: 8px 12px; border-top: 1px solid #AEAEAE; font-size: 13px; text-align: left !important; } .cart .totals table td .price { float: right; } .cart .totals table tfoot td { border-bottom: 1px solid #AEAEAE; } .cart .totals .checkout-types { float: left; width: 100%; margin: 20px 0 0; padding: 0; } .cart .totals .checkout-types li { margin: 0; } .cart .totals button.button span { height: 42px; padding: 0 20px; font-size: 16px; line-height: 42px; } .cart .totals button.button span span { padding: 0; } /* Quickorder */ .quickorder .lager_gruen { width: 35px; height: 11px; background: url('../images/stock_green.png') 0 0 no-repeat; } .quickorder .lager_orange { width: 35px; height: 11px; background: url('../images/stock_orange.png') 0 0 no-repeat; } .quickorder .lager_rot { width: 35px; height: 11px; background: url('../images/stock_red.png') 0 0 no-repeat; } .quickorder .quickorder_addToCart { width: 29px; height: 29px; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: url('../images/add-to-cart.png') 5px 7px no-repeat #008866; text-indent: -9999em; } /* Login / My Account */ .account-login { margin: 0 0 40px; } .account-login .page-title { margin: 0 0 15px; } .account-login .col2-set { background: url('../images/block_separator.png') 484px 0px repeat-y; } .account-login .content { min-height: 0; padding: 0; border: none; background: none; } .account-login .content p.required { display: none; } .account-login .content h2 { margin: 8px 0 20px; padding: 0; color: #515151; font-size: 18px; text-transform: none; border: none; background: none; } .account-login .buttons-set { margin: 20px 0 0; padding: 0 0 15px; border: none; background: none; } .account-login .buttons-set a { line-height: 25px; } .account-login .buttons-set button.button span { font-size: 12px; } .account-login .registered-users { float: left !important; width: 46%; } .account-login .registered-users .buttons-set { width: 272px; } .account-login .new-users { float: right !important; width: 46%; } .account-login .new-users .content p { width: 60%; } .block-account { border: none; } .block-account .block-title { display: none; visibility: hidden; } .block-account .block-content { padding: 0; background: none; } .block-account .block-content li a, .block-account .block-content li.current { padding: 5px 0; color: #515151; } .block-account .block-content li.current { border-bottom:0;padding:3px 0;} .block-account .block-content li a:hover { color: #008765; } .dashboard .welcome-msg { float: left; width: 650px; margin: 0 0 20px; padding: 0 80px 0 0; } .dashboard .col2-set { margin: 0 0 35px; } .dashboard .box .box-title { padding: 0 0 4px; border-bottom: 1px solid #CCC; background: none; } .dashboard .box .box-title h3 { color: #515151; } .dashboard .box-info h4 { color: #515151; font-size: 12px; text-transform: none; margin: 0; } .box-account { float: left; width: 100%; margin: 20px 0; padding: 0; border: none; background: none; } .box-account .box-head { margin: 0 0 18px; padding: 0; border: none; } .box-account .box-head h2 { color: #515151; font-size: 16px; text-transform: none; padding: 0; background: none !important; } .box-recent .box-head { margin: 0 0 12px; padding: 0 0 6px; border-bottom: 1px solid #D6D6D6; } .account-info .fieldset { margin: 0; } .account-info .col1 #change-pw-field { margin: 87px 0 12px; } .account-info .col1 .fields { margin: 0; } .account-info .col1 .fields .field { width: 100%; margin: 0 0 12px; } .account-info .col2 { padding: 0 0 0 0; } .account-info .col2 #ichbinli { margin: 22px 0 20px; } .account-info .col2 #ichhabeli { margin: 22px 0 20px; } .account-info .col2 #broschureli label { line-height: 1.4; } .addresses-list h2 { color: #515151; font-size: 14px; font-weight: bold; margin: 10px 0; padding: 0 0 4px; text-transform: none; border-bottom: 1px solid #CCC; } .addresses-list h3 { color: #2f2f2f; font-size: 12px; margin: 0; } .addresses-list a { font-weight: normal; } .addresses-list li.item { margin: 0 0 25px; padding: 0; border: 0; background: none; } .my-account #madexfield { margin: 30px 0 12px; } .customer-address-form #colRight .form-list { margin: 49px 0 0; } .customer-address-form #colRight .primary_shipping { float: left; width: 100%; margin: 225px 0 15px; } .customer-address-form #colRight .primary_shipping input { float: left; } .my-account .pager { margin: 15px 0; line-height: 20px; border: none; background: #F2F2F2; } .my-account .pager .pages a { color: #999; } .my-account .pager .pages .current { color: #515151; font-weight: bold; } .my-account .pager .pages a img { vertical-align: top; margin: 7px 0 0; opacity: 0.4; } .my-account .pager .pages a:hover img { opacity: 0.8; } .my-account .pager .limiter label { vertical-align: top; } .order-info { display: none; } .order-date { margin: 5px 0 30px; } .order-info-box { margin: 0 0 30px; padding: 0; border: none; background: none; } .order-info-box h2 { color: #515151; margin: 0; } .order-items h2, .order-items h3 { font-size: 18px; } #wishlist-table .product-name { margin: 0 0 8px; } #wishlist-table .product-name a { color: #515151; font-weight: bold; } #wishlist-table .description { display: none; } #wishlist-table .price-box { display: none; } #wishlist-table .price-box .price-label { margin: 0 8px 0 0; font-size: 12px; } #wishlist-table .cart-cell a { display: none; } #wishlist-table textarea { font-size: 11px; } /* SearchAutoComplete */ .yui-ac-content { float: left; width: 260px; margin: -1px 0 0 10px; padding: 2px; color: #515151; border: 1px solid #E1E1E1; background: #FFF; } .yui-ac-hd { display: none; } .yui-ac-bd ul li { float: left; width: 236px; min-height: 1px; margin: 0; padding: 12px; border: none; border-bottom: 1px solid #E5E5E5; } .yui-ac-bd ul li.last { border: none; } .yui-ac-bd ul li:hover, .yui-ac-bd ul li.selected { background: #F5F5F5; } .yui-ac-bd ul li.noItem { border: none; background: none !important; } .yui-ac-bd ul li img { float: left; margin: 0 12px 0 0; border: 1px solid #C3C3C3; } .yui-ac-bd ul li strong { color: #008765; font-weight: bold; } .yui-ac-bd ul li .content { float: left; width: 146px; color: #515151; } .yui-ac-bd ul li .content .product-name { float: left; width: 100%; margin: 0 0 5px; font-size: 12px; font-weight: bold; } .yui-ac-bd ul li .content .short-desc { float: left; width: 100%; font-size: 11px; } /* Sitemap */ .page-sitemap .sitemap li.level-0 a { color: #1b2d3b; } /* Fancybox */ #fancybox-title-over { font-size: 14px; padding: 10px 15px; } /* Data-Table */ .data-table { border: none; } .data-table thead tr th, .data-table thead tr.last th { padding: 5px 8px; font-weight: normal; color: #AEAEAE; border: none; border-bottom: 1px solid #AEAEAE !important; background: none; background-color: #FFF !important; } .data-table thead th strong { font-weight: normal; text-decoration: none; } .data-table .odd { background: none; } .data-table .even { background: none; } .data-table tbody th, .data-table tbody td { padding: 8px; border: none; border-bottom: 1px solid #AEAEAE; } .data-table tbody tr:hover { background: #F2F2F2; } .data-table .price { font-size: 12px; font-weight: normal; } .data-table tfoot { border: none; } .data-table tfoot tr { background: none !important; } .data-table tfoot tr td { padding: 12px 0; border: none; border-top: 1px solid #AEAEAE; background: none !important; } .data-table tfoot strong { font-size: 13px; } /* Formular */ .fieldset { margin: 12px 0 35px; padding: 0; border: none; background: none; } .fieldset .legend { display: none; visibility: hidden; } .fieldset .form-list li { margin: 0 0 12px; } .fieldset .form-list .field { width: 50%; } input.input-text, textarea { height: 14px; padding: 4px 8px 3px; line-height: 14px; color: #000; font-size: 14px; border: 1px solid #C3C3C3; } select { padding: 2px 1px; } button.button { } button.button span { height: 25px; padding: 0 12px; font-size: 14px; font-weight: normal; line-height: 25px; border: none; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background: #008866; } button.button:hover span { background: #007558; } .my-wishlist .buttons-set .btn-add span, .my-wishlist .buttons-set .btn-share span { color: #515151; background: #E2E2E2; } .my-wishlist .buttons-set .btn-add:hover span, .my-wishlist .buttons-set .btn-share:hover span { background: #D2D2D2; } .form-list { list-style: none !important; padding-left: 0 !important; } .form-list li { margin: 0 0 12px; } .form-list label { font-size: 11px; font-weight: normal; } /*.form-list .field { width: 100%; }*/ .form-list label.required em { color: #333; } p.required { color: #666; } .validation-failed { border: 1px solid #c2907f !important; } .validation-advice { color: #AA0000; font-weight: normal; font-style: italic; padding: 0; background: none; } /* Sicky Footer */ html, body { height: 100%; } .wrapper { margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; } .push { height: 100px; clear: both; } .footer-container { height: auto; position: relative; z-index: 99; } /* Bugfix Tablet-View */ .wrapper { min-width: 990px; overflow: inherit; } .headerTop-container, .header-container, .nav-container, .main-container, .footer-container { min-width: 990px; width: 96%; padding: 0 2%; } .nav-container { border-left: 0px !important; border-right: 0px !important; } .yui-ac-content { margin-left: -36px; } .headerTop .cart-top .cart-details { right: -10px; } @media only screen and (max-width: 990px) and (device-pixel-ratio: 1){ .wrapper { margin-bottom: -100px !important; } } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#f00; font-weight:bold; } .notice { color:#ccc; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px; } .messages li li { margin:0px; min-height:35px; line-height:35px; } .messages li li span{} .error-msg, .success-msg, .note-msg, .notice-msg { text-align: left; border-style:solid !important; border-width:1px !important; background-position:19px 19px !important; background-repeat:no-repeat !important; line-height:35px; min-height:35px !important; padding:19px 19px 19px 70px !important; font-size:14px !important; font-weight:normal !important; font-style: italic !important; } .error-msg { border-color:#d9c2ba; background-color:#f2e1d8; background-image:url('../images/i_msg-error.gif'); color:#872a06; } .success-msg { border-color:#b5e4a0; background-color:#dceccf; background-image:url('../images/i_msg-success.gif'); color:#008765; } .note-msg { border-color:#ccc; background-color:#E9E9E9; background-image:url('../images/i_msg-note.gif'); color:#585858; } .notice-msg { border-color:#eee3b1; background-color:#f6f0d9; background-image:url('../images/i_msg-notice.gif'); color:#a47607; } /* Textfeld Fokus*/ input.input-text:focus, select:focus, textarea:focus { background-color: #F5F5F5; border-color: #008765; } /*Adress-Edit Benutzerkonto*/ .my-account .fields.firmaschule { /*display: none; */} /* @steffi: nicht ausblenden, sonst unter Benutzerkonto > "Meine Adressen" für Firmenpersonen nicht mehr sichtbar... ;-) */ .my-account #colLeft, .my-account #colRight { float:left; width: 365px; /* outline:1px solid green; */ } .my-account .fields .typ label {float:none;line-height:20px;} .my-account .fields #firma {width:314px;} .my-account .fields #anrede { width:140px;} .my-account .validate-select.land { width:332px;} .my-account #korrespondenzsprache { width:150px;} .my-account input.input-text { clear: both; float: left; width:314px;border-width:1px;} .my-account .input-text.biwachalbe { width:138px;} .my-account .biwachalbe { width:176px;} .my-account .input-text.biwacviertel { width:75px;} .my-account select.biwacviertel { width:75px;} .my-account .biwacviertel { width:95px;} .my-account .biwacdreiviertel { width:240px;} .my-account .input-text.biwacdreiviertel { width:200px;} .my-account .validate-select.biwacdreiviertel { width:238px;} .my-account #ichbinli label {float:none;line-height:20px;} .my-account #ichhabeli label {float:none;line-height:20px;} .my-account #broschureli label {float:none;line-height:20px;width:340px;display:inline-block;vertical-align:text-top;} .my-account #broschureli .field {width:358px;} .my-account .newsletter label {float:none;line-height:20px;width:340px;} .my-account .fields .newsletter {width:358px;} .account-info .col2-set { width: 100%;} .account-info .col1 { width: 50%;float:left;} .account-info .col2 { width: 50%; float:right;} #change-pw-field { margin-top:200px;} /* Checkout */ .opc { margin: 20px 0 0; } .opc .step-title .number { margin: 0 8px 0 0; padding: 0; color: #D1D1D1; font-size: 16px; line-height: 16px; border: none; background: none; } .opc .step-title { margin: 0 0 20px; padding: 0 0 8px; color: #D1D1D1; border: none; border-bottom: 1px solid #E4E4E4; background: none; } .opc .step-title h2 { color: #D1D1D1; font-size: 16px; } .opc .allow .step-title .number { margin: 0 8px 0 0; padding: 0; color: #D1D1D1; font-size: 16px; line-height: 16px; border: none; background: none; } .opc .allow .step-title { margin: 0 0 35px; padding: 0 0 8px; color: #D1D1D1; border: none; border-bottom: 1px solid #E4E4E4; background: none; } .opc .allow .step-title h2 { color: #D1D1D1; font-size: 16px; } .opc .allow .step-title a { display: block; } .opc .active .step-title .number { color: #515151; font-size: 16px; line-height: 16px; border: none; background: none; } .opc .active .step-title { margin: 0 0 20px; padding: 0 0 8px; color: #515151; border: none; border-bottom: 1px solid #BBB; background: none; } .opc .active .step-title h2 { color: #515151; font-size: 16px; } .opc .active .step-title a { display: none; } .opc .step { margin: 0 0 45px; padding: 0; border: none; background: none; } .opc .step .col3-set { padding: 10px 0; background: url('../images/col3-separator.png') 0 0 repeat-y; } .opc .step .col3-set .col-1 { width: 30%; } .opc .step .col3-set .col-2 { width: 30%; margin-left: 66px; } .opc .step .col3-set .col-3 { width: 30%; } .opc .step .col3-set .buttons-set { padding: 0; } .opc .step h3 { color: #515151; font-size: 15px !important; text-transform: none !important; border: none !important; padding: 0 !important; margin: 0 0 12px; } .opc .step p { width: 85%; } .opc .step p.required { display: none; } .opc .step p.back-link { width: 90%; } .opc .step li.control.first { margin: 25px 0 5px; } .opc .step li.control.last { margin: 0 0 25px; } .opc .step input.input-text { clear: both; float: left; } .opc .step select { padding: 2px 1px; } .opc .step #login-form input.input-text { width: 254px; } .opc .step #ichbinli { margin: 20px 0; } .opc .step #ichhabeli { margin: 20px 0; } .opc .step #broschureli label { line-height: 1.3 !important; } .opc .step .madex { margin: 25px 0 0; } .opc .step .madex > p { float: left; width: 65%; margin: 8px 0 0; } .opc .step .logged-in .madex { margin: 0; } .opc .step .shipping-payment-container { position: relative; } .opc .step .shipping-payment-container .wunsch { position: absolute; top: 0; right: 0; width: 450px; } .opc .step .sp-methods { margin: 0 0 30px; width: 50%; } .opc .step .sp-methods dt { margin: 5px 0; } .opc .step .sp-methods dd li { width: 270px; } .opc .step .sp-methods label span.price { float: right; } .opc .step .wunsch label { display: block; font-weight: bold; margin: 0 0 3px; } .opc .step .wunsch small { display: block; margin: 0 0 6px; } .opc .step .wunsch input.input-text { width: 120px; } .opc .step .wunsch img { margin: 3px 0 0 5px; } #ui-datepicker-div { z-index: 100 !important; } .opc .step .order-review-container { position: relative; width: 630px; padding: 0 0 0 360px; } .opc .step .order-review-container label { display: block; font-size: 11px; font-weight: normal; color: #666; margin: 0 0 3px; } .opc .step .order-review-container #checkout-review-table .product-name { font-size: 12px !important; margin: 0 !important; } .opc .step .order-review-container #checkout-review-table tr.last td { border-bottom: 1px solid #AEAEAE !important; } .opc .step .order-review-container #checkout-review-table-totals { width: 350px; margin: 0 0 0 280px; } .opc .step .order-review-container #checkout-review-table-totals tfoot tr td { padding: 8px; border-top: none; border-bottom: 1px solid #AEAEAE; text-align: left !important; } .opc .step .order-review-container #checkout-review-table-totals tfoot .price { float: right; } .opc .step .order-review-container #checkout-review-table-totals tfoot strong { font-size: 15px; } .opc .step .order-review-container #checkout-review-table-totals tfoot strong .price { font-size: 15px; font-weight: bold; } .opc .step .order-review-container #referenzWrapper { position: absolute; top: 6px; left: 0; width: 280px; } .opc .step .order-review-container #referenzWrapper input.input-text { width: auto; } .opc .step .order-review-container .ordercomment-comment { position: absolute; top: 65px; left: 0; width: 260px; } .opc .step .order-review-container .ordercomment-comment textarea { width: 280px; } .opc .step .order-review-container .checkout-agreements { border: none; padding: 0; width: 350px; margin: 0 0 0 280px; } .opc .step .order-review-container .checkout-agreements .agreement-content { display: none; } .opc .step .order-review-container .checkout-agreements .agree { width: 100%; padding: 0; } .opc .step .order-review-container .checkout-agreements .agree label { display: inline; } .opc .step .order-review-container .agb-container { display: none; } .opc .step .order-review-container .forgot-item { display: none; } .opc .step .order-review-container .buttons-set { margin: 25px 0 0; padding: 0 !important; } .opc .step .order-review-container .buttons-set button.btn-checkout span { height: 38px; line-height: 38px; padding: 0 25px; font-size: 16px; } .opc .step .order-review-container .buttons-set button.btn-checkout span span { padding: 0; } .opc .buttons-set { border: none !important; } .opc .buttons-set button.button { margin-left: 0; } .opc .buttons-set a { line-height: 25px; } .opc .buttons-set .back-link a { padding: 0 !important; background: none !important; } .opc .buttons-set .please-wait, .opc .buttons-set .please-wait#review-please-wait { height: 16px; margin: 12px 0 0; line-height: 16px; font-style: italic; clear: both; } .opc .buttons-set .please-wait img { margin: 0 5px 0 0; vertical-align: top; } #agb ul { margin: 0 0 10px; padding: 0 0 0 15px; list-style: disc; } /*Registration*/ .account-create .fields.firmaschule { display: none; } .account-create #colLeft, .account-create #colRight { float:left; width: 495px; /* outline:1px solid green; */ } .account-create .fields .typ label {float:none;line-height:20px;} .account-create #ichbinli { margin: 20px 0; } .account-create #ichbinli label {float:none;line-height:20px;} .account-create #ichhabeli { margin: 20px 0; } .account-create #ichhabeli label {float:none;line-height:20px;} .account-create #broschureli {margin: 0 0 5px;} .account-create #broschureli label {float:none;width:340px;display:inline-block;vertical-align:text-top;} .account-create #broschureli .field {width:358px;} .account-create .newsletter label {float:none;line-height:20px;width:340px;} .account-create .fields .newsletter {width:358px;} .account-create .fields #firma {width:340px;} .account-create .fields #anrede { width:140px;} .account-create .validate-select.land { width:358px;} .account-create #korrespondenzsprache { width:150px;} .account-create input.input-text { width:340px;border-width:1px;} .account-create input.input-text#geburtsdatum { width: 150px; } .account-create .ui-datepicker-trigger { margin: 3px 0 0 5px; cursor: pointer; } .account-create .input-text.biwachalbe { width:150px;} .account-create .biwachalbe { width:190px;} .account-create .input-text.biwacviertel { width:75px;} .account-create select.biwacviertel { width:75px;} .account-create .biwacviertel { width:95px;} .account-create .biwacdreiviertel { width:265px;} .account-create .input-text.biwacdreiviertel { width:225px;} .account-create .validate-select.biwacdreiviertel { width:263px;} /*Registration bei Checkout*/ .opc .step .fields.firmaschule { display: none; } .opc .step #colLeft, .opc .step #colRight { float:left; width: 460px; /* outline:1px solid green; */ } .opc .step .fields .typ label {float:none;line-height:20px;} .opc .step #ichbinli label {float:none;line-height:20px;} .opc .step #ichhabeli label {float:none;line-height:20px;} .opc .step #broschureli label {float:none;line-height:20px;width:340px;display:inline-block;vertical-align:text-top;} .opc .step #broschureli .field {width:358px;} .opc .step .newsletter label {float:none;line-height:20px;width:340px;} .opc .step .fields .newsletter {width:358px;} .opc .step .fields #firma {width:340px;} .opc .step .fields .anrede { width:140px;} .opc .step .validate-select.land { width:358px;} .opc .step #korrespondenzsprache { width:150px;} .opc .step input.input-text { width:340px;border-width:1px;} .opc .step input.input-text#geburtsdatum { width: 150px; } .opc .step .ui-datepicker-trigger { margin: 3px 0 0 5px; cursor: pointer; } .opc .step .input-text.biwachalbe { width:150px;} .opc .step .biwachalbe { width:190px;} .opc .step .input-text.biwacviertel { width:75px;} .opc .step select.biwacviertel { width:75px;} .opc .step .biwacviertel { width:95px;} .opc .step .biwacdreiviertel { width:265px;} .opc .step .input-text.biwacdreiviertel { width:225px;} .opc .step .validate-select.biwacdreiviertel { width:263px;} .my-account input.input-text.geburtstag { width: 150px; } .my-account .ui-datepicker-trigger { margin: 3px 0 0 5px; cursor: pointer; } /* Webforms */ .fieldset .form-list .field.webforms-fields-checkbox { width: 100%; } .fieldset .form-list .field.webforms-fields-checkbox label { margin: 5px 0 12px; } .fieldset .form-list .field.webforms-fields-checkbox .input-box { width: 100%; } .fieldset .form-list .field.webforms-fields-checkbox .input-box ul { width: 100%; } .fieldset .form-list .field.webforms-fields-checkbox .input-box ul li { float: left; width: 50%; } /*Land/ORt Select Höhe, Achtung: line-height:17px wegen Safari, alle anderen Browser ignorieren es*/ #ort,#land {height: 23px; line-height: 17px;} .button.btn-einkauf-fortsetzen { margin-right: 20px;} .button.btn-einkauf-fortsetzen span {background: #dddddd;color:#5F5F5F;} .button.btn-einkauf-fortsetzen:hover span {color:white;} .cart .totals .checkout-types {position: relative;width:130%;left:-30%;} .cart .cart-header {display: none;} /*dyn Minicart*/ .headerTop .cart-top .cart-details .cart-content h3 {margin-bottom: 0;} .headerTop .cart-top .cart-details .cart-content .mini-products-list .item.first {margin-top: 12px;} .dyn-scroll {max-height: 300px; overflow-y: auto; overflow-x: hidden; } .headerTop .cart-top .cart-details .cart-content .mini-products-list .item .btn-remove {right: 10px;} .headerTop .cart-top .cart-details .cart-content .mini-products-list .item {width: 94%;} /*Produktliste Hover*/ .products-grid .product-image .product-name {margin:1em 0 5px !important} .products-grid .product-image {height:100%} .products-grid .product-image:hover {text-decoration: none;} .product-view .box-up-sell .products-grid .product-image .item-content {text-align: left;} /*ajaxcart*/ .super-product-table .ajax_loader, #super-product-table .ajax_loader {display: none;margin: 0 0/*30px*/ 0 3px;padding-left: 6px; padding-right: 7px;line-height: 29px;float:left;} .super-product-table .ajax_loader img, #super-product-table .ajax_loader img {vertical-align: middle;} #ajaxcartOverlay {display: none;} #modalajaxcart {min-width: 300px;font-size: 14px;padding: 10px;} #modalajaxcart #einkauf-fortsetzen {margin-right: 20px;} .catalog-product-view #fancybox-content {outline: black solid 1px;} .opc .step .biwac-shipping-note { width: 30%; margin-bottom: 2em; } /**************************************************************************** * Responsive Mobile Theme by Benjamin 2015 *******************************************************FCB*****************/ .mobile, .headerTop .cart-top .summary.mobile, .product-view .grouped-items-table .stock-label.orange.kontakt, button.button span.mobile, .product-collateral > .downloads-links-block, .block-layered-nav dd.category.mobile {display:none;} .opc ::-webkit-input-placeholder { visibility: hidden } .opc :-moz-placeholder { /* Firefox 18- */ visibility: hidden } .opc ::-moz-placeholder { /* Firefox 19+ */ visibility: hidden} .opc :-ms-input-placeholder { visibility: /*hidden*/ visible;color: white;/*hidden geht nicht -> Bug in IE 11*/ } #korrespondenzsprache option[value=""] {visibility: hidden} #korrespondenzsprache optgroup {visibility: hidden} .cart-top .cart-content .mini-products-list .product-details .zwischenschritt {display: inline} /** * Logo Grösse in andermatt.css für Biogarten Desktop setzen und * für die anderen Shops (Desktop) via local.css überschreiben * * Für Mobile (alle) in andermatt.css Media Query überschreiben. * (Desktop Logo Height für Biogarten in local.css geht nicht, da es sonst die Mobile Höhe für alle * wieder überschreibt (local.css wird nach andermatt.css geladen) * * Desktop Logo Height * ABG 124px * ABC 74px * ABV 120px * ABV2 120px * Entomos 69px * * Mobile Logo Height * (alle) 97.5px (Retina) */ .header .logo img {height: 124px} /* http://www.sitepoint.com/media-queries-width-vs-device-width/ */ @media screen and (max-width: 820px), screen and (orientation: landscape) and (min-width: 1025px) and (max-width: 1080px) and (min-device-pixel-ratio: 2), screen and (orientation: landscape) and (min-width: 1025px) and (max-width: 1080px) and (-webkit-min-device-pixel-ratio: 2), screen and (orientation: landscape) and (min-width: 1025px) and (max-width: 1080px) and (min--moz-device-pixel-ratio: 2), screen and (orientation: landscape) and (min-width: 1025px) and (max-width: 1080px) and (-o-min-device-pixel-ratio: 2/1) { .desktop {display: none;} body { /*color:red;*/ } .wrapper-over-footer { position: relative;z-index: 200 /*see main.js --- falls Filternavi länger als body beim Aufklappen... (damit über Footer und nicht drunter)*/} .wrapper { min-width: 100%;min-height: 0} .push {display: none} .headerTop-container, .header-container, .nav-container, .main-container, .footer-container { min-width: 100%;padding-left: 0;padding-right: 0;top:0px} .header {width: 100%;} .headerTop {width: 100%;line-height:50px;font-size:16px;} .main {width: 87%;padding:0} #nav {width: 12%;margin: 0} /*Achtung margin*/ .footer { width: 100%;} .footer table td {width: 25%;float:left} .home_content_block_left, .home_content_block_right {width: 95%;float:left} .messages li {margin-top: 20px !important;} .messages li li {line-height: 24px;padding-bottom: 20px} .form-list .input-box {width: 100%} .fieldset .form-list .field {width: 100%;margin-bottom: 20px} .form-list input.input-text {width: 94%;height: 32px;font-size: 16px} .form-list label {font-size: 16px} .fieldset .form-list li {margin-bottom: 0} .buttons-set p.required {font-size: 16px} .buttons-set .button span {height: 40px;line-height: 40px;font-size: 16px;padding: 0 20px;} .validation-advice {font-size: 14px;padding-top: 5px} .form-list .field {width: 100%;margin-bottom: 20px} .form-list li {margin-bottom: 0} .buttons-set a.back-link {font-size: 16px;margin: 9px 0} /** * iOS Fancybox Scroll Bugfix * für z.B. Checkout AGB */ #fancybox-content, #fancybox-frame { overflow: scroll !important; -webkit-overflow-scrolling: touch !important; } /*Desktop Zeugs entfernen*/ .desktop, .headerTop .cart-top .summary.desktop, .headerTop .home, .headerTop .header-links, .headerTop .links .quickorderlink, .headerTop .links .my-account-link, .header .form-language .inactive, #onepage-guest-register-button .desktop, .button.onepage-login .desktop {display: none;} /*Mobile*/ .headerTop-container {background-color: #ededed} .headerTop .links {float:left;} .headerTop .links li {margin: 0} .headerTop .links .login-link {width:78%;padding:0 38% 0 60px; background: url("../images/account-icon.png") no-repeat 25px ; background-size: 16px 16px; height: 100%; display: block;} [lang=fr] .headerTop .links .login-link {width:76%; } .headerTop .links .logout-link {padding:0 60px; background: url("../images/account-icon.png") no-repeat 25px ; background-size: 16px 16px; height: 100%; display: none;} .logged-in .headerTop .links .my-account-link { width: 47%;padding:0 60px; background: url("../images/account-icon.png") no-repeat 25px ; background-size: 16px 16px; height: 100%; display: block;} [lang=fr] .logged-in .headerTop .links .my-account-link {width: 45.3%} .headerTop .cart-top .summary.mobile { display: block;color: #008b6c;background-position: 0 13px;background-size: 31px 23px;padding-left:37px ;padding-right: 25px;background-image: url("../images/retina-cart.png");} .headerTop .cart-top .summary.mobile span {background-color: white;border: 1px solid white; border-radius: 8px;padding: 0 3px} .headerTop .cart-top .cart-details {top:35px} .headerTop a {text-transform: none;color:black} .header .form-search {position:relative;top: 0;left: 0;width: 99.4%;height: 49px;padding: 0;border: 1px solid #bfbfbf;background-color: #f6f6f6;background-image: url('../images/lupe.png');background-repeat: no-repeat;background-size: 22px 17px; background-position: 25px;} .header .form-language { top: -50px; right: 95px;font-size: 16px;height:50px;padding-top:0} .header .form-language li {border: none} .header .form-language li a {color:black;display: block;height:50px;line-height: 47px;padding: 0 20px;border-left:3px solid #e6e6e6;border-right:3px solid #e6e6e6} .header .form-language li.active a {font-weight: normal} .header .logo {margin:0; text-align: left;padding-left:7px} .header .logo img {height:97.5px; margin-bottom: 10px;} .hamburger-menu.mobile {display: block;position: absolute;right:33px;top:40px;width: 28px;height:20px;background: url('../images/hamburger-menu.png') no-repeat 0 ; background-size: 28px 20px;} .header .form-search input.input-text {width: 80%;padding:0;margin: 15px 10px 14px 58px;background-color: transparent;font-size: 16px;color:#3d3d3d} .header .form-search button.button {display:none;width: 14%;height:51px; background-position: 10px 20px;background-color: transparent} .messages { position: relative; top: -114px; z-index: 0; height: 90px; width: 144%; /* margin-right: 0px !important; */ float: right; left: 9.4%;} .error-msg, .success-msg, .note-msg, .notice-msg {padding: 12px 19px 0 70px !important;background-size: 25px 25px;background-position: 7% center !important;} .messages li li {padding-bottom: 9px;min-height: inherit;;line-height: 26px} .yui-ac-content { display:none; } .page-title {background-color: #008b6c;color:white;position: relative;left: -7.4%;width: 107.5%;padding-left:7.4%;padding-top: 12px;margin-bottom: 20px} .page-title h1 {color:white;border-bottom: 0;width: 91%;word-wrap: break-word} .footer-container .mobile {display: block;} .footer-container {height:250px;background-color: white} .footer {margin:0;text-align: center} .footer table {display: none;} .footer .part1 {background-color: #ededed;min-height:164px;padding-top:26px} .footer .part1 p {margin: 0} .footer .phone {font-weight:bold;font-size: 26px;padding-left:58px;color:black;background: url('../images/phone.png') no-repeat;background-size: 38px; padding-bottom: 4px;padding-top: 4px} /* iPhone wandelt span in um*/ .footer a {color: black} .footer .mail {line-height: 70px; font-weight:bold;font-size: 26px;padding-left:58px;color:black;background: url('../images/mail.png') no-repeat 0 5px;background-size: 41px 29px; padding-bottom: 4px;padding-top: 4px} .footer .mail .mailto {color:black} .footer .desktop-view {font-size: 17px;display: block;margin-top: 20px} .footer .desktop-view .desktop-view-link {color: #7b7b7b} .footer .address {color:#008b6c;font-size: 15px;background: url("../images/dots.png") no-repeat 50%; background-size: 115px 7px; display: block; height: 24px; background-position: center 16px; padding-top: 26px;} .footer .part2 {min-height: 50px} .footer .part2 p {margin: 0} /*#nav { display: none; position: absolute; top: 100px; z-index: 20; right: 5%; background-color: white;;height:inherit;border-radius: 0;padding-top:30px; border:0; background: url("../images/mobile-hamburger-menu.png") no-repeat; box-shadow: none; -webkit-box-shadow: none;}*/ /*#nav .level-top {line-height: normal;padding:0;display: none;}*/ #nav a {float:none} #nav {border:0;padding:0;width: 100%;background: 0;height:auto;display: none} #nav .level0 {width: 100%;background: #ededed;border-bottom: 2px solid transparent} #nav > .level0 {border-bottom: 2px solid white; overflow: hidden;} /*#nav .level0.active {background: #008b6c}*/ #nav .level0 .level-top {border:0;padding-left: 6.67%;padding-right: 6.67%;width: 86.67%} #nav .level0 .level-top span {line-height: 56px !important;font-weight: bold;color:black} /*#nav .level0.active .level-top span {color: white}*/ #nav .level1 { border-bottom: 2px solid white;width: 95.73%;position: relative;margin:0 auto;background: #ededed !important; } #nav .level1 span {font-weight: bold;color:black;padding-left:25px;padding-right: 25px} #nav > li.first > a {padding-left: 25px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0} #nav > li > a:hover, #nav > li.over > a, #nav > li.active > a {box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;background: none} #nav > li > ul {display:none;top:56px;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;margin: 0;border: 0;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0} #nav > li.first.parent > a:hover, #nav > li.first.parent.over > a {border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border:0;margin:0} #nav > li > ul > li > a > span {line-height: 56px;font-size: 17px;border: 0} #nav .level0.hasChildren {background-image: url("../images/mobile-navi-arrow.png");background-repeat: no-repeat; background-size: 14px 24px; background-position: 93% 16px;} #nav .level0.hasChildren.subnav-open {padding-bottom:8px;background-image: url("../images/view-open-arrow.png");background-repeat: no-repeat; background-size: 22px 13px; background-position: 93% 21px;background-color: #008b6c} #nav .level0.hasChildren.subnav-open .level-top span{color: white} #nav .level0.hasChildren.subnav-open .level0 {position: static;background-color: #008b6c} #nav li ul.shown-sub, #nav li div.shown-sub {display: none;position: relative} #nav .active.hasChildren ul.shown-sub, #nav .active.hasChildren div.shown-sub {display: block;} #nav .active.hasChildren ul.shown-sub {top:0} /*#nav .active.hasChildren .level-top {display: none}*/ #nav > li > ul > li > a:hover > span, #nav > li > ul > li.over > a > span, #nav > li > ul > li.active > a > span {background-color:#ededed;color:black;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none;} .breadcrumbs {display: none;} #nav ul li.active {margin: 0 auto} .mobile.anmelde-dropdown {display: none;background: #008b6c; float: left; width: 96.6%;color:white;font-size: 17px;padding:7px 1.7%} .mobile.anmelde-dropdown .anmelden-titel {padding-left: 18px; position: relative; top: 3px;} .mobile.anmelde-dropdown .anmelde-links {background: #ededed;margin-top:10px;} .mobile.anmelde-dropdown .anmelde-links .anmelde-link {font-size: 17px;height: 65px;} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-registrieren, .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-pw-vergessen {line-height: 65px;padding-left:18px;border-top:2px solid white;height:63px} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-registrieren a, .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-pw-vergessen a {display:block;color:#4b4b4b;font-size: 17px;font-weight: bold;} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-form {color:#4b4b4b;font-size: 14px;font-weight: normal;padding-left: 18px;padding-top:20px;height:auto} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-form input {display: block;height:32px;width:89%;margin-bottom: 26px;font-size: 16px} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-form label {display: block;font-size: 16px} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-form .anmelde-button {width: 95%;margin-bottom: 26px} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-form .anmelde-button span {height: 38px;line-height: 38px} .mobile.anmelde-dropdown .anmelde-links .anmelde-link.anmelden-form .anmelde-button span span {height: 38px;line-height: 38px;font-size: 17px} .mobile.sprachen-wechsel-dropdown {display: none;background: #008b6c; float: left; width: 96.6%;color:white;font-size: 17px;padding:7px 1.7%} .mobile.sprachen-wechsel-dropdown .sprachen-titel {padding-left: 18px; position: relative; top: 3px;} .mobile.sprachen-wechsel-dropdown #sprachen-liste { margin-top: 12px; } .mobile.sprachen-wechsel-dropdown #select-lang2 .item {background: #ededed;height:63px;line-height: 63px;font-size: 17px;color:#4b4b4b;border-bottom:2px solid white;} .mobile.sprachen-wechsel-dropdown #select-lang2 .item.last {border-bottom-color:transparent} .mobile.sprachen-wechsel-dropdown #select-lang2 .item a {color:#4b4b4b;font-weight: bold;cursor: pointer;padding-left: 18px} #select-language .mobile {display: none;} .mobile.sprachen-wechsel-dropdown #select-lang2 .desktop {display: none;} .mobile.sprachen-wechsel-dropdown #select-lang2 .mobile {display: block;} .headerTop .cart-top .cart-details .cart_arrow {display: none;} .headerTop .cart-top .cart-details .cart-content {display: none;} .mobile.warenkorb-dropdown {display: none;background: #008b6c; float: left; width: 100%; color: white; font-size: 17px; padding: 13px 0 0 0;} .mobile.warenkorb-dropdown.added-removed {display: block} .checkout-cart-index .mobile.warenkorb-dropdown {display: block;} .checkout-cart-index .main-container {display: none;} .mobile.warenkorb-dropdown .warenkorb-titel {padding-left: 6.935%; position: relative; top: 3px;} .mobile.warenkorb-dropdown .cart-top {background-color: white;margin-top:14px;color: #4b4b4b} .mobile.warenkorb-dropdown .cart-top .cart-content h3 {display: none;} .mobile.warenkorb-dropdown .cart-top .cart-content > p {padding: 10px 6.935%;text-align: left !important;} .mobile.warenkorb-dropdown .cart-top .cart-content .product-image {display: none;} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .item {border-bottom:3px solid #b2b2b2; padding: 12px 0 18px 0;} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details {position:relative;margin:0;padding:0 6.935% ;width: 86.13%;min-height: 85px;} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .btn-remove{position: absolute; bottom: 0; right: 6.935%;background: url("../images/cart-del-pos-x.png"); width: 27px;height: 26.5px;background-size: 27px 26.5px} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .sku {display: none} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .product-name a {color:#4b4b4b;font-weight: bold} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .bezeichnung-2 {font-size: 0.8em} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .price {position: absolute; top: 0; right: 6.935%;font-weight: bold} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .zwischenschritt {position: absolute;bottom: 0} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .qty {position:absolute;bottom:0;left:32px;margin:0 -5px;display:inline-block; border: 2px solid #c7c7c7;height: 22.5px;width:50px;text-align: center} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .qty-x {display: none} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .mobile.changer{position:absolute;bottom:0;display: inline-block;width: 27px;height:26.5px;background: #c7c7c7;vertical-align: top;background: url("../images/minus-sign.png");background-size: 27px 26.5px} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .mobile.plus {left:81px;background-image: url("../images/plus-sign.png");} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal {position:relative;font-weight: bold;height: 109px;background: #c7c7c7;padding:27px 6.935% 38px 6.935% } .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .buttons {position: absolute;bottom: 38px;width: 87%;} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .subi-totali {display: block} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .subtotal-value {float: right} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .containing-tax {font-weight: normal;font-size: 0.8em;vertical-align: top;line-height:15px} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .containing-tax.value {float: right} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .mobile.button.btn-checkout {display: block;float: right} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .button.button span {height: 39px;line-height: 39px;font-size: 1.2em} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .button.button span span {padding: 0 } .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .mobile.button.btn-continue {display: block;float: left } .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .mobile.button.btn-continue span {color:#4b4b4b;background-color: #f0f0f0 } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice {display: block; position: absolute; top: 23px; right:6.74%;text-align: right;font-size: 14px} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content{display: none} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_link {color: #4b4b4b;text-decoration: underline} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content { position: absolute; bottom: 25px; right: -105px; min-width: 230px; padding: 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.75); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.75); box-shadow: 0 0 5px rgba(0,0,0,.75); background: #FFF; z-index: 50; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content { display: none;width: 100%;max-width: 295px; min-width: 295px; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tier-prices-grouped { float: left; width: 100%; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tier-prices-grouped li { padding: 0 0 5px; color: #008866; font-size: 11px; text-align: left; white-space: nowrap; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tier-prices-grouped li .price { font-size: 11px; font-weight: normal; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tierprices_arrow { position: absolute; bottom: -11px; left: 88px; width: 21px; height: 11px; background: url('../images/tooltip_arrow_bottom.png') 0 0 no-repeat; z-index: 100; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content {right: 0px;} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tier-prices-grouped li {font-size: 14px} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tierprices_arrow { bottom: -11px; left: 290px; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tier-prices { float: left; width: 100%; margin:0; padding: 0;background: none; border: none;} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tier-prices li { padding: 0 0 5px; color: #008866; font-size: 14px; text-align: left; white-space: nowrap; background: none; } .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tier-prices li .price {position: static; font-size: 14px; font-weight: normal; color: inherit;} .mobile.warenkorb-dropdown .product-details .mobile.row-total {display: block} /*Startseite*/ .cms-home .page-title, /*Achtung Jetzt Aktuell-Titel*/ .home_content_block_left, .home_content_block_right, .Teaser-Conteiner {display: none;} .cms-home .page-title {background: 0;} .cms-home .page-title.list-slider {display: block;} .cms-home .page-title.list-slider h2 {font-size:25px} .cms-home .biwac-mobile-home {display: block;} .cms-home .biwac-mobile-home h2 {border-bottom: 1px solid #e1e1e1;margin-bottom:0.7em;padding-bottom:0.3em;} .cms-home .biwac-mobile-home .button {margin-bottom: 2em;} .product_slider_container { width: 260px;padding: 0 33px;height:405px; margin: 0 auto; position: relative;float:none} .product_slider_container .product_slider { width: 260px/* Percent macht TouchCarousel Slider kaputt weil .width() 100 statt 260 liefert... see skin/frontend/default/default/js/touchcarousel/jquery.touchcarousel-1.1.js:508 updateCarouselSize:function(leavePos) {... this.carouselWidth = this.carouselRoot.width();100%*/;height:405px} .product_slider_container .product_slider .products-grid .item-content{ padding: 0} .product_slider_container .product_slider .products-grid .desc { font-size:14px;height:60px} .product_slider_container .product_slider .products-grid .product-name{;margin-top: 10px !important;height: 42px;} .product_slider_container .product_slider .products-grid .product-image .product-name { font-size:16px} .product_slider_container .product_slider .products-grid .price-box .price { font-size:32px;line-height: 19px} .product_slider_container .product_slider .arrow-holder {top: 95px !important} .product_slider_container .product_slider .arrow-holder.left {left:-32px} .product_slider_container .product_slider .arrow-holder.right {right:-32px} .product_slider_container .product_slider .products-grid {padding:0;border:0 !important} .product_slider_container .product_slider .products-grid li.item {width: 240px;margin:0 !important;padding:0 10px;min-height: 405px} .product_slider_container .mobile {display:block} .cms-home .mehr-produkte {display: none} .product_slider_container .product_slider .arrow-holder { position: absolute; top: 95px !important; width: 27px; height: 52px;text-indent: -9999em; background-image: url('../images/abm-retina-slider.png') !important; background-repeat: no-repeat; cursor: pointer; background-size: 54px 105px} .product_slider_container .product_slider .arrow-holder span { display: none; visibility: hidden; } .product_slider_container .product_slider .arrow-holder.left { left: -32px; background-position: left top; } .product_slider_container .product_slider .arrow-holder.left.disabled { background-position: left bottom; cursor: default; } .product_slider_container .product_slider .arrow-holder.right { right: -33px; background-position: right top } .product_slider_container .product_slider .arrow-holder.right.disabled { background-position: right bottom; cursor: default; } /*Listenansicht / Suche*/ .col2-left-layout .col-main, .col2-right-layout .col-main {width: 100%;} .catalog-category-view .category-title {background-color: #008b6c;color:white;position: relative;left: -7.4%;width: 107.5%;padding-left:7.4%;padding-top: 12px;} .catalog-category-view .category-title h1 {color:white;border-bottom: 0;width: 91%} .catalog-category-view .toolbar {display: none} .catalog-category-view .category-description {display: none} .catalog-category-view .category-products {position: relative;left: -7.4%;width: 114.9%;margin-top: 20px} .catalog-category-view .category-products .products-grid li.item {width: 100%;border-bottom: 2px solid #b2b2b2;background:url('../images/list-item-bg.png') repeat-x ;background-size: 100% 129px;height:110px } .catalog-category-view .category-products .products-grid li.item .product-image img {height:91px;float:left;margin-left: 7%;} .catalog-category-view .category-products .products-grid li.item .item-content{clear:none;float:left;width:61%;padding: 0 0 0 4.8%;height: 95px; overflow: hidden;} .catalog-category-view .category-products .products-grid li.item .product-name {margin-top: 0 !important;margin-bottom: 0 !important;height: auto;font-size: 16px} .catalog-category-view .category-products .products-grid li.item .customer-price-box {display: none} .catalog-category-view .category-products .products-grid li.item.last { margin-bottom: 0 !important;} .catalog-category-view .category-products .products-grid li.item .desc {height:70px;font-size: 16px;line-height: 17px} .catalog-category-view .category-title .button.open-filter {display:block;position: absolute;right:7px;top:7px} .catalog-category-view .category-title .button.open-filter span {color:#4b4b4b;background-color: #f0f0f0;height:40px;line-height: 40px;padding:0 11px;font-weight: bold;font-size: 16px} .catalog-category-view .main {position: relative} .catalog-category-view .col-left.sidebar {display:none;position: absolute;top:54px;background-color: #008b6c;color:white; width: 110.8%; left: -7.4%;padding:7px 2%;} .catalog-category-view .col-left.sidebar .block-layered-nav .block-subtitle {width:91%;color: white;font-weight: normal;font-size: 16px;padding-left:5%;padding-top:8px;padding-bottom:8px} .catalog-category-view .col-left.sidebar .block-layered-nav .item {background-color: #ededed;padding:21px 5%;width: 90%;text-transform: none;font-size: 16px;color:#4b4b4b; border-top: 2px solid white; background-image: url("../images/filter-arrow-right.png");background-repeat: no-repeat;background-size: 12px 22px;background-position: 95% center} .catalog-category-view .col-left.sidebar .block-layered-nav .item.active {background-image: url('../images/filter-arrow-down.png');background-size: 22px 13px} .catalog-category-view .col-left.sidebar .block-layered-nav #narrow-by-list {margin-bottom: 0} .catalog-category-view .col-left.sidebar .block-layered-nav {margin-bottom: 0} .catalog-category-view .col-left.sidebar .block-layered-nav .item span {background: none} .catalog-category-view .col-left.sidebar .block-layered-nav dd li {margin:0;height:67px;background-color: white;background-image: url("../images/filter-sublist-bg.png");background-repeat: repeat-x;background-size: 1px 64px} .catalog-category-view .col-left.sidebar .block-layered-nav dd a { float: left; padding: 25px 18px; color: #525252; background: 0; font-size: 16px; font-weight: bold; display: block; width: 90%;} .catalog-category-view .col-left.sidebar .block-layered-nav #narrow-by-list.category { display: none} .catalog-category-view .col-left.sidebar .block-layered-nav .currently .block-subtitle { border-bottom: 0} .catalog-category-view .col-left.sidebar .block-layered-nav .currently ol { margin-top: 0; padding-top: 10px;background-color: #f3f3f3;border-bottom: 0} .catalog-category-view .col-left.sidebar .block-layered-nav .currently li { background-color: #f3f3f3;color:#4b4b4b;font-size: 16px; font-weight: bold;height: 47px;line-height: 47px} .catalog-category-view .col-left.sidebar .block-layered-nav .currently ol li .btn-remove { float:left;position: relative;width: 27px;background-image: url("../images/filter-remove.png") ;height: 26px;margin-left: 5%;top:10px;background-size: 27px 26px;background-position: 0} .catalog-category-view .col-left.sidebar .block-layered-nav .currently ol li .label {padding-left: 12px} .catalog-category-view .col-left.sidebar .block-layered-nav .currently {margin: 0} .catalog-category-view .col-left.sidebar .block-layered-nav .actions { background-color: #f3f3f3; padding-bottom: 22px; padding-left: 5%; width: 95%;margin-bottom: 20px} .catalog-category-view .col-left.sidebar .block-layered-nav .actions a { padding: 10px 0; width: 95%; text-align: center; font-size: 16px; color: white; background: #008b6c; border-radius: 8px;} .catalog-category-view .category-products .products-grid {border-bottom: 0 !important;} .catalog-category-view .category-products .products-grid .neu-badge {width: 91px;top:68px;left:7%} .catalog-category-view .category-products .products-grid .abg-neu-badge {box-shadow: none} .catalog-category-view .category-products .products-grid .ausverkauft-badge {width: 91px;top:68px;left:7%;} .catalog-category-view .page-title.category-title .mobile.selected-filters {display: block;} .catalog-category-view .page-title.category-title .mobile.selected-filters.has-filters {padding-bottom: 8px} .catalog-category-view .page-title.category-title .mobile.selected-filters .currently .block-subtitle {width:91%;color: white;font-weight: normal;font-size: 16px;;padding-top:12px;margin-bottom:6px; border-bottom: 0} .catalog-category-view .page-title.category-title .mobile.selected-filters .currently ol { margin-top: 0; padding-top: 10px;background-color: #f3f3f3;border-bottom: 0;position: relative;left:-4.85%;width: 102.933%} .catalog-category-view .page-title.category-title .mobile.selected-filters .currently li { background-color: #f3f3f3;color:#4b4b4b;font-size: 16px; font-weight: bold;height: 47px;line-height: 47px} .catalog-category-view .page-title.category-title .mobile.selected-filters .currently ol li .btn-remove { padding:0;border-radius:0;float:left;position: relative;width: 27px;background-image: url("../images/filter-remove.png") ;height: 26px;margin-left: 5%;top:10px;background-size: 27px 26px;background-position: 0;background-repeat: no-repeat} .catalog-category-view .page-title.category-title .mobile.selected-filters .currently ol li .label {padding-left: 12px} .catalog-category-view .page-title.category-title .mobile.selected-filters .currently {margin: 0} .catalog-category-view .page-title.category-title .mobile.selected-filters .actions { background-color: #f3f3f3; padding-bottom: 22px; padding-left: 5%;padding-top: 10px; width: 98%; position: relative; left: -4.9%;} .catalog-category-view .page-title.category-title .mobile.selected-filters .actions a { position: static; padding: 7px 0; width: 95%; text-align: center; font-size: 16px; color: white; background: #008b6c; border-radius: 8px;} .catalogsearch-result-index .page-title {background-color: #008b6c;color:white;position: relative;left: -7.4%;width: 107.5%;padding-left:7.4%;padding-top: 12px;} .catalogsearch-result-index .page-title h1 {color:white;border-bottom: 0;width: 91%} .catalogsearch-result-index .toolbar {display: none} .catalogsearch-result-index .category-description {display: none} .catalogsearch-result-index .category-products {position: relative;left: -7.4%;width: 114.9%;margin-top: 20px} .catalogsearch-result-index .category-products .products-grid li.item {width: 100%;border-bottom: 2px solid #b2b2b2;background:url('../images/list-item-bg.png') repeat-x ;background-size: 100% 129px;height:110px } .catalogsearch-result-index .category-products .products-grid li.item .product-image img {height:91px;float:left;margin-left: 7%;} .catalogsearch-result-index .category-products .products-grid li.item .item-content{clear:none;float:left;width:61%;padding: 0 0 0 4.8%;height: 95px; overflow: hidden;} .catalogsearch-result-index .category-products .products-grid li.item .product-name {margin-top: 0 !important;margin-bottom: 0 !important;height: auto;font-size: 16px} .catalogsearch-result-index .category-products .products-grid li.item .customer-price-box {display: none} .catalogsearch-result-index .category-products .products-grid li.item.last { margin-bottom: 0 !important;} .catalogsearch-result-index .category-products .products-grid li.item .desc {height:70px;font-size: 16px;line-height: 17px} .catalogsearch-result-index .category-title .button.open-filter {display:block;position: absolute;right:7px;top:7px} .catalogsearch-result-index .category-title .button.open-filter span {color:#4b4b4b;background-color: #f0f0f0;height:40px;line-height: 40px;padding:0 11px;font-weight: bold;font-size: 16px} .catalogsearch-result-index .main {position: relative} .catalogsearch-result-index .col-left.sidebar {display:none;position: absolute;top:54px;background-color: #008b6c;color:white; width: 110.8%; left: -7.4%;padding:7px 2%;} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .block-subtitle {width:91%;color: white;font-weight: normal;font-size: 16px;padding-left:5%;padding-top:8px;padding-bottom:8px} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .item {background-color: #ededed;padding:21px 5%;width: 90%;text-transform: none;font-size: 16px;color:#4b4b4b; border-top: 2px solid white; background-image: url("../images/filter-arrow-right.png");background-repeat: no-repeat;background-size: 12px 22px;background-position: 95% center} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .item.active {background-image: url('../images/filter-arrow-down.png');background-size: 22px 13px} .catalogsearch-result-index .col-left.sidebar .block-layered-nav #narrow-by-list {margin-bottom: 0} .catalogsearch-result-index .col-left.sidebar .block-layered-nav {margin-bottom: 0} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .item span {background: none} .catalogsearch-result-index .col-left.sidebar .block-layered-nav dd li {margin:0;height:67px;background-color: white;background-image: url("../images/filter-sublist-bg.png");background-repeat: repeat-x;background-size: 1px 64px} .catalogsearch-result-index .col-left.sidebar .block-layered-nav dd a { float: left; padding: 25px 18px; color: #525252; background: 0; font-size: 16px; font-weight: bold; display: block; width: 90%;} .catalogsearch-result-index .col-left.sidebar .block-layered-nav #narrow-by-list.category { display: none} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .currently .block-subtitle { border-bottom: 0} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .currently ol { margin-top: 0; padding-top: 10px;background-color: #f3f3f3;border-bottom: 0} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .currently li { background-color: #f3f3f3;color:#4b4b4b;font-size: 16px; font-weight: bold;height: 47px;line-height: 47px} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .currently ol li .btn-remove { float:left;position: relative;width: 27px;background-image: url("../images/filter-remove.png") ;height: 26px;margin-left: 5%;top:10px;background-size: 27px 26px;background-position: 0} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .currently ol li .label {padding-left: 12px} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .currently {margin: 0} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .actions { background-color: #f3f3f3; padding-bottom: 22px; padding-left: 5%; width: 95%;} .catalogsearch-result-index .col-left.sidebar .block-layered-nav .actions a { padding: 10px 0; width: 95%; text-align: center; font-size: 16px; color: white; background: #008b6c; border-radius: 8px;} .catalogsearch-result-index .category-products .products-grid .neu-badge {width: 91px;top:68px;left:7%} .catalogsearch-result-index .category-products .products-grid .abg-neu-badge {box-shadow: none} .catalogsearch-result-index .category-products .products-grid .ausverkauft-badge {width: 91px;top:68px;left:7%} .catalogsearch-result-index .category-products .products-grid {border-bottom: 0 !important;} #isToTop2 a { background-image: url('../images/abm-retina-back-to-top.png');background-size: 40px 40px } /*Detailansicht*/ /*.data-table tbody th,*/ /*.data-table tbody td {float:left}*/ .product-view .padder {width: 64.7%} .col1-layout .product-view .product-shop {width:100%} .product-view .product-shop .product-name {margin-top:20px;padding-bottom:5px;border-bottom:1px solid #d6d6d6} .product-view .product-shop .product-name h1 {font-size: 24px} .product-view .product-shop .ultrakurztext {display:block;margin:20px 0;font-size: 16px} .product-view .product-shop .short-description {display:none} .product-view .product-shop .more-information {display:none} .product-view .product-img-box {width: 100%;position: relative;margin-bottom: 12px;} .product-view .product-img-box .more-views.slide {display:none} .product-view .product-img-box .base-image-container {float:none;} .product-view .product-img-box .product-image {width: 100%;height: auto;border:0} .product-view .product-img-box .mobile.images {display: block;width: 100%} .product-view .product-img-box .main-image {width: 100%;height: auto} .product-view .product-img-box .mobile-image {display:none;width: 100%;height: auto} .product-view .carousel-container.mobile {display: block} .product-view .product-img-box .mobile-image {display:block;} #detailansicht-swipe-slider.touchcarousel .arrow-holder.disabled {display: none} #detailansicht-swipe-slider.touchcarousel .arrow-holder{width: 26px;height: 38px} #detailansicht-swipe-slider.touchcarousel .arrow-holder:hover .arrow-icon{width: 26px;height: 38px;background: 0} #detailansicht-swipe-slider.touchcarousel .arrow-holder.left {left:25px;background: url("../images/img-prev.png") no-repeat center left;background-size: 26px 38px} #detailansicht-swipe-slider.touchcarousel .arrow-holder.right {right:20px;background: url("../images/img-next.png") no-repeat center right;background-size: 26px 38px} #detailansicht-swipe-slider.touchcarousel {position: relative;margin: 0 auto;} #detailansicht-swipe-slider.touchcarousel .touchcarousel-item {padding-right: 10px} #detailansicht-swipe-slider.touchcarousel .touchcarousel-item.last {padding-right: 0} #detailansicht-swipe-slider.touchcarousel,#detailansicht-swipe-slider.touchcarousel .touchcarousel-wrapper, #detailansicht-swipe-slider.touchcarousel .touchcarousel-item {width: 325px;height:325px} .product-view .product-img-box .mobile-image.image-no-0 {display: block} .product-view .product-img-box .mobile.change {display: block;height:88%;width:120px;background:0;border:0;position: absolute;top:5%;} .product-view .product-img-box .mobile.change.prev {left:20px;background: url("../images/img-prev.png") no-repeat center left;background-size: 26px 38px} .product-view .product-img-box .mobile.change.next {right:20px;background: url("../images/img-next.png") no-repeat center right;background-size: 26px 38px} .product-view .links-container {display:none} .product-view .mobile.dropdown {display:block;margin-top:3px} .product-view .mobile.dropdown .title{cursor:pointer;background-color: #ededed;font-size: 17px;color:#4b4b4b;font-weight: bold; padding:19px 0;position: relative;left:-7.66%;padding-left: 7.66%;width: 107.38%;background-image: url("../images/view-arrow.png");background-repeat: no-repeat;background-position: 94% center;background-size: 13px 22px} .product-view .mobile.dropdown .title.open{background-color: #008b6c;;color:#ffffff;background-image: url("../images/view-open-arrow.png");background-size: 22px 13px} .product-view .mobile.dropdown .content {display: none;} .product-view .mobile.dropdown .content iframe {width: 100%; height: 100%;} .product-view .mobile.documents .content .downloads-links-block {border: 0;margin: 25px 0} .product-view .mobile.documents .content .downloads-links-block .head {display: none} .product-view .mobile.documents .content .downloads-links-block td {font-size: 16px;padding-bottom: 20px;} .product-view .mobile.documents .content .downloads-links-block td a {display: block} .product-view .mobile.documents .content .downloads-links-block .mobile.retina-pdf-icon {display: block;height: 16px} .product-view .mobile.documents .content .downloads-links-block .mobile.retina-pdf-icon img {height: 100%} .product-view .mobile.videos .content {overflow: auto;padding: 25px 0} .product-view .mobile.related .content {margin:20px 0} #touchCarousel_relatedmobileRelated .products-grid .product-image {height:auto;} #super-product-table {width: 114.6%; position: relative; left: -7%;;} #super-product-table thead {display: none;} #super-product-table .product-image {display: none;} #super-product-table .product-name {font-size: 16px} #super-product-table .link-wishlist {display: none;} #super-product-table .ui-spinner.ui-widget.ui-widget-content.ui-corner-all {display: none;} #super-product-table .first {display: none;} #super-product-table td:nth-child(2) {height: 90px; width: 100%;padding: 25px 6%;font-size: 14px} #super-product-table .lieferfrist-beachten td:nth-child(2) {height: 110px} #super-product-table td:nth-child(3) {display: none;} #super-product-table td:nth-child(4) {position: absolute;right:4%;border: 0;margin-top: 37px;text-align: right} #super-product-table td:nth-child(5) {position: absolute;left:4%;margin-top: 90px;border: 0} #super-product-table .lieferfrist-beachten td:nth-child(5) {margin-top: 110px} #super-product-table td:nth-child(6) {position: absolute;right:4%;margin-top: 75px;border:0;} #super-product-table .lieferfrist-beachten td:nth-child(6) {margin-top: 95px} #super-product-table .price {font-size: 16px;font-weight: bold;color: #4b4b4b ;} #super-product-table .mobile.stock-indicator-img {display: inline;height: 9.5px} .product-view .grouped-items-table .tierprices { display: none; top: -11px; left: 0px;} .product-view .grouped-items-table .tierprices a {font-size: 14px;padding: 9px 0 0;} .product-view .grouped-items-table .price-box {float:left} .product-view .grouped-items-table .tierprices .tierprices_content {right: -227px;} .product-view .grouped-items-table .tierprices .tierprices_content .tier-prices-grouped li {font-size: 14px} .product-view .grouped-items-table .tierprices .tierprices_content .tierprices_arrow { bottom: -10px;left: 35px; } .product-view .grouped-items-table .more_info {display: none} .product-view .grouped-items-table .more_info > a {font-size: 14px;padding: 4px 0 0;} .product-view .grouped-items-table .more_info .more_info_arrow {left:36px} .product-view .grouped-items-table button.button span {width: 160px;height:40px;border-radius:8px;background-image: none;text-indent: 0;line-height: 40px;font-size: 16px;} .product-view .grouped-items-table .mobile.lager-text {display: block;position: absolute;top: -12px;font-size: 14px;right: 8px} #modalajaxcart {min-width: 240px} #modalajaxcart .button {float:left;margin-bottom: 20px;width: 100%;} #modalajaxcart .button span {height: 39px;line-height: 39px;font-size: 16px} .product-view .product-collateral {display: none} .product-view .grouped-items-table .stock-label.orange {font-size: 14px} .product-view .grouped-items-table .stock-label.noch-x-stueck {font-size: 14px} .product-view .grouped-items-table .stock-label.orange.kontaktieren-sie-uns {display: none} .product-view .grouped-items-table .stock-label.orange.kontakt {display:block;font-size: 16px;color:white;background-color: #da995e;height: 37px;line-height: 37px;border-radius: 8px;padding:0 30px; margin-top: 20px; width: 100px; text-align: center;} .product-view .grouped-items-table .stock-label.ausverkauft {font-size: 16px;color:white;background-color: #c31924;height: 37px;line-height: 37px;border-radius: 8px;padding:0 30px; margin-top: 20px; width: 100px; text-align: center;} .product-view .grouped-items-table .product-name {display: block;width: 80%} .products-grid li.item:hover {box-shadow: none;background: 0} /*.products-grid li.item:hover a {;background: #F2F2F2}*/ .product-view .product-collateral > .downloads-links-block {display: none} .product-view .mobile.description .content {padding-top: 16px; font-size: 16px} .product-view .mobile.description .content .subtitle {font-size: 16px} .dyn-scroll {max-height: none;overflow: visible} .product-view .mobile.specifications .content h2 {display: none} .product-view .mobile.specifications .content .data-table {margin: 10px 0} .product-view .mobile.specifications .content .data-table tbody th {font-size: 16px;padding-left:0;padding-right: 0} .product-view .mobile.specifications .content .data-table tbody td {font-size: 16px;padding-left:8px;padding-right: 0} .product-view .mobile.specifications .content .data-table tbody td img { margin-top: 5px;margin-bottom: 7px;margin-right: 10px;float: left;} /*Cart*/ .data-table thead tr th, .data-table thead tr.last th {float:left} .cart .cart-collaterals .col2-set {width: 62.62%;} /*Checkout*/ #checkoutSteps {margin-top: 0} .opc .step .col3-set .col-3 {width: 80%;} .checkout-onepage-index .page-title {display: none} .section {display: none} .section.active {display: block} #opc-login {/*min-height: 390px;*/} #opc-login .step-title { width: 100%; padding: 17px 7.4%;;position: relative;left:-7.4%;background-color: #008b6c;color:#ffffff;margin-bottom: 0} #opc-login .step-title .number {display: none;} #opc-login .step-title a {display: none;} #opc-login .step-title h2 {color:inherit} #opc-login h3 {display: none} #checkout-step-login .col3-set:first-child .col-1 {display: none} #checkout-step-login .col3-set:first-child .col-2 {display: none} #checkout-step-login button.button span {border-radius: 0} #checkout-step-login button.button span.mobile {display: block;} .col-1 #onepage-guest-register-button {position: absolute;top:52px;left:-7.4%;width:115%;margin-bottom: 3px} .col-1 #onepage-guest-register-button span {color:#4b4b4b;background-color: #ededed;height:50px;line-height: 50px;font-size: 16px;font-weight: bold;text-align: left;padding:0 7.22% } .col-1 #onepage-guest-register-button span span {padding:0 } .col-2 #onepage-guest-register-button {position: absolute;top:104px;left:-7.4%;width:115%;margin-bottom: 3px} .col-2 #onepage-guest-register-button span {color:#4b4b4b;background-color: #ededed;height:50px;line-height: 50px;font-size: 16px;font-weight: bold;text-align: left;padding:0 7.22% } .col-2 #onepage-guest-register-button span span {padding:0 } #checkout-step-login .col-3 .button {position: relative;top:-55px; left: 9.5%;width: 143.68%;margin-bottom: 3px} #checkout-step-login .col-3 .button span {color:#4b4b4b;background-color: #ededed;height:50px;line-height: 50px;font-size: 16px;font-weight: bold;text-align: left;padding:0 7.22% } #checkout-step-login .col-3 .button span span {padding:0 } #checkout-step-login .col-3 .form-list{display:none;position: absolute;left:0;top:150px;margin:20px 0;background-color: white;width: 97%} #checkout-step-login .col-3 .form-list label {font-size: 16px} #checkout-step-login .col-3 .form-list input.input-text {height: 30px; line-height: 30px} .opc .step #login-form input.input-text {width: 94%} .opc .step #login-form .form-list li{margin-bottom: 10px} #opc-billing .step-title { width: 100%; padding: 17px 7.4%;;position: relative;left:-7.4%;background-color: #008b6c;color:#ffffff;margin-bottom: 0} #opc-billing .step-title .number {display: none;} #opc-billing .step-title a {display: none;} #opc-billing .step-title h2 {color:inherit} #checkout-step-billing {margin-top: 20px} #checkout-step-billing .form-list label {display:none;font-size: 16px} #checkout-step-billing .form-list label + br {line-height: 20px;/*height: 20px*/} #checkout-step-billing .typ label {display:inline;padding-left: 12px; vertical-align: top;line-height: 22px; padding-bottom: 20px;} #checkout-step-billing .typ input { width: 22px;display: inline-block;height: 22px;; vertical-align: middle;line-height: 22px; margin-bottom: 20px;} #checkout-step-billing .typ #typ2 {margin-bottom: 0} #checkout-step-billing .form-list li {margin-bottom: 0} .opc input, .opc select, .opc textarea, .opc button {font-size: 16px} .opc input.input-text, .opc textarea {height: 20px;line-height: 20px;padding:9px 2.7%} .opc ::-webkit-input-placeholder { color: #4b4b4b; visibility: visible } .opc :-moz-placeholder { /* Firefox 18- */ color: #4b4b4b; visibility: visible } .opc ::-moz-placeholder { /* Firefox 19+ */ color: #4b4b4b; visibility: visible} .opc :-ms-input-placeholder { color: #4b4b4b; visibility: visible } .opc .form-list .field {margin-bottom: 0} #checkout-step-billing .fields #firma {width: 94%} #checkout-step-billing input.input-text {width: 94%;} #checkout-step-billing .input-text.biwachalbe { width: 50%; } #checkout-step-billing .input-text.biwacdreiviertel { width: 101.89%; } #checkout-step-billing .input-text.biwacviertel { width: 76.5%} [lang=fr] #checkout-step-billing .input-text.biwacviertel { width: 106.5%} #checkout-step-billing .biwacdreiviertel { width: 205px; } #checkout-step-billing .validate-select.biwacdreiviertel { width: 203px; } [lang=fr] #checkout-step-billing .validate-select.biwacdreiviertel { width: 173px; } #checkout-step-billing .validate-select.land { width: 80%; } #checkout-step-billing .biwachalbe { width: 120px; } #checkout-step-billing #colLeft, .opc .step #colRight { width: 100%;} #checkout-step-billing #broschureli .field { width: 100%; } #checkout-step-billing .fields .newsletter { width: 80%; } #checkout-step-billing .form-list li.wide .input-box { width: 50%; } #checkout-step-billing .form-list .field { width: 100%; } /*.opc .step #colRight {width: 200px}*/ .opc .step .fields .anrede {height: 40px;width: 100%} #checkout-step-billing .input-text.biwachalbe {width: 94%} #checkout-step-billing .form-list .field.biwacdreiviertel {width: 68%} #checkout-step-billing .form-list .field.biwacviertel {width: 32%;} #checkout-step-billing .form-list .field.biwacviertel #hausnummer {float: right;width: 42%} #checkout-step-billing .form-list .field.biwacviertel .input-text {padding:9px 8.7%;} #checkout-step-billing #ort.validate-select.biwacdreiviertel {height: 40px;float: right} #checkout-step-billing #plzortland {display: none} #checkout-step-billing .form-list label.mobile[for=billing\:use_for_shipping_yes] { display: inline; padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} #checkout-step-billing .form-list label[for=billing\:use_for_shipping_no] { display: inline; padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} #checkout-step-billing #billing\:use_for_shipping_yes {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} #checkout-step-billing #billing\:use_for_shipping_no {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px;/* margin-bottom: 20px;*/} #checkout-step-billing #shipping-hausnr {float: right; width: 53%;} #checkout-step-billing #shipping\:city_select {height: 40px;float: right;} #checkout-step-billing #shipping-land {display: none} .opc .step .madex p {font-size: 16px; width: 100%} #co-billing-form .col2-set.logged-in .col-2 {width: 100%;margin-top: 20px} .opc .step #billing-new-address-form li.control, #checkout-step-billing .form-list li.geburi, #checkout-step-billing .form-list li.faxi, #checkout-step-billing .form-list li.korr, #checkout-step-billing .form-list li.mobi {display: none;} .opc .step #broschureli label {width: 50%} .opc .step #colRight {border-top:3px solid #ededed;padding-top:20px;margin-top:20px} .opc .step #colRight #register-customer-password {margin-top: 20px} .opc .step #colRight #register-customer-password .input-box {width: 100%} .opc .step #colRight #confirmation {margin-top: 20px} #korrespondenzsprache option[value=""] {visibility: hidden/*visible*/} .opc .step #korrespondenzsprache {height: 44px;width: 100%} .opc .step #ichbinli {/*padding-top: 20px;border-top: 3px solid #ededed;*/border-bottom: 3px solid #ededed } .opc .step #ichbinli label {display: inline;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .opc .step #ichbinli #ichbin1 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step #ichbinli #ichbin2 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step #ichhabeli {padding-top: 20px;border-top: 3px solid #ededed;border-bottom: 3px solid #ededed } .opc .step #ichhabeli label {display: inline;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .opc .step #ichhabeli #ichhabe1 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step #ichhabeli #ichhabe2 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step #ichhabeli #ichhabe3 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step #broschureli #broschure {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step #broschureli label {display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;width: 88%} .opc .step #broschureli label br {display: none} .opc .step .newsletter #newsletter {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} #checkout-step-billing .newsletter label {display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;width: 88%} .opc .step input.input-text#geburtsdatum {position: relative;z-index: 100} #checkout-step-billing .validation-advice {font-size: 14px;padding-top: 10px;line-height: 20px} #checkout-step-billing #advice-validate-select-ort {text-indent: 20px} #checkout-step-billing #advice-validate-select-shipping\:city_select {text-indent: 20px} #checkout-step-billing #advice-validate-select-shipping-land {display: none} #ui-datepicker-div { z-index: 10000 !important; } .opc .step p.back-link {width: 46%;text-align: left;font-size: 16px} .opc .buttons-set .back-link a {display: block; background-color: #f0f0f0 !important; color: #4b4b4b; height: 20px; line-height: 20px; padding: 10px !important; text-align: center;border-radius: 10px} #checkout-step-billing .buttons-set button.button span {height: 40px;line-height: 40px;font-size: 16px;padding: 0 26px} [lang=fr] #checkout-step-billing .buttons-set button.button span {padding: 0 20px} #checkout-step-login .messages { position: relative; top: -82px; z-index: 0; height: 0; width: 144%; /* margin-right: 0px !important; */ float: right; left: 9.4%;} .checkout-onepage-index #checkout-step-login .col-3 .messages { position: absolute; top: 136px; z-index: 490; height: 80px; width: 114%; float: right; left: -7.1%; } .opc #checkout-step-login.step { margin-bottom: 92px; } #checkout-step-login .error-msg, #checkout-step-login .success-msg, #checkout-step-login .note-msg, #checkout-step-login .notice-msg {padding: 12px 19px 0 70px !important;background-size: 25px 25px;background-position: 7% center !important;} #checkout-step-login .messages li li {padding-bottom: 9px;min-height: inherit;;line-height: 26px} #checkout-step-billing .logged-in .wide {font-size: 16px} #checkout-step-billing .col2-set.logged-in .col-1{width: 100%} #checkout-step-billing .logged-in .form-list li.wide .input-box{width: 100%} #checkout-step-billing .col2-set.logged-in li.wide select{width: 100%;height: 40px;margin-top: 20px} #checkout-step-billing .col2-set.logged-in label[for="shipping:save_in_address_book"] {display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;width: 87%} #checkout-step-billing .col2-set.logged-in #shipping\:save_in_address_book {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} #opc-billing.active .original-step-label {display: none} #opc-billing.active .mobile.billing-addr-title {display: block} .opc .step #billing-new-address-form li.control.first {margin: 0} #opc-shipping_method .step-title { width: 100%; padding: 17px 7.4%;;position: relative;left:-7.4%;background-color: #008b6c;color:#ffffff;margin-bottom: 0} #opc-shipping_method .step-title .number {display: none;} #opc-shipping_method .step-title a {display: none;} #opc-shipping_method .step-title h2 {color:inherit} #opc-shipping_method .shipping-payment-container .wunsch {position: static; font-size: 16px;width: 100%;} .opc .step .wunsch input.input-text { width: 87%; } #opc-shipping_method .sp-methods {margin-top: 20px;font-size: 16px;width: 100%} #opc-shipping_method #co-payment-form .sp-methods {margin-top: 0} .opc .step .sp-methods dd li {width: 100%} #opc-shipping_method .sp-methods .no-display {display: inline-block;visibility: hidden} #opc-shipping_method .sp-methods #s_method_flatrate_flatrate {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} #opc-shipping_method .sp-methods #s_method_instorepickupplus_instorepickupplus {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 0px;} #opc-shipping_method .sp-methods #p_method_cash {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} #opc-shipping_method .sp-methods #p_method_invoice {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 0px;} #opc-shipping_method .sp-methods label[for="s_method_flatrate_flatrate"] span {font-weight: normal;display: inline;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} #opc-shipping_method .sp-methods label[for="s_method_instorepickupplus_instorepickupplus"] span { font-weight: normal;display: inline;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} #opc-shipping_method .sp-methods label[for="p_method_cash"] {display: inline;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} #opc-shipping_method .sp-methods label[for="p_method_invoice"] {display: inline;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} #opc-shipping_method .buttons-set button.button span {height: 40px;line-height: 40px;font-size: 16px;padding: 0 26px} #opc-review .step-title { width: 100%; padding: 17px 7.4%;;position: relative;left:-7.4%;background-color: #008b6c;color:#ffffff;margin-bottom: 0} #opc-review .step-title .number {display: none;} #opc-review .step-title a {display: none;} #opc-review .step-title h2 {color:inherit} .opc .step .order-review-container {width: 100%;padding: 0;} .opc .step .order-review-container #checkout-review-table-totals {width: 115%;margin: 0;position: relative;top:260px;background-color: #c7c7c7;left:-7.4%;padding-bottom: 250px;margin-bottom: -200px;} .opc .step .order-review-container .checkout-agreements {margin: 0;width: 100%} .opc .step .order-review-container #checkout-review-table tr td {width: 15%;border-bottom: 3px solid #b2b2b2 !important} .opc .step .order-review-container #checkout-review-table tr.last td {;border-bottom: 3px solid #b2b2b2 !important} .opc .step .order-review-container .ordercomment-comment { position: relative;top: -423px;;height: 135px;width: 100%} .opc .step .order-review-container #referenzWrapper {position: relative;height: 85px;top:-181px;width: 100%} .opc .step .order-review-container #checkout-review-table {width: 115%; position: relative; left: -7.4%; } .opc .step .order-review-container #checkout-review-table thead {display: none} .opc .step .order-review-container #checkout-review-table tr td:first-child {display: none} .opc .step .order-review-container #checkout-review-table tr td:nth-child(2) {height:46px;width: 100%;padding-top: 54px;font-size: 14px;padding-left: 7%} .opc .step .order-review-container #checkout-review-table .product-name {font-size: 16px !important;text-indent: -3px} .opc .step .order-review-container #checkout-review-table tr td:nth-child(3) span {border: 2px solid #c7c7c7 !important; position: relative; left: -170px; height: 18px; width: 36px; display: block;padding: 2px 10px;top:12px; font-size: 16px; font-weight: bold;line-height: 20px;} .opc .step .order-review-container #checkout-review-table tr td:nth-child(4) { display: none} .opc .step .order-review-container #checkout-review-table tr td:nth-child(5) { padding-right: 7.4%;padding-top: 25px;} .opc .step .order-review-container .data-table .price { font-size: 16px; font-weight: bold; } .opc .step .order-review-container .ordercomment-comment textarea {height: 92px;width: 94%} .opc .step .order-review-container label {font-size: 14px} .opc .step .order-review-container .form-list .input-box {width: 100%} .opc .step .order-review-container #referenzWrapper input.input-text {width: 94%} .opc .step .order-review-container #checkout-review-table-totals tfoot tr td {border-bottom-color: #c7c7c7 !important;font-size: 14px;padding:0 7% } .opc .step .order-review-container #checkout-review-table-totals tfoot tr td .price{font-size: 14px;font-weight: normal} .opc .step .order-review-container #checkout-review-table-totals tfoot tr:first-child td {border-bottom-color: #c7c7c7 !important;font-size: 14px;padding-top: 23px} .opc .step .order-review-container #checkout-review-table-totals tfoot strong { font-size: 16px; } .opc .step .order-review-container #checkout-review-table-totals tfoot tr td strong .price{ font-size: 16px; font-weight: bold} .opc .step .order-review-container .checkout-agreements .agree {position: relative; top: -190px; } .opc .step .order-review-container .checkout-agreements .agree label {display: inline-block;width: 80%} .opc .step .order-review-container .agree label {font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .opc .step .order-review-container #agreement-1 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step .order-review-container #agreement-2 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step .order-review-container #agreement-3 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step .order-review-container #agreement-11 {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .opc .step .order-review-container #checkout-review-submit {position: relative; top: 200px;} .opc .step .order-review-container #checkout-review-submit #review-buttons-container .mobile.review-back {display: block;float: left;margin-top: 20px;width: 100%} .opc .step .order-review-container #checkout-review-submit #review-buttons-container .mobile.review-back span {height: 40px;line-height: 40px;color: #4b4b4b;background-color: #f0f0f0} .opc .step .order-review-container #checkout-review-submit #review-buttons-container {position: relative;top:-220px;width: 100%} .opc .step .order-review-container #checkout-review-submit #review-buttons-container .button.btn-checkout{float: left;width: 100%;} .opc .step .order-review-container #checkout-review-submit #advice-required-entry-agreement-1 { font-size: 16px; position: relative; top: -20px;;} .opc .step .order-review-container #checkout-review-submit #advice-required-entry-agreement-2 { font-size: 16px; position: relative; top: -20px;;} .opc .step .order-review-container #checkout-review-submit #advice-required-entry-agreement-3 { font-size: 16px; position: relative; top: -20px;;} .checkout-onepage-success .col-right {display: none} .checkout-onepage-success .col-main {font-size: 16px} .checkout-onepage-success .col-main .subtitle {font-size: 16px} .checkout-onepage-success .col-main .sub-title {font-size: 16px} .checkout-onepage-success .page-title {margin-top: 20px} .checkout-onepage-success .mobile.order-id-no-link {display: block;margin-bottom: 1em} .checkout-onepage-success .button span {height: 40px;line-height: 40px;font-size: 16px;padding: 0 20px} .checkout-onepage-success .buttons-set {padding-bottom: 8px;} #login-form .validation-advice {font-size: 14px;padding-top: 3px;} /* KOntakt*/ .contacts-index-index .col-right {display: none} .contacts-index-index .std {font-size: 16px} .contacts-index-index .fieldset .form-list li {margin-bottom:0} .contacts-index-index .fieldset .form-list .field {width: 100%;margin-bottom: 20px} .contacts-index-index .fieldset .form-list label {font-size: 16px} .contacts-index-index .fieldset .form-list input.input-text {width: 94%;height: 33px;padding: 4px 2.9% !important;} .contacts-index-index .fieldset .form-list .input-box { width: 100%;} .contacts-index-index .fieldset .form-list .input-box textarea { width: 95% !important;} .contacts-index-index .buttons-set p.required { font-size: 16px;} .contacts-index-index .button span { height: 40px;line-height: 40px;font-size: 16px;padding: 0 20px;} .contacts-index-index .validation-advice {font-size: 14px;;} /*Logout*/ .customer-account-logoutsuccess p {font-size: 16px} /*Startseite*/ /*.cms-index-index.cms-home p {font-size: 16px}*/ /*Kundenkonto*/ .dashboard .welcome-msg {width: 100%;;padding-right: 0} .dashboard .welcome-msg p {font-size: 16px} .sales-order-history #my-orders-table thead {display: none;} .sales-order-history #my-orders-table td:first-child {display: none;} .sales-order-history #my-orders-table td:nth-child(3) {display: none;} .sales-order-history #my-orders-table td:nth-child(2) {width: 150px} .sales-order-history #my-orders-table {font-size: 16px;} .sales-order-history #my-orders-table.data-table .price {font-size: 16px;} .customer-account-index #my-orders-table thead {display: none;} .customer-account-index #my-orders-table td:first-child {display: none;} .customer-account-index #my-orders-table td:nth-child(3) {display: none;} .customer-account-index #my-orders-table td:nth-child(2) {width: 150px} .customer-account-index #my-orders-table {font-size: 16px;} .customer-account-index #my-orders-table.data-table .price {font-size: 16px;} .customer-account-index .messages { top: -40px; height: 100px; width: 117%; } .my-account .box-recent .box-head a {font-size: 16px;} .dashboard .box .box-title h3, .dashboard .box .box-title h4 {font-size: 16px} .my-account p {font-size: 16px} .my-account address {font-size: 16px} .my-account .dashboard .box-info h4 {font-size: 16px} .my-account .col2-set .col-1 {width: 100%;} .my-account .col2-set .col-2 {width: 100%;margin-top: 10px} .my-account .col2-set .col-1 a {font-size: 16px;} .my-account .col2-set .col-2 a {font-size: 16px;display: inline-block;padding-top: 20px} .my-account .mobile.box.box-logout {display: block} .my-account .mobile.box.box-logout .link {font-size: 16px} .customer-account-index .col-left {display:none;width: 100%;font-size: 16px} .sales-order-history .col-left {display:none;width: 100%;font-size: 16px;margin-top: 40px} .sales-order-history .my-account .pager {font-size: 16px;} .sales-order-history .my-account .pager .limiter select {font-size: 16px;padding: 2px 10px;} .sales-order-history .my-account .pager .limiter label {vertical-align: middle} .sales-order-history .my-account .pager .amount {padding-top: 4px} .sales-order-view .my-account .link-print {display: none} .sales-order-view .order-info-box {font-size: 16px} .sales-order-view .order-info-box h2 {font-size: 16px} .sales-order-view #my-orders-table thead {} .sales-order-view #my-orders-table.data-table thead tr th{float: none} .sales-order-view #my-orders-table td:first-child {} .sales-order-view #my-orders-table td:nth-child(2) {;} .sales-order-view #my-orders-table {font-size: 16px;} .sales-order-view #my-orders-table.data-table .price {font-size: 16px;} .sales-order-view #my-orders-table.data-table tfoot strong {font-size: 16px;} .sales-order-view .buttons-set {position: absolute;margin-top: 2em;border: 0} .sales-order-view .order-items {margin-bottom: 80px;border: 2px solid #bfbfbf; padding: 2%; width: 96%;} .sales-order-view .col-left {display:none;width: 100%;font-size: 16px;margin-top: 40px} .customer-account-edit .account-info .col1 {width: 100%} .customer-account-edit .account-info .col2 {width: 100%;margin-top: 40px} .customer-account-edit .account-info .col1 .form-list .input-box {width: 100%} .customer-account-edit .account-info .form-list label {font-size: 16px} .customer-account-edit .account-info input.input-text { width: 95%; padding: 2%; height: 32px; } .customer-account-edit .account-info input.input-text.geburtstag.hasDatepicker { width: 70%} .customer-account-edit .account-info .fieldset .form-list li {margin-bottom: 20px} .customer-account-edit #change-pw-field label {font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .customer-account-edit #change-pw-field input {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .customer-account-edit .col2 label {width:81%;font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .customer-account-edit .col2 input {width: 22px; display: inline-block; height: 22px; vertical-align: top; line-height: 22px; margin-bottom: 20px;} .customer-account-edit #korrespondenzsprache {height: 32px;margin-bottom: 20px;font-size: 16px;width: 100%} .customer-account-edit label[for=korrespondenzsprache] {padding-left: 0; padding-bottom: 10px} .customer-account-edit .col2 .form-list .field {width: 100%} .customer-account-edit .col2 #broschureli label {;width: 81%;} .customer-account-edit .my-account #broschureli .field {width: 100%} .customer-account-edit .button span { height: 40px;line-height: 40px;font-size: 16px;padding: 0 20px;} .customer-account-edit .col-left {display:none;width: 100%;font-size: 16px;margin-top: 40px} .my-account .validation-advice {padding-top: 5px;font-size: 14px} .customer-address-index .addresses-list h2 {font-size: 16px} .customer-address-index .addresses-list h3 {font-size: 16px} .customer-address-index .button span { height: 40px;line-height: 40px;font-size: 16px;padding: 0 10px;} .customer-address-index .buttons-set .back-link { margin: 9px 0} .customer-address-index .col-left {display:none;width: 100%;font-size: 16px;margin-top: 40px} .customer-address-index .messages {width: 117%; top:-40px;height: 90px} .customer-address-form .col-left {display:none;width: 100%;font-size: 16px;margin-top: 40px} .customer-address-form .my-account #colLeft {width: 100%} .customer-address-form .my-account #colRight {width: 100%} .customer-address-form .form-list .field {width: 100%;margin-bottom: 20px} .customer-address-form .form-list label {font-size: 16px} .customer-address-form .my-account .fields #anrede {width: 99.62%;height: 42px;font-size: 16px} .customer-address-form #ort {width: 99.62%;height: 42px;font-size: 16px} .customer-address-form #land {width: 99.62%;height: 42px;font-size: 16px} .customer-address-form .my-account .input-text {width: 94%;height: 32px;font-size: 16px} .customer-address-form .form-list li {margin: 0;} .customer-address-form .button span { height: 40px;line-height: 40px;font-size: 16px;padding: 0 20px;} .customer-address-form .buttons-set .back-link { margin: 9px 0} .customer-address-form #colRight .primary_shipping {margin-top: 0} .customer-address-form #colRight .primary_shipping input {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .customer-address-form #colRight .primary_shipping label {width:88%; font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .customer-address-form .my-account #firma {margin-bottom: 20px} .wishlist-index-index .col-left {display:none;width: 100%;font-size: 16px;margin-top: 40px} .customer-account-forgotpassword p {font-size: 16px} .customer-account-forgotpassword .form-list label {font-size: 16px} .customer-account-forgotpassword .form-list .input-box {width: 100%} .customer-account-forgotpassword .form-list input.input-text {font-size: 16px;width: 94%;height: 32px} .customer-account-forgotpassword .button span { height: 40px;line-height: 40px;font-size: 16px;padding: 0 10px;} .customer-account-forgotpassword .buttons-set .back-link { margin: 9px 0} .customer-account-forgotpassword .validation-advice {padding-top: 5px;font-size: 14px} .customer-account-login .messages { top: -35px; width: 117%; } .account-login .new-users {width: 100%;font-size: 16px} .account-login .new-users .content p {width: 100%} .account-login .registered-users {width: 100%;font-size: 16px} .account-login .buttons-set button.button {float: left;width: 98%} .account-login .buttons-set button.button span {font-size: 16px} .account-login .buttons-set a {margin-bottom: 20px} .account-login .registered-users .buttons-set {width: 100%} .account-login .registered-users .input-box {margin-bottom: 20px} .account-create #colLeft, .account-create #colRight {width: 100%} .account-create .fields .typ label {width:84%; font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .account-create .fields .typ input {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .account-create #ichbinli label {width:80%; font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .account-create #ichbinli input {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .account-create #ichhabeli label {width:80%; font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .account-create #ichhabeli input {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .account-create #broschureli label {width:80%; font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .account-create #broschureli input {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .account-create .field.newsletter label {width:80%; font-size: 16px;font-weight: normal;display: inline-block;padding-left: 12px; vertical-align: top; line-height: 22px; padding-bottom: 20px;} .account-create .field.newsletter input {width: 22px; display: inline-block; height: 22px; vertical-align: middle; line-height: 22px; margin-bottom: 20px;} .account-create .fields #firma {width: 94%} .account-create .fields #anrede {width: 100%;height: 42px} .account-create .input-text.biwachalbe {width: 94%} .account-create .input-text.biwacdreiviertel {width: 94%} .account-create .input-text.biwacviertel {width: 94%} #ort, #land {height: 42px;width: 100%} .account-create input.input-text#geburtsdatum {width: 86%} .account-create #korrespondenzsprache {height: 42px;width: 100%;font-size: 16px} .account-create #broschureli .field {width: 100%} .account-create .fields .newsletter {width: 100%} /*Account Bestellliste Link ausblenden*/ .block-account .block-content li:nth-last-child(2) a {border-bottom: none} .block-account .block-content li.current.last {display: none} #cart-sidebar-subtotal .button span {padding: 0 10px} /*Lieferfrist beachten */ #super-product-table .lieferfrist-beachten td:nth-child(6) { margin-top: 115px; } #super-product-table .lieferfrist-beachten td:nth-child(2) { height: 130px; } #super-product-table .lieferfrist-beachten td:nth-child(5) { margin-top: 130px; } [lang=fr] .product-view .grouped-items-table .stock-label.orange {width: 130px} /*Filter no gaps*/ .catalog-category-view .block-layered-nav dd { padding-bottom: 0; } /*Checkout Review ohne Mwst Total*/ .opc .step .order-review-container .totals-count-3.area-totals-count-2 #referenzWrapper {top: -161px} .opc .step .order-review-container .totals-count-3.area-totals-count-2 .ordercomment-comment {top:-403px} /*Cart long product names*/ .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details {min-height: 115px} .mobile.warenkorb-dropdown .cart-top .cart-content .mini-products-list .product-details .product-name {width: 72%} .catalog-category-view .col-left.sidebar .block-layered-nav dt.item-cnt-0.has-category-0 { border-top:none; } .opc .buttons-set .please-wait, .opc .buttons-set .please-wait#review-please-wait { display: inline-block; max-width: 50%; clear: none; } .opc .step .biwac-shipping-note { margin-top:1em; font-size: 16px; width: 100%; } } /** * Iphone 4/5 */ @media screen and (width: 320px){ .headerTop .links .login-link {width: 100px;padding-right: 0;} [lang=fr] .headerTop .links .login-link {width: 100px} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal {height: 168px} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .mobile.button.btn-continue {width: 100%;margin-bottom: 20px;} .mobile.warenkorb-dropdown .cart-top .cart-content #cart-sidebar-subtotal .subtotal .mobile.button.btn-checkout {width: 100%} .headerTop .cart-top .summary.mobile {background-position: 17px 13px;padding-left: 54px} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content {right:-25px;} .mobile.warenkorb-dropdown .cart-top .cart-content .mobile.cart-sidebar-tierprice .tierprices_content .tierprices_arrow {left:270px} .product_slider_container {padding: 0 13px} .product_slider_container .product_slider .arrow-holder.right {right: -13px} .product_slider_container .product_slider .arrow-holder.left {left: -13px} .product_slider_container .product_slider .products-grid li.item {width: 200px;padding: 0 30px} .product_slider_container .product_slider .products-grid li.item img {width: 200px} .product_slider_container .product_slider .arrow-holder {top: 65px !important;} .catalog-category-view .category-products .products-grid li.item .item-content {width: 51%} .catalogsearch-result-index .category-products .products-grid li.item .item-content {width: 51%} #modalajaxcart { min-width: 200px; } [lang=fr] #checkout-step-billing .input-text.biwacviertel {width: 126.5%;} #checkout-step-billing .validate-select.biwacdreiviertel { width: 173px; } [lang=fr] #checkout-step-billing .validate-select.biwacdreiviertel { width: 133px; } .opc .step #broschureli label {width: 78%} #checkout-step-billing .newsletter label {width: 78%} #checkout-step-billing .buttons-set button.button span {padding:0 16px} .opc .step p.back-link {width: 36%} #opc-shipping_method .sp-methods {width: 274px} #opc-shipping_method .sp-methods label[for="s_method_instorepickupplus_instorepickupplus"] span:first-child {width: 150px;display: inline-block} .opc .step .wunsch input.input-text { width: 77%; } .opc .step .order-review-container #checkout-review-table tr td:nth-child(3) span {left:-123px} .logged-in .headerTop .links .my-account-link {padding-right: 0 ; width: 70%} [lang=fr] .logged-in .headerTop .links .my-account-link {padding-right: 0 ; width: 67.4%} .product-view .grouped-items-table .stock-label.orange {width: 120px} } /** * iphone 4/5 bis Sony/HTC M8 */ @media screen and (min-width: 320px) and (max-width: 359px){ #detailansicht-swipe-slider.touchcarousel,#detailansicht-swipe-slider.touchcarousel .touchcarousel-wrapper, #detailansicht-swipe-slider.touchcarousel .touchcarousel-item {width: 278px;height:278px} #detailansicht-swipe-slider.touchcarousel .arrow-holder {bottom: 120px} .catalog-category-view .category-products .products-grid li.item .item-content {width: 51%} .catalogsearch-result-index .category-products .products-grid li.item .item-content {width: 51%} .checkout-onepage-index #checkout-step-login .col-3 .messages {height: 98px;} .opc #checkout-step-login.step {margin-bottom: 118px} } /** * HTC M8, Sony Xperia Z3 */ @media screen and (min-width: 360px) and (max-width: 374px){ #detailansicht-swipe-slider.touchcarousel,#detailansicht-swipe-slider.touchcarousel .touchcarousel-wrapper, #detailansicht-swipe-slider.touchcarousel .touchcarousel-item {width: 313px;height:313px} }