/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ /* --------------- SORTIMENT ---------------------------------------------------------------------------------------------------------------------------------------- */ body.marken main, body.sortiment main { padding: 10px; } body.shop main { padding: 20px; } body.shopnav { overflow: hidden !important; } body.shop table.dataTable .marked { background-color: rgba(0,69,170,0.4) !important; } /* --------------- END SORTIMENT ------------------------------------------------------------------------------------------------------------------------------------ */ /* --------------- SHOPNAVIGATION ----------------------------------------------------------------------------------------------------------------------------------- */ #shopnavigation { display: none; position: relative; z-index: 5; height: 27px; border-bottom: 1px solid #ffffff; background: #595958; background: linear-gradient(to bottom, #595958 0%,#868686 10px,#868686 100%); } #shopnavigation ul { margin: 0; } #shopnavigation ul li { float: left; position: relative; list-style: none; border-right: 1px solid #ffffff; } #shopnavigation ul li:last-child { border-right: none; } #shopnavigation ul li a { display: block; padding: 4px 14px; line-height: 18px; text-transform: uppercase; text-decoration: none; color: #ffffff; font-weight: 500; font-size: 12px; } #shopnavigation ul li a:hover, #shopnavigation ul li.current > a { background: #e0e0e0; color: #00882F; } #shopnavigation ul ul { display: none; position: absolute; background: white; box-shadow: 0 5px 10px rgba( 0,0,0,0.3 ); } #shopnavigation ul li:hover ul { display: block; } #shopnavigation ul ul li { float: none; border-bottom: 1px solid rgba( 0,0,0,0.3 ); } #shopnavigation ul ul li a { line-height: 36px; white-space: nowrap; color: #464646; } #shopnavigation ul ul li:last-child { border-bottom: none; } #shopnavigation ul ul li a { line-height: 36px; } #shopnavigation ul ul ul { box-shadow: none; position: relative; padding: 0 0 20px 0; min-width: 375px; } #shopnavigation ul ul ul li { border-bottom: none; } #shopnavigation ul ul ul li a { white-space: normal; line-height: 16px; padding: 4px 30px 4px 30px; } #shopnavigation table { margin: 0; width: 100%; } #shopnavigation td { border-right: 1px solid #ffffff; } #shopnavigation td:last-child { border-right: none; } #shopnavigation td a { display: block; padding: 4px 11px; text-align: center; line-height: 18px; text-transform: uppercase; text-decoration: none; color: #ffffff; font-weight: 500; font-size: 12px; } #shopnavigation td a:hover, #shopnavigation td.current a { background: #e0e0e0; color: #00882F; } @media screen and (max-width: 640px) { #shopnavigation { display: none; } body.shopnav #shopnavigation { display: block; } #shopnavigation { position: fixed; left: 0; top: 74px; right: 0; bottom: 0; z-index: 100; height: auto; border-bottom: none; background: #ffffff; overflow-x: hidden; overflow-y: auto; } #shopnavigation ul { padding: 20px; } #shopnavigation ul li { float: none; display: block; border: none !important; } #shopnavigation > nav > ul > li { border-bottom: 3px solid #e4e4e4 !important; } #shopnavigation > nav > ul > li:last-child { border-bottom: none !important; } #shopnavigation ul li a { display: block; padding: 12px 0 12px 20px !important; line-height: 20px !important; white-space: normal !important; color: #000000; } #shopnavigation > nav > ul > li > a { font-size: 18px; } #shopnavigation ul ul { display: block; position: relative; padding: 0 0 0 20px; box-shadow: none; min-width: 0 !important; } #shopnavigation ul ul { display: none; } /*#shopnavigation ul ul.open { display: block; position: relative; padding: 0 0 0 20px; box-shadow: none; min-width: 0 !important; }*/ #navi_sub_toggle.open { display: block; position: relative; padding: 0 0 0 20px; box-shadow: none; min-width: 0 !important; } #navi_tech_sub_toggle.open { display: block; position: relative; padding: 0 0 0 20px; box-shadow: none; min-width: 0 !important; } a.navi_main { height: 44px; } .fa.fa-plus { display: block !important; float: right; margin-right: 5px; } } /* --------------- END SHOPNAVIGATION ------------------------------------------------------------------------------------------------------------------------------- */ #shopbasketbar { background: #333333; padding: 5px 20px; line-height: 26px; } #shopbasketbar:after { display: block; content: ""; clear: both; } #shopbasketbar .basketbar { float: left; margin: 0 30px 0 0; padding: 3px 0; color: #ffffff; font-weight: bold; } #shopbasketbar .basketbar.basketbar_iphone { padding: 3px 0 3px 30px; background: url(/pages/img/androidapple_16.png) no-repeat left center; } #shopbasketbar .basketbar.basketbar_open { margin: 0; padding: 3px; /*background: #b4d290;*/ } #shopbasketbar .basketbar td { padding: 0 5px 0 0; } #shopbasketbar .basketbar td:last-of-type { padding-right: 0; } #shopbasketbar select { height: 26px; padding: 0 5px; line-height: 24px; /*width: 100px !important;*/ } #shopbasketbar input.button { height: 26px; padding: 0 10px; line-height: 24px; } @media screen and (max-width: 1279px) { .basketbar_iphone_label { display: none; } } @media screen and (max-width: 1023px) { .basketbar_iphone { width: 100% !important; margin-bottom: 5px !important; } } @media screen and (max-width: 640px) { #shopbasketbar .basketbar { display: none; margin: 0; } #shopbasketbar .basketbar.basketbar_open { display: block; width: 100%; } #shopbasketbar .basketbar.basketbar_open select { width: 100% !important; } } /*#shopbasketbar .basket_iphone.no_icon { background: #333333; padding: 5px 6px 4px 0; margin-left: -12px; } #shopbasketbar .basket_iphone.no_icon:first-child { padding-left: 6px !important; margin-left: 0; }*/ /* --------------- BASKETBAR ---------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------- END --------------------------------------------------------------------------------------------------------------------------------------------- */ /* --------------- CRUMP -------------------------------------------------------------------------------------------------------------------------------------------- */ /*td.crump { background: #ffffff; } #shopcrump { padding: 0; margin: 0; } #shopcrump:after { display: block; content: ""; clear: both; } #shopcrump ul { margin: 0; padding: 10px 20px 0 0; height: 34px; } #shopcrump ul li { list-style: none; float: left; height: 24px; font-weight: 100; background-repeat: no-repeat; background-position: right center; background-image: url('/pages2015/img/crump/crump_arrow_white.png'); } #shopcrump ul li:nth-child(3) a span { padding-left: 20px; } #shopcrump ul li.before_last { padding: 0 10px 0 0; background-image: url('/pages2015/img/crump/crump_arrow_last_white.png'); } #shopcrump ul li.before_last a { padding: 0; } #shopcrump ul li.last { padding: 0 0 0 0.5vW; background-image: none; line-height: 24px; color: #969696; } #shopcrump ul li a { display: block; padding: 0 10px 0 0; height: 24px; border: none !important; color: #464646 !important; text-decoration: none; font-size: 12px; } #shopcrump ul li a span { display: block; padding: 0 0.5vW; height: 24px; background-color: #eeeeee; line-height: 24px; } #shopcrump ul li.cPrevNext { float: right; width: 24px; height: 24px; margin-left: 10px; cursor: pointer; border-radius: 12px; border: 1px solid #969696; background-color: transparent; background-position: center; background-repeat: no-repeat; background-size: auto 16px; } #shopcrump ul li.cPrevNext#cNext { background-image: url(/pages2015/img/crump/next_969696.png); } #shopcrump ul li.cPrevNext#cPrev { background-image: url(/pages2015/img/crump/prev_969696.png); } #shopcrump ul li.cPrevNext:hover { border-color: #e40516; } #shopcrump ul li.cPrevNext#cNext:hover { background-image: url(/pages2015/img/crump/next_e40516.png); } #shopcrump ul li.cPrevNext#cPrev:hover { background-image: url(/pages2015/img/crump/prev_e40516.png); } #shopcrump ul li.cShare { float: right; position: relative; z-index: 999999; height: 24px; margin-left: 10px; list-style: none; background-image:none } #shopcrump ul li.cShare a { display: block; height: 24px; padding: 0 24px; line-height: 24px; color: #969696 !important; background: url("/pages2015/img/share_969696.svg") no-repeat left center transparent; background-size: auto 16px; } #shopcrump ul li.cShare:hover a, #shopcrump ul li.cShare.open a { background: url("/pages2015/img/share_e43021.svg") no-repeat left center transparent; background-size: auto 16px; color: #e43021 !important; } #shopcrump ul li.cShare > div { display: none; position: absolute; left: -45px; right: -15px; top: 30px; padding: 12px 12px 4px 12px; background: #ffffff; border: 1px solid #cccccc; box-shadow: 0 5px 10px rgba( 0,0,0,0.15 ); } #shopcrump ul li.cShare.open > div { display: block; } #shopcrump ul li.cShare > div > span { display: block; margin-bottom: 8px; } #shopcrump ul li.cShare > div:before { display: block; content: ""; position: absolute; left: 50%; top: -20px; margin: 0 -10px; border-style: solid; border-width: 10px; border-color: transparent transparent #aaaaaa transparent; } #shopcrump ul li.cShare > div:after { display: block; content: ""; position: absolute; left: 50%; top: -19px; margin: 0 -10px; border-style: solid; border-width: 10px; border-color: transparent transparent #ffffff transparent; } .pZoom_button.pZoom_button_out:hover { background-image: url(/pages2015/img/minus32_e40516.png); } .pZoom_button.pZoom_button_in:hover { background-image: url(/pages2015/img/plus32_e40516.png); } #shopcrump ul li.cPrevNext#cFav { position: relative; } #shopcrump ul li.cPrevNext#cFav #cFav_container { display: none; position: absolute; top: 0; right: 0; width: 300px; padding: 26px 0 0 0; } #shopcrump ul li.cPrevNext#cFav:hover #cFav_container { display: block; }*/ .cFav_box { padding: 20px 20px 0 20px; background: linear-gradient(to bottom, #fafafa 1%,#f0f0f0 100%) !important; box-shadow: 0 5px 10px #cccccc; } .cFav_box h2, .cFav_box .pdzText_text { display: none; } @media screen and (min-width: 769px) and (max-width: 1279px) { #shopcrump ul li.crump:nth-last-of-type(4) { position: relative; width: 40px; background-color: #eeeeee; } #shopcrump ul li.crump:nth-last-of-type(4):after{ display: block; content: "..."; position: absolute; left: 0; top: 0; width: 30px; line-height: 24px; text-align: center; } #shopcrump ul li.crump:nth-last-of-type(4) a { display: none; } #shopcrump ul li.crump:nth-last-of-type(N+5) { display: none; } #shopcrump ul li.crump.first { display: block; width: auto; } #shopcrump ul li.crump.first a { display: block; } #shopcrump ul li.crump.first:after { display: none; } } @media screen and (min-width: 641px) and (max-width: 768px) { #shopcrump ul li.crump:nth-last-of-type(3) { position: relative; width: 40px; background-color: #eeeeee; } #shopcrump ul li.crump:nth-last-of-type(3):after{ display: block; content: "..."; position: absolute; left: 0; top: 0; width: 30px; line-height: 24px; text-align: center; } #shopcrump ul li.crump:nth-last-of-type(3) a { display: none; } #shopcrump ul li.crump:nth-last-of-type(N+4) { display: none; } #shopcrump ul li.crump.first { display: block; width: auto; } #shopcrump ul li.crump.first a { display: block; } #shopcrump ul li.crump.first:after { display: none; } } @media screen and (max-width: 640px) { #shopcrump { position: relative; z-index: 10; } #shopcrump .crump { display: none !important; } #shopcrump .crump.last { display: block !important; } #shopcrump .cPrevNext { display: none !important; } #shopcrump #crumpToggler { position: relative; background: #eeeeee; padding: 0 26px 0 10px; } #shopcrump #crumpToggler i { line-height: 24px; } #shopcrump #crumpToggler:after { display: block; content: ""; position: absolute; top: 0; right: 0; border-style: solid; border-width: 12px 8px; border-color: #ffffff #ffffff #ffffff #eeeeee; } #shopcrump ul li.cShare a { padding: 0 0 0 24px; text-indent: -100000px; background-position: right center !important; } #shopcrump.open ul { position: absolute; left: 0; top: 0; right: 0; padding-right: 0; } #shopcrump.open li { display: none !important; float: none !important; background: #ffffff !important; } #shopcrump.open li a { padding: 0 20px !important; background: #ffffff !important; } #shopcrump.open li a span { background: none !important; } #shopcrump.open li.crump { display: block !important; padding: 5px 0; height: 34px; position: relative; z-index: 2; } #shopcrump.open li#crumpToggler { display: block !important; padding: 0 0 0 10px; height: 34px; border-bottom: 8px solid #ffffff; background: #eeeeee !important; } #shopcrump.open #crumpToggler:after { display: block; content: ""; position: absolute; top: 24px; left: 0; right: auto; border-width: 8px 15px 0 15px; border-color: #eeeeee transparent transparent transparent; } #shopcrump.open li.crump.last { background: #ffffff !important; font-size: 12px; height: 44px; padding: 5px 20px 15px 20px; box-shadow: 0 10px 20px rgba( 0,0,0,0.3 ); z-index: 1; } } /* --------------- ORDER CRUMP -------------------------------------------------------------------------------------------------------------------------------------- */ #ordercrump { padding: 10px 20px; } #ordercrump nav ul { display: flex; justify-content: space-between; flex-wrap: wrap; align-self: flex-start; width: 100%; } #ordercrump nav ul li { width: 22%; list-style: none; line-height: 32px; color: #ccd1d1; text-align: center; } #ordercrump nav ul li.order_crump_chevron { width: 4%; font-size: 28px; } #ordercrump nav ul li span.order_crump_step { display: block; line-height: 14px; font-size: 12px; } #ordercrump nav ul li span.order_crump_title { display: block; line-height: 18px; font-size: 16px; font-weight: bold; } #ordercrump nav ul li.current { color: #000000; } #ordercrump nav ul li a { color: #000000; } #ordercrump nav ul li a:hover { color: #00882F; } @media screen and (max-width: 640px) { #ordercrump nav ul li { width: 23.5%; } #ordercrump nav ul li.order_crump_chevron { width: 2%; font-size: 16px; line-height: 28px; } #ordercrump nav ul li span.order_crump_step { font-size: 10px; line-height: 12px; } #ordercrump nav ul li span.order_crump_title { font-size: 13px; line-height: 16px; } } /* --------------- END CRUMP ---------------------------------------------------------------------------------------------------------------------------------------- */ #content_sortiment, #content_product_det { padding: 10px; } .flex_box.flex_box_33.sEleven_container { width: 33.33%; clear: none; } .flex_box.flex_box_33.sEleven_container:nth-of-type(3N-2) { clear: both; } /* --------------- BASKET ------------------------------------------------------------------------------------------------------------------------------------------- */ .basketHeaderTable td { line-height: 20px; vertical-align: middle; } .msSubNavi .button { height: auto; } #id_dabagShop #tabs .ui-tabs-nav { background: none; } @media screen and (min-width: 960px) and (max-width: 1279px) { .msSubNavi li.button.metro_silver * { display: inline-block; text-indent: -10000px; width: 0px; padding: 0 0px 0 26px; } } @media screen and (max-width: 959px) { .msSubNavi li.button * { display: inline-block; text-indent: -10000px; width: 0px; padding: 0 0px 0 26px; } .basketHeaderTable { display: block; } .basketHeaderTable:after { display: block; content: ""; clear: both; } .basketHeaderTable thead, .basketHeaderTable tbody, .basketHeaderTable tfoot, .basketHeaderTable tr, .basketHeaderTable td { display: block; float: left; width: 100%; } .basketHeaderTable td { padding: 0 0 10px 0 !important; } .basketHeaderTable td:nth-last-of-type(3) { width: 50%; } .basketHeaderTable td:nth-last-of-type(3) input { width: 100% !important; } .basketHeaderTable td:nth-last-of-type(4) { width: 50%; line-height: 23px; } .basketHeaderTable td input { width: 100% !important; } } @media screen and (max-width: 640px) { #id_dabagShop form[name="frmBasket"] #tabelle { display: flex; flex-wrap: wrap; width: 100%; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody { order: 1; width: 100%; } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot { order: 2; width: 100%; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody, #id_dabagShop form[name="frmBasket"] #tabelle > tfoot, #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr > td, #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr, #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td { display: block; border: none; } #id_dabagShop form[name="frmBasket"] #tabelle thead { display: none; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr { position: relative; background: none !important; padding: 10px 5px; border-bottom: 1px solid #cccccc; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr:last-child { border-bottom: none; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td { position: relative; width: 100% !important; padding-left: 52%; border-bottom: 3px solid white; max-width: 100% !important; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 50%; bottom: 0; background: #e4e4e4; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td:after { display: block; content: attr(data-title); position: absolute; left: 2%; top: 0; right: 52%; bottom: 0; z-index: 10; text-align: left; color: #506896; font-weight: bold; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td:first-child > div { float: none !important; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td:last-of-type { position: absolute; right: 5px; top: 10px; width: 40px !important; height: 24px; border: none; padding: 0; } #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td:last-of-type:before, #id_dabagShop form[name="frmBasket"] #tabelle > tbody > tr > td:last-of-type:after { display: none; } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr { display: flex; justify-content: space-between; flex-wrap: wrap; align-self: flex-start; width: 100%; padding: 10px 5px; border-top: 1px solid #000000 } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr:last-of-type { border-top: 3px double #000000 } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr > td { text-align: right; font-weight: bold; } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr > td:nth-last-of-type(2) { width: 24%; } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr > td:nth-last-of-type(3) { width: 24%; } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr > td:nth-last-of-type(4) { width: 48%; } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr:last-of-type td { width: 100% !important; } #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr.desktop, #id_dabagShop form[name="frmBasket"] #tabelle > tfoot > tr > td.desktop { display: none; } #id_dabagShop .order_step_3_table, #id_dabagShop .order_step_3_table > tbody, #id_dabagShop .order_step_3_table > tfoot, #id_dabagShop .order_step_3_table > tfoot > tr > td, #id_dabagShop .order_step_3_table > tbody > tr, #id_dabagShop .order_step_3_table > tbody > tr > td { display: block; border: none; } #id_dabagShop .order_step_3_table > tbody > tr { position: relative; background: none !important; padding: 10px 0; border-bottom: 1px solid #cccccc; } #id_dabagShop .order_step_3_table > tbody > tr:last-child { border-bottom: none; } #id_dabagShop .order_step_3_table > tbody > tr > td { position: relative; width: 100% !important; padding: 5px 0 5px 52%; border-bottom: 3px solid white; max-width: 100% !important; background: none !important; } #id_dabagShop .order_step_3_table > tbody > tr > td:before { display: block; content: ""; position: absolute; left: 0; top: 0; right: 50%; bottom: 0; background: #e4e4e4; } #id_dabagShop .order_step_3_table > tbody > tr > td:after { display: block; content: attr(data-title); position: absolute; left: 2%; top: 0; right: 52%; bottom: 0; z-index: 10; text-align: left; color: #506896; font-weight: bold; line-height: 25px; } #id_dabagShop .order_step_3_table > tbody > tr > td:first-child > div { float: none !important; } #id_dabagShop .order_step_3_table > tbody > tr > td:first-of-type { display: none; } #id_dabagShop .order_step_3_table > tfoot > tr { display: flex; justify-content: space-between; flex-wrap: wrap; align-self: flex-start; width: 100%; padding: 10px 0; border-top: 1px solid #000000 } #id_dabagShop .order_step_3_table > tfoot > tr:last-of-type { border-bottom: 3px double #000000 } #id_dabagShop .order_step_3_table > tfoot > tr > td { text-align: right; font-weight: bold; padding: 5px 0; } #id_dabagShop .order_step_3_table > tfoot > tr > td:nth-last-of-type(1) { width: 24%; } #id_dabagShop .order_step_3_table > tfoot > tr > td:nth-last-of-type(2) { width: 24%; } #id_dabagShop .order_step_3_table > tfoot > tr > td:nth-last-of-type(3) { width: 48%; } #id_dabagShop .order_step_3_table > tfoot > tr.desktop, #id_dabagShop .order_step_3_table > tfoot > tr > td.desktop { display: none; } } @media screen and (max-width: 640px) { .pContainer_finder .pContainer_inner { padding: 0; } #id_dabagShop .msSubNavi { display: flex; justify-content: space-between; flex-wrap: wrap; align-self: flex-start; width: 100%; height: 44px; padding-bottom: 20px; } #id_dabagShop .msSubNavi > li { float: none; margin: 0; padding: 0 17px; } * {} .bhtContainer { display: none; } .bhtContainer.show { display: block; } } /* --------------- END BASKET --------------------------------------------------------------------------------------------------------------------------------------- */ /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ .news main { padding: 20px; } #etiTable td { padding: 3px 5px !important; line-height: 30px; font-weight: bold; border: 1px solid #969696 !important; } .ui-dialog .ui-dialog-titlebar-close { background-color: #000000; } .ui-dialog .ui-dialog-titlebar-close:hover { background-color: #00882F; } .ui-dialog .ui-dialog-buttonpane button.ui-button { background: #000000 !important; } .ui-dialog .ui-dialog-buttonpane button.ui-button:hover { background: #00882F !important; } #datatab_art td.pdaTabletPadding { padding-right: 100px !important; } .sTen_navi li:hover { background: #C0DBC0 !important; }