@charset "UTF-8"; @media screen, projection { .webkit body { overflow-y: scroll; } .webkit imgBlock { display: block; } /*.webkit div, .webkit ul, .webkit li { margin: 0; padding: 0; }*/ .webkit html.js .nojs { display: none; } .webkit html.js .yesjs { display: block; } .webkit .hide { display: none; } .webkit body { background: #fff; } .webkit body { text-align: center; } .webkit span.baec5a81-e4d6-4674-97f3-e9220f0136c1 > a { display: none !important; } .webkit form input[type="text"], .webkit form input[type="password"], .webkit form input[type="submit"] { -webkit-appearance: none; border-radius: .4rem; } .webkit .page_margins { text-align: left; margin: 0 auto; width: 100%; } .webkit .wide .page_margins { text-align: left; margin: 0 auto; width: 100%; } .webkit .page { padding: 0 9px 0 10px; } .webkit #header { overflow: visible; } .webkit #header #headerToolbar, .webkit #header #headerToolbar .page_margins { height: 29px; background-color: #CC0000; color: #fff; } .webkit #header #headerToolbar .page_margins { position: relative; } .webkit #header #headerToolbar ul { list-style: none; } .webkit #header #headerToolbar ul li { line-height: 29px; } .webkit #header #headerToolbar ul li.wuerthFont { font-family: wuerthextra_bold_cond, Arial, Helvetica,"Microsoft Yahei","微软雅黑", sans-serif; font-size: 15px; } .webkit #header #headerToolbar ul li a { display: block; color: #fff; padding: 0px 10px; cursor: pointer; } .webkit #header #headerToolbar ul li.wuerthFont a { font-size: 15px; } .webkit #header #headerToolbar ul.right li:last-child a { padding: 0; } .webkit #header #headerToolbar .page_margins .page ul li a:hover { text-decoration: underline; } .webkit #header #headerToolbar ul li a .icon { background: url(../../images_wl2/icon-sprites.png) no-repeat 0px -29px; float: left; height: 29px; margin-right: 9px; } .webkit #header #headerToolbar ul li a .icon.iconCart { background-position: -46px -29px; width: 19px; position: relative; margin-right: 8px; } .webkit #header #headerToolbar ul li a .icon.iconCart span { position: absolute; text-align: center; width: 24px; font-size: 10px; font-weight: bold; left: 8px; bottom: 5px; } .webkit #header #headerToolbar ul li a .icon.iconDropdown { width: 13px; background-position: 0px -29px; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser.list li { width: 24px; margin: 0; text-align: center; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser.list li.seperator { width: 16px; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser.list { left: 268px; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser.list.bookmark_activated { position: relative; left: auto; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser.list li a { display: block; padding: 0; } .webkit #header #headerToolbar .page_margins .page > ul > li { float: left; margin-right: 80px; position: relative; z-index: 100; } .webkit #header #headerToolbar .page_margins .page > ul.headbartext_add { position: absolute; left: 380px; } .webkit #header #headerToolbar .page_margins .page > ul.headbartext_add.bookmark_activated { position: relative; margin-right: 20px; left: auto; } .webkit #header #headerToolbar .page_margins .page > ul.bookmark_activated > li { margin-right: 20px; } .webkit #header #headerToolbar .page_margins .page > ul.bookmark_activated > li:first-child a { padding-left: 0px; } .webkit #header #headerToolbar .page_margins .page > ul > li > ul { position: absolute; left: 0px; top: 29px; background-color: #CC0000; z-index: 200; display: none; } .webkit #header #headerToolbar .page_margins .page > ul > li:hover > ul { display: block; min-width: 130px; } .webkit #header #headerToolbar .page_margins .page > ul > li > ul > li a { padding: 0px 10px 0px 33px; } .webkit #header #headerToolbar .page_margins .page > ul.right { float: right; } .webkit #header #headerToolbar .page_margins .page > ul.right > li { margin-right: 0px; margin-left: 80px; } .webkit #header #headerToolbar .page_margins .page > ul.right.bookmark_activated > li { margin-left: 50px; } .webkit #header #headerToolbar .page_margins .page > ul.right > li.cart { padding: 0px; margin: 0px 0px 0px 2px; } .webkit #header #headerToolbar .page_margins .page > ul.right > li.nameField { display: block; height: 29px; overflow: hidden; text-overflow: ellipsis; width: 250px; white-space: nowrap; } .webkit #header #headerToolbar .page_margins .page > ul.right > li > div { height: 29px; overflow: hidden; text-overflow: ellipsis; width: 250px; white-space: nowrap; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser { position: absolute; left: 262px; top: 0px; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser.bookmark_activated { position: relative; left: auto; top: auto; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser.bookmark_activated li:first-child a { padding-left: 10px; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser li.languageChooser { display: none; } .webkit #header #headerToolbar .page_margins .page > ul.languageChooser ul li.currentLanguage { display: none; } .webkit #header #headerToolbar .page_margins .page > ul.shoppingCart { position: absolute; right: 0px; top: 0px; } .webkit #header #headerToolbar .page_margins .page > ul.shoppingCart li { margin-right: 0px; } .webkit #header #headerNavigation, .webkit #header #headerNavigation .page_margins { background-color: #fff; height: 90px; font-family: wuerthextra_bold_cond, Arial, Helvetica,"Microsoft Yahei","微软雅黑", sans-serif; font-weight: normal; } .webkit #header #headerNavigation .page { position: relative; } .webkit #header #headerNavigation .navigation { list-style: none; position: absolute; top: 32px; left: 262px; } .webkit #header #headerNavigation .navigation li { float: left; padding: 0px 10px; line-height: 29px; text-transform: uppercase; } .webkit #header #headerNavigation .navigation li a { line-height: 26px; color: #3a3a3a; font-size: 18px; padding-bottom: 2px; } .webkit #header #headerNavigation .navigation li a:hover, .webkit #header #headerNavigation .navigation li a.active { color: #cc0000; border-bottom: 4px solid #cdcdcd; } .webkit #header #headerNavigation #headerLogo { float: left; margin: 26px 0px 0px 0px; } .webkit #header #headerNavigation #headerLogo.alternative { margin: 0px 0px 0px 0px; } .webkit #header #headerNavigation #headerUserButton { float: right; margin: 32px 0px 0px 0px; position: relative; } .webkit #header #headerNavigation #headerUserButton a { line-height: 26px; color: #3a3a3a; font-size: 18px; font-weight: normal; text-transform: uppercase; } .webkit #header #headerNavigation #headerUserButton a .icon { float: left; width: 27px; height: 27px; background: url(../../images_wl2/icon-sprites.png) no-repeat 0px 0px; margin-right: 9px; } .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer { background: url("../../images/eyecatcher.png") no-repeat 0px 0px; width: 220px; position: absolute; padding: 35px 0px 0px 0px; z-index: 10; top: 30px; right: 0px; font-family: wuerthextra_bold_cond,Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; color: #ffffff; font-size: 18px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; border-right: 1px solid #fff; } .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer #headerStoerer { text-align: center; /* height: 115px; margin: 0px 0px 0px 14px; */ width: 200px; padding: 0px 10px 10px 10px; background-color: #cc0000; } .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer #headerStoerer input { background-color: #0093DD; border: medium none; font-size: 16px; font-weight: normal; height: 30px; margin-top: 20px; width: 100%; } .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer #headerStoerer p { line-height: 20px; margin: 0px; padding: 0px; text-transform: uppercase; } .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer #headerStoerer p.small_text { text-transform: none; font-size: 11pt; } .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer #headerStoerer #close_stoerer { position: absolute; right: 15px; top: 22px; width: 10px; } .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer #headerStoerer #close_stoerer:hover, .webkit #header #headerNavigation #headerUserButton #eyecatcherContainer #headerStoerer input:hover { cursor: pointer; } .webkit #header #headerSearch, .webkit #header #headerSearch .page_margins { height: 61px; background-color: #cdcdcd; overflow: visible; } .webkit #header #headerSearch .field { float: left; margin: 14px 0px 0px 0px; height: 33px; background-color: #fff; } .webkit #header #headerSearch .field input::-moz-placeholder { color: #333333; } .webkit #header #headerSearch .field input:-moz-placeholder { color: #333333; } .webkit #header #headerSearch .field input::-webkit-input-placeholder { color: #999999; } .webkit #header #headerSearch .field input:-ms-input-placeholder { color: #999999; } .webkit #header #headerSearch .field input.placeholder { color: #999999; } .webkit #header #headerSearch .field.fieldFilter { width: 162px; background-color: #919191; } .webkit #header #headerSearch .field.fieldFilter select { width: 162px; margin: 0px; padding: 0px; font-size: 14px; } .webkit #header #headerSearch .field.fieldFilter select.fallbackStyle { border: 1px solid #919191; margin: 0px 0px 0px 5px; padding: 0px; margin-top: 6px; width: 152px; background-color: #919191; color: #fff; } .webkit #header #headerSearch .field.fieldFilter .ufd.header { background-color: #919191; height: 33px; border: none; } .webkit #header #headerSearch .field.fieldFilter .ufd.header button { background: url(../../images_wl2/icon-sprites.png) no-repeat 0px -34px; width: 14px !important; margin: 7px 10px 0px 0px; } .webkit #header #headerSearch .field.fieldFilter .ufd.header input { margin-top: 8px !important; background-color: #919191; padding: 0px 0px 0px 8px; color: #fff; /*ipad*/ -webkit-appearance: none; border-radius: 0; } .webkit #ufd-container .header div.list-scroll { border-top-width: 0px; background-color: #fff; } .webkit #ufd-container .header div.list-wrapper-up div.list-scroll { border-top-width: 1px; border-bottom-width: 0px; } .webkit #ufd-container .header li { background-color: #eee; padding-left: 5px; text-align: left; height: 30px; line-height: 30px; } .webkit #ufd-container .header li em { font-weight: bold; font-style: normal; } .webkit #ufd-container .header li.active { background-color: #ccc; color: #333; } .webkit #header #headerSearch .field.fieldTerm { float: right; width: 812px; position: relative; } .webkit .wide #header #headerSearch .field.fieldTerm { width: 1038px; } .webkit #header #headerSearch .field.fieldTerm .searchfield { border: 1px solid #fff; padding: 0px; font-size: 13px; float: left; margin: 7px 0px 0px 19px; width: 732px; font-family: Arial,Verdana,"Microsoft Yahei","微软雅黑",sans-serif; } .webkit #header #headerSearch .field.fieldTerm .searchbut { width: 18px; height: 18px; float: right; margin: 7px 7px 0px 0px; display: block; overflow: hidden; background: url(../../images_wl2/icon-sprites.png) no-repeat -28px 0px; border: none; font-size: 0px; line-height: 0px; text-indent: -1000px; cursor: pointer; } .webkit #header #headerSearch .field.fieldTerm .searchbut.busy { background: url(../../newimages/loader-linear-19px.gif) no-repeat center center; } .webkit #header #headerSearch .field.fieldTerm .ui-menu { padding: 0px; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete { width: 812px !important; left: 0px !important; top: 33px !important; border: none; border-bottom: 1px solid #605d5c; z-index: 9999; } .webkit #header.sticky #headerSearch .field.fieldTerm .ui-autocomplete { width: 781px !important; } .webkit .ui-autocomplete .ui-autocomplete-text { color: white; font-weight: bolder; background-color: #605d5c; padding: 4px 4px 4px 4px; font-size: 13px; float: left; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-text { width: 804px; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-headline { color: #fff; font-weight: bolder; background-color: #666; padding: 4px 4px 4px 4px; font-size: 13px; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item { background-color: #e7e7e7 !important; float: left; display: block; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a { font-size: 12px; line-height: 19px; color: black; cursor: pointer; padding: 5px 5px 1px 5px; display: block; height: 42px; } .webkit #header #headerSearch .field.fieldTerm.websearch .ui-autocomplete .ui-autocomplete-item a { height: 20px; } .webkit .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a.ui-state-focus, .webkit .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a.ui-state-hover, .webkit .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a.ui-state-active { cursor: pointer; border: none; margin: 0px !important; background-color: #CC0000; color: #fff !important; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a span.strongRed { color: #C00; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a.ui-state-focus span.strongRed, .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a.ui-state-hover span.strongRed, .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a.ui-state-active span.strongRed { color: #fff !important; text-decoration: underline !important; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a .image { padding-top: 2px; margin-right: 5px; float: left; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a .value, .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a .label, .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a .description { float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a .label { width: 520px; margin-right: 10px; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .value { width: 145px; } .webkit #header #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item a .description { width: 520px; } .webkit #header #headerSearch .field.full { width: 100%; } .webkit #header #headerSearch .field.full .searchfield { width: 900px; } .webkit .socialIconbar { float: right; padding-right: 3px; } .webkit .socialIconbar img { height: 20px; } .webkit #footer, .webkit #footer .page_margins { background-color: #dedede; font-size: 12px; } .webkit #footer .page_margins { padding-bottom: 20px; } .webkit #footer #footerLayerContainer .page_margins { padding-bottom: 30px; } .webkit #footer a { color: #000; } .webkit #footer a:hover, .webkit #footer a:hover .linkText { text-decoration: underline !important; } .webkit #footer #footerInfo { float: left; padding-top: 10px; } .webkit #footer #footerInfo ul { float: left; } .webkit #footer #footerInfo ul li { float: left; list-style: none; margin: 0; padding: 0 10px 0 0; } .webkit #footer #footerInfo ul li img { margin-top: 2px; } .webkit #footer #footerNavigation { float: right; padding-top: 10px; margin-right: 5px; } .webkit #footer #footerNavigation ul { float: right; margin-left: 12px; } .webkit #footer #footerNavigation ul li { float: left; list-style-type: none; margin: 0; padding: 0 0 0 19px; } .webkit #footer .postfooter { background-color: #dedede; } .webkit #footer .postfooter.flexible { background-color: #fff; } .webkit #main { background: #fff; padding: 10px 0 0 0; min-height: 348px; height: auto !important; height: 348px; } .webkit .wide #main { padding: 0; min-height: 0; } .webkit #col1 { width: 25%; } .webkit #col1_content { padding: 10px 10px 10px 20px; } .webkit #col2 { width: 25%; } .webkit #col2_content { padding: 10px 20px 10px 10px; } .webkit #col3 { margin: 0 25%; } .webkit #col3_content { padding: 0px 10px; } .webkit .mobile-carousel { display: none; } .webkit .btn_function, .webkit .btn_cta, .webkit .btn_cta.alternative { height: 40px; line-height: 40px; color: #fff; font-weight: normal; text-transform: none; font-size: 15px; padding: 0 20px; border: none; border-radius: 0; display: block; cursor: pointer; -webkit-appearance: none; float: right; margin-left: 20px; margin-right: 20px; margin-top: 10px; min-width: 240px; text-align: center; box-sizing: border-box; display: block; } .webkit .btn_function { background-color: #CC0000; font-family: wuerthbold,Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; } .webkit .btn_cta { background-color: #0093DD; font-family: wuerthextra_bold_cond,Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; text-transform: uppercase; } .webkit .btn_cta.alternative { font-family: wuerthbold,Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; } .webkit .btn_cta.alternative.card { padding-left: 38px; position: relative; display: inline-block; } .webkit .btn_cta.alternative.card .icon { position: absolute; top: 1px; left: 10px; background-position: -46px -29px; background-repeat: no-repeat; width: 20px; height: 31px; padding: 0; } .webkit .btn_function.small, .webkit .btn_cta.small { height: 22px; padding: 0 10px; font-size: 13px; line-height: 22px; } .webkit .btn_function.btnLeft, .webkit .btn_cta.btnLeft { float: left; margin-left: 0; } .webkit .btn_function.noAction, .webkit .btn_function.small.noAction { color: #000; background-color: #cdcdcd; } .webkit .cd-top { bottom: 60px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); display: inline-block; height: 52px; opacity: 0; overflow: hidden; position: fixed; right: 1px; text-indent: 100%; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; visibility: hidden; white-space: nowrap; width: 53px; } .webkit .cd-top span.icon { background-position: -187px -57px !important; background-repeat: no-repeat; width: 31px; height: 20px; position: absolute; top: 16px; left: 11px; } .webkit .cd-top.cd-is-visible { opacity: 1; visibility: visible; background-color: #cc0000; cursor: pointer; z-index: 999; } .webkit .cd-top.cd-is-visible, .webkit .cd-top.cd-fade-out, .webkit .no-touch .cd-top:hover { transition: opacity 0.3s ease 0s, visibility 0s ease 0s; } .webkit .nlIcon.neu, .webkit .nlIcon.umbau, .webkit .nlIcon.umzug { display: block; width: 44px; background-repeat: none; } .webkit .icon.iconErrorMessage { background: url("") no-repeat 0px 0px; float: left; position: absolute; width: 16px; height: 14px; top: 7px; left: 8px; } .webkit #skiplinks a.skip:focus, .webkit #skiplinks a.skip:active { color: #fff; background: #333; border-bottom: 1px #000 solid; padding: 10px 0; text-decoration: none; } .webkit .prefooter { margin-bottom: 10px; line-height: 16px; position: relative; } .webkit .prefooter-wrapper { position: absolute; } .webkit .prefooter .prefooter_claim { font-family: wuerthbold,Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; font-size: 15px; font-weight: normal; } .webkit .prefooter .prefooter_sub { font-family: wuerthbook,Arial,Helvetica,"Microsoft Yahei","微软雅黑",sans-serif; font-size: 12px; color: #999999; } } @media screen and (min-width: 974px) { .webkit #header.sticky { position: fixed; width: 100%; z-index: 9999; } .webkit #header.sticky #headerNavigation { display: none; } .webkit #header.sticky #headerSearch { background-color: #ffffff; border-bottom: 4px solid #cdcdcd; height: 53px; } .webkit #header.sticky #headerSearch .page_margins { background-color: #ffffff; height: 50px; } .webkit #header.sticky .fieldFilter { display: none; } .webkit #header.sticky #headerSearch .field.fieldTerm { width: 80%; } .webkit #header.sticky #headerSearch #fieldSearchTerm { border: 1px solid #cdcdcd; /*margin-top: 26px;*/ margin-top: 10px; } .webkit #header.sticky #headerSearch #fieldSearchTerm .searchfield { width: 660px; } .webkit #header.sticky #ui-id-2.scroll { height: 700px; overflow-y: scroll; overflow-x: hidden; } .webkit #header.sticky #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-text { width: 772px; } .webkit #header.sticky #headerSearch .field.fieldTerm.integrated .ui-autocomplete .ui-autocomplete-text { width: 47.3%; } .webkit #header.sticky #headerSearch .field.fieldTerm .ui-autocomplete .ui-autocomplete-item, .webkit #header.sticky #headerSearch .field.fieldTerm .ui-autocomplete { width: 780px !important; } .webkit #header.sticky #headerSearch .field.fieldTerm.integrated .ui-autocomplete .ui-autocomplete-item { width: 47.3% !important; } .webkit #header.sticky #headerSearch #searchForm #headerLogo img { /*width: 140px;*/ height: auto; /*padding-top: 26px;*/ padding-top: 9px; } .webkit .stickyServiceMenu { top: 100px !important; } }