/* ------ Main ------- */ .plentyErrorBox { width:98%; background-image:url(/images/admin/error_background.gif); background-repeat:repeat-y; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyErrorBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/warning_onred.gif);background-repeat:no-repeat; } .plentyMessageBox { width:98%; background-image:url(/images/admin/message_background.gif); background-repeat:repeat-y; border:0px; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyMessageBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/idea_ongreen.gif); background-repeat:no-repeat; } .plentyWarningBox { width:98%; background-image:url(/images/admin/message_background.gif); background-repeat:repeat-y; border:0px; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyWarningBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/idea_ongreen.gif); background-repeat:no-repeat; } /* ------ Base ------- */ .liveshopplatzattribut{width:100%;min-height:45px;} .liveshopshortdescript { min-height: 80px; } .ppexpressbutton { width: 100%; float: left; text-align: center; margin-bottom: 15px; } .articlepic_big a:hover::after { bottom: 38%; color: #444; font-size: 56px; right: 41%; } .articlepic_big a:hover img { opacity: 0.3; } .articlepic_big a::after { bottom: 1px;z-index: 999; color: #444; content: "\f06e"; font-family: FontAwesome; font-size: 9px; position: absolute; right: 4px; text-align: left; transition: font-size 0.2s ease 0s; } .articleround a:hover::after { bottom: 38%; color: #444; font-size: 26px; right: 41%; } .articleround a:hover img { opacity: 0.3; } .lb-nav a.lb-next { background: rgba(0, 0, 0, 0) url("/images/next.png") no-repeat scroll right 48% !important; } .lb-nav a.lb-prev { background: rgba(0, 0, 0, 0) url("/images/prev.png") no-repeat scroll left 48% !important; } body:after { content: url(/images/close.png) url(/images/loading.gif) url(/images/prev.png) url(/images/next.png)!important; display: none; } .lb-cancel { background: url(/images/loading.gif) no-repeat !important; } .lb-data .lb-close { background: url(/images/close.png) top right no-repeat !important; } .availabilityDetails-1.available-1 .first, .availabilityDetails-1.available-2 .first, .availabilityDetails-1.available-3 .first, .availabilityDetails-1.available-4 .first, .availabilityDetails-2.available-1 .first, .availabilityDetails-2.available-1 .second, .availabilityDetails-2.available-2 .first, .availabilityDetails-2.available-2 .second, .availabilityDetails-2.available-3 .second, .availabilityDetails-2.available-4 .second, .availabilityDetails-3.available-1 .first, .availabilityDetails-3.available-1 .second, .availabilityDetails-3.available-1 .third, .availabilityDetails-3.available-2 .second, .availabilityDetails-3.available-2 .third, .availabilityDetails-3.available-3 .third { background-color: #3b0; } .availabilityIcon.availabilityDetails-3 span { height: 6px; } .liveshop_laufzeit { visibility: hidden; } #description > table { width: auto !important; } .colibri { } .warenkorb_bottom { background: #fff none repeat scroll 0 0; border-radius: 5px; bottom: -100px; box-shadow: 0 0 12px grey; height: 50px; left: 0; line-height: 50px; margin-bottom: 0; margin-left: 5px; position: fixed !important; text-align: center; transition: bottom 1s ease 0s; width: 200px; z-index: 9999; } .warenkorb_bottom.fixed { bottom: 0; list-style-type: none; } .warenkorb_bottom a { color: red; font-size: 16px; } .warenkorb_bottom .basket_quantity { font-size: 16px; } @media (max-width: 900px) { .warenkorb_bottom { width: 100px; } .hidden-xs { display: none; } } /*Facebook Plugin Start*/ #Facebook_plugin { transition: all 2s ease 1s; position: fixed; right: 50px; z-index: 1; box-shadow: 0 0 2px black; } @media (min-width: 300px) { .banner .scbanner { display: none; } .banner .scrollbanner { display: block; width: 60%; margin-left: 45px; } .itemTitlebigsite { font-size: 22px; display: block; padding:20px;} h1.itemTitle { display: none; } #target { display: none; height: 240px; padding: 5px; } .toggle { background-color: blue; color: white; border: none; height: 33px; width: 100%; } #Facebook_plugin { bottom: 10px; } } @media (min-width: 800px) { #target { display: block; } .toggle { display: none; } #Facebook_plugin { bottom: 0px; } } /*Facebook Plugin Ende*/ @media (min-width: 500px) { .row { margin-left: 0px; margin-right: 0px; } } #atftbx p { display: none; } .free.fixed { bottom: 8px; position: fixed; right: -37px; z-index: 999; Display:none;} @media (min-width: 300px) { .free { float: left; position: absolute; right: -80px; transition: all 1s ease 0.5s; z-index: 999; } } @media (min-width: 800px) { .free { float: left; margin-left: 100px; margin-top: 40px; position: relative; transition: all 1s ease 0.5s; z-index: 999; } } .addthis_follow_label { display: none !important; } .owl-controls .owl-buttons .owl-next { right: 0px; margin-top: 60px; } .owl-controls .owl-buttons .owl-prev { left: 0px; margin-top: 60px; } @media (min-width: 990px) { .fl_none { float: left !important; } .mobilenavi { display: none; } .mobilenavi2 { display: block; } } @media (max-width: 989px) { .fl_none { float: none !important; } .mobilenavi { display: block; } .mobilenavi2 { display: none; } } .headerBox h1 { font-family: 'Tangerine', cursive; } .nav-Line_under { border-bottom: 1px solid #ddd; box-shadow: 0 2px 5px #ddd; margin-bottom: 15px; padding-bottom: 10px; } .footerList > li { display: block !important; max-width: 150px; } .headerBox { border-bottom: 1px dashed #ddd; margin-bottom: 25px; } #new_navis2>li { display: inline-block; position: relative; z-index: auto; vertical-align: middle } #new_navis2>li>a { display: inline-block; padding: 4px 0 6px; border: 1px solid transparent; text-decoration: none; text-align: left } #new_navis2.unterstrich>li>a i.Line_under { position: absolute; display: block; left: 1px; /*bottom: -5px;*/ overflow: hidden; width: 0; height: 1px!important; max-height: 2px!important; pointer-events: none; background-color: transparent; opacity: .85 } #new_navis2.unterstrich.gradient-decor>li.act>a i.Line_under, #new_navis2.unterstrich>li.act>a i.Line_under, #new_navis2.unterstrich>li>a:hover i.Line_under, #new_navis2.unterstrich>li:hover>a i.Line_under { width: 100% } #new_navis2.unterstrich > li > a i.Line_under, #new_navis2.menu-material-Line_under-style > li > a:before { background-color: #888; } #new_navis2.unterstrich > li > a i.Line_under { -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } #new_navis2.unterstrich > li > a i.Line_under, #new_navis2.menu-material-Line_under-style > li > a::before { background-color: #888; } .col-lg-7.col-md-6.col-sm-6.col-xs-12 { padding-left: 20px; padding-right: 20px; } .singleart_oben { border: thin solid #eee; margin-bottom: 20px; padding-bottom: 15px; } @media (min-width: 800px) { .subnavigationPanel.margin-top-3.hidden-sm.hidden-xs.katostart.fixed { background: #fff none repeat scroll 0 0; /*position: fixed;*/ top: 10px; width: 260px; z-index: 999; } .itemTitle { display: none; } .col-lg-12.col-md-12.katostart { background: #fff none repeat scroll 0 0; position: fixed; top: 10px; width: 260px; z-index: 999; } } @media (min-width: 800px) { .itemTitle { display: none; } } @media (max-width: 799px) { /*.itemTitlebigsite{display:none; font-size:18px;}*/ } .itemTitlebigsite { font-size: 28px; text-align: center; font-weight: 600; } .itemDefList { margin: 0; margin-bottom: 50px !important; } #new_navis>li { display: inline-block; position: relative; z-index: auto; vertical-align: middle } #new_navis>li>a { display: inline-block; padding: 4px 0 6px; border: 1px solid transparent; text-decoration: none; text-align: left } #new_navis.unterstrich>li>a i.Line_under { position: absolute; display: block; left: 1px; bottom: -5px; overflow: hidden; width: 0; height: 2px!important; max-height: 2px!important; pointer-events: none; background-color: transparent; opacity: .85 } #new_navis.unterstrich.gradient-decor>li.act>a i.Line_under, #new_navis.unterstrich>li.act>a i.Line_under, #new_navis.unterstrich>li>a:hover i.Line_under, #new_navis.unterstrich>li:hover>a i.Line_under { width: 100% } #new_navis.unterstrich > li > a i.Line_under, #new_navis.menu-material-Line_under-style > li > a:before { background-color: #952725; } #new_navis.unterstrich > li > a i.Line_under { -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } #new_navis.unterstrich > li > a i.Line_under, #new_navis.menu-material-Line_under-style > li > a::before { background-color: #952725; } .crossSellingWrapper { position: relative; width: 100%; margin-left: 5px; margin-right: 0px; } .Startcenter .row { margin-left: 5px; margin-right: -25px; } .sonder .itemBoxInner .owl-prev { margin-left: 27px; top: 95%!important; } .sonder .itemBoxInner .owl-next { margin-right: 27px; top: 95%!important; } .crossSellingWrapper .owl-item { /*width: 170px !important;*/ } .crossselling .itemBox { height: 330px; } /*.crossselling .itemBox .itemBoxInner { height: 330px; }*/ .crossselling .itemBox .name { height: 100px; } .katostart { } .headline, .btn-primary, .itemBox.action-1 .action {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c34d4d+0,b63b3d+54,852d2c+55,b73f40+100 */ background: #c34d4d !important; /* Old browsers */ background: -moz-linear-gradient(top, #c34d4d 0%, #b63b3d 54%, #852d2c 55%, #b73f40 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c34d4d), color-stop(54%, #b63b3d), color-stop(55%, #852d2c), color-stop(100%, #b73f40)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c34d4d 0%, #b63b3d 54%, #852d2c 55%, #b73f40 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c34d4d 0%, #b63b3d 54%, #852d2c 55%, #b73f40 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c34d4d 0%, #b63b3d 54%, #852d2c 55%, #b73f40 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #c34d4d 0%, #b63b3d 54%, #852d2c 55%, #b73f40 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c34d4d', endColorstr='#b73f40', GradientType=0 ); /* IE6-9 */ } .headline, .btn-primary { color: #fff !important; padding: 3px; border-radius: 3px; margin-top: 0px !important; } .katostart { border: thin solid #888; border-radius: 5px; background: #fff none repeat scroll 0 0; } .kstart { width: 210px; border: thin solid #888; border-radius: 5px; background: #fff none repeat scroll 0 0; } .content_hotline { height: 140px; width: 100%; position: relative; margin-top: 5px; } .content_hotline img { width: 200px; border-radius: 3px; } .navigationTree { border-radius: 3px; background-color: #fff; padding: 3px; } .navigationTree li { color: #999 !important; } .navigationTree .badge { display: none; } .Startleft { width: 18%; float: left; } .Startleft .navbar-nav li { width: 100%; float: left; } .nav-main-container { background-color: #fff; border-radius: 10px 10px 0 0; } .Startcenter { float: left; width: 75%; margin-left: 15px; } .topnavi2 li { float: left; list-style: none; width: 100px; height: 40px; /*border: 1px solid #ddd;*/ text-align: center; line-height: 40px; margin-right: 10px; color: #000; border-radius: 3px; text-transform: uppercase !important; } ul.topnavi2 { margin-left: -40px; } .topnavi2 li { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,70757f+39,28343b+100 */ /*background: #b5bdc8; /* Old browsers */ /*background: -moz-linear-gradient(top, #b5bdc8 0%, #70757f 39%, #28343b 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(39%,#70757f), color-stop(100%,#28343b)); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #b5bdc8 0%,#70757f 39%,#28343b 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #b5bdc8 0%,#70757f 39%,#28343b 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #b5bdc8 0%,#70757f 39%,#28343b 100%); /* IE10+ */ /*background: linear-gradient(to bottom, #b5bdc8 0%,#70757f 39%,#28343b 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */ } .container { background-color: #fff; } .imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none; touch-action: none; } .buutonnavi.fixed { position: fixed; top: -5px; left: 0px; z-index: 99999; } .minipic { height: 90px; width: auto; } #facebox { display: block; top: 0!important; z-index: 10909 !important; } .thumbs .owl-item { margin-left: 5px; width: auto !important; } .ch-post { width: 40%; } .paypal { } .articlepic_big img { max-height: 430px; max-width: 99%; width: auto; position: relative; z-index: 1; } .articlepic_big { height: auto; } /*.navbar-toggle.fixed { position: fixed; top: 0; z-index: 99999; }*/ .sidebar_cont li { background: none repeat scroll 0 0 #fff; border-radius: 5px; box-shadow: 0 0 5px #000; float: left; list-style: outside none none; padding: 10px; text-align: center; width: 190px; } .sidebar_cont ul li:hover { padding-top: 16px; } .sidebar_cont a { font-size: 16px; } .sidebar_cont .Fb { background: none repeat scroll 0 0 blue; } .sidebar_cont .Fb a { color: #fff; font-size: 20px; } @media (min-width: 300px) { .banner.fixed .scbanner { display: none; } .banner.fixed .scrollbanner { display: block; margin-top: 30px; width: 20%; } .liveshop { width: 100%; } .liveshopping_live { min-height: 600px; margin: 5px; width: 100%; margin-bottom: 10px; padding: 10px; border: thin solid #bbb; float: left; border-radius: 10px; background-color: white; } .liveshopping_live h2 { font-size: 20px; } #liveshopping_von_bis { border-top: 0 none; } .liveshop_name { margin: 10px; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; font-weight: normal; text-decoration: Line_under; } .liveshop_image { float: left; width: 49%; } .liveshop_image img { border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px black; width: 75%; padding: 2%; } .liveshop_laufzeit { float: right; /*width: 220px;*/ margin: 0px; } .liveshop_data { float: right; margin-right: 20px; margin-top: 15px; width: 44%; } .liveshop_data .Price_single_art { font-size: 18px; } .liveshop_buttons a { margin-top: 20px; float: right; width: 100%; } .liveshop_description { float: left; margin-top: 140px; width: 100%; } .liveshop_waren_nochda { float: left; height: 45px; width: 100%; margin-top: 15px; } #liveshopping_description > h1 { font-size: 14px; line-height: 20px; } .liveshop_nochda { float: left; text-align: center; } .startseiteueberschrift { font-size: 19px; line-height: 20px; } .zahlungsart_rechn { /*width: 70%;*/ } .footerzahlung { margin-left: 0 !important; width: 100% !important; } .newfilterbuttonresp.fixed { position: fixed !important; top: -92px; z-index: 177777; right: -25px !important; margin-top: 95px !important; } .navbar-information { padding: 0 5px; } .mainNavigation { right: 100%; margin-top: 50px; } .holdtop.fixed { position: fixed; top: 0px; z-index: 177777; /*Display:none;*/ } .banner.fixed { top: -22px; position: fixed; width: 60%; z-index: 9998; margin-left: 0px; left: 55px; } .filterbuttonresp { margin-top: 59px !important; left: 80% !important; /* float: right !important; */ margin-right: 35px !important; position: absolute !important; } .startseitentext_h, .startseitentext_p { width: 97% !important; margin-left: 30px; text-align: center; } .breadcrumbs { text-align: left; } .ext_nav li { float: right !important; } .topLevel { text-align: right; } .languagePlus { float: left; width: 110px; } .banner1 { float: left; width: 45%; } .banner2 { float: left; width: 10%; } .banner3 { float: left; width: 45%; } .sidebar_cont { float: left; left: -190px; margin-top: 330px; position: absolute; transform: rotate(-90deg); z-index: 999; display: none; } .infoLeiste { float: right; width: 100%; padding-left: 57px; } .Content_main { margin: 0 auto; width: 100%; } .isPhone { display: none !important; } .CangeAmount { border: thin solid #ddd; border-radius: 8px; float: right; margin-right: -40px; margin-top: 40px; padding: 5px; text-align: center; width: 260px; } .sidebar_cont li { background: none repeat scroll 0 0 #fff; border-radius: 5px; box-shadow: 0 0 5px #000; float: left; list-style: outside none none; padding: 10px; text-align: center; width: 190px; margin-left: 180px; } .dl_doku, .Fb { display: none; } .banner { float: left; height: 80px; margin-top: 0px; width: 240%; margin-left: -90px; left: 0; } .rechkauf { position: absolute; top: 45px; right: 10px; } .rechkauf img { width: 40%; margin-top: 0px; margin-right: 0px; } .banner.fixed .scrollbanner { display: block; margin-top: 23px; width: 79%; margin-left: 10px; } .navbar-toggle { position: relative; float: right; /* margin: 8px 15px; */ padding: 4px 10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 3px; width: 44px; height: 34px; top: 9px; position: absolute; left: 10px; } .nav-Line_under { border-bottom: 1px solid #ddd; box-shadow: 0 2px 5px #ddd; margin-bottom: 0px; padding-bottom: 0px; } .Startcenter h1 { line-height: 25px; font-size: 20.5px; } .Startcenter { float: left; width: 95%; margin-left: 1px; } .buutonnavi.fixed { position: fixed; top: 4px; left: 10px; z-index: 9998; } .headerBox h1, .headerBox h2 { font-size: 2.5rem; line-height: 1.25em; text-align: left;/* float: right; */ } .headerBox { border-bottom: 1px dashed #ddd; margin-bottom: 0px; } .Startcenter .row { margin-left: 0px; margin-right: 0px; } .navback.fixed { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); box-shadow: 0 0 10px 2px #aaa; height: 40px; left: 0; position: fixed; top: 0; width: 100%; z-index: 9190; } } @media (min-width: 470px) { .banner { width: 130%; } .rechkauf { top: 5px; } .rechkauf img { width: 70%; } .liveshop_buttons a { margin-top: 20px; float: right; width: 200px; } } @media(min-width:500px) { .startseiteueberschrift { font-size: 32px; line-height: 32px; } .rechkauf { width: 150px; position: absolute; float: right; right: 10px; top: 10px; } .rechkauf img { width: 50%; } .filterbuttonresp { margin-top: 5px !important; /* float: right !important; */ margin-right: 35px !important; position: relative !important; } .newfilterbuttonresp.fixed { left: auto !important; } .filterbuttonresp { left: auto !important; } /*.banner { float: left; height: 40px; margin-top: 20px; width: 130%; margin-left: -98px; }*/ .banner.fixed { top: -15px; position: fixed; width: 40%; z-index: 999; margin-left: 0px; } .banner { float: left; height: 80px; margin-top: 0px; width: 450px; margin-left: -50px; } .banner.fixed .scrollbanner { display: block; margin-top: 20px; width: 79%; margin-left: 20px; } } @media (min-width: 768px) { .banner.fixed .scrollbanner { display: none; } .banner .scrollbanner { display: block; width: 60%; margin-left: 45px; margin-top: -35px; } .nav-Line_under { border-bottom: 1px solid #ddd; box-shadow: 0 2px 5px #ddd; margin-bottom: 0px; padding-bottom: 10px; } .Startcenter { float: left; width: 79%; margin-left: 25px; } .banner.fixed .scrollbanner { display: block; margin-top: -20px; width: 85%; margin-left: 20px; } .navback.fixed { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); box-shadow: 0 0 10px 2px #aaa; height: 70px; left: 0; position: fixed; top: 0; width: 100%; z-index: 9190; } .banner.fixed { top: 0px; position: fixed; width: 60%; z-index: 9999; margin-left: 0px; } .holdtop.fixed { position: fixed; top: 0; z-index: 92090; /*display: none;*/ } .mainNavigation { right: auto; margin-top: 0px; } .banner { float: left; height: 40px; margin-top: 20px; width: 130%; margin-left: 0px; } .navbar-information { padding: 0 45px; } .isPhone { display: block !important; } .Content_main { margin: 0 auto; width: 100%; } .topLevel { text-align: left; } .ext_nav li { float: left !important; } .breadcrumbs { text-align: left; } .startseitentext_h, .startseitentext_p { width: 100% !important; margin-left: 0px; text-align: left; } .dl_doku { display: block; } .rechkauf img { width: auto; } .rechkauf { position: relative; } } @media (min-width: 992px) { .banner .scrollbanner { display: none; margin-top: 35px; width: 60%; margin-left: 20px; } .banner .scbanner { display: block; width: 80%; margin-top: -30px; } .banner .scbanner { display: block; width: 100%; margin-top: 20px; }.liveshop { width: 100%; } .liveshopping_live { min-height: 600px; margin: 5px; width: 285px; margin-bottom: 10px; padding: 10px; border: thin solid #bbb; float: left; border-radius: 10px; background-color: white;margin-left:15px; } .liveshopping_live h2 { font-size: 20px; } #liveshopping_von_bis { border-top: 0 none; } .liveshop_name { margin: 10px; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; font-weight: normal; text-decoration: Line_under; } .liveshop_image { float: left; width: 50%; } .liveshop_image img { border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px black; width: 75%; padding: 2%; } .liveshop_laufzeit { float: right; /*width: 220px;*/ margin: 5px; } .liveshop_data { float: right; margin-right: 0; margin-top: 15px; width: 44%; } .liveshop_data .Price_single_art { font-size: 18px; } .liveshop_description { float: left; margin-top: 140px; width: 100%; } .liveshop_waren_nochda { float: left; height: 45px; width: 100%; margin-top: 15px; } #liveshopping_description > h1 { font-size: 14px; line-height: 20px; } .liveshop_nochda { float: left; text-align: center; } .liveshop_balken { } .liveshopping_live .small { font-size: 9px; text-align: right; } .liveshop_warenkorb { float: left; margin-right: 45px; margin-right: 20px; } .liveshop_waren_nochda { height: 45px; float: left; } .rechkauf { width: 150px; float: left; } .rechkauf img { width: 50%; margin-left: 50px; } .sidebar_cont li { margin-left: 0; } .CangeAmount { border: thin solid #ddd; border-radius: 8px; float: right; margin-right: 0px; margin-top: 40px; padding: 5px; text-align: center; width: 260px; } .banner1 img, .banner2 img, .banner3 img { width: 100%; } .banner1 { float: left; width: 42%; } .banner2 { float: left; width: 12%; } .banner3 { float: left; width: 42%; } .banner { float: left; height: 120px; margin-top: -30px; width: 650px; } .Content_main { margin: 0 auto; width: 992px; } .sidebar_cont { float: left; left: -190px; margin-top: 300px; position: fixed; transform: rotate(-90deg); -moz-transform: rotate(-90deg); /* Firefox 3.6 Firefox 4 */ -webkit-transform: rotate(-90deg); /* Safari */ -o-transform: rotate(-90deg); /* Opera */ -ms-transform: rotate(-90deg); /* IE9 */ transform: rotate(-90deg); /* W3C */ z-index: 999; } .languagePlus { float: left; width: 110px; } } @media (min-width: 1200px) { .infoLeiste { float: right; /*width: 626px;*/ } .Content_main { margin: 0 auto; width: 1100px; } .banner.fixed .scrollbanner { display: block; margin-top: 30px; width: 25%; margin-left: 20px; } } .languagePlus img { border-radius: 5px; box-shadow: 0 0 2px; margin-right: 10px; margin-top: 10px; width: 40px; } .CangeAmount { border: thin solid #ddd; border-radius: 8px; float: right; margin-top: 0px; padding: 5px; text-align: center; width: 250px; margin-bottom: 20px; } .CangeAmount li { float: left; font-size: 18px; list-style: outside none none; margin-right: 25px; margin-top: 15px; } .ff01_pagenav { border: 0px; } .more_info { cursor: pointer; } #clock_clock { width: 36px; } .liveshopping_live input:hover { border: 0px none; } .holdtop.fixed ul li a { color: black; } .holdtop.fixed ul li li a { color: black; } /*! * Bootstrap v3.1.1 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @font-face { font-family: "glyphicon"; src: url("/layout/callisto/fonts/glyphicons-halflings-regular.eot"); src: url("/layout/callisto/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/layout/callisto/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/layout/callisto/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/layout/callisto/fonts/glyphicons-halflings-regular.svg#halflings") format("svg"); font-weight: normal; font-style: normal; font-stretch: normal; } /* plenty font */ @font-face { font-family: "plentyicon"; src: url("/layout/callisto/fonts/plentyicon.eot?16152725"); src: url("/layout/callisto/fonts/plentyicon.eot?16152725#iefix") format("embedded-opentype"), url("/layout/callisto/fonts/plentyicon.woff?16152725") format("woff"), url("/layout/callisto/fonts/plentyicon.ttf?16152725") format("truetype"), url("/layout/callisto/fonts/plentyicon.svg?16152725#plentyicon") format("svg"); font-weight: normal; font-style: normal; font-stretch: normal; } .plentyicon:before { font-family: "plentyicon"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; } .plentyicon-check-1:before { content: '\e800'; } .plentyicon-check-2:before { content: '\e801'; } .plentyicon-arrow-up:before { content: '\e802'; } .plentyicon-arrow-right:before { content: '\e803'; } .plentyicon-arrow-left:before { content: '\e804'; } .plentyicon-arrow-down:before { content: '\e805'; } .plentyicon-star:before { content: '\e806'; } .plentyicon-star-empty:before { content: '\e807'; } .plentyicon-attention:before { content: '\e808'; } .plentyicon-angle-sm-left:before { content: '\e809'; } .plentyicon-angle-sm-right:before { content: '\e80a'; } .plentyicon-angle-sm-up:before { content: '\e80b'; } .plentyicon-angle-sm-down:before { content: '\e80c'; } .plentyicon-facebook:before { content: '\e80d'; } .plentyicon-facebook-squared:before { content: '\e80e'; } .plentyicon-gplus:before { content: '\e80f'; } .plentyicon-plenty-p:before { content: '\e811'; } .plentyicon-plenty-logo:before { content: '\e812'; width: auto; } .plentyicon-twitter:before { content: '\e813'; } .plentyicon-xing:before { content: '\e814'; } .plentyicon-pinterest:before { content: '\e816'; } .plentyicon-angle-lg-down:before { content: '\e817'; } .plentyicon-angle-lg-left:before { content: '\e818'; } .plentyicon-angle-lg-right:before { content: '\e819'; } .plentyicon-angle-lg-up:before { content: '\e81a'; } .plentyicon-linkedin:before { content: '\e81c'; } .plentyicon-lastfm:before { content: '\e81e'; } /* end plenty font */ /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after, .catchMarginBefore:before, .catchMarginAfter:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong, .bold { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: vertical; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: Line_under; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; font-size: 12px; line-height: 24px; /* background-color: #666;*/ background-color: #fff; overflow-x: hidden; } .lh-075 { line-height: 18px; } .lh-05 { line-height: 12px; } .lh-0 { line-height: 0; } body, .basicColor, a.basicColor, a.basicColor:hover, a.basicColor:focus { color: #333; text-shadow: none; } a, .basicColor a, .btn-link { color: #444; text-decoration: none; } a:hover, a:focus, .basicColor a:hover, .basicColor a:focus, .btn.btn-link:hover, .btn.btn-link:focus { color: #111; text-decoration: Line_under; } .iconLink { color: #666; } .iconLink .glyphicon, .iconLink:hover, .iconLink:focus { color: #de1a22; text-decoration: none; } .iconLink > .glyphicon { line-height: 0.8em; vertical-align: middle; } .iconLink > span.glyphicon { font-size: 1.2em; line-height: inherit; vertical-align: top; } h2 a, h2 a:hover, h2 a:focus, h3 a, h3 a:hover, h3 a:focus { color: inherit; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } /* loading icon img src */ img[src=""], .owl-item.loading, #jQueryPageWaitScreen > * { background-image: url("/layout/callisto/img/loading_fff.gif"); } .jqzoom > .img-responsive { height: auto !important; } img[src=""] { text-indent: -10000px; display: block; border: none; background-position: center center; background-repeat: no-repeat; min-height: 100px; color: transparent; } hr, .hr { display: none; margin-top: 12px; margin-bottom: 12px; border: none; height: 1px; background: #ddd; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } h1, h2, h3, h4, h5, h6, .h3 { margin: 12px 0; font-family: inherit; font-weight: 300; line-height: 24px; color: inherit; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999; } h1, h2, h3 { color: #555; } h1 { font-size: 35.5px; font-weight: 300; } h1 { line-height: 48px; } h2 { font-size: 31.5px; } h3, .h3 { font-size: 24.5px; } h2, h3, .h3 { line-height: 36px; } h4, .h4 { font-size: 17.5px; } h3.small, .h3.small { font-size: 20px; line-height: 24px; } h5 { font-size: 14px; font-weight: bold; } h6 { font-size: 11.9px; font-weight: bold; } h1 small { font-size: 24.5px; } h2 small { font-size: 17.5px; } h3 small { font-size: 14px; } h4 small { font-size: 14px; } p, .p, ul.ulSpace > li:last-child { margin: 0 0 12px; } small, .small { font-size: 85%; } .large { font-size: 125%; } .x-large { font-size: 200%; } .xx-large { font-size: 300%; } cite { font-style: normal; } .muted { color: #999; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .btn + .btn, .btn + .PlentyWebshopButton, .PlentyWebshopButton + .btn, .PlentyWebshopButton + .PlentyWebshopButton { margin-left: 5px; } ul, ol { margin-top: 0; margin-bottom: 12px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-top: 0; margin-bottom: 12px; } dt, dd { line-height: 1.42857143; } .itemDefList dt, .itemDefList dd { line-height: inherit; } dt { font-weight: bold; } dd { margin-left: 0; } address { margin-bottom: 12px; font-style: normal; line-height: inherit; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 1em; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; white-space: nowrap; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } @media (min-width: 300px) { .container { margin-right: auto; margin-left: auto; padding-left: 1px; padding-right: 1px; } } @media (min-width: 768px) { .container { width: 100%; } } @media (min-width: 992px) { .container { width: 100%; } } @media (min-width: 1200px) { .container { width: 1170px; } } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { /*width: 16.66666667%;*/ width: 20%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: 0%; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: 0%; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { /*width: 16.66666667%;*/ width: 25%; } .col-lg-1 { width: 8.33333333%; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } @media (max-width: 767px) { [class*="col-"] + [class*="col-"] { margin-top: 24px; } .form-group [class*="col-"] + [class*="col-"], [class*="col-xs-"] + [class*="col-xs-"] { margin-top: 0; } .col-xs-12 + .col-xs-12 { margin-top: 24px; } } label { display: inline-block; margin-bottom: 5px; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px 9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 12px; line-height: 1.42857143; color: #555555; } .form-control, .PlentyText, .PlentyTextarea, .ArticleAttrSelect, .formControlWrapper input[type="text"], .formControlWrapper input[type="password"], .formControlWrapper select, .formControlWrapper textarea, .PlentyWebMyAccount input[type="text"], .PlentyWebMyAccount input[type="password"], .PlentyWebMyAccount select, .PlentyWebMyAccount textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 12px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .PlentyText, .PlentyTextarea { width: 100% !important; } .form-control:focus, .PlentyText:focus, .PlentyTextarea:focus, .ArticleAttrSelect:focus, .formControlWrapper input[type="text"]:focus, .formControlWrapper input[type="password"]:focus, .formControlWrapper select:focus, .formControlWrapper textarea:focus, .PlentyWebMyAccount input[type="text"]:focus, .PlentyWebMyAccount input[type="password"]:focus, .PlentyWebMyAccount select:focus, .PlentyWebMyAccount textarea:focus, .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasDropdown.open > *, .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasDropdown.open:hover > * { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control:-moz-placeholder, .PlentyText:-moz-placeholder, .PlentyTextarea:-moz-placeholder, .ArticleAttrSelect:-moz-placeholder, .formControlWrapper input[type="text"]:-moz-placeholder, .formControlWrapper input[type="password"]:-moz-placeholder, .formControlWrapper select:-moz-placeholder, .formControlWrapper textarea:-moz-placeholder, .PlentyWebMyAccount input[type="text"]:-moz-placeholder, .PlentyWebMyAccount input[type="password"]:-moz-placeholder, .PlentyWebMyAccount select:-moz-placeholder, .PlentyWebMyAccount textarea:-moz-placeholder { color: #999; opacity: 1; } .form-control::-moz-placeholder, .PlentyText::-moz-placeholder, .PlentyTextarea::-moz-placeholder, .ArticleAttrSelect::-moz-placeholder, .formControlWrapper input[type="text"]::-moz-placeholder, .formControlWrapper input[type="password"]::-moz-placeholder, .formControlWrapper select::-moz-placeholder, .formControlWrapper textarea::-moz-placeholder, .PlentyWebMyAccount input[type="text"]::-moz-placeholder, .PlentyWebMyAccount input[type="password"]::-moz-placeholder, .PlentyWebMyAccount select::-moz-placeholder, .PlentyWebMyAccount textarea::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder, .PlentyText:-ms-input-placeholder, .PlentyTextarea:-ms-input-placeholder, .ArticleAttrSelect:-ms-input-placeholder, .formControlWrapper input[type="text"]:-ms-input-placeholder, .formControlWrapper input[type="password"]:-ms-input-placeholder, .formControlWrapper select:-ms-input-placeholder, .formControlWrapper textarea:-ms-input-placeholder, .PlentyWebMyAccount input[type="text"]:-ms-input-placeholder, .PlentyWebMyAccount input[type="password"]:-ms-input-placeholder, .PlentyWebMyAccount select:-ms-input-placeholder, .PlentyWebMyAccount textarea:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder, .PlentyText::-webkit-input-placeholder, .PlentyTextarea::-webkit-input-placeholder, .ArticleAttrSelect::-webkit-input-placeholder, .formControlWrapper input[type="text"]::-webkit-input-placeholder, .formControlWrapper input[type="password"]::-webkit-input-placeholder, .formControlWrapper select::-webkit-input-placeholder, .formControlWrapper textarea::-webkit-input-placeholder, .PlentyWebMyAccount input[type="text"]::-webkit-input-placeholder, .PlentyWebMyAccount input[type="password"]::-webkit-input-placeholder, .PlentyWebMyAccount select::-webkit-input-placeholder, .PlentyWebMyAccount textarea::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], .PlentyText[disabled], .PlentyText[readonly], .PlentyTextarea[disabled], .PlentyTextarea[readonly], .ArticleAttrSelect[disabled], .ArticleAttrSelect[readonly], .formControlWrapper input[disabled], .formControlWrapper input[readonly], .PlentyWebMyAccount input[disabled], .PlentyWebMyAccount input[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } /* error */ .form-control.has-error, .form-group.has-error .form-control, .formControlWrapper input.has-error, .PlentyWebMyAccount input.has-error, .PlentyText.has-error, .PlentyTextarea.has-error, .formControlWrapper .PlentyError input[type="text"], .formControlWrapper .PlentyError input[type="password"], .formControlWrapper .PlentyError select, .formControlWrapper .PlentyError textarea, .PlentyWebMyAccount .PlentyError input[type="text"], .PlentyWebMyAccount .PlentyError input[type="password"], .PlentyWebMyAccount .PlentyError select, .PlentyWebMyAccount .PlentyError textarea { border-color: #f00; background-color: rgba(255, 0, 0, 0.05); } .form-group.has-error .control-label, .formControlWrapper .PlentyError label { border-color: #f00; } .form-control.has-error:-moz-placeholder, .formControlWrapper input.has-error:-moz-placeholder, .form-group.has-error .form-control:-moz-placeholder, .formControlWrapper .PlentyError input[type="text"]:-moz-placeholder, .formControlWrapper .PlentyError input[type="password"]:-moz-placeholder, .formControlWrapper .PlentyError select:-moz-placeholder, .formControlWrapper .PlentyError textarea:-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type="text"]:-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type="password"]:-moz-placeholder, .PlentyWebMyAccount .PlentyError select:-moz-placeholder, .PlentyWebMyAccount .PlentyError textarea:-moz-placeholder { color: #f00; opacity: 1; } .formControlWrapper input.has-error::-moz-placeholder, .form-control.has-error::-moz-placeholder, .form-group.has-error .form-control::-moz-placeholder, .formControlWrapper .PlentyError input[type="text"]::-moz-placeholder, .formControlWrapper .PlentyError input[type="password"]::-moz-placeholder, .formControlWrapper .PlentyError select::-moz-placeholder, .formControlWrapper .PlentyError textarea::-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type="text"]::-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type="password"]::-moz-placeholder, .PlentyWebMyAccount .PlentyError select::-moz-placeholder, .PlentyWebMyAccount .PlentyError textarea::-moz-placeholder { color: #f00; opacity: 1; } .formControlWrapper input.has-error:-ms-input-placeholder, .form-control.has-error:-ms-input-placeholder, .form-group.has-error .form-control:-ms-input-placeholder, .formControlWrapper .PlentyError input[type="text"]:-ms-input-placeholder, .formControlWrapper .PlentyError input[type="password"]:-ms-input-placeholder, .formControlWrapper .PlentyError select:-ms-input-placeholder, .formControlWrapper .PlentyError textarea:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError input[type="text"]:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError input[type="password"]:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError select:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError textarea:-ms-input-placeholder { color: #f00; } .form-control.has-error::-webkit-input-placeholder, .form-control.has-error::-webkit-input-placeholder, .form-group.has-error .form-control::-webkit-input-placeholder, .formControlWrapper .PlentyError input.has-error::-webkit-input-placeholder, .formControlWrapper .PlentyError input[type="text"]:-webkit-input-placeholder, .formControlWrapper .PlentyError input[type="password"]:-webkit-input-placeholder, .formControlWrapper .PlentyError select:-webkit-input-placeholder, .formControlWrapper .PlentyError textarea:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError input[type="text"]:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError input[type="password"]:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError select:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError textarea:-webkit-input-placeholder { color: #f00; } /* mandatory field global */ /* input */ .PlentyMandatoryField + .PlentyFormValue > *:-moz-placeholder { font-weight: bold; } .PlentyMandatoryField + .PlentyFormValue > *::-moz-placeholder { font-weight: bold; } .PlentyMandatoryField + .PlentyFormValue > *:-ms-input-placeholder { font-weight: bold; } .PlentyMandatoryField + .PlentyFormValue > *:-webkit-input-placeholder { font-weight: bold; } /* label */ .PlentyMandatoryField, .PlentyMandatoryField input, .PlentyMandatoryField textarea, .PlentyMandatoryField select, .PlentyMandatoryField + .PlentyFormValue > *, .PlentySubmitFormLabel.Required > * { font-weight: bold; } /* end mandatory field global */ textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"] { line-height: 34px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; } .radio label, .checkbox label { display: inline; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } } .form-group.error .control-label, .form-group.error .help-block, .form-group.error .help-inline { color: #D4021D; } .form-group.error input, .form-group.error select, .form-group.error textarea { border-color: #D4021D; } .form-group.error .checkbox, .form-group.error .radio, .form-group.error input, .form-group.error select, .form-group.error textarea { color: #D4021D; } @media (max-width: 767px) { .clear-label { float: left; } .clear-label + [class*="col-"] { clear: left; } } /* button */ .btn, .PlentyWebshopButton, .PlentySubmitButton, .LiveSearchShowMoreArticleHint input[type="button"], .PostfinderTriggerTextLabel, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount input[type="button"] { display: inline-block; *display: inline; height: 34px; padding: 5px 10px; margin-bottom: 0; *margin-left: .3em; font-size: 12px; line-height: 22px; text-align: center; vertical-align: middle; cursor: pointer; background-repeat: repeat-x; *border: 0; border-width: 1px; border-style: solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.25)), color-stop(100%, rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .btn:focus, .btn:active:focus, .btn.active:focus, .PlentyWebshopButton:focus, .PlentySubmitButton:focus, .LiveSearchShowMoreArticleHint input[type="button"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .PlentyWebshopButton:hover, .PlentyWebshopButton:focus, .PlentySubmitButton:hover, .PlentySubmitButton:focus, .LiveSearchShowMoreArticleHint input[type="button"]:hover, .LiveSearchShowMoreArticleHint input[type="button"]:focus, .PostfinderTriggerTextLabel:hover, .PostfinderTriggerTextLabel:focus, .PlentyWebMyAccount .button:hover, .PlentyWebMyAccount .button:focus, .PlentyWebMyAccount .inlineSubmitButton:hover, .PlentyWebMyAccount .inlineSubmitButton:focus, .PlentyWebMyAccount .button:hover, .PlentyWebMyAccount .button:focus, .PlentyWebMyAccount .inlineSubmitButton:hover, .PlentyWebMyAccount .inlineSubmitButton:focus, .PlentyWebMyAccount input[type="button"]:hover, .PlentyWebMyAccount input[type="button"]:focus { text-decoration: none; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 -100px 0 200px rgba(255, 255, 255, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 -100px 0 200px rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 -100px 0 200px rgba(255, 255, 255, 0.2); } .btn:active, .btn.active, .PlentyWebshopButton:active, .PlentySubmitButton:active, .LiveSearchShowMoreArticleHint input[type="button"]:active, .PostfinderTriggerTextLabel:active, .PlentyWebMyAccount .button:active, .PlentyWebMyAccount .inlineSubmitButton:active, .PlentyWebMyAccount .button:active, .PlentyWebMyAccount .inlineSubmitButton:active, .PlentyWebMyAccount input[type="button"]:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], .PlentyWebshopButton.disabled, .PlentyWebshopButton[disabled], .toBasketWrapper.disabled > a { cursor: not-allowed; pointer-events: none; -khtml-opacity: 0.65; -moz-opacity: 0.65; opacity: 0.65; filter: alpha(opacity=65); } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { } /* button types */ .btn-default, .btn-warning { border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2); color: #444; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } .btn-primary, .btn-success, .btn-info, .btn-danger, .PlentyWebshopButton, .PlentySubmitButton, .LiveSearchShowMoreArticleHint input[type="button"], .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount input[type="button"] { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn-default { background-color: #f8f8f8; } .btn-primary, .PlentyWebshopButton, .PlentySubmitButton, .LiveSearchShowMoreArticleHint input[type="button"], .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount input[type="button"] { background-color: #de1a22; } .btn-success { background-color: #3b0; } .btn-info { background-color: #999; } .btn-warning { background-color: #fc3; } .btn-danger { background-color: #f11; } .btn-default:hover, .btn-default:focus, .btn-default:active { background-color: #fff; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-warning:hover, .btn-warning:focus, .btn-warning:active { color: #333; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, a.PlentyWebshopButton:hover, a.PlentyWebshopButton:focus, .PlentySubmitButton:hover, .PlentySubmitButton:focus, .LiveSearchShowMoreArticleHint input[type="button"]:hover, .LiveSearchShowMoreArticleHint input[type="button"]:focus { color: #fff; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* glyphicon button */ .btn > span.glyphicon:before, .PlentyWebshopButton:before { font-size: 1.1em; vertical-align: middle; margin-right: 0.4em; } .btn.onlyIcon > span.glyphicon:before { margin-right: 0; } .btn.btn-xs > span.glyphicon:before { font-size: inherit; } /* icon button / icon inline */ .imageBox > img, .imageBox > .glyphicon { vertical-align: middle; } .imageBox > img { max-width: 100%; } .btn > .glyphicon:before { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } .glyphicon:before { font-family: "glyphicon"; } .btn.glyphicon:before { font-size: 24px; line-height: 1.5em; } .nav a.onlyIcon > .glyphicon:before, .navbar .navbar-form button > .glyphicon:before, button.navbar-toggle > .glyphicon:before { font-size: 18px; vertical-align: middle; color: #888; } .navbar .navbar-form button.onlyIcon:hover > .glyphicon:before, .navbar .navbar-form button.onlyIcon:focus > .glyphicon:before { color: #666; } /* icon link */ @media (min-width: 992px) { .nav li > a:hover > .glyphicon:before, .nav li > a:focus > .glyphicon:before { color: #de1a22; } } .btn-lg, .btn-group-lg > .btn { height: 48px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { height: 32px; padding: 5px 10px; font-size: 12px; line-height: 18px; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { height: 24px; padding: 2px 5px; font-size: 12px; line-height: 18px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; font-size: 18px; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .caret { content: ""; display: inline-block; width: 0; height: 0; vertical-align: top; border-color: #777 transparent; border-width: 4px; border-style: solid solid none solid; } .dropdown { position: relative; } .dropdown.bigmenu { position: static; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: -1px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 10px 0; margin: 0px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .bigmenu > .dropdown-menu { left: 0; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 5px 0 6px; overflow: hidden; background-color: #ddd; } .dropdown-menu li > a { display: block; padding: 4px 14px; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; clear: both; color: #333; } .dropdown-menu li > a { line-height: 20px; } .dropdown-menu > li > a, .dropdown-menu > li > ul > li > a { margin: 0 10px; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .nav > li.enable-xs-sm > .dropdown-menu a:hover, .nav > li.enable-xs-sm > .dropdown-menu a:focus { color: #de1a22; text-decoration: none; /*border-color: rgba(0, 142, 189, 0.5);*/ border-bottom: 1px solid rgba( 222,26,34,0.4); } .dropdown-menu .active > a { color: #de1a22; } .dropdown-menu .active > a:hover, .dropdown-menu .active > a:focus { text-decoration: none; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } @media (max-width: 991px) { .open > .dropdown-menu { display: block; } } .touch .open > a[data-plenty-enable="touch"] + .dropdown-menu, .touch .open > a[data-plenty-enable="toggle-xs-sm-or-touch"] + .dropdown-menu { display: block; } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } /* level 3..n */ .dropdown-menu > li ul { list-style-type: none; margin-left: 0; } .dropdown-menu > li ul li > a { padding-left: 30px; } li.dropdown > ul.dropdown-menu > li ul { display: none; } @media (min-width: 992px) { /* bigmenu level 2 */ li.dropdown.bigmenu > ul.dropdown-menu > li > a { font-weight: bold; } /* bigmenu level 3 */ li.dropdown.bigmenu > ul.dropdown-menu > li > ul { display: block; } } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; font-weight: bold; } .pull-right > .dropdown-menu { right: 0; left: auto; } @media (min-width: 992px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } @media (max-width: 991px) { .navbar-right > h2 { /* according to .paddingLeftRight */ padding-left: 20px; padding-right: 20px; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: none; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav ul { padding-left: 0; } .nav > li { display: block; } .nav > li > a { position: relative; display: block; padding: 5px; } @media (max-width: 991px) { .navbar-information .nav > li > a { color: #888; } .nav > li > a:hover, .nav > li > a:focus { color: #666; } } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; color: #000; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; background-color: transparent; cursor: not-allowed; } @media (min-width: 992px) { .mainNavigation > .nav > li.active > a { outline: none; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.05) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.05))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.05) 100%); background-image: -o-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.05) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(0,0,0,0.05) 100%); background-image: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,0.05) 100%); } .ielte9 .mainNavigation > .nav > li.active > a { border-bottom: 4px solid #008EBD; padding-bottom: 3px; /* standard padding bottom - border bottom width */ } .nav-main .nav > li > a { z-index: 1005; float: none; padding: 10px 17px 9px; border-width: 1px; border-style: solid solid none; border-color: transparent; color: #555; text-decoration: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .nav-main .nav > li > a.onlyIcon { padding: 9px 15px 8px; } .categoryView .navbar .nav > li > a { z-index: auto; } /* level 4..6 */ .navbar-main > li > ul > li > ul ul { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .navbar .nav > li > a { padding-left: 13px; padding-right: 13px; } .touch .navbar .nav > li > a { padding-left: 11px; padding-right: 11px; } .touch .nav a.onlyIcon { padding-left: 11px; padding-right: 11px; } } /* transition */ .nav > li > a, .nav > li > a:before, .navbarButton, .mainNavigation > .navbar-form input[type="search"], .glyphicon:before, .transition, .transitionAfter:after, .dropdown-menu > li > a, .dropdown-menu > li > ul > li > a, .dropdown-menu > li > ul > li > a:before, .accordionListTrigger:after, .navigationList a, .linkBox > a, .PlentyTagLink, .navigationTree a .facetValueLabel, .AvailabilityFilterElement > label, .CharacterFilterElement > label, .badge, .LiveSearchCloseIconWrapper:before, .PlentyGuiIcon.TabCloseButton:before, .PlentyWebMyAccountOverlayClose:before, .categoryPagination .nav a, .categoryPagination .navbar .nav li > a { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .itemBox:hover .itemBoxInner, .crossSellingItem:hover .crossSellingItemInner { -webkit-transition: -webkit-box-shadow 300ms ease 0s; -webkit-transition: box-shadow 300ms ease 0s; -moz-transition: -moz-box-shadow 300ms ease 0s; -moz-transition: box-shadow 300ms ease 0s; -o-transition: box-shadow 300ms ease 0s; -ms-transition: box-shadow 300ms ease 0s; transition: box-shadow 300ms ease 0s; } .navbar .nav .caret { margin-top: 8px; margin-left: 6px; margin-right: -6px; } .no-touch .navbar .nav.navbar-main .caret { display: none; } @media (max-width: 991px) { .navbar .nav.navbar-main .caret { display: none; } } .touch .navbar .nav.navbar-main ul .caret { display: none; } @media (min-width: 992px) { .no-touch .nav-main .nav > li:hover > a, .no-touch .nav-main .navbar-information .nav > li.open > a, .touch .nav-main .nav > li.open > a[data-plenty-enable="touch"], .touch .nav-main .nav > li.open.active > a[data-plenty-enable="touch"], .touch .nav-main .nav > li.open > a[data-plenty-enable="toggle-xs-sm-or-touch"], .touch .nav-main .nav > li.open.active > a[data-plenty-enable="toggle-xs-sm-or-touch"] { text-decoration: none; border-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); color: #000; } } .nav.inverse > li:hover > a { text-decoration: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; } .nav > li.dropdown:hover > a, .touch .nav > li.dropdown.open > a[data-plenty-enable="touch"], .touch .nav > li.dropdown.open.active > a[data-plenty-enable="touch"] { background-image: none; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-style: none none solid; } .tab-content { border-style: none solid solid; } @media (max-width: 413px) { .nav-tabs.tabs-responsive, .tab-content.tabs-responsive { border-style: none none none solid; } } .nav-tabs, .tab-content { border-width: 1px; border-color: #ddd; } .nav-tabs.extended { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .nav-tabs > li { float: left; margin-bottom: -1px; } @media (max-width: 413px) { .nav-tabs.tabs-responsive > li { margin-left: -1px; } } .nav-tabs > li > a, .nav-tabs > li:hover > a { margin-right: 2px; padding: 10px 15px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; cursor: pointer; } @media (max-width: 413px) { .nav-tabs.tabs-responsive > li > a, .nav-tabs.tabs-responsive > li:hover > a { border-radius: 0 4px 4px 0; } } .nav-tabs > li.active > a { cursor: default; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media (max-width: 413px) { .nav-tabs.tabs-responsive > li > a:hover { border-color: #eee #eee #eee #ddd; } } .nav-tabs.inverse > li > a:hover { border-color: rgba(255, 255, 255, 0.25); } .nav-tabs > li > a > .glyphicon:before { color: inherit; } .nav-tabs > li.active > a, .nav-tabs > li.active:hover > a, .nav-tabs > li.active > a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } @media (max-width: 413px) { .nav-tabs.tabs-responsive > li.active > a, .nav-tabs.tabs-responsive > li.active:hover > a, .nav-tabs.tabs-responsive > li.active > a:focus { border-color: #ddd #ddd #ddd transparent; } } .tab-content { padding: 12px 15px 0; } @media (max-width: 413px) { .tab-content { padding-right: 0; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-inline > li { display: inline-block; } .navbar { position: relative; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 992px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } } .container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 992px) { .container > .navbar-header, .container > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-brand { font-size: 18px; line-height: 20px; } @media (max-width: 991px) { .navbar-brand { display: block; margin: 8px 80px; } .navbar-brand img { max-width: 100%; } } @media (min-width: 992px) { .navbar-brand { padding: 15px 15px; } .navbar-toggle { position: relative; float: right; margin: 8px 15px; padding: 4px 10px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 3px; width: 44px; height: 34px; } } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-toggle:focus { outline: none; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } /* hide mobile nav toggle */ @media (min-width: 992px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 8px -2px; } .navbar-nav > li > a { line-height: 20px; } /* navigation (navigation breakpoint max 991px) */ @media (max-width: 991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 992px) { .navbar-nav { float: left; margin: 0; } .mainNavigation > .navbar-nav { clear: left; } .navbar-nav > li { float: left; } .navbar-left { float: left !important; } .navbar-right { float: right !important; } } @media (min-width: 992px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { float: none; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 991px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 992px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #de1a22; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ccc; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #eee; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .badge { border: thin solid rgba(153, 153, 153, 0.2); border-radius: 17px; color: #999; display: inline-block; font-size: 12px; font-weight: bold; line-height: 1; padding: 3px 7px; text-align: right; vertical-align: baseline; white-space: nowrap; width: 35px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #008ebd; background-color: #ffffff; } /* close icon */ .close, .LiveSearchCloseIconWrapper:before, .PlentyGuiIcon.TabCloseButton:before, .PlentyWebMyAccountOverlayClose:before { font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #ffffff; -khtml-opacity: 0.2; -moz-opacity: 0.2; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .close { float: right; } .close:hover, .close:focus, .LiveSearchCloseIconWrapper:hover:before, .PlentyGuiIcon.TabCloseButton:hover:before, .PlentyWebMyAccountOverlayClose:hover:before { text-decoration: none; cursor: pointer; -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal { display: none; overflow: auto; overflow-y: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10050; -webkit-overflow-scrolling: touch; outline: 0; } body.no-js > noscript > .modal { display: block; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; } .modal-content, .pmPopup, .PlentyWebMyAccountPopupContainer, .PlentyWebMyAccountAdviceContainer, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer, .ui-datepicker, .PlentyWebshopPopup { background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header, .PlentyWebMyAccountPopupContainer > div > div:first-child, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div.PlentyFormBox > div.PlentyWebMyAccountPopupTitleContainer, .ui-datepicker-header, .PlentyWebshopPopupHeader { padding: 15px; border-bottom: 1px solid #e0e0e0; min-height: 16.42857143px; } .modal-header .close { margin-top: -2px; } .autocloseTimer { float: right; margin: -2px 6px 0 0; font-size: 13px; font-weight: normal; color: #888; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body, .PlentyWebMyAccountPopupContainer > div > div + div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div.PlentyFormBox > div.PlentyWebMyAccountPopupTitleContainer + div, .PlentyWebshopPopupContent { position: relative; padding: 20px; } .modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e0e0e0; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } /*** BOOTSTRAP TOOLTIP ***/ .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; font-weight: 400; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; } .clearfix:after, .container:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; right: -10px; top: -50px; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } @media (min-width: 768px) { .affix { position: fixed; } } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 359px) { .hidden-360 { display: none !important; } } @media (max-width: 374px) { .hidden-375 { display: none !important; } } @media (max-width: 413px) { .hidden-414 { display: none !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } @media print { .hidden-print { display: none !important; } } .bg-danger { background-color: #f2dede; } .text-danger { color: #a94442; } .bg-warning { background-color: #fcf8e3; } .text-warning { color: #8a6d3b; } /*** PLENTY STYLES ****/ .nav-main { border-color: #eee; border-style: none none solid; border-width: 1px; padding-bottom: 10px; } .mainNavigation { position: relative; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .navbar-nav > li > a { position: relative; } .mainNavigation .nav > li + li > a { margin-left: -1px; } .mainNavigation .nav > li > a:after, .mainNavigation .nav:after { content: ""; position: absolute; display: block; bottom: 0; right: -1px; width: 1px; height: 40px; background: #ddd; } .mainNavigation .nav > li > a { height: 40px; } .nav.navbar-nav:after { right: auto; left: 0; } .no-touch .nav > li.dropdown:hover > a:before, .no-touch .navbar-information .nav > li.dropdown.open > a:before, .touch .nav > li.dropdown.open > a[data-plenty-enable="touch"]:before, .touch .nav > li.dropdown.open > a[data-plenty-enable="toggle-xs-sm-or-touch"]:before { content: ""; position: absolute; display: block; left: 0; right: 0; top: 33px; width: auto; height: 12px; background: #fff; } /* open nav dropdown */ .no-touch .navbar .nav > li.dropdown:hover > ul, .no-touch .navbar .navbar-information .nav > li.dropdown.open > ul { display: block; } } /* search */ .mainNavigation > .navbar-form { padding-top: 5px; padding-right: 0; margin: 0; } .mainNavigation > .navbar-form input[type="search"], .mainNavigation > .navbar-form button { border-color: rgba(0, 0, 0, 0.15); vertical-align: middle; } .mainNavigation > .navbar-form input[type="search"] { width: 200px; height: 30px; margin: 0; border-right-style: none; background-color: transparent; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.075) inset; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.075) inset; } @media (max-width: 1199px) { .mainNavigation > .navbar-form input[type="search"] { width: 150px; } } @media (max-width: 991px) { .mainNavigation > .navbar-form input[type="search"] { width: 200px; } } .mainNavigation > .navbar-form input[type="search"]:hover { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset; } .mainNavigation > .navbar-form input[type="search"]:focus { /*width: 300px;*/ background-color: rgba(0, 0, 0, 0.025); -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1) inset; } @media (max-width: 1199px) { .mainNavigation > .navbar-form input[type="search"]:focus { /*width: 200px;*/ } } @media (max-width: 991px) { .mainNavigation > .navbar-form input[type="search"]:focus { /*width: 300px;*/ } } .mainNavigation > .navbar-form button { width: 34px; height: 30px; border-style: solid; border-width: 1px; padding: 0; background-color: transparent; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .mainNavigation > .navbar-form button:active { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2) inset; } /* bigmenu */ @media (min-width: 992px) { .dropdown.bigmenu > ul.dropdown-menu { width: 100%; padding: 10px 0 15px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px; -webkit-column-rule: 1px solid #e0e0e0; -moz-column-rule: 1px solid #e0e0e0; column-rule: 1px solid #e0e0e0; } /* ie fix lte9 */ .ielte9 .dropdown.bigmenu > ul.dropdown-menu > li { display: block; float: left; width: 25%; } .ielte9 .dropdown.bigmenu > ul.dropdown-menu > li + li:before { content: ""; position: absolute; display: block; top: 15px; bottom: 20px; width: 1px; background-color: #e0e0e0; } } .dropdown.bigmenu > ul.dropdown-menu > li { display: inline-block; width: 100%; margin: 10px 0; vertical-align: top; column-break-after: auto; } @media (min-width: 992px) { .liveSearch { position: absolute; display: none; top: 40px; right: 0; z-index: 10020; } } .navbar-form { position: relative; } /* live search (autocomplete) */ .liveSearch { width: 100%; } @media (min-width: 992px) and (max-width: 1199px) { .liveSearch { width: 300px; } } /* remove border */ .liveSearch > fieldset { width: auto !important; margin: 0 !important; border: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5); } /* destroy table */ .liveSearch table, .liveSearch tbody, .liveSearch tr, .liveSearch td, .LiveSearchArticleName, .LiveSearchArticleName > a, .LiveSearchShowMoreArticleHint { display: block; } /* header */ .liveSearch tr:first-child > td:first-child { padding: 6px 40px 6px 15px; border-bottom: 1px solid #ddd; font-size: 15px; color: #444; text-indent: -100000px; } /* close icon */ .liveSearch tr:first-child > td + td { position: absolute; top: 11px; right: 8px; height: 16px; line-height: 16px; } .LiveSearchCloseIconWrapper { display: block; width: 16px; height: 16px; cursor: pointer; } .LiveSearchCloseIconWrapper:before, .PlentyGuiIcon.TabCloseButton:before, .PlentyWebMyAccountOverlayClose:before { content: "\00d7"; display: block; width: 16px; height: 16px; text-align: center; } .LiveSearchCloseIconWrapper:before { position: absolute; top: 0; right: 0; line-height: 10px; } .LiveSearchCloseIconWrapper:hover:before { } .LiveSearchCloseIconWrapper > img { position: absolute; top: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } /* row */ .liveSearch tr + tr { padding: 6px 12px; line-height: 18px; } .liveSearch tr + tr:after { content: ""; display: table; clear: both; } /* col */ .liveSearch tr + tr > td { padding: 0 3px; } .liveSearch tr + tr > td:first-child { float: left; width: 25%; } .liveSearch tr + tr > td + td { float: right; clear: right; width: 75%; text-align: left !important; } .LiveSearchImage { display: block; } .LiveSearchImage > img { max-width: 100% !important; max-height: 100px !important; } .liveSearch tr + tr > td + td br, .LiveSearchVAT, .LiveSearchShippingHandling { display: none; } /* button */ .liveSearch tr + tr:last-child > td[colspan="3"] { float: none; width: auto; } .LiveSearchShowMoreArticleHint > div { padding-top: 6px !important; border-top: 1px solid #ddd; } /* mobile navigation */ @media (max-width: 991px) { .navbar .mainNavigation li { position: relative; } .navbar .mainNavigation li.open > ul { display: block; } .navbar .nav li:before, .navbar .nav li:after { content: ""; display: table; } .navbar .nav li:after { clear: both; } .navbar-main > li:last-child { margin-bottom: 16px; } .nav a.glyphicon:before { top: 6px; left: 6px; text-align: left; } .nav.navbar-main a:hover > .glyphicon:before, .nav.navbar-main a:focus > .glyphicon:before, .nav.navbar-main li.active > a > .glyphicon:before { color: #008ebd; } .navbar .nav li > .openCloseToggle { display: block; position: absolute; top: 0; left: auto; right: 0; width: 38px; height: 38px; } .navbar .nav li > .openCloseToggle:before, .navbar .nav li.open.animating > .openCloseToggle:before { left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; } .navbar .nav li > a, .navbar .nav .dropdown-header { margin: 1px 2px; padding: 5px 8px; border-style: solid; border-width: 1px; border-color: #e0e0e0; border-radius: 3px; } .navbar .mainNavigation .nav li > a { margin: 0; padding: 10px 8px 8px; border-width: 1px; border-style: none none solid; border-color: #eee; border-color: rgba(0, 0, 0, 0.08); border-radius: 0; background: transparent; color: inherit; } .navbar .mainNavigation .nav > li > ul > li > a { padding-left: 20px; } .navbar .mainNavigation .nav > li > ul > li > ul > li > a { padding-left: 32px; } .navbar .mainNavigation .nav > li > ul > li > ul > li > ul > li > a { padding-left: 44px; } .navbar .mainNavigation .nav > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 56px; } .navbar .mainNavigation .nav > li > ul > li > ul > li > ul > li > ul > li > ul > li > a { padding-left: 68px; } .navbar .mainNavigation .nav li > a:hover, .navbar .mainNavigation .nav li > a:active, .navbar .mainNavigation .nav li.active > a, .navbar .mainNavigation .nav li.active > a:hover, .navbar .mainNavigation .nav li.active > a:active { color: #008ebd; } .navbar .mainNavigation .nav li > a > .badge { display: none; margin-right: 30px; } .dropdown-menu { position: static; float: none; min-width: 0; padding: 0 0 0 24px; border: none; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dropdown-menu li, .dropdown.bigmenu > ul.dropdown-menu > li { margin: 0; } .nav > li:hover > a, .nav > li.open > a, .nav > li.open.active > a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .navbar .nav .dropdown-toggle .caret { margin-right: -2px; } .dropdown.bigmenu { position: relative; } /* search */ .mainNavigation > .navbar-form { padding-left: 0; padding-top: 0; border-bottom: 1px solid; } .mainNavigation > .navbar-form .form-group { margin-bottom: 0; } .mainNavigation > .navbar-form { padding: 11px 15px; border-color: #ddd; } .navbarInputWrapper { position: relative; z-index: 10; margin-right: 34px; } .mainNavigation > .navbar-form input[type="search"], .mainNavigation > .navbar-form input[type="search"]:focus { width: 100%; } .mainNavigation > .navbar-form button { position: absolute; top: 11px; /* according to padding of .navbar-form */ right: 15px; } /* contact navi */ .navbar-information .nav > li { float: left; } /* live search */ .liveSearch { position: absolute; display: none; top: 50px; bottom: 0; left: 0; right: 0; z-index: 10020; } } @media (max-width: 359px) { .navbar .nav li.isPhone > a { padding-left: 0; padding-right: 0; border-color: transparent; } } .nav > li > a > .glyphicon:before { font-size: 16px; line-height: inherit; vertical-align: middle; } .imageBox.inverse .imageTextBox *, .bgImgBox.inverse * { color: #fff; text-shadow: 0 0 0.5em #000000, 0 0 0.1em rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1); } .imageBox.inverse, .imageBox.inverse h1, .imageBox.inverse h2, .imageBox.inverse h3 { color: #fff; } .headerBox p { font-size: 1.1rem; line-height: 1.25em; } @media (min-width: 768px) and (max-width: 991px) { .headerBox h1, .headerBox h2 { font-size: 2.5rem; } .headerBox p { font-size: 1.15rem; } .headerBox .large { font-size: 1.5rem; } .headerBox h1, .headerBox h2 { font-size: 1.5rem; line-height: 1.25em; } } @media (min-width: 992px) and (max-width: 1199px) { .headerBox h1, .headerBox h2 { font-size: 3rem; } .headerBox p { font-size: 1.25rem; } .headerBox .large { font-size: 2.2rem; } } @media (min-width: 1200px) { .headerBox h1, .headerBox h2 { font-size: 6rem; } .headerBox p { font-size: 1.5rem; } .headerBox .large { font-size: 2.8rem; } } .image-list { list-style: none; padding: 0; text-align: center; } .image-list > li { display: inline-block; margin: 2px 12px; vertical-align: middle; } /* footer */ footer { border-top: 1px solid #ddd; margin-top: 0; padding: 0; } footer a, footer a:hover, footer a:focus { color: inherit; } footer strong { font-weight: normal; text-transform: uppercase; color: #444; text-rendering: optimizelegibility; } footer hr { margin: 10px 0; } /* breadcrumbs */ .breadcrumbsContainer { position: relative; } @media (min-width: 768px) { .breadcrumbsContainer { position: relative; z-index: 21; height: 35px; margin-bottom: -35px; overflow: hidden; background-color: #e0e0e0; background-color: rgba(255, 255, 255, 0.7); } .breadcrumbsContainer.inverse { background: transparent; } .breadcrumbs { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inverse .breadcrumbs { color: #fff; } } .breadcrumbs { list-style-type: none; margin: 7px 0 0; padding: 0; font-size: 11px; letter-spacing: 0.04em; color: #000; } .breadcrumbs > li { display: inline-block; ; } .breadcrumbs > li > a, .inverse .breadcrumbs > li > a:hover, .inverse .breadcrumbs > li > a:focus { color: inherit; } .breadcrumbs > li > a:hover, .breadcrumbs > li > a:focus { color: #000; } .block, .h3, .p { display: block; } .inlineBlock { display: inline-block; } .hiddenText { text-indent: -100000px; } .center { text-align: center; } .right { text-align: right; } .normal { font-weight: normal; } .small { font-size: 85%; } /* height classes */ @media (max-width: 767px) { .h-xs-0 { max-height: 140px; height: 140px; max-width: 125px; height: 125px; } /* TODO: what does that mean? */ .h-xs-1 { height: 24px; } .h-xs-2 { height: 48px; } .h-xs-3 { height: 72px; } .h-xs-4 { height: 96px; } .h-xs-5 { height: 120px; } .h-xs-6 { height: 144px; } .h-xs-1.adapt-line-height { line-height: 24px; } .h-xs-2.adapt-line-height { line-height: 48px; } .h-xs-3.adapt-line-height { line-height: 72px; } .h-xs-4.adapt-line-height { line-height: 96px; } .h-xs-5.adapt-line-height { line-height: 120px; } .h-xs-6.adapt-line-height { line-height: 144px; } .max-h-xs-1 { max-height: 24px; } .max-h-xs-2 { max-height: 48px; } .max-h-xs-3 { max-height: 72px; } .max-h-xs-4 { max-height: 96px; } .max-h-xs-5 { max-height: 120px; } .max-h-xs-6 { max-height: 144px; } .h-xs-offset-0 { margin-top: 0; } .h-xs-offset-025 { margin-top: 6px; } .h-xs-offset-05 { margin-top: 12px; } .h-xs-offset-075 { margin-top: 18px; } .h-xs-offset-1 { margin-top: 24px; } .h-xs-offset-2 { margin-top: 48px; } .h-xs-offset-3 { margin-top: 72px; } .h-xs-offset-4 { margin-top: 96px; } .h-xs-offset-5 { margin-top: 120px; } .h-xs-offset-6 { margin-top: 144px; } .h-xs-offset-bot-0 { margin-bottom: 0; } .h-xs-offset-bot-025 { margin-bottom: 6px; } .h-xs-offset-bot-05 { margin-bottom: 12px; } .h-xs-offset-bot-075 { margin-bottom: 18px; } .h-xs-offset-bot-1 { margin-bottom: 24px; } .h-xs-offset-bot-2 { margin-bottom: 48px; } .h-xs-offset-bot-3 { margin-bottom: 64px; } } @media (min-width: 768px) and (max-width: 991px) { .h-sm-1 { height: 62.5px; } .h-sm-2 { height: 95px; } .h-sm-3 { height: 157.5px; } .h-sm-4 { height: 220px; } .h-sm-5 { height: 282.5px; } .h-sm-6 { height: 345px; } .h-sm-7 { height: 407.5px; } .h-sm-8 { height: 470px; } .h-sm-1.adapt-line-height { line-height: 62.5px; } .h-sm-2.adapt-line-height { line-height: 95px; } .h-sm-3.adapt-line-height { line-height: 157.5px; } .h-sm-4.adapt-line-height { line-height: 220px; } .h-sm-5.adapt-line-height { line-height: 282.5px; } .h-sm-6.adapt-line-height { line-height: 345px; } .h-sm-7.adapt-line-height { line-height: 407.5px; } .h-sm-8.adapt-line-height { line-height: 470px; } .max-h-sm-1 { max-height: 62.5px; } .max-h-sm-2 { max-height: 95px; } .max-h-sm-3 { max-height: 157.5px; } .max-h-sm-4 { max-height: 220px; } .max-h-sm-5 { max-height: 282.5px; } .max-h-sm-6 { max-height: 345px; } .h-sm-offset-0 { margin-top: 0; } .h-sm-offset-025 { margin-top: 15px; } .h-sm-offset-05 { margin-top: 31px; } .h-sm-offset-075 { margin-top: 46px; } .h-sm-offset-1 { margin-top: 62.5px; } .h-sm-offset-2 { margin-top: 95px; } .h-sm-offset-3 { margin-top: 157.5px; } .h-sm-offset-4 { margin-top: 220px; } .h-sm-offset-5 { margin-top: 282.5px; } .h-sm-offset-6 { margin-top: 345px; } .h-sm-offset-bot-0 { margin-bottom: 0; } .h-sm-offset-bot-025 { margin-bottom: 15px; } .h-sm-offset-bot-05 { margin-bottom: 31px; } .h-sm-offset-bot-075 { margin-bottom: 46px; } .h-sm-offset-bot-1 { margin-bottom: 62.5px; } .h-sm-offset-bot-2 { margin-bottom: 95px; } .h-sm-offset-bot-3 { margin-bottom: 157.5px; } } @media (min-width: 992px) and (max-width: 1199px) { .h-md-1 { height: 80.83px; } .h-md-2 { height: 131.67px; } .h-md-3 { height: 212.5px; } .h-md-4 { height: 293.33px; } .h-md-5 { height: 374.16px; } .h-md-6 { height: 455px; } .h-md-1.adapt-line-height { line-height: 80.83px; } .h-md-2.adapt-line-height { line-height: 131.67px; } .h-md-3.adapt-line-height { line-height: 212.5px; } .h-md-4.adapt-line-height { line-height: 293.33px; } .h-md-5.adapt-line-height { line-height: 374.16px; } .h-md-6.adapt-line-height { line-height: 455px; } .max-h-md-1 { max-height: 80.83px; } .max-h-md-2 { max-height: 131.67px; } .max-h-md-3 { max-height: 212.5px; } .max-h-md-4 { max-height: 293.33px; } .max-h-md-5 { max-height: 374.16px; } .max-h-md-6 { max-height: 455px; } .h-md-offset-0 { margin-top: 0; } .h-md-offset-025 { margin-top: 20px; } .h-md-offset-05 { margin-top: 40px; } .h-md-offset-075 { margin-top: 60px; } .h-md-offset-1 { margin-top: 80.83px; } .h-md-offset-2 { margin-top: 131.67px; } .h-md-offset-3 { margin-top: 212.5px; } .h-md-offset-4 { margin-top: 293.33px; } .h-md-offset-5 { margin-top: 374.16px; } .h-md-offset-6 { margin-top: 455px; } .h-md-offset-bot-0 { margin-bottom: 0; } .h-md-offset-bot-025 { margin-bottom: 20px; } .h-md-offset-bot-05 { margin-bottom: 40px; } .h-md-offset-bot-075 { margin-bottom: 60px; } .h-md-offset-bot-1 { margin-bottom: 80.83px; } .h-md-offset-bot-2 { margin-bottom: 131.67px; } .h-md-offset-bot-3 { margin-bottom: 212.5px; } } @media (min-width: 1200px) { .h-lg-1 { height: 97.5px; } .h-lg-2 { height: 165px; } .h-lg-3 { height: 262.5px; } .h-lg-4 { height: 360px; } .h-lg-5 { height: 457.5px; } .h-lg-6 { height: 555px; } .h-lg-1.adapt-line-height { line-height: 97.5px; } .h-lg-2.adapt-line-height { line-height: 165px; } .h-lg-3.adapt-line-height { line-height: 262.5px; } .h-lg-4.adapt-line-height { line-height: 360px; } .h-lg-5.adapt-line-height { line-height: 457.5px; } .h-lg-6.adapt-line-height { line-height: 555px; } .max-h-lg-1 { max-height: 97.5px; } .max-h-lg-2 { max-height: 165px; } .max-h-lg-3 { max-height: 262.5px; } .max-h-lg-4 { max-height: 360px; } .max-h-lg-5 { max-height: 457.5px; } .max-h-lg-6 { max-height: 555px; } .h-lg-offset-0 { margin-top: 0; } .h-lg-offset-025 { margin-top: 24px; } .h-lg-offset-05 { margin-top: 49px; } .h-lg-offset-075 { margin-top: 74px; } .h-lg-offset-1 { margin-top: 97.5px; } .h-lg-offset-2 { margin-top: 165px; } .h-lg-offset-3 { margin-top: 262.5px; } .h-lg-offset-4 { margin-top: 360px; } .h-lg-offset-5 { margin-top: 457.5px; } .h-lg-offset-6 { margin-top: 555px; } .h-lg-offset-bot-0 { margin-bottom: 0; } .h-lg-offset-bot-025 { margin-bottom: 24px; } .h-lg-offset-bot-05 { margin-bottom: 48px; } .h-lg-offset-bot-075 { margin-bottom: 64px; } .h-lg-offset-bot-1 { margin-bottom: 97.5px; } .h-lg-offset-bot-2 { margin-bottom: 165px; } .h-lg-offset-bot-3 { margin-bottom: 262.5px; } } /* universal classes */ .hideOverflow { overflow: hidden; } .hideOverflow > input[type="file"] { max-width: 100%; } .uppercase { text-transform: uppercase; } /* navigation tree */ .navigationTree ul { list-style-type: none; } .navigationTree ul { padding: 0 0 0 18px; } .js .navigationTree ul { display: none;} .js .navigationTree > ul, .navigationTree .open > ul { display: block; } .navigationTree > ul { padding: 0; } .navigationTree li { position: relative; } .openCloseToggle { position: absolute; display: block; z-index: 1; top: 0; height: 24px; left: 10px; width: 18px; } .openCloseToggle:before, li.open.animating > .openCloseToggle:before { content: ""; position: absolute; display: block; top: 6px; left: 3px; width: 0; height: 0; border-width: 10px; border-style: solid none solid solid; border-color: transparent #ccc;} .no-touch .openCloseToggle:hover:before, .no-touch li.open.animating > .openCloseToggle:hover:before { border-color: transparent #008EBD; } li.open > .openCloseToggle:before, li.animating > .openCloseToggle:before { border-style: solid solid none solid; border-color: #ccc transparent; } .no-touch li.open > .openCloseToggle:hover:before, .no-touch li.animating > .openCloseToggle:hover:before { border-color: #008EBD transparent; } /* modern browsers only */ @media only screen { .openCloseToggle:before { -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .openCloseToggle:before, li.open.animating > .openCloseToggle:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } li.open > .openCloseToggle:before, li.animating > .openCloseToggle:before { border-style: solid none solid solid; border-color: transparent #ccc; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .no-touch li.open > .openCloseToggle:hover:before, .no-touch li.animating > .openCloseToggle:hover:before { border-color: transparent #008EBD; } } @media only screen and (max-width: 991px) { .navbar .nav li > .openCloseToggle:before, .navbar .nav li.open.animating > .openCloseToggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .navbar .nav li.open > .openCloseToggle:before, .navbar .nav li.animating > .openCloseToggle:before { border-style: solid none solid solid; border-color: transparent #008EBD; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(-90deg); } .no-touch .navbar .nav li.open > .openCloseToggle:hover:before, .no-touch .navbar .nav li.animating > .openCloseToggle:hover:before { border-color: transparent #ccc; } } .navigationTree a.treeLink, .facetValueLabel, .AvailabilityFilterElement > label, .CharacterFilterElement > label { display: block; margin: 0; padding: 2px 2px 2px 1px; border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 18px; color: inherit; text-decoration: none; word-wrap: break-word; cursor: pointer; } .navigationTree a.treeLink { margin-left: 35px; padding-left: 5px; font-size: 15px; }.navigationTree li.active > a { color: #de1a22; } .navigationTree a:hover, .navigationTree a:focus, .navigationTree li.active > a:hover, .navigationTree li.active > a:active, .facetValueLabel:hover, .AvailabilityFilterElement > label:hover, .CharacterFilterElement > label:hover { color: #de1a22; border-color: rgba(222, 26, 34, 0.5); } .treeLink:after { content: ""; display: table; clear: both; } .singleItemView .navigationTree > ul { max-height: 500px; overflow: auto; } /* to top button */ .toTop { position: fixed; display: none; z-index: 1999000; right: 10px; bottom: 10px; overflow: hidden; -webkit-box-shadow: 0 0 15px 0 #fff; -moz-box-shadow: 0 0 15px 0 #fff; box-shadow: 0 0 15px 0 #fff; } .toTop.visible { display: block; } .btn:focus { outline: 0; } .img-responsive.center { margin: 0 auto; } .line-through { text-decoration: line-through; } a.noLink, a.noLink:hover, a.noLink:visited, a.noLink:active, a.noLink:link { text-decoration: none; } .no-touch .onHover .visible-hover, .no-touch .onHover:hover .hidden-hover, .no-touch .onHover.hover .hidden-hover { display: none; } .no-touch .onHover:hover .visible-hover, .no-touch .onHover.hover .visible-hover, .no-touch .onHover .hidden-hover { display: block; } .margin-top-0 { margin-top: 0; } .margin-bottom-0 { margin-bottom: 0; } .margin-top-025 { margin-top: 3px; } .margin-top-05 { margin-top: 6px; } .margin-top-1 { margin-top: 12px; } .margin-top-15 { margin-top: 18px; } .margin-top-2 { margin-top: 0px; } .margin-top-3 { margin-top: 36px; } .margin-top-4 { margin-top: 48px; } .margin-top-8 { margin-top: 96px; } .margin-bottom-025 { margin-bottom: 3px; } .margin-bottom-05 { margin-bottom: 6px; } .margin-bottom-1 { margin-bottom: 12px; } .margin-bottom-15 { margin-bottom: 18px; } .margin-bottom-2 { margin-bottom: 24px; } .margin-bottom-3 { margin-bottom: 36px; } .margin-bottom-4 { margin-bottom: 48px; } .margin-bottom-8 { margin-bottom: 96px; } .margin-right-025 { margin-right: 3px; } .margin-right-05 { margin-right: 6px; } .margin-right-1 { margin-right: 12px; } .margin-right-15 { margin-right: 18px; } .margin-right-2 { margin-right: 24px; } .margin-left-025 { margin-left: 3px; } .margin-left-05 { margin-left: 6px; } .margin-left-1 { margin-left: 12px; } .margin-left-15 { margin-left: 18px; } .margin-left-2 { margin-left: 24px; } .padding-top-1 { padding-top: 12px; } .padding-top-15 { padding-top: 18px; } .padding-top-2 { padding-top: 24px; } .padding-top-3 { padding-top: 36px; } .padding-top-4 { padding-top: 48px; } .padding-bottom-1 { padding-bottom: 12px; } .padding-bottom-15 { padding-bottom: 18px; } .padding-bottom-2 { padding-bottom: 24px; } .padding-bottom-3 { padding-bottom: 36px; } .padding-bottom-4 { padding-bottom: 48px; } .padding-right-025 { padding-right: 3px; } .padding-right-05 { padding-right: 6px; } .padding-right-1 { padding-right: 12px; } .padding-left-025 { padding-left: 3px; } .padding-left-05 { padding-left: 6px; } .padding-left-1 { padding-left: 12px; } .no-padding { padding: 0 !important; } @media (max-width: 767px) { .margin-top-xs-0 { margin-top: 0; } .margin-bottom-xs-0 { margin-bottom: 0; } .margin-left-xs-0 { margin-left: 0; } } @media(min-width: 768px) { .PlentyWebTableLayout > .PlentyFormContainer { margin-top: 6px; } } .PlentyWebTableLayout .PlentyFormContainer.ArticleAttrTd_0 { width: 30%; float: left; } .PlentyWebTableLayout .PlentyFormContainer.ArticleAttrTd_1 { width: 70%; float: left; } .PlentyWebAttributeTitle { line-height: 34px; font-weight: bold; } /* category header box */ .headerBox { /*background-color: #008EBD; /*background-color: black; */ } .headerBox * { color: #000; } .headerBox h1 > span { display: block; font-size: 0.5em; line-height: 0.75em; } .headerBox h1 { padding: 15px 15px 5px; } /* nav info */ .navbar-information .nav > li > .dropdown-menu > li > a { white-space: nowrap; } /* navigation */ @media (min-width: 992px) { .navbar-information .nav > li > a { z-index: 2005; } .navbar-information .nav > li > .dropdown-menu { z-index: 2000; min-width: 100%; } .dropdown-padding > li { padding-left: 15px; padding-right: 15px; } /* fixed navbar */ .navbar-information.fixed { position: fixed; z-index: 5000; background-color: #fff; box-shadow: -1px 6px 10px -9px #000; } } /* mobile dropdowns */ @media (max-width: 991px) { .dropdown.enable-xs-sm { position: relative; } .dropdown.enable-xs-sm .dropdown-menu { position: absolute; z-index: 2000; top: 42px; /* 8px difference (= parent .navbar-nav margin-top) between (max-width: 991px) and (max-width: 413px) */ left: -20px; min-width: 200px; padding: 5px; background: #fff; border-radius: 9px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); } .dropdown.enable-xs-sm.isLogin .dropdown-menu { left: auto; right: -20px; } .navbar-information .nav > li > .dropdown-menu li > a, .navbar .nav > li > .dropdown-menu .dropdown-header { border-color: transparent; } } @media (max-width: 413px) { .dropdown.enable-xs-sm { position: static; } .dropdown.enable-xs-sm .dropdown-menu { top: 50px; left: auto; right: 25px; min-width: 0; width: 200px; } .dropdown.enable-xs-sm.isInfo .dropdown-menu { left: auto; right: 50px; } .dropdown.enable-xs-sm.isLogin .dropdown-menu { left: auto; right: 20px; } } @media only screen and (max-width: 991px) { .dropdown.enable-xs-sm.open:before, .dropdown.enable-xs-sm.open:after { content: ""; position: absolute; display: block; top: 32px; /* 8px difference (= parent .navbar-nav margin-top) between (max-width: 991px) and (max-width: 413px) */ margin-left: 9px; } .dropdown.enable-xs-sm.open:before { width: 20px; height: 20px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); -moz-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); -o-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); -ms-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); } .dropdown.enable-xs-sm.open:after { z-index: 2001; width: 0px; height: 0px; border-width: 10px; border-style: none solid solid; border-color: #fff transparent; } } @media only screen and (max-width: 413px) { .dropdown.enable-xs-sm.open:before, .dropdown.enable-xs-sm.open:after { top: 40px; } } /* basket preview */ .basketPreviewContent.gradient-y-fade-in { margin-top: -6px; } .isBasketPreview .basketPreviewAltMessage, .isBasketPreview.disabled .basketPreviewContent { display: none; } .isBasketPreview.disabled .basketPreviewAltMessage { display: block; } .basketPreviewInfo, .basketPreviewInfo > span:first-child { text-decoration: inherit; } .basketItemsList { overflow-y: auto; overflow-x: hidden; margin-right: -15px; padding-right: 15px; } .basketPreviewContent.gradient-y-fade-in .basketItemsList > a:first-child { margin-top: 16px; } @media (max-width: 991px) { .basketPreviewFooter { margin-bottom: 12px; } } @media (min-width: 992px) { .basketPreviewContainer { width: 300px; } .dropdown-menu.disabled .basketPreviewContainer { width: auto; white-space: nowrap; } .basketItemsList { max-height: 350px; } } /* gradient fadeout/fadein */ [class*="gradient-"] { position: relative; } [class*="gradient-"]:after { content: ""; position: absolute; display: block; } [class*="gradient-y-"]:after { height: 20px; left: 0; right: 0; } .gradient-y-fade-out:after { bottom: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255 ,255 ,255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); } .gradient-y-fade-out.gradient-y-fade-out-before:after { bottom: 100%; } .gradient-y-fade-in:after { z-index: 1; top: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255 ,255 ,255, 0) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } .gradient-y-fade-in.gradient-y-fade-in-after:after { top: 100%; } /* login form */ .loginForm .form-control { margin-bottom: 5px; } .loginForm .btn { width: 100%; padding: 4px 9px 3px; } @media (min-width: 992px) { .loginForm .btn { width: 35px; } .loginForm > .clearfix { width: 451px; } .loginForm .form-control { float: left; margin-right: 8px; } .loginForm input[name="email"], .loginForm input[name="pwd"] { width: 200px; } } /* categories navigation */ .categoryNavigationList a.active, .categoryNavigationList a.active:hover { background-color: #008EBD; border-color: #008EBD; } .categoryNavigationList a.level-1 { font-weight: bold; } .categoryNavigationList a.level-1 .badge { font-weight: 700; } .categoryNavigationList a.level-2 { padding-left: 40px; } .categoryNavigationList a.level-3 { font-style: italic; padding: 5px 15px 5px 60px; } .inlineForm, .inlineForm > form { display: inline-block; } /* item sorting / pagination */ .categoryPagination .nav a, .categoryPagination .navbar .nav li > a { padding: 3px 8px; border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #666; } .categoryPagination .nav a:hover, .categoryPagination .nav a:focus, .categoryPagination .navbar .nav li > a:hover, .categoryPagination .navbar .nav li > a:focus, .categoryPagination .navbar .nav li > a.active, .categoryPagination .nav a.articlePages_activeLink { border-color: rgba(222, 26, 34, 0.5); color: #de1a22; } .categoryPagination .navbar .nav li > a.active { cursor: default; } .categoryPagination .form-control { display: inline-block; width: auto; } .categoryPagination label { margin-bottom: 0; } .categoryPagination .navbar-right li { float: left; } .categoryPagination .nav.navbar-right a, .categoryPagination .nav.navbar-right .articlePages .articlePages_DotStart { display: block; float: left; margin: 0 2px; font-weight: bold; text-decoration: none; } .categoryPagination .nav.navbar-right li:first-child > a { margin-left: 0; } .categoryPagination .nav.navbar-right li:last-child > a { margin-right: 0; } .articlePages:after { content: ""; display: table; clear: both; } .categoryPagination .nav.navbar-right .articlePages a { padding-left: 7px; padding-right: 7px; } @media (min-width: 360px) { .categoryPagination .nav.navbar-right .articlePages a { padding-left: 8px; padding-right: 8px; } } .categoryPagination .nav.navbar-left { float: left; margin-right: 8px; } .categoryPagination .nav.navbar-right { float: right; margin-left: -8px; } .articlePages_DotStart { padding: 4px 2px; } @media (max-width: 359px) { .categoryPagination .itemSortingLabel select { max-width: 120px; } } /* ITEM VIEW */ .filterLabel, .CharacterFilterGroupName { font-weight: bold; } .filterPanel input[type="checkbox"] { margin-right: 0.5em; } .facetList, .facetContentList { padding: 0; list-style-type: none; } .priceSliderWrapper .priceSliderLabel { position: relative; height: 28px; border: 1px solid #ddd; padding: 1px 6px; font-size: 14px; font-weight: normal; } .priceSliderWrapper .priceSliderLabel.isMin { border-radius: 3px 0 0 3px; padding-right: 3px; } .priceSliderWrapper .priceSliderLabel.isMax { border-radius: 0 3px 3px 0; padding-left: 3px; } .priceSliderWrapper .priceSliderLabel:before, .priceSliderWrapper .priceSliderLabel:after { content: ""; display: block; position: absolute; top: -1px; border-width: 14px 7px; } .priceSliderWrapper .priceSliderLabel:before { border-color: transparent #ddd; } .priceSliderWrapper .priceSliderLabel:after { border-color: transparent #fff; } .priceSliderWrapper .priceSliderLabel.isMin:before, .priceSliderWrapper .priceSliderLabel.isMin:after { border-style: solid none solid solid; right: -7px; } .priceSliderWrapper .priceSliderLabel.isMax:before, .priceSliderWrapper .priceSliderLabel.isMax:after { border-style: solid solid solid none; left: -7px; } .priceSliderWrapper .priceSliderLabel.isMin:before { right: -8px; } .priceSliderWrapper .priceSliderLabel.isMax:before { left: -8px; } /* slider */ .ui-slider-horizontal { height: 6px; margin: 6px; border: 1px solid #aaa; border-radius: 2px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) inset; } .touch .ui-slider-horizontal { margin: 16px; } .ui-slider { position: relative; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; top: -6px; width: 16px; height: 16px; margin-left: -8px; cursor: default; -ms-touch-action: none; touch-action: none; } .touch .ui-slider .ui-slider-handle { width: 32px; height: 32px; top: -14px; margin-left: -16px; } .ui-slider-handle { border: 1px solid #d3d3d3; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); } .ui-slider-handle.ui-state-active { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35); } .touch .ui-slider-handle.ui-state-active { background: #008ebd; } .ui-slider-handle.ui-state-focus { outline: none; } .ui-slider-range { position: relative; background-color: #ccc; height: 100%; -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15) inset; box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15) inset; } .label-default { background-color: #999; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } @media (max-width: 767px) { /* difference between .no-touch and .touch dimensions is constant for all screen intervals */ .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper { height: 279px; } .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 319px; } } @media (min-width: 768px) and (max-width: 991px) { .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper { height: 230px; } .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 270px; } } @media (min-width: 992px) and (max-width: 1199px) { .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper { height: 348px; } .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 388px; } } @media (min-width: 1200px) { .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper { height: 300px; } .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 340px; } } /* action label */ .itemBox .action { padding: 1px 1px; position: absolute; z-index: 100; /*opacity: 0.8;*/ margin-left: -5px; margin-top: -5px; border-radius: 30px; height: 60px; width: 60px; line-height: 60px; /* border: thin solid #666; */ box-shadow: 0px 0px 2px #666; -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); } .itemBox:hover .action { z-index: 300; } .itemBox.action-1 .itemBoxInner, .itemBox.action-1 .basketButtonContainer { border-color: red; } .itemBox.action-1 .action { background-color: red; color: #fff; } .itemBox.action-2 .itemBoxInner, .itemBox.action-2 .basketButtonContainer { border-color: gray; } .itemBox.action-2 .action { background-color: gray; color: #fff; } .itemBox.action-3 .itemBoxInner, .itemBox.action-3 .basketButtonContainer { border-color: gray; } .itemBox.action-3 .action { background-color: gray; color: #fff; } /* item box */ .itemBox a.itemLink, .itemBox a.itemLink:hover, .itemBox a.itemLink:active, .itemBox a.itemLink:visited { color: #555; text-decoration: none; } .js [data-plenty-link] { cursor: pointer; } .itemBox .itemBoxInner { position: relative; } .itemBox .itemBoxInner, .previewImage, .crossSellingItemInner { border: 1px solid #ddd; background-color: #fff; } .itemBox:hover .itemBoxInner, .crossSellingItem:hover .crossSellingItemInner { z-index: 200; -website-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); } .crossSellingItemInner > span:first-child { min-height: 100%; line-height: 50px; height: 50px; } .crossSellingItemInner > span:first-child img { vertical-align: middle; display: inline; } .itemBox p { margin: 0; } .itemBox .name { font-size: 1.25em; padding: 6px 0; } .categoryView.isGridView .itemBox .name, .crossSellingSlider .itemBox .name { max-height: 60px; min-height: 60px; overflow: hidden; } .itemBox .price .uvp, .itemBoxSingleView .price .uvp { color: red; } .itemBox .shipping, .itemBox .shipping a, .itemBox .shipping a:hover, .itemBox .shipping a:visited { color: gray; } .itemBox .shipping a:hover { text-decoration: Line_under; } .no-touch .itemBoxInner .quantityInputWrapper, .no-touch .basketView .quantityInputWrapper { width: 55px; } .no-touch .crossSellingSlider .quantityInputWrapper { width: 50px; } @media (min-width: 992px) { .no-touch .itemBoxInner .quantityInputWrapper { display: block; float: left; margin: 3px 0 3px 3px; } } .quantityInputWrapper input { height: 34px; padding-left: 0; padding-right: 0; text-align: center; } .no-touch .quantityInputWrapper input { width: 100%; padding-right: 13px; } .no-touch .itemBoxInner .buttonBox { margin: 3px; } @media (max-width: 991px) { .no-touch .itemBoxInner .quantityInputWrapper, .no-touch .itemBoxInner .buttonBox.isAddToBasket { display: inline-block; margin-bottom: 3px; vertical-align: top; } .no-touch .itemBoxInner .buttonBox.isAddToBasket { margin: 0 0 3px 3px; } } @media (min-width: 992px) { .no-touch .itemBoxInner .buttonBox.isAddToBasket { float: right; margin: 3px 3px 3px 0; } .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket > a { padding-left: 0; padding-right: 0; } } /* sm only */ @media (min-width: 768px) and (max-width: 991px) { .no-touch .itemBoxInner .quantityInputWrapper { margin-bottom: 0; } .no-touch .itemBoxInner .buttonBox.isAddToBasket { display: block; float: none; margin: 3px; } } /* item list grid view */ @media (max-width: 767px) { .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket > a { width: 130; } } @media (min-width: 768px) and (max-width: 991px) { .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket > a { display: block; } } @media (min-width: 992px) and (max-width: 1199px) { .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket > a { width: 146px; } } @media (min-width: 1200px) { .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket > a { width: 123px; } } /* crosselling slider */ /* sm md lg */ @media (min-width: 768px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket > a { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket > a { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket > a { display: block; } } @media (min-width: 992px) and (max-width: 1199px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket > a { width: 151px; } } @media (min-width: 1200px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket > a { width: 128px; } } .no-touch .btn.quantityInputButton { position: absolute; right: 2px; width: 14px; margin: 0; padding: 0; height: 14px; border-radius: 50%; font-size: 6px; line-height: 12px; text-align: left; text-indent: 3px; } .no-touch .btn.quantityInputButton.isPlus { top: 2px; } .no-touch .btn.quantityInputButton.isMinus { bottom: 2px; } @media (max-width: 767px) { .basketButtonContainer { display: inline-block; } } .touch .quantityInputWrapper { position: relative; float: left; display: block; margin: 3px 0 3px 3px; padding: 0 35px; } @media (min-width: 992px) { .touch .quantityInputWrapper { float: none; display: inline-block; vertical-align: top; } } .touch .quantityInputWrapper input { width: 44px; } .touch .btn.quantityInputButton { position: absolute; top: 0; width: 32px; /*height: auto;*/ margin: 0; padding-left: 0; padding-right: 0; } .touch .btn.quantityInputButton.isPlus { right: 0; } .touch .btn.quantityInputButton.isMinus { left: 0; } .touch .buttonBox { margin: 3px; } .touch .buttonBox.isAddToBasket { float: right; margin: 3px 3px 3px 0; } @media (max-width: 767px) { .touch .quantityInputWrapper { float: none; display: inline-block; } .touch .buttonBox.isAddToBasket { float: none; display: inline-block; margin: 3px; vertical-align: top; } } @media (min-width: 992px) { .touch .buttonBox.isAddToBasket { float: none; display: inline-block; margin: 3px; vertical-align: top; } .touch .itemBoxInner .buttonBox a { display: inline-block; } } @media (min-width: 768px) { .touch .categoryDetails:not(.isListView) .buttonBox.isAddToBasket > a, .touch .crossSellingSlider .buttonBox.isAddToBasket > a { position: relative; width: 32px; text-indent: -10000px; } .touch .categoryDetails:not(.isListView) .buttonBox.isAddToBasket > a:before, .touch .crossSellingSlider .buttonBox.isAddToBasket > a:before { position: absolute; left: 50%; margin-left: -0.5em; text-indent: 0; } } ul.categoryDetails { padding: 0; list-style-type: none; } .categoryDetails.isListView .quantityInputWrapper, .categoryDetails.isListView .itemBoxInner .buttonBox.isAddToBasket { float: left; margin: 0 3px 0 0; } .categoryDetails.isListView .itemBoxInner .buttonBox { margin: 0; } .isListView .isImage > .imageBox { margin: 12px 0; } /* attribute selection */ .attributeSelection { background-color: #fff; bottom: 0; position: absolute; width: 100%; } /* availability icon */ .availabilityIcon { display: block; margin-top: 3px; height: 16px; width: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; } .availabilityIcon span { display: block; width: 100%; } .availabilityIcon span { border-width: 1px; border-style: solid; border-color: transparent; border-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.5) inset; } .availabilityIcon span + span { margin-top: -1px; } .availabilityIcon.availabilityDetails-1 span { height: 100%; } .availabilityIcon.availabilityDetails-2 span { height: 8px; } .availabilityIcon.availabilityDetails-3 span { height: 6px; } .availabilityIcon.availabilityDetails-1 .second, .availabilityIcon.availabilityDetails-1 .third, .availabilityIcon.availabilityDetails-2 .third { display: none; } .availabilityDetails-1.available-1 .first, .availabilityDetails-1.available-2 .first, .availabilityDetails-1.available-3 .first, .availabilityDetails-1.available-4 .first, .availabilityDetails-2.available-1 .first, .availabilityDetails-2.available-1 .second, .availabilityDetails-2.available-2 .first, .availabilityDetails-2.available-2 .second, .availabilityDetails-2.available-3 .second, .availabilityDetails-2.available-4 .second, .availabilityDetails-3.available-1 .first, .availabilityDetails-3.available-1 .second, .availabilityDetails-3.available-1 .third, .availabilityDetails-3.available-2 .second, .availabilityDetails-3.available-2 .third, .availabilityDetails-3.available-3 .third { background-color: #3b0; } .availabilityDetails-1.available-5 .first, .availabilityDetails-1.available-6 .first, .availabilityDetails-1.available-7 .first, .availabilityDetails-1.available-8 .first, .availabilityDetails-2.available-3 .first, .availabilityDetails-2.available-4 .first, .availabilityDetails-2.available-5 .first, .availabilityDetails-2.available-5 .second, .availabilityDetails-2.available-6 .first, .availabilityDetails-2.available-6 .second, .availabilityDetails-2.available-7 .second, .availabilityDetails-2.available-8 .second, .availabilityDetails-3.available-2 .first, .availabilityDetails-3.available-3 .first, .availabilityDetails-3.available-3 .second, .availabilityDetails-3.available-4 .first, .availabilityDetails-3.available-4 .second, .availabilityDetails-3.available-4 .third, .availabilityDetails-3.available-5 .second, .availabilityDetails-3.available-5 .third, .availabilityDetails-3.available-6 .third { background-color: #fc3; } .availabilityDetails-1.available-9 .first, .availabilityDetails-1.available-10 .first, .availabilityDetails-2.available-7 .first, .availabilityDetails-2.available-8 .first, .availabilityDetails-2.available-9 .first, .availabilityDetails-2.available-9 .second, .availabilityDetails-2.available-10 .first, .availabilityDetails-2.available-10 .second, .availabilityDetails-3.available-5 .first, .availabilityDetails-3.available-6 .first, .availabilityDetails-3.available-6 .second, .availabilityDetails-3.available-7 .first, .availabilityDetails-3.available-7 .second, .availabilityDetails-3.available-7 .third, .availabilityDetails-3.available-8 .second, .availabilityDetails-3.available-8 .third, .availabilityDetails-3.available-9 .third { background-color: #f11; } .availabilityDetails-3.available-8 .first, .availabilityDetails-3.available-9 .first, .availabilityDetails-3.available-9 .second, .availabilityDetails-3.available-10 .first, .availabilityDetails-3.available-10 .second, .availabilityDetails-3.available-10 .third { background-color: #aaa; } .line-through { color: red; } /* button: add to basket */ .quantityInputWrapper { position: relative; display: inline-block; } .singleItemDetails .quantityInputWrapper, .categoryDetails.isListView .quantityInputWrapper, .basketView .quantityInputWrapper { float: left; margin: 0 10px 0 0; } .no-touch .singleItemDetails .quantityInputWrapper { width: 70px; } .btn.quantityInputButton .glyphicon { padding: 0; background-color: transparent; } @media (min-width: 768px) { .itemBoxInner .buttonBox a { display: block; } } .categoryDetails.isListView .itemBoxInner .buttonBox a { display: inline-block; } /* preview images */ .jqzoom { height: 290px; line-height: 290px; vertical-align: middle; overflow: hidden; text-align: center; display: block; border: 1px solid #ddd; } .jqzoom img { display: inline-block; width: auto !important; max-height: 290px; } @media (min-width: 768px) { .jqzoom { height: 345px; line-height: 345px; } .jqzoom img { max-height: 345px; } } @media (min-width: 1200px) { .jqzoom { height: 336px; line-height: 336px; } .jqzoom img { max-height: 336px; } } .magnifyarea { top: 0px !important; z-index: 10 !important; } @media (min-width: 768px) { .magnifyarea { left: 375px !important; } } @media (min-width: 992px) { .magnifyarea { left: 364px !important; } } @media (min-width: 1200px) { .magnifyarea { left: 366px !important; } } .singleItemDetails .imageBox .owl-carousel { width: auto; margin-left: 16px; margin-right: -6px; } .singleItemDetails .previewImage { display: none; margin: 0 6px; vertical-align: middle; text-align: center; overflow: hidden; height: 100px; line-height: 94px; } .owl-item.loading { min-height: 100px; /* adapt to height of .previewImage */ } .singleItemDetails .owl-item .previewImage { display: block; } .singleItemDetails .owl-controls .owl-pagination { bottom: -30px; } @media (max-width: 767px) { .singleItemDetails .previewImage { line-height: 88px; height: 90px; } .owl-item.loading { min-height: 90px; /* adapt to height of .previewImage */ } } /* social media privacy list */ .social-list { list-style: none; padding-left: 0; } .social-list li { display: inline-block; height: 29px; vertical-align: top; } .social-list li > div { display: inline-block; } /* placeholder buttons */ .social-list .btn { height: auto; line-height: 15px; padding: 2px 9px 2px 5px; font-size: .9em; opacity: .8; cursor: default; margin-bottom: 8px; } .social-list .social-container { display: inline-block; } /* social-switch */ .social-switch { height: 12px; width: 23px; border-radius: 6px; text-indent: -10000em; float: left; margin-top: 5px; margin-right: 6px; padding: 0; overflow: hidden; background-image: none; border: 1px solid #aaa; -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3) inset; -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3) inset; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.3) inset; } .social-switch.off { cursor: pointer; background-color: #ccc; } .social-switch.on { background-color: #3b0; padding-left: 11px; } .social-switch > span { height: 10px; width: 10px; display: block; background-color: #eee; border-radius: 50%; box-shadow: 0 0 3px #000; } /* crossselling items */ .crossSellingItemInner { padding: 6px 0; } .crossSellingWrapper { position: relative; } @media (max-width: 413px) { .crossSellingWrapper { margin-top: 18px; } } .crossSellingWrapper > .owl-carousel { height: 100%; position: absolute; } .crossSellingWrapper > .owl-carousel > .owl-wrapper-outer { padding-bottom: 75px; } /* single item */ .itemDefList { margin: 0; } .itemDefList dt, .itemDefList dd, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperTitle, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperContent, .attributeBox .PlentyFormContainer.ArticleAttrTd_0, .attributeBox .PlentyFormContainer.ArticleAttrTd_1 { width: 50%; } .itemDefList dt, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperTitle { float: left; clear: left; } .itemDefList dd, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperContent { float: right; clear: right; } @media (max-width: 767px) { .itemDefList dt, .itemDefList dd, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperTitle, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperContent, .attributeBox .PlentyFormContainer.ArticleAttrTd_0, .attributeBox .PlentyFormContainer.ArticleAttrTd_1 { width: 100%; line-height: 18px; } .itemDefList dd, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperContent, .attributeBox .PlentyFormContainer.ArticleAttrTd_1 { margin-bottom: 6px; } .singleItemDetails .priceBase { display: block; } } .itemDefList:after, .plentyAttributeSelectWrapper:after { content: ""; display: table; clear: both; } .zoomstatus { border-style: none !important; /* override inline style */ background: rgba(0, 0, 0, 0.5) !important; color: #fff !important; border-radius: 4px; font-weight: normal !important; } .magnifyarea { border: 1px solid rgba(0, 0, 0, 0.5) !important; -wibkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } /* FOOTER */ /* newsletter form */ .newsletter-form { text-align: center; } .newsletter-form * { vertical-align: top; } .newsletter-form button.btn { width: 100%; } .newsletter-form button.btn .glyphicon:before { vertical-align: top; } @media (min-width: 768px) { .newsletter-form .form-group { width: 29%; margin-right: 1%; display: inline-block; } .newsletter-form button.btn { width: auto; } } .imgwrapper { position: relative; } /* footer list */ ul.footerList { padding-left: 0; list-style: none; } .footerLink { color: #aaa; } .footerLink:hover { color: #888; } .footerLink .plentyicon { position: relative; top: -1px; margin-left: 0.1em; margin-right: 0; line-height: inherit; font-size: 22px; vertical-align: middle; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing, .grabbing a, .js .grabbing [data-plenty-link] { cursor: move; cursor: grabbing; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-controls .owl-pagination { position: absolute; bottom: 0; margin: 0 auto; width: 100%; text-align: center; } .owl-controls .owl-pagination .owl-page { width: 8px; height: 8px; display: inline-block; border-radius: 50%; border: 1px solid #ccc; } .owl-controls .owl-pagination .owl-page + .owl-page { margin-left: 3px; } .owl-controls .owl-pagination .owl-page.active { background-color: #ccc; } .owl-controls .owl-buttons > div { width: 26px; height: 26px; display: block; position: absolute; top: 50%; margin-top: -13px; background-color: #333; opacity: 0.5; color: #fff; text-align: center; z-index: 9; } .owl-controls .owl-buttons > div:before { font-family: "glyphicon"; } /*.owl-controls .owl-buttons .owl-prev { left: -28px; } .owl-controls .owl-buttons .owl-next { right: -28px; }*/ .itemBox.isListView .owl-controls .owl-buttons .owl-prev { left: -15px; } .itemBox.isListView .owl-controls .owl-buttons .owl-next { right: -15px; } @media (max-width: 320px) { .itemBox .owl-buttons .owl-prev { left: 30px; } .itemBox .owl-buttons .owl-next { right: 30px; } } @media (min-width: 321px) and (max-width: 479px) { .itemBox .owl-buttons .owl-prev { left: 45px; } .itemBox .owl-buttons .owl-next { right: 45px; } } @media (min-width: 480px) and (max-width: 767px) { .itemBox .owl-buttons .owl-prev { left: 10px; } .itemBox .owl-buttons .owl-next { right: 10px; } } .owl-controls .owl-buttons .owl-prev:before { content: "\e079"; } .owl-controls .owl-buttons .owl-next:before { content: "\e080"; } .itemBox .owl-controls { display: block; } .owl-item.loading { background-repeat: no-repeat; background-position: center center; } .owl-item .imageBox img, .itemBox .imageBox img { max-height: 100%; } .crossSellingSlider > .owl-controls .owl-pagination { top: -40px; bottom: auto; } @media (max-width: 413px) { .crossSellingSlider > .owl-controls .owl-pagination { top: -32px; } } .owl-controls .owl-buttons > div.disabled { opacity: 0.15; cursor: default; } /* no touch only */ .no-touch .itemBox .owl-controls { display: none; } .no-touch .itemBox:hover .owl-controls, .no-touch .itemBox.hover .owl-controls { display: block; } /* client attribute select */ /* wrapper */ .plentyAttributeSelectWrapper { margin: 3px 0; } /* wrapper title */ .plentyAttributeSelectWrapperTitle { font-weight: bold; } /* wrapper content */ .plentyAttributeSelectWrapperContent { display: inline-block; } /* value selected */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue { position: relative; margin-bottom: -2px; } /* ul */ .plentyAttributeSelectWrapperContent ul { margin: 0; padding: 0; color: #333; } /* ul boxes */ .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { margin: 0 -5px -5px 0; } /* li */ .plentyAttributeSelectWrapperContent ul > li { list-style: none; margin-left: 0; overflow: hidden; } /* li boxes */ .plentyAttributeSelectHasImageGallery ul > li, .plentyAttributeSelectHasTextList ul > li { display: inline-block; margin: 0 5px 5px 0; } /* standard height (corresponding to line-height) */ .plentyAttributeSelectHasDropdown, .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue { height: 30px; } /* a */ .plentyAttributeSelectWrapperContent a, .plentyAttributeSelectedValue { display: block; padding: 6px 8px; line-height: 18px; color: inherit; text-decoration: none; white-space: nowrap; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .plentyAttributeSelectWrapperContent a { cursor: pointer; } .plentyAttributeSelectHasDropdown > div, .plentyAttributeSelectHasImageGallery ul > li > a, .plentyAttributeSelectHasTextList ul > li > a { border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; } /* a list */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a { padding-right: 20px; } /* a img boxes */ .plentyAttributeSelectHasImageGallery ul > li > a { width: 30px; /*adapt box dimension to image dimension*/ height: 30px; overflow: hidden; } /* a disabled */ li.plentyAttributeSelectDisabled a { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; cursor: default !important; } /* a hover / selected */ .no-touch .plentyAttributeSelectWrapperContent a:hover, .plentyAttributeSelectWrapperContent a:focus, .plentyAttributeSelectWrapperContent li.plentyAttributeSelectSelected > a { color: #000; } .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasDropdown:hover > * { border-color: #aaa; cursor: pointer; } /* a list / boxes hover / selected */ .no-touch .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:hover, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:focus, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectSelected a, .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected > a { background: #eee; } /* a img boxes selected */ .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected > a, .no-touch .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled > a:hover, .no-touch .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled > a:hover { background: #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* a boxes hover / selected */ .no-touch .plentyAttributeSelectHasImageGallery ul > li > a:hover, .no-touch .plentyAttributeSelectHasTextList ul > li > a:hover, .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected > a, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected > a { border-color: #aaa; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } /* reset a list hover if disabled */ .no-touch .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:hover, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:focus { background: transparent; color: inherit; } /* span */ .plentyAttributeSelectWrapperContent a > span:empty { display: none; } /* value & markup */ .plentyAttributeSelectValueMarkup { padding-left: 5px; } /* img */ .plentyAttributeSelectHasImageGallery ul > li > a > img { border: none; } /* dropdown container */ .plentyAttributeSelectHasDropdown { position: relative; } /* openable container */ .plentyAttributeSelectHasDropdown > div { position: absolute; } /* open dropdown if hovered */ .plentyAttributeSelectHasDropdown.open > div { z-index: 10000; } /* arrow */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow { position: absolute; top: 50%; right: 0.5em; margin-top: -3px; border-style: solid solid none solid; border-width: 5px; border-color: #999999 transparent transparent; } /* arrow hover */ .no-touch .plentyAttributeSelectHasDropdown > div:hover .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow { border-color: #777777 transparent transparent; } /* list wrapper */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper { display: none; z-index: 10; max-height: 135px; /* adapt to height of li */ overflow-y: auto; overflow-x: hidden; } .plentyAttributeSelectWrapperContent.open .plentyAttributeSelectListWrapper { display: block; } .touch .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper { overflow-y: scroll; } /* responsive adaption */ .categoryPagination .nav.navbar-left li { float: left; margin-right: 8px; } .categoryPagination .nav.navbar-left li:last-child { margin-right: 0; } .categoryPagination .nav > li { margin-top: 2px; margin-bottom: 2px; } .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperTitle, .plentyAttributeSelectWrapper > .plentyAttributeSelectWrapperContent { vertical-align: middle; } .plentyAttributeSelectHasDropdown > div { width: 100%; } /* client attribute select end */ /* overlay */ .overlay, .PlentyWebshopOverlay, #PlentyWebMyAccountOverlay, #PlentyWebMyAccountDisplayOrdersOverlay, #PlentyWebMyAccountDisplaySchedulerOrdersOverlay { position: fixed; display: block; top: 0; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.50; -moz-opacity: 0.50; opacity: 0.50; background: #000; cursor: pointer; } .PlentyWebshopOverlay { z-index: 99000; display: none; } .overlay { bottom: auto; height: 0; left: 0; right: 0; overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; -webkit-transition: height 0s, opacity 0.4s ease-in-out; -moz-transition: height 0s, opacity 0.4s ease-in-out; -o-transition: height 0s, opacity 0.4s ease-in-out; -ms-transition: height 0s, opacity 0.4s ease-in-out; transition: height 0s, opacity 0.4s ease-in-out; } .overlay.in { height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.50; -moz-opacity: 0.50; opacity: 0.50; } /* (additional) nav / basket preview touch (navigation breakpoint max 991px) */ @media (max-width: 991px) { body.navigation-visible .navigation-overlay, body.aside-visible .aside-overlay { height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } } /* (additional) nav / basket preview touch end */ .overlay.closeIcon:after { content: "×"; position: absolute; display: block; font-size: 24px; color: #fff; } .overlay.closeIcon.top-left:after, .overlay.closeIcon.top-right:after { top: 8px; } .overlay.closeIcon.top-left:after { left: 16px; } .overlay.closeIcon.top-right:after { right: 16px; } /* plenty wait screen */ #jQueryPageWaitScreen { position: fixed !important; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important; filter: alpha(opacity=50) !important; -khtml-opacity: 0.50 !important; -moz-opacity: 0.50 !important; opacity: 0.50 !important; background: #fff !important; cursor: wait !important; } #jQueryPageWaitScreen > * { position: absolute !important; top: 50% !important; left: 50% !important; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; background-position: center center; background-repeat: no-repeat; } #jQueryPageWaitScreen img { display: none; } /* SINGLE ITEM */ .PlentyWebshopButton.add_basket_ajax:before { content: "\e116\2009"; font-family: "glyphicon"; } /* RATING */ .article_rating_table { width: 100%; border-spacing: 0; } .article_rating_table tr td { border-bottom: 1px solid #cbcbcb; padding: 5px; } .article_rating_table tr:last-child td { border-bottom: none; } .article_rating_table .article_rating_column_right .name { margin-right: 15px; } .article_rating_table .article_rating_column_right .name:before { content: "\e008"; font-family: "glyphicon"; margin-right: 5px; } .article_rating_table .article_rating_column_right .date:before { content: "\e023"; font-family: "glyphicon"; margin-right: 5px; } .ItemsDescriptionRatingTitle { font-weight: 600; display: block; } .ItemsDescriptionRatingDetail > form > span { display: block; } .PlentyFormContainer.ItemsDescriptionRatingDetailCommentValue textarea { width: 100%; border: 1px solid #999999; padding: 5px; height: 100px; } input[name="item_rating_name"], .PlentyFormContainer.ItemsDescriptionRatingDetailCommentValue input { width: 100%; border: 1px solid #999999; padding: 5px; } .PlentyFormContainer.ItemsDescriptionRatingDetailCommentTitle { font-weight: 600; margin: 5px 0; } .PlentyFormContainer.ItemsDescriptionRatingTitle { margin-bottom: 5px } /* rating */ .ratingVisualisation { position: relative; display: inline-block; white-space: nowrap; font-size: 15px; line-height: 1em; } .ratingVisualisation > span { display: inline-block; } .ratingBg { color: #bbb; } .ratingResult { position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; color: #fa0; } .ratingBg:before, .ratingResult:before { font-family: "plentyicon"; content: "\e806\e806\e806\e806\e806"; } .ratingVisualisation > span > span { display: inline-block; width: 0; overflow: hidden; } /* rating end */ /* nav / filter / basket preview mobile adaption */ @media (min-width: 992px) { .asidePanelContainer { display: none; } } @media (max-width: 991px) { .nav-main, .navbar-information li.isBasketPreview, .filterSubnavigationPanel { position: static; } li.isBasketPreview .dropdown-menu { z-index: auto; } .filterPanel { margin: 0; } .container > .navbar-header { margin-left: 0; margin-right: 0; } .navbar-header { text-align: center; } .nav-main-container { padding-left: 0; padding-right: 0; } .navbar-information li.isBasketPreview ul { display: block; position: static; } .mainNavigation, .asidePanel { position: fixed; bottom: 0; width: 80%; overflow-y: auto; z-index: 10001; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; -ms-transition: transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .mainNavigation, .asidePanel, .asidePanel .nav-tabs > li.active > a { background: #fff; } body.filterExist .asidePanel.filterPanel { z-index: 10002; } .asidePanelContainer { z-index: 9999; } .asidePanelTablist > .isFilter { display: none; } body.filterExist .asidePanelTablist > .isFilter { display: block; } .mainNavigation, .asidePanel { top: 0; } .asidePanel.basketPreviewContainer, .asidePanel.filterPanel { top: 60px; } body.filterExist .asidePanel.basketPreviewContainer > [data-plenty-tabpanel-labelledby="warenkorb"] { display: none; } .mainNavigation { right: 100%; } .asidePanel { left: 100%; } /* fallback no transform */ .no-csstransforms body.navigation-visible .mainNavigation { right: auto; left: 0; } .no-csstransforms body.aside-visible .asidePanel { left: auto; right: 0; } body.navigation-visible .mainNavigation { /* fallback no translate3d */ -webkit-transform: translatex(100%) translatez(0); -moz-transform: translatex(100%) translatez(0); -o-transform: translatex(100%) translatez(0); -ms-transform: translatex(100%) translatez(0); transform: translatex(100%) translatez(0); /* original effect */ -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } body.aside-visible .asidePanel { /* fallback no translate3d */ -webkit-transform: translatex(-100%) translatez(0); -moz-transform: translatex(-100%) translatez(0); -o-transform: translatex(-100%) translatez(0); -ms-transform: translatex(-100%) translatez(0); transform: translatex(-100%) translatez(0); /* original effect */ -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .navbar-main { position: absolute; top: 53px; bottom: 0; left: 0; right: 0; overflow-y: auto; } .mainNavigation > .navbar-nav { padding: 8px 15px; } .asidePanel { padding: 0 15px; } .asidePanelTablist { padding-top: 8px; } .mainNavigation > .navbar-nav { margin: 0; } .navigation-overlay, .aside-overlay { z-index: 9999; } } @media (min-width: 480px) and (max-width: 639px) { .mainNavigation, .asidePanel { width: 60%; } } @media (min-width: 640px) and (max-width: 768px) { .mainNavigation, .aidePanel { width: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .mainNavigation, .asidePanel { width: 40%; } } @media (min-width: 992px) { .navbar-main .openCloseToggle { display: none; } .navbar-main .badge { display: none; } } /* nav / filter / basket preview mobile adaption */ /* basket */ .blockLink > a { display: block; } .PlentyWebshopButton.change_basket:before { content: "\e031\2009"; font-family: "glyphicon"; } .PlentyWebshopButton.edit_delete:before { /*content: "\e014\2009";*/ font-family: "glyphicon"; } /* basket end */ /* errors, notifications */ .plentyErrorBox, .plentyMessageBox { display: none; } body > .plentyErrorBox, body > .plentyMessageBox, .PlentyErrorPane > .plentyErrorBox, .PlentyErrorPane > .plentyMessageBox { display: block; } .alert, .plentyErrorBox, .plentyMessageBox, .PlentyErrorMessageBox, .ItemParamError > .ItemsDescriptionParamDetail, .ItemParamError > .ItemsDescriptionCharacterDetail { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; position: fixed; width: 400px; left: 50%; top: 25px; margin-left: -200px; z-index: 100000; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.4); background-image: none; } .PlentyErrorPane > .plentyErrorBox, .PlentyErrorPane > .plentyMessageBox, .PlentyErrorPane > .PlentyErrorMessageBox { z-index: auto; } @media (max-width: 420px) { .plentyErrorBox, .plentyMessageBox, .PlentyErrorMessageBox { width: 95%; left: 2.5%; margin-left: 0; z-index: 100000; } } .PlentyMyAccountMainContainer .plentyErrorBox, .PlentyMyAccountMainContainer .plentyMessageBox, .PlentyErrorMessageBox, .ItemParamError > .ItemsDescriptionParamDetail, .ItemParamError > .ItemsDescriptionCharacterDetail { display: block; left: 0; top: 0; margin-left: 0; position: relative; width: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .plentyErrorBoxTitle, .plentyMessageBoxTitle { background-image: none; padding-left: 0; } .alert h4, .plentyErrorBox .plentyErrorBoxTitle, .plentyMessageBox .plentyMessageBoxTitle { color: inherit; margin-top: 0; font-size: 1.2em; } .alert .alert-link, .plentyErrorBox a, .plentyErrorBox .plentyErrorBoxCode, .plentyErrorBox .plentyErrorBoxTitle, .plentyMessageBox a, .plentyMessageBox .plentyMessageBoxTitle { font-weight: 700; } .alert > p, .alert > ul, .plentyErrorBox > p, .plentyErrorBox > ul, .plentyMessageBox > p, .plentyMessageBox > ul { margin-bottom: 0; } .alert > p + p, .plentyErrorBox > p + p, .plentyMessageBox > p + p { margin-top: 5px; } .alert-dismissable .close, .alert-dismissible .close, .plentyErrorBox .close, .plentyMessageBox .close { color: inherit; right: 8px; top: 2px; position: absolute; } .alert-success, .plentyMessageBox { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr, .plentyMessageBox hr { border-top-color: #c9e2b3; } .alert-success .alert-link, .plentyMessageBox a { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning, .plentyMessageBox.PlentyAdviceMessageBox { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr, .plentyMessageBox.PlentyAdviceMessageBox hr { border-top-color: #f7e1b5; } .alert-warning .alert-link, .plentyMessageBox.PlentyAdviceMessageBox a { color: #66512c; } .alert-danger, .plentyErrorBox, .PlentyErrorMessageBox { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr, .plentyErrorBox hr { border-top-color: #e4b9c0; } .alert-danger .alert-link, .plentyErrorBox a, .plentyErrorBox .plentyErrorBoxCode, .plentyErrorBox .plentyErrorBoxTitle, .PlentyErrorMessageBox .PlentyErrorCode { color: #843534; } /* POSTFINDER TRIGGER */ a.PostfinderTrigger { position: relative; display: block; margin-top: 10px; padding: 25px 12px 5px; background: #FFCD00; text-decoration: none; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } /* in checkout */ #PlentyWebShippingDetailsForm a.PostfinderTrigger { } /* in myaccount */ .PlentyWebMyAccountPopupContainer .PostfinderTrigger { } .PostfinderTriggerImgLabel1, .PostfinderTriggerImgLabel2 { position: absolute; display: block; top: 6px; background-image: url("/tpl/global/images/dhl_packstation_postfiliale-direkt_sprite.png"); background-repeat: no-repeat; } .PostfinderTriggerImgLabel1 { left: 12px; width: 97px; height: 11px; background-position: -4px -4px; } .PostfinderTriggerImgLabel2 { left: 50%; width: 89px; height: 18px; background-position: -4px -20px; } .PostfinderTriggerTextLabel { display: block; background-color: #c00; border-color: #c00; color: #fff; margin-top: 4px; clear: both; padding-left: 0; padding-right: 0; } a.PostfinderTrigger:hover > .PostfinderTriggerTextLabel, a.PostfinderTrigger:focus > .PostfinderTriggerTextLabel { } /* POSTFINDER POPUP */ /* text */ .WebPostfinderTextBefore { margin-bottom: 12px; } /* table */ .PlentyWebshopTable { display: table; line-height: 18px; } .PlentyWebshopTableRow { display: table-row; } .PlentyWebshopTableCell { display: table-cell; } .WebPostfinderGetPackstationsPopup .PlentyWebshopTableCell { border-bottom: 1px solid #eee; padding: 3px 5px; } .PlentyWebshopTableHeaderRow > .PlentyWebshopTableCell { background: #eee; border-color: #bbb; } .PlentyWebshopTableCell:first-child { vertical-align: middle; } /* scroll */ .PlentyWebshopTableWrapper { max-height: 450px; overflow-y: auto; } /* buttons */ .PlentyWebshopPopupButtonLeftContainer { float: left; width: 50%; text-align: right; } .PlentyWebshopPopupButtonRightContainer { widows:; th: 50%; } .PlentyWebshopPopupButtonLeftContainer, .PlentyWebshopPopupButtonRightContainer { padding: 10px 0; } .PlentyWebshopPopupButtonLeftContainer > *, .PlentyWebshopPopupButtonRightContainer > * { margin: 0 5px; } .PlentyWebshopPopup.WebPostfinderGetPackstationsPopup { margin-left: -300px; width: 600px; } @media (max-width: 767px) { .PlentyWebshopPopup.WebPostfinderGetPackstationsPopup { margin-left: -150px; width: 300px; } .PlentyWebshopTableWrapper { max-height: 300px; } .PlentyWebMyAccountPopupContainer > div > div + div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div.PlentyFormBox > div.PlentyWebMyAccountPopupTitleContainer + div, .PlentyWebshopPopupContent { padding: 0 12px; } } /* PLENTY ACCORDIONS GLOBAL */ /* accordion container */ .myaccount .PlentyWebMyAccountAccContainer { margin-bottom: 15px; } /* accordion header (& login container header) */ .myaccount .PlentyWebMyAccountAccContainerTitle, .myaccount #PlentyWebMyAccountLogin > h1, .checkoutDetails .AccordionTitle { margin-bottom: 0; border: 1px solid #ddd; padding: 4px 16px; line-height: 34px; font-size: 130%; font-weight: bold; background-color: #fafafa; } /* border radius opened / closed */ .myaccount .PlentyWebMyAccountAccContainerTitle, .checkoutDetails .AccordionTitle { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .myaccount .PlentyContainerIsOpen .PlentyWebMyAccountAccContainerTitle, .myaccount #PlentyWebMyAccountLogin > h1, .checkoutDetails .AccordionTitle.CurrentAccordionTitle { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } /* accordion header hover */ .myaccount .PlentyWebMyAccountAccContainerTitle.PlentyWebMyAccountOpenableContainerTitle:hover { color: #008EBD; cursor: pointer; } /* accordion body (& login container body) */ .myaccount .PlentyWebMyAccountAccContainerContent, .myaccount #PlentyWebMyAccountLogin > div.PlentyMyAccountContainerContent, .checkoutDetails .AccordionPane { border: 1px solid #ddd; border-top: none; padding: 10px 15px; line-height: 17px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* END PLENTY ACCORDIONS GLOBAL */ /* ITEM CONTAINER GLOBAL */ .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow, .myaccount .PlentyWebMyAccountDisplayOrdersContainer, .myaccount .PlentyWebMyAccountTicketsTicketContainer, .myaccount .PlentyWebMyAccountTicketsLeafContainer, .myaccount .PlentyWebMyAccountMyProjectsProjectContainer, .myaccount .PlentyWebMyAccountEmailNewAccountContainer, .myaccount .PlentyWebMyAccountVersionJumpDomainContainer, .myaccount .PlentyWebMyAccountItemContainer, .myaccount .PlentyWebMyAccountOpenableItemContainer, #PlentyWebOrderOverviewInvoiceContainer, #PlentyWebOrderOverviewShippingContainer, #PlentyWebOrderOverviewPaymentMethodContainer, #PlentyWebOrderOverviewShippingMethodContainer, #PlentyWebOrderOverviewAGBPrivacyContainer, #PlentyWebOrderOverviewItemsContainer, .PlentyOrderDeliveryAddress, #PlentyWebCustomerRegistration, .PlentyLostPWDContainer { margin-top: 10px; } .panel { margin-bottom: 16px; } /* special item container */ .myaccount .PlentyWebMyAccountDisplayOrdersChildContainer { } /* item header */ .panel-heading, .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer > span.PlentyWebMyAccountContainerTitle, .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer > div.PlentyWebMyAccountContainerTitle, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow, .myaccount .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId, .myaccount .PlentyMyAccountHeaderChange, .myaccount .PlentyWebMyAccountTicketsTicketTitleContainer, .myaccount .PlentyWebMyAccountTicketsLeafHead, .myaccount .PlentyWebMyAccountMyProjectsProjectTitleContainer, .myaccount .PlentyWebMyAccountEmailNewAccountContainerTitle, .myaccount #PlentyWebMyAccountCustomerEventsContainerContent > h1, .myaccount .PlentyWebMyAccountVersionJumpDomainContainer > span, .myaccount .PlentyWebMyAccountItemContainerHeader, .myaccount .PlentyWebMyAccountOpenableItemContainerHeader, #PlentyWebOrderOverviewInvoiceContainer > span, #PlentyWebOrderOverviewShippingContainer > span, #PlentyWebOrderOverviewShippingMethodContainer > span, #PlentyWebOrderOverviewPaymentMethodContainer > span, #PlentyWebOrderOverviewSchedulerContainer > span, #PlentyWebOrderOverviewAGBPrivacyContainer > span, .PlentyWebItemContainerHeader, #PlentyWebOrderOverviewItemsTop, .PlentyOrderDeliveryAddress > .PlentyWebShippingDetailsListTitle, #PlentyWebCustomerRegistrationTitle, .PlentyLostPWDContainerTitle { display: block; font-size: 120%; line-height: 18px; border: 1px solid #ddd; padding: 3px 5px 3px 10px; font-size: 16px; color: #444; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; background-color: #fafafa; } .panel-heading { padding-left: 12px; padding-right: 12px; } /* item header title container */ .panel-title, .myaccount div.PlentyWebMyAccountContainerTitle > div:first-child, .myaccount div.PlentyMyAccountHeaderChange > div:first-child, .myaccount .PlentyWebMyAccountItemContainerHeader > div:first-child, .PlentyWebItemContainerHeaderTitle, #PlentyWebOrderOverviewAGBandWithdrawal > h3, #PlentyWebOrderOverviewItems, #PlentyWebCustomerRegistrationTitle > span { display: inline-block; margin: 0; padding: 7px 0 5px; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; } /* item header button container */ span.PlentyWebMyAccountContainerTitle > span.PlentyFormContainer, .myaccount div.PlentyWebMyAccountContainerTitle > div.PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span > span.PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow > span.PlentyFormContainer, span.PlentyWebMyAccountOrderOverviewItemsTitle > span.PlentyFormContainer.PlentyWebMyAccountOrderOverviewItemsChangeContainer, .myaccount .PlentyMyAccountHeaderChange > .PlentyFormContainer, .myaccount .PlentyWebMyAccountItemContainerHeader > .PlentyFormContainer, .myaccount .PlentyWebMyAccountHeaderButtonRight, .myaccount .PlentyWebMyAccountButtonsRightContainer { position: relative; float: right; margin-top: 1px; margin-right: 0; } /* item header button single container */ .myaccount .PlentyWebMyAccountButtonsRightContainer > .PlentyFormContainer { float: right; } /* button after button */ span.PlentyWebMyAccountContainerTitle > span.PlentyFormContainer + span.PlentyFormContainer, .myaccount div.PlentyWebMyAccountContainerTitle > div.PlentyFormContainer + div.PlentyFormContainer, .myaccount .PlentyWebMyAccountButtonsRightContainer > .PlentyFormContainer + .PlentyFormContainer, .myaccount .PlentyWebMyAccountHeaderButtonRight > span { margin-right: 5px; } /* button */ .PlentyWebButtonsRightContainer, #PlentyWebOrderOverviewItemsChangeContainer { display: block !important; /* override element style */ float: right; margin-right: 5px; } /* item content */ .panel-body, .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer > div.PlentyWebMyAccountContainerContent, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span + div, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsContentRow, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer1 > div.PlentyFormContainer > div.PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer2 > div.PlentyFormContainer > div.PlentyFormContainer, .myaccount .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId + div.PlentyFormBox, .myaccount .PlentyWebMyAccountTicketsTicketContent, .myaccount .PlentyWebMyAccountTicketsLeafContent, .myaccount .PlentyWebMyAccountMyProjectsProjectContent, .myaccount #PlentyWebMyAccountCustomerEventsContainerContent > h1 + div, .myaccount .PlentyWebMyAccountVersionJumpDomainContainer > div, .myaccount .PlentyWebMyAccountEmailNewAddressContainer > form, .myaccount .PlentyWebMyAccountItemContainerHeader + .PlentyFormContainer.ItemsContentRow, .myaccount .PlentyWebMyAccountItemContainerContent, .myaccount .PlentyWebMyAccountOpenableItemContainerContent, #PlentyWebOrderOverviewInvoiceDataContainer, #PlentyWebOrderOverviewShippingDataContainer, #PlentyWebOrderOverviewShippingMethodDataContainer, #PlentyWebOrderOverviewPaymentMethodDataContainer, #PlentyWebOrderOverviewSchedulerDataContainer, #PlentyWebOrderOverviewAGBPrivacyContainer > *:last-child, #PlentyWebOrderOverviewNotesTextareaBox, #PlentyWebOrderOverviewReferenceInputBox, .PlentyOrderDeliveryAddress > .PlentyWebShippingDetailsListContent, .PlentyWebEditButtonContent, #PlentyWebCustomerRegistrationMainContainer, .PlentyLostPWDContainerContent { border: 1px solid #ddd; border-top: none; padding: 10px; font-size: 12px; line-height: 20px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .panel-body { padding: 12px 12px 0; line-height: inherit; font-size: inherit; } /* fix strange containers (make multiple containers look like single container) */ #PlentyWebOrderOverviewAGBPrivacyContainer > #PlentyWebOrderOverviewNewsletterContainer { padding-top: 0; } #PlentyWebOrderOverviewAGBPrivacyContainer > #PlentyWebOrderOverviewAGBContainer, #PlentyWebOrderOverviewItemsBox { padding-top: 10px; } #PlentyWebOrderOverviewAGBPrivacyContainer > *, #PlentyWebOrderOverviewItemsBox { border-color: #ddd; border-width: 1px; border-left-style: solid; border-right-style: solid; padding-left: 10px; padding-right: 10px; } .myaccount .PlentyWebMyAccountOpenableItemContainerHeader + .PlentyWebMyAccountOpenableItemContainerContent, #PlentyWebOrderOverviewOrderSumBox, #PlentyWebOrderOverviewNoticeTotals, #PlentyWebOrderOverviewNoticeNonEUDelivery, #PlentyWebOrderOverviewNoticeEUDelivery { border-color: #ddd; border-width: 1px; border-style: none solid solid; padding-bottom: 10px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /* END ITEM CONTAINER GLOBAL */ /* ADDITIONAL POPUP STYLE */ /* myaccount only */ .PlentyWebMyAccountPopupContainer, .PlentyWebMyAccountAdviceContainer, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer, .ui-datepicker, .WebPostfinderGetPackstationsPopup { display: none; position: absolute; z-index: 400010 !important; left: 50%; } /* END ADDITIONAL POPUP STYLE */ /* CONTENT PAGE SLIDER */ @media (max-width: 767px) { .contentpageSlider, .contentpageSlider .slide { height: 160px; } } @media (min-width: 768px) and (max-width: 991px) { .contentpageSlider, .contentpageSlider .slide { height: 280px; } } @media (min-width: 992px) and (max-width: 1199px) { .contentpageSlider, .contentpageSlider .slide { height: 360px; } } @media (min-width: 1200px) { .contentpageSlider, .contentpageSlider .slide { height: 480px; } } .contentpageSlider .slide { background-position: center center; } @media (max-width: 1399px) { .contentpageSlider .slide { background-repeat: no-repeat; background-size: cover; } } /* END CONTENT PAGE SLIDER */ /* CONTENT STYLE */ .isHome .textWrapper { max-height: 150px; overflow-y: auto; } .text-large-responsive { line-height: 1.2; } .text-bg { display: inline-block; padding: 4px 8px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .text-bg.blue { background-color: #008ebd; background-color: rgba(0, 142, 189, 0.8); color: #fff; } @media (max-width: 767px) { .text-large-responsive { font-size: 16px; } } @media (min-width: 768px) and (max-width: 991px) { .text-large-responsive { font-size: 24px; } } @media (min-width: 992px) and (max-width: 1199px) { .text-large-responsive { font-size: 28px; } } @media (min-width: 1200px) { .text-large-responsive { font-size: 32px; } } .icon-text-list { list-style-type: none; padding: 0; } .icon-text-list > li { margin: 2px 0; padding-bottom: 2px; border-bottom: 1px solid #e0e0e0; } .icon-text-list > li > * { display: inline-block; vertical-align: middle; } .icon-text-list > li > img { padding: 2px 0; } .icon-text-list > li > span { padding: 4px 12px; font-weight: bold; } .icon-text-list > li > .pull-right { padding-right: 0; } /* plenty form */ .formtable input[type="text"], .formtable textarea { margin-bottom: 2px; margin-top: 2px; } /* END CONTENT STYLE */ /* ------ Content ------- */