/* ------ 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 ------- */ .mysearch { position:relative; } #livesearch_result { margin:0!important; } #livesearch_result fieldset { border:none!important; margin:0!important; } #livesearch_result { right:auto!important; left: 1px; top: 31px!important; box-shadow: 0 3px 3px#cbcbcb;} @media print { body { background:#fff!important; } aside, #breadcrumbs, header #top-nav, .single-options, .PlentyWebshopButton.grey.single-wish, .PlentyWebshopButton.grey.single-watch, .single-addtocart, .single-infos .fleft, .single-rating-name, .single-rating, footer, .single-attribute, .single-moreimageshead, .facetList.cf, .cat-options.cf, .facetList.cf+.cf { display:none!important; } #single-article .single-description .head { display:none!Important; border:none!important; color:#000!important; } #content { width:998px!important; } #main { box-shadow:none!Important; } #content, .single-infos { border-left:none!important; } #single-article .single-images { border-right:none!important; margin-top:10px!important } #single-article .single-name > span:first-child { color:#000!important; font-size:24px; } #single-article .prevImg { border:none!important; margin-right:15px!important; margin-bottom:15px!important; } #single-article .prevImg img { max-width:122px!important; max-height:122px!important; } } .promo-aktion p { margin:0; padding:0; } .promo-aktion p.first { color:#a92626; font-weight:700; font-size:13px; } .promo-aktion { font-weight:300; font-size:11px; } .promo-aktion > div { width:715px; } .mini-cross { margin-top:65px; } .mini-cross-item { float: left; width: 131px; overflow: hidden; border-right: 1px solid #cbcbcb; background-color: #fff; margin-right: 10px; padding: 10px; } .mini-cross .mini-cross-item:nth-child(4) { margin-right:0; border-right:0; } .mini-cross .mini-cross-item .cat-name { height: 53px; overflow: hidden; display: block; } .mini-cross .mini-cross-item .cat-image img { max-height:100px; max-width:100px; } .mini-cross-item .cat-image { display:block; text-align:center; } .PlentyWebshopPopup.AfterItem2Basket { height: 435px; } .bestellung-bild-first { margin-right:15px; margin-bottom:15px; background-color: #fff; padding: 3px; border:1px solid #cbcbcb; } .text-uppercase { text-transform:uppercase; } .grey-background { background-color: #f0f0f0; padding: 10px; display: block; margin-bottom:10px; } .p10 { padding:10px; } /* 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; } .shariff-button.info { display:none; } @media only screen and (min-width: 768px){ .shariff .orientation-horizontal li .share_text { padding:0!Important; } .shariff .orientation-horizontal li { min-width: 50px!important; max-width: 67px!important; margin-bottom:0!important; text-align:center; } .shariff .orientation-horizontal li:nth-child(3) { margin-right:0; } } .single-uvp > span, .uvp > div > span { position:relative; } .single-uvp > span > span:first-child, .uvp > div > span > span { position: absolute; width: 100%; height: 1px; background-color: red; top: 50%; -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); -webkit-transform: rotate(8deg); } .row .head.orange { margin-top: 0; background: rgb(255,183,0); background: -moz-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(254,165,1,1) 3%, rgba(255,150,0,1) 47%, rgba(255,130,1,1) 86%, rgba(255,130,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(3%,rgba(254,165,1,1)), color-stop(47%,rgba(255,150,0,1)), color-stop(86%,rgba(255,130,1,1)), color-stop(100%,rgba(255,130,1,1))); background: -webkit-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -o-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -ms-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: linear-gradient(to bottom, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8201',GradientType=0 ); text-shadow: 1px 1px 1px #5C3700; border: 1px solid #ff8100; padding-top: 10px; color: #fff; } /* ------ Content ------- */ /********** BASICS **********/ #flOuterContainer { font-size:13px!important; font-family: Open sans!important; } .single-baseprice { font-size:11px; font-weight:400; display:block; color:#838383; margin-top: -5px; margin-bottom: 10px;} .search-boxes-3 { float:left; width: 229px; margin: 5px; border: 1px solid #cbcbcb; padding: 5px; min-height: 210px; } .search-ask > li { display: block; line-height: 21px; background: url(/layout/dein-klettershop-v2/images/list-arrow.png) center left no-repeat; padding-left: 12px; font-weight: 500; list-style:none; margin:0; } .search-ask { list-style:none; margin:0; padding:0; } #select-cats { max-width:200px; } .fb-like-box.fb_iframe_widget { margin:17px } .single-social { margin:10px 0; } .single-social > div { float:right; margin-left:5px; } .bxslider { list-style:none; margin:0; padding:0; } .bxslider li > p { position: absolute; top: 0; right: 0; width: 233px; margin:0; padding:10px; } .bxslider li > p > span { display:block; font-size:18px; font-weight:600; margin-bottom:10px; } .bx-wrapper { position:relative; height:209px; border:1px solid #cbcbcb; } .bx-controls { position:absolute; left:0; width:100%; height:0; } .bx-prev { background: url(/layout/dein-klettershop-v2/images/bx-left.png); height: 34px; width: 34px; display: inline-block; position: absolute; left: 0; bottom: 90px; margin-top: -17px; } .bx-next { background: url(/layout/dein-klettershop-v2/images/bx-right.png); height: 34px; width: 34px; display: inline-block; position:absolute; right: 0; bottom:90px; margin-top: -17px; } .single-description table.dk-neu { margin-top:15px; } #plenty_admin_panel { display:none; } html,body { margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-size:13px; background-color:#e1e1e1; } body { background-image:url(/layout/dein-klettershop-v2/images/page-emotion-3.jpg); background-attachment:fixed; } .fleft { float:left; } .fright { float:right; } .clear { clear:both; } .page-width { width:1000px; margin:0 auto; } a { color:#323232; text-decoration:none; } a:hover { color:#000; } #maincontent .dk-neu a, #maincontent .pcontent p a{ color:#ff8100; font-weight:600; background-color:#fff; padding:0 3px; -webkit-transition: all 500ms ease;    -moz-transition: all 500ms ease;    -ms-transition: all 500ms ease;    -o-transition: all 500ms ease;    transition: all 500ms ease; } #maincontent .dk-neu a:hover, #maincontent .pcontent p a:hover { color:#fff; background-color:#ff8100 } .logo { display:block; float:left; margin-top:8px; margin-right:20px; } .bold { font-weight:700; } .clear { clear:both; } img { border:none; } .cart-icon { position: absolute; top: -10px; left: -44px; z-index:5; } .basket-empty { text-align:center; font-weight:600; padding:10px; } .relative { position:relative; } .trusted_shops_rating { text-align: center; margin: 15px 0; } .center { text-align:center; } .lang-de { background: url(/layout/dein-klettershop-v2/images/icon-de.png) top left no-repeat; height: 28px; width: 31px; display: block; float: right; margin-top: 28px; margin-right:15px; } .lang-en { background: url(/layout/dein-klettershop-v2/images/icon-en.png) top left no-repeat; height: 28px; width: 31px; display: block; float: right; margin-right: 80px; margin-top: 28px; } .lang-en { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .lang-de:hover, .lang-en:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } input[type="text"] { border: 1px solid #cbcbcb; font-family: Open sans; } h1 { margin-top:0; font-size:1.8em; } h2 { margin-top:0; font-size:1.5em; } h3 { margin-top:0; font-size:1.2em; } h4 { margin-top:0; font-size:1.0em; } .PlentyCurrencySymbol { padding-left:5px; } .PlentyWebshopButton.place_order,.green { background: rgb(149,199,79); background: -moz-linear-gradient(top, rgba(149,199,79,1) 0%, rgba(123,186,67,1) 3%, rgba(117,180,64,1) 28%, rgba(90,159,48,1) 92%, rgba(88,159,47,1) 97%, rgba(91,162,49,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,199,79,1)), color-stop(3%,rgba(123,186,67,1)), color-stop(28%,rgba(117,180,64,1)), color-stop(92%,rgba(90,159,48,1)), color-stop(97%,rgba(88,159,47,1)), color-stop(100%,rgba(91,162,49,1))); background: -webkit-linear-gradient(top, rgba(149,199,79,1) 0%,rgba(123,186,67,1) 3%,rgba(117,180,64,1) 28%,rgba(90,159,48,1) 92%,rgba(88,159,47,1) 97%,rgba(91,162,49,1) 100%); background: -o-linear-gradient(top, rgba(149,199,79,1) 0%,rgba(123,186,67,1) 3%,rgba(117,180,64,1) 28%,rgba(90,159,48,1) 92%,rgba(88,159,47,1) 97%,rgba(91,162,49,1) 100%); background: -ms-linear-gradient(top, rgba(149,199,79,1) 0%,rgba(123,186,67,1) 3%,rgba(117,180,64,1) 28%,rgba(90,159,48,1) 92%,rgba(88,159,47,1) 97%,rgba(91,162,49,1) 100%); background: linear-gradient(to bottom, rgba(149,199,79,1) 0%,rgba(123,186,67,1) 3%,rgba(117,180,64,1) 28%,rgba(90,159,48,1) 92%,rgba(88,159,47,1) 97%,rgba(91,162,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c74f', endColorstr='#5ba231',GradientType=0 ); } .PlentyWebshopButton.place_order { color:#fff; } .orange { background: rgb(255,191,0); background: -moz-linear-gradient(top, rgba(255,191,0,1) 0%, rgba(255,176,0,1) 3%, rgba(255,166,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,191,0,1)), color-stop(3%,rgba(255,176,0,1)), color-stop(100%,rgba(255,166,0,1))); background: -webkit-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: -o-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: linear-gradient(to bottom, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf00', endColorstr='#ffa600',GradientType=0 ); } .red { background: rgb(230,110,71); background: -moz-linear-gradient(top, rgba(230,110,71,1) 0%, rgba(224,92,59,1) 3%, rgba(223,91,58,1) 6%, rgba(221,86,54,1) 31%, rgba(212,67,42,1) 86%, rgba(212,67,43,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,110,71,1)), color-stop(3%,rgba(224,92,59,1)), color-stop(6%,rgba(223,91,58,1)), color-stop(31%,rgba(221,86,54,1)), color-stop(86%,rgba(212,67,42,1)), color-stop(100%,rgba(212,67,43,1))); background: -webkit-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: -o-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: -ms-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: linear-gradient(to bottom, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66e47', endColorstr='#d4432b',GradientType=0 ); border:1px solid #d43723; } .live-remaining-bg { border:1px solid #cbcbcb; background-color:#f1f1f1; height:30px; position:relative; margin-top:10px; margin-right:10px; } .live-remaining-percent { position:absolute; top:6px; text-align:center; text-shadow:0px 0px 3px #fff; width:100%;} .live-remaining { margin:1px; height:28px; } .live-time { margin:16px 0; font-weight:600; } .live-time > span { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); padding:3px 5px; border:1px solid #cbcbcb; font-weight:600; } /********** FAQ **********/ .faq-folder { margin:10px 0; font-size:18px; text-transform:uppercase; } .faq-item { margin-bottom:5px; position:relative; } .faq-item > span { display:block; padding:5px 15px; position:relative; } .faq-item > span:hover { cursor:pointer; background-color:#f0f0f0; } .faq-item > div { display:none; } .faq-item > div { padding:0 15px 10px 15px; } .faq-item > span:before { position:absolute; top:7px; left:5px; content:"\f105"; font:normal normal normal 14px/1 FontAwesome; margin-right:5px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .faq-item.open > span:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .faq-item.open { background-color:#f0f0f0; } .faq-item.open > span { color:#000; font-weight:700; } .faq-item a{ color:#ff8100; font-weight:600; background-color:#f0f0f0; padding:0 3px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .faq-item a:hover{ color:#fff; background-color:#ff8100 } .faq-item i { position:absolute; top:2px; right:2px; padding: 5px; border-radius: 5px; background-color: #fff; cursor:pointer; font:normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:none; z-index:5;} .faq-item:hover i { display:block; } .faq-item .copycat { width: 98%; padding: 1%; } /********** TOPLIST FOOTER **********/ .shoptop { margin-top: 20px; border-top: 2px solid #cbcbcb; padding-top: 17px; } .top-list li { float: left; width: 146px; background: url(/layout/dein-klettershop-v2/images/footer-sprite.png) 0 0 no-repeat; padding-left: 48px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .top-list li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .top-list li.exp { background-position:-258px 0px; } .top-list li.liveshop { background-position:-543px 0px; } .top-list li.ts { background-position:-816px 0px; } .top-list li.partner { background-position:-1138px 0px; } /*** SIDEBAR ***/ #checkout { margin:0 7px; } #checkout li { background: url(/layout/dein-klettershop-v2/images/footer-sprite.png) 3px 0 no-repeat; padding-left: 48px; margin:20px 0; min-height:37px; } #checkout li.exp { background-position:-258px 0px; } #checkout li.ts { background-position:-816px 0px; } #checkout li.partner { background-position:-1138px 0px; } /********** INDV. AJAX BOX **********/ .spinner { position:absolute;left:0; top:0; width:100%; height:100%; text-align:center; line-height:100%; background-color:#fff; opacity:0.5; } .mymessage { background: rgb(230,110,71); background: -moz-linear-gradient(top, rgba(230,110,71,1) 0%, rgba(224,92,59,1) 3%, rgba(223,91,58,1) 6%, rgba(221,86,54,1) 31%, rgba(212,67,42,1) 86%, rgba(212,67,43,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,110,71,1)), color-stop(3%,rgba(224,92,59,1)), color-stop(6%,rgba(223,91,58,1)), color-stop(31%,rgba(221,86,54,1)), color-stop(86%,rgba(212,67,42,1)), color-stop(100%,rgba(212,67,43,1))); background: -webkit-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: -o-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: -ms-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: linear-gradient(to bottom, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66e47', endColorstr='#d4432b',GradientType=0 ); border:1px solid #d43723; margin: 0 -10px; padding: 6px 10px; color:#fff; text-shadow:1px 1px 1px #610000; margin-top:-10px; } .PlentyWebshopPopup .load input[type="text"] { border: 1px solid #cbcbcb; padding: 5px; font-family: Open sans; } /********** NEWSLETTER BOX **********/ .box-content { font-size:12px; padding:10px; } .box-content input { border: 1px solid #cbcbcb; padding: 5px; font-family: Open sans; width: 90%; } /********** AJAX BUTTON **********/ .PlentyWebshopButton.change_basket { margin-top:10px; } .PlentyWebshopButton { background: rgb(65,64,134); background: -moz-linear-gradient(top, rgba(65,64,134,1) 0%, rgba(100,101,157,1) 2%, rgba(63,61,134,1) 4%, rgba(59,57,132,1) 30%, rgba(57,55,128,1) 32%, rgba(55,53,126,1) 40%, rgba(44,42,117,1) 96%, rgba(44,42,115,1) 98%, rgba(36,36,98,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,64,134,1)), color-stop(2%,rgba(100,101,157,1)), color-stop(4%,rgba(63,61,134,1)), color-stop(30%,rgba(59,57,132,1)), color-stop(32%,rgba(57,55,128,1)), color-stop(40%,rgba(55,53,126,1)), color-stop(96%,rgba(44,42,117,1)), color-stop(98%,rgba(44,42,115,1)), color-stop(100%,rgba(36,36,98,1))); background: -webkit-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); background: -o-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); background: -ms-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); background: linear-gradient(to bottom, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414086', endColorstr='#242462',GradientType=0 ); color: #fff; cursor:pointer; padding: 8px; display: inline-block; border:1px solid #1d1f4d; text-shadow:1px 1px 1px #17008D; } .PlentyWebshopButton:hover { background: rgb(80,81,145); background: -moz-linear-gradient(top, rgba(80,81,145,1) 0%, rgba(64,64,134,1) 3%, rgba(63,64,134,1) 6%, rgba(69,70,148,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,81,145,1)), color-stop(3%,rgba(64,64,134,1)), color-stop(6%,rgba(63,64,134,1)), color-stop(100%,rgba(69,70,148,1))); background: -webkit-linear-gradient(top, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); background: -o-linear-gradient(top, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); background: -ms-linear-gradient(top, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); background: linear-gradient(to bottom, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505191', endColorstr='#454694',GradientType=0 ); color:#fff; } .PlentyWebshopButton.orange { background: rgb(255,183,0); background: -moz-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(254,165,1,1) 3%, rgba(255,150,0,1) 47%, rgba(255,130,1,1) 86%, rgba(255,130,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(3%,rgba(254,165,1,1)), color-stop(47%,rgba(255,150,0,1)), color-stop(86%,rgba(255,130,1,1)), color-stop(100%,rgba(255,130,1,1))); background: -webkit-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -o-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -ms-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: linear-gradient(to bottom, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8201',GradientType=0 ); text-shadow:1px 1px 1px #5C3700; border: 1px solid #ff8100; } .PlentyWebshopButton.orange:hover { background: rgb(255,191,0); background: -moz-linear-gradient(top, rgba(255,191,0,1) 0%, rgba(255,176,0,1) 3%, rgba(255,166,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,191,0,1)), color-stop(3%,rgba(255,176,0,1)), color-stop(100%,rgba(255,166,0,1))); background: -webkit-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: -o-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: linear-gradient(to bottom, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf00', endColorstr='#ffa600',GradientType=0 ); } .PlentyWebshopButton.grey, .PlentyWebshopOverlayClose, .PlentyWebshopButton.edit_delete { background: rgb(111,114,119); background: -moz-linear-gradient(top, rgba(111,114,119,1) 0%, rgba(94,95,100,1) 3%, rgba(92,94,99,1) 6%, rgba(82,83,87,1) 50%, rgba(67,68,72,1) 94%, rgba(69,70,74,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(111,114,119,1)), color-stop(3%,rgba(94,95,100,1)), color-stop(6%,rgba(92,94,99,1)), color-stop(50%,rgba(82,83,87,1)), color-stop(94%,rgba(67,68,72,1)), color-stop(100%,rgba(69,70,74,1))); background: -webkit-linear-gradient(top, rgba(111,114,119,1) 0%,rgba(94,95,100,1) 3%,rgba(92,94,99,1) 6%,rgba(82,83,87,1) 50%,rgba(67,68,72,1) 94%,rgba(69,70,74,1) 100%); background: -o-linear-gradient(top, rgba(111,114,119,1) 0%,rgba(94,95,100,1) 3%,rgba(92,94,99,1) 6%,rgba(82,83,87,1) 50%,rgba(67,68,72,1) 94%,rgba(69,70,74,1) 100%); background: -ms-linear-gradient(top, rgba(111,114,119,1) 0%,rgba(94,95,100,1) 3%,rgba(92,94,99,1) 6%,rgba(82,83,87,1) 50%,rgba(67,68,72,1) 94%,rgba(69,70,74,1) 100%); background: linear-gradient(to bottom, rgba(111,114,119,1) 0%,rgba(94,95,100,1) 3%,rgba(92,94,99,1) 6%,rgba(82,83,87,1) 50%,rgba(67,68,72,1) 94%,rgba(69,70,74,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f7277', endColorstr='#45464a',GradientType=0 ); text-shadow:1px 1px 1px #000; } .PlentyWebshopButton.grey:hover, .PlentyWebshopOverlayClose:hover, .PlentyWebshopButton.edit_delete:hover { background: rgb(123,124,132); background: -moz-linear-gradient(top, rgba(123,124,132,1) 0%, rgba(104,105,111,1) 3%, rgba(102,103,111,1) 19%, rgba(97,98,104,1) 50%, rgba(86,86,92,1) 89%, rgba(85,86,91,1) 97%, rgba(88,89,92,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,124,132,1)), color-stop(3%,rgba(104,105,111,1)), color-stop(19%,rgba(102,103,111,1)), color-stop(50%,rgba(97,98,104,1)), color-stop(89%,rgba(86,86,92,1)), color-stop(97%,rgba(85,86,91,1)), color-stop(100%,rgba(88,89,92,1))); background: -webkit-linear-gradient(top, rgba(123,124,132,1) 0%,rgba(104,105,111,1) 3%,rgba(102,103,111,1) 19%,rgba(97,98,104,1) 50%,rgba(86,86,92,1) 89%,rgba(85,86,91,1) 97%,rgba(88,89,92,1) 100%); background: -o-linear-gradient(top, rgba(123,124,132,1) 0%,rgba(104,105,111,1) 3%,rgba(102,103,111,1) 19%,rgba(97,98,104,1) 50%,rgba(86,86,92,1) 89%,rgba(85,86,91,1) 97%,rgba(88,89,92,1) 100%); background: -ms-linear-gradient(top, rgba(123,124,132,1) 0%,rgba(104,105,111,1) 3%,rgba(102,103,111,1) 19%,rgba(97,98,104,1) 50%,rgba(86,86,92,1) 89%,rgba(85,86,91,1) 97%,rgba(88,89,92,1) 100%); background: linear-gradient(to bottom, rgba(123,124,132,1) 0%,rgba(104,105,111,1) 3%,rgba(102,103,111,1) 19%,rgba(97,98,104,1) 50%,rgba(86,86,92,1) 89%,rgba(85,86,91,1) 97%,rgba(88,89,92,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7c84', endColorstr='#58595c',GradientType=0 ); color:#fff; cursor:pointer; } .PlentyWebshopOverlayClose { color:#fff; text-shadow:1px 1px 1px #000; } .PlentyWebshopOverlayClose:after { content:"X"; padding:8px; display:inline-block; border:1px solid #1d1f4d} .PlentyWebshopOverlayClose { line-height:10px; position:absolute; right:10px; top:10px; } .PlentyWebshopButton.grey.left { position: absolute; top: 120px; left: 10px; width: 220px; text-align: center; text-transform: uppercase; font-size: 15px; font-weight: 600; } .PlentyWebshopButton.orange.right { position: absolute; top: 120px; right: 10px; width: 220px; text-align: center; text-transform: uppercase; font-size: 15px; font-weight: 600; } .orange-font { color:#EDA014; } .PlentyWebshopButton.none { background: none; color: #000!Important; text-shadow: none; border: none; padding:0; } /********** AJAX BASKET **********/ .PlentyWebshopOverlay { background-color: #000; top: 0; left: 0; width: 100%; height: 100%; position: fixed; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .PlentyWebshopPopup { background-color:#fff; width:480px; height:180px; -moz-box-shadow: 0 0 3px #969696; -webkit-box-shadow: 0 0 3px #969696; box-shadow:0 2px 3px #969696; position: fixed; left: 50%; top: 50%!Important; margin-left:-250px; margin-top:-202px; padding:10px; } .PlentyWebshopPopup .overlay-head { font-size: 18px; font-weight: 600; margin-top:25px; } .PlentyWebshopPopup p { color: #8F8F8F; } #PlentyWebshopPopup_ErrorMessage .plentyErrorBox { background:none!important;; color:#000!important; padding:0!important } #PlentyWebshopPopup_ErrorMessage .plentyErrorBoxTitle { background-color: red!important; padding: 2px 29px!important; background-position: 3px 3px!important; text-shadow: 1px 1px 1px #810000;} #PlentyWebshopPopup_ErrorMessage .plentyErrorBoxContent { line-height: 21px; margin-top: 10px; } /********** FOOTER **********/ footer ul, footer ul li { list-style:none; margin:0; padding:0; } footer a { color:#323232; } footer { display:block; padding-bottom:20px; margin-top:20px; } footer > .page-width { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); border-top:1px solid #cbcbcb; padding:15px; width:970px; } footer p { border-bottom: 2px solid #cbcbcb; margin-bottom: 8px; text-transform: uppercase; font-size: 15px; font-weight: 600; margin-top: 0px; } footer .PlentyItemProducerList > li { float:left; width:138px; } footer .PlentyItemProducerList > li a { display:block; font-size:12px; padding-left:5px; } footer .PlentyItemProducerList > li a:hover { background-color:#37397d; color:#fff; } footer .shop { width:200px; float:left; margin-right:15px; } footer .payment { width:480px; float:left; margin-right:15px;} footer .delivery { width:245px; float:left; margin-right:15px; } footer .security { width:200px; float:left; } footer .brands { margin-top:15px; } footer { font-size:12px; } footer ul li { line-height:21px; } footer .page-width { -moz-box-shadow: 0 0 3px #969696; -webkit-box-shadow: 0 0 3px #969696; box-shadow:0 2px 3px #969696; } footer .shop ul.first { float:left; width:130px; } /********** FINDOLOGIC FILTER ***********/ .flChosenFilters, .flChosenFilters > li { list-style:none; margin:0; padding:0; } .flChosenFilters > li { display:inline-block; background-color:#f0f0f0; border:1px dashed #cbcbcb; padding:5px 15px; margin-right:10px; position:relative; } .flChosenFilters > li:hover { background: rgb(230,110,71); background: -moz-linear-gradient(top, rgba(230,110,71,1) 0%, rgba(224,92,59,1) 3%, rgba(223,91,58,1) 6%, rgba(221,86,54,1) 31%, rgba(212,67,42,1) 86%, rgba(212,67,43,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,110,71,1)), color-stop(3%,rgba(224,92,59,1)), color-stop(6%,rgba(223,91,58,1)), color-stop(31%,rgba(221,86,54,1)), color-stop(86%,rgba(212,67,42,1)), color-stop(100%,rgba(212,67,43,1))); background: -webkit-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: -o-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: -ms-linear-gradient(top, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); background: linear-gradient(to bottom, rgba(230,110,71,1) 0%,rgba(224,92,59,1) 3%,rgba(223,91,58,1) 6%,rgba(221,86,54,1) 31%,rgba(212,67,42,1) 86%,rgba(212,67,43,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e66e47', endColorstr='#d4432b',GradientType=0 ); border:1px solid #d43723; } .flChosenFilters > li:hover a { color:#fff; text-shadow:1px 1px 1px #7A1109; } .flChosenFilters > li img { position:absolute; top:-5px; right:-5px; } .flChosenFilters .flFilterName { font-weight:600; } .flChosenFilters .flFilterName:after { content:": " } .flChosenFilter span.flFilterName { display:inline!Important; } .flFilter a:hover, .flChosenFilter a:hover { background:none!important; } .flRemoveAllFilters { color:#323232!important; text-decoration:none!important; } #Filterset .flFilterBox.pricefilter p { margin:0; } #Filterset .flFilterBox.pricefilter { width:200px; margin-left:20px; margin-right:20px; } #Filterset .flFilterBox.pricefilter #flChosenPriceFilter { display:none; } #Filterset { background-color:#f0f0f0; margin-bottom:10px; padding:10px 0; } #Filterset .flFilterBox { float:left; margin-right:10px; } #Filterset .flFilterBox .dropfilter { position:relative; } #Filterset .flFilterBox .dropfilter > .filterbutton { opacity:0; position:absolute; width:100%; height:100%; } #Filterset .flFilterBox .dropfilter > ul { display:none; position:absolute; background-color:#fff; right:0; margin:0; padding:10px; list-style:none; min-width:200px; box-shadow: 0 2px 1px #b4b4b4; border: 1px solid #f1f1f1; z-index:1; } #Filterset .flFilterBox .dropfilter .filterbutton { display: block!important; cursor:pointer; } #Filterset .noColorFound { display:none; } #Filterset .colorPicker { display:inline-block; padding:10px; border:1px solid #cbcbcb } #Filterset .flFilterBox.color li { display:inline-block; margin:3px; } #Filterset .flFilterBox .dropfilter > ul a { white-space: nowrap; } #Filterset #flpricemin { margin-left:-10px; } #Filterset #flpricemax { margin-right:-3px; } #Filterset .flFilterBox .dropfilter .filterbutton:hover { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );} /********** IMAGE NAVIGATION STEP BY STEP ***********/ .sub-cat { list-style:none; margin:0; padding:0; } .sub-cat > li { float: left; width: 138px; list-style: none; margin-right:12px; padding: 0; margin-bottom:15px; } .sub-cat-image { float:left;width:136px;height:136px;border:1px solid #c4c4c4; text-align:center;overflow:hidden; } .sub-cat-image:hover { border:1px solid #37397d; } .sub-cat-image img { max-height:136px; } .sub-cat > li ul, .sub-cat > li ul li { list-style:none; margin:0; padding:0; } .sub-cat > li ul li > a { display:block; line-height:21px; background:url(/layout/dein-klettershop-v2/images/list-arrow.png) 0 5px no-repeat; padding-left: 12px; font-weight:500; } .sub-cat > li ul li > a:hover { color:#37397d; font-weight:500; text-decoration:underline; } .sub-cat-name { float:left;width:150px;margin-top:10px;margin-left:3px; } .sub-cat-name > a { font-size:12px;font-weight:bold; } .sub-cat-drop { float:left;width:150px;margin-top:2px;margin-left:3px; } /********** ARTICLE PREVIEWLIST **********/ header #top-nav ul li.last { position:relative; } #basket_preview_container { position: absolute; background-color: #fff; z-index: 1; top: 50px; right: -1px; border: 1px solid #000; border-top: 0; width: 410px; display:none; } #preview-list .prev-image { float: left; width: 50px; height: 50px; border:1px solid #cbcbcb; display:block; } #preview-list .prev-image img { max-width:49px; max-height:49px; } #preview-list .prev-quantity { float: left; width: 40px; text-align: center; line-height:50px; } #preview-list .prev-name { float: left; width: 280px; padding-left: 5px; line-height:50px; display:block; } #preview-list > li { border-bottom:1px solid #cecece; padding:10px 15px!important} #preview-list > li:last-child { border-bottom:none; } #preview-list > li:hover { background-color:#f1f1f1; } #preview-list > li:last-child { background-color:#f9f9f9; } /********** SINGLE ARTICLE **********/ #single-article .single-wish { width: 107px; margin-right: -10px; margin-top: 10px; text-align:center; } #single-article .single-watch { width: 107px; margin-top: 10px; margin-right: 10px; text-align:center; } #single-article .single-name > span:first-child { width: 645px; display: inline-block; } #single-article .single-rating-name { float: right; font-size: 14px; color: #000; line-height: 32px; cursor:pointer; } #single-article .single-uvp { color: red; font-size: 11px; text-align: right; margin-top:10px;} #single-article .single-saving { font-size: 11px; text-align: right; } #single-article .single-saving > span { font-size:13px; } #single-article .single-ask, #single-article .single-cheep, #single-article .single-push { margin-left:5px; height: 60px; width: 80px; display: block; font-size:0; cursor:pointer; float:right;} #single-article .single-ask { background: url(/layout/dein-klettershop-v2/images/Frage2.png) 0 0 no-repeat; } #single-article .single-cheep { background: url(/layout/dein-klettershop-v2/images/Billiger2.png) 0 0 no-repeat; } .single-video { margin-right:2px; float:right; margin-bottom:5px; background: url(/layout/dein-klettershop-v2/images/Video2.png) 0 0 no-repeat; height: 60px; width: 80px; display: block; font-size:0; cursor:pointer; } #single-article .single-addtocart { margin:10px -10px; } #single-article .single-addtocart .PlentyWebshopButton { width: 190px; font-size: 18px; text-transform: uppercase; text-align: center; } #single-article .prod-width { display: inline-block; width: 85px; } #single-article .PlentyWebshopButton { float:right; } #single-article .single-addtocart .cat-quantity { display: inline-block; margin: 0; border: 1px solid #cbcbcb; text-align:center; width:50px; float: right; border-right: none; height: 38px;font-size: 20px; font-family: Open sans; font-weight: 600; } #single-article .single-id, #single-article .single-avail { font-size:12px; line-height:17px; } #single-article .single-producer { margin-top: -10px; padding-bottom: 5px; } #single-article .single-price { text-align: right; padding: 10px 0; font-size: 23px; font-weight: 700; margin-right: -10px; } #single-article .single-vat { text-align: right; margin-right: -10px; margin-top: -10px; font-size: 12px; color: #888888; line-height:15px; } #single-article .magnifyarea { left:260px!important; z-index:1!important; top:0!important } #single-article .single-infos { position:relative; float:right; border-left:1px dotted #cbcbcb; padding:15px; width:352px; min-height:200px; } #single-article .single-options { float:right; margin-right:-10px; } #single-article .single-attribute { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin: 0 -15px; padding: 10px 15px; background-color: #f9f9f9; } #single-article .single-id { margin-top:-10px; } #single-article .single-options > a:nth-child(4) { margin-right:5px; float:right; background: url(/layout/dein-klettershop-v2/images/Anleitungen2.png); height: 58px; width: 79px; display: block; font-size: 0; } #single-article .single-rating .article_rating_table { border-spacing:0; margin:15px 0; width:100%; } #single-article .single-rating .article_rating_table tr td { border-bottom:1px solid #cecece; padding: 8px 5px; } #single-article .single-rating .article_rating_table tr:nth-child(2n) td { background-color:#f9f9f9; } #single-article .single-rating .article_rating_table tr:last-child td { border-bottom:none; } #single-article .single-rating .article_rating_column_left { width:70px; } #single-article .single-rating .article_rating_table tr td .name, #single-article .single-rating .article_rating_table tr td .date { font-weight:600; } #single-article .single-rating { margin-top:-1px; } #single-article .single-rating .head { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); font-size: 16px; font-weight: 700; color: #323232; border-top:1px solid #cecece; border-bottom:1px solid #cecece; margin: 0 -10px; padding: 5px 10px; text-transform: uppercase; } #single-article .single-name { color: #37397d; font-size: 16px; font-weight: 700; border-bottom: 1px solid #cecece; padding: 0 0 10px 0; } #single-article .single-images { float: left; width: 340px; padding: 0 15px; position:relative; } #single-article .single-description .head { font-size: 16px; font-weight: 700; color: #fff; border-top: 1px solid #ff8100; border-bottom: 1px solid #ff8100; background: -moz-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(254,165,1,1) 3%, rgba(255,150,0,1) 47%, rgba(255,130,1,1) 86%, rgba(255,130,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(3%,rgba(254,165,1,1)), color-stop(47%,rgba(255,150,0,1)), color-stop(86%,rgba(255,130,1,1)), color-stop(100%,rgba(255,130,1,1))); background: -webkit-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -o-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -ms-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: linear-gradient(to bottom, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8201',GradientType=0 ); margin: 0 -10px; padding: 5px 10px; text-transform: uppercase; text-shadow: 1px 1px 1px #c26a0c; margin-top:0; } #single-article .single-description.live .head:hover{ background: rgb(255,191,0); background: -moz-linear-gradient(top, rgba(255,191,0,1) 0%, rgba(255,176,0,1) 3%, rgba(255,166,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,191,0,1)), color-stop(3%,rgba(255,176,0,1)), color-stop(100%,rgba(255,166,0,1))); background: -webkit-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: -o-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: -ms-linear-gradient(top, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); background: linear-gradient(to bottom, rgba(255,191,0,1) 0%,rgba(255,176,0,1) 3%,rgba(255,166,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf00', endColorstr='#ffa600',GradientType=0 ); cursor:pointer; } #single-article .single-description .body { padding:15px 0 } #single-article .single-description .body.live { display:none; } #single-article .single-description .head span { float:right; } #single-article .single-moreimageshead, .subhead { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); padding:5px 10px; border-bottom: 1px solid #cbcbcb; text-transform: uppercase; margin: 0 -10px; border-top: 1px solid #cbcbcb; font-size: 16px; font-weight: 700; } #single-article #other-images { padding:10px 0; border-top:1px solid #cecece; } #single-article .prevImg { height: 85px; width: 85px; display: block; border: 1px solid #cbcbcb; display:block; float:left; margin-right:8px; } #single-article .prevImg:nth-child(8) { margin-right:0; } #single-article .prevImg img { max-height:84px; max-width:84px; } /** NEU **/ #single-article .prevImg { height: 85px; width: 85px; display: block; border: 1px solid #cbcbcb; display:block; float:left; margin-right:8px; margin-bottom:8px; } #single-article .prevImg:nth-child(8n) { margin-right:0; } #single-article .single-ask { border-radius:2px; box-shadow: 0 0 3px #9a9a9a; background: url(/layout/dein-klettershop-v2/images/Frage3.png) 0 0 no-repeat!important; } #single-article .single-cheep { border-radius:2px; box-shadow: 0 0 3px #9a9a9a; background: url(/layout/dein-klettershop-v2/images/Billiger3.png) 0 0 no-repeat!important; } .single-video { margin-right:2px; float:right; margin-bottom:5px; border-radius:2px; box-shadow: 0 0 3px #9a9a9a; background: url(/layout/dein-klettershop-v2/images/Video4.png) 0 0 no-repeat!important; height: 60px; width: 80px; display: block; font-size:0; cursor:pointer; } #single-article .single-addtocart { margin:10px -10px; } #single-article .single-addtocart .PlentyWebshopButton { width: 190px; font-size: 18px; text-transform: uppercase; text-align: center; } #single-article .prod-width { display: inline-block; width: 85px; } #single-article .PlentyWebshopButton { float:right; } #single-article .single-addtocart .cat-quantity { display: inline-block; margin: 0; border: 1px solid #cbcbcb; text-align:center; width:50px; float: right; border-right: none; height: 38px;font-size: 20px; font-family: Open sans; font-weight: 600; } #single-article .single-id, #single-article .single-avail { font-size:12px; line-height:17px; } #single-article .single-producer { margin-top: -10px; padding-bottom: 5px; } #single-article .single-price { text-align: right; padding: 10px 0; font-size: 23px; font-weight: 700; margin-right: -10px; } #single-article .single-vat { text-align: right; margin-right: -10px; margin-top: -10px; font-size: 12px; color: #888888; line-height:15px; } #single-article .magnifyarea { left:260px!important; z-index:1!important; top:0!important } #single-article .single-infos { position:relative; float:right; border-left:1px dotted #cbcbcb; padding:15px; width:352px; min-height:200px; } #single-article .single-options { float:right; margin-right:-10px; } #single-article .single-attribute { border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; margin: 0 -15px; padding: 10px 15px; background-color: #f9f9f9; } #single-article .single-id { margin-top:-10px; } #single-article .single-options > a:nth-child(4) { border-radius:2px; box-shadow: 0 0 3px #9a9a9a; margin-right:5px; float:right; background: url(/layout/dein-klettershop-v2/images/Anleitungen4.png)!important; height: 58px; width: 79px; display: block; font-size: 0; } .single-video { margin-right:0!important; } /** NEU ENDE **/ /********** CATEGORY **********/ .cat-saving { font-size:11px; margin-top: -2px; margin-bottom: 10px; } .cat-vat { font-size: 11px; margin-top: -11px; } .cat-text a { color:#ff8100; font-weight:600; background-color:#fff; padding:0 3px; -webkit-transition: all 500ms ease;    -moz-transition: all 500ms ease;    -ms-transition: all 500ms ease;    -o-transition: all 500ms ease;    transition: all 500ms ease; } .cat-text a:hover { color:#fff; background-color:#ff8100 } .cat-item { border-bottom:1px solid #e2e2e2; padding:10px 0; } .cat-item .cat-image { float:left; width:122px; border:1px solid #f1f1f1; height:122px; } .cat-item .cat-image img { max-width:122px; max-height:122px; } .cat-item .cat-name { font-weight: 600; } .cat-item .cat-info { float:left; margin-left:10px; width: 442px; } .cat-item .cat-number{ color:#858585; display:inline; font-size:12px; } .cat-item .cat-price { border-left: 1px solid #f0f0f0; float: right; padding-left: 10px; min-height: 124px; width:164px; } .cat-item .uvp { font-size:11px; } .cat-item .uvp > div { color:red; } .cat-item .uvp > span{ color:#858585; } .cat-item .cat-price > p { margin:0; padding:0; font-size:16px; font-weight: 700; margin-bottom:10px; } .cat-item .cat-shortdesc { margin-top:15px; } .cat-item .PlentyWebAttributeTitle { font-weight:600; font-size:12px; } .cat-item .cat-avail { margin-top:10px; } .cat-item .cat-avail img { max-height:10px; } .cat-item .PlentyWebTableLayout { margin:10px 0; } .cat-item:hover .cat-image { border:1px solid #37397d; } .cat-item:hover .cat-name { color:#37397d } .cat-item .cat-quantity { display: inline-block; margin: 0; border: 1px solid #cbcbcb; text-align:center; width: 33px; float: left; border-right: none; height: 32px;font-size: 15px; font-family: Open sans; font-weight: 600; } .cat-options { padding:10px; background-color:#f0f0f0; margin-bottom:20px; } .cat-options form { display:inline; } .cat-readmore { cursor:pointer; } .cat-options a, .cat-options span { display: inline-block; background-color: #f0f0f0; padding: 5px; color: #000; text-decoration: none; } .cat-options .articlePages { display:inline-block; } .cat-options .articlePages .articlePages_activeLink, .cat-options .articlePages > a:hover { background-color:#006aa5; color:#fff; } .cat-options > .fright > a { margin: 0 3px; } .cat-row .cat-2-item { position:relative; float: left; width: 242px; height:300px; margin-right: 10px; margin-bottom:10px; } .cat-row .cat-2-item .item-inner { position:absolute; top:0; left:0; bottom:0; right:0; display:block; padding:8px; } .cat-row .cat-2-item:last-child { margin-right:0; } .cat-2-item .cat-image { border:1px solid #f0f0f0; display:block; text-align:center; line-height: 150px; height: 150px; } .cat-2-item .cat-image img { vertical-align:middle; } .cat-2-item .cat-info { margin-top:10px; height: 53px; margin: 0px; overflow: hidden; padding: 5px 10px; } .cat-2-item .cat-info a { color:#8A8A8A; } .cat-2-item .attributes { height:0; text-align:center; overflow:hidden; } .cat-2-item:hover .attributes { height:120px; } .cat-2-item:hover .attributes img { vertical-align:middle; } .cat-2-item:hover .cat-image { border:1px solid transparent; border-bottom:1px solid #f0f0f0; } .cat-2-item:hover .cat-info a { color:#000; } .cat-2-item:hover .item-inner, .cat-2-item.attr:hover .item-inner { box-shadow: 0 0 3px #ccc; z-index: 999; background-color: #fff; padding: 8px; } .cat-2-item.attr:hover .item-inner { bottom:-120px; } .cat-2-item:hover .cat-price { border-top:1px solid #f0f0f0; } .cat-2-item .cat-price { height: 65px; line-height:65px; text-align:center; border-top:1px solid transparent; } .cat-2-item .cat-price .uvp { float:left; width:50%; font-size:15px; } .cat-2-item .cat-price p { font-size:18px; margin:0; } .cat-2-item .cat-price .uvp+p { float:right; width:50%; margin:0; font-size:17px; color:#C70B0B; } .itemsperpage { padding:10px; } .filter-button.active { background-color:#f0f0f0; border-top:1px solid transparent; border-right:1px solid transparent; border-left:1px solid transparent; } .filter-button { float:left; border-top:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; background-color:#fff; color: #323232; display: inline-block; padding: 10px 10px; } .filter-button:hover { background-color:#f9f9f9; } .transition { -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; } .attributes img { max-width: 50px; max-height: 50px; margin: 3px; } /********** BREADCRUMBS **********/ #breadcrumbs { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); line-height:40px; padding-left:17px; border-bottom:1px solid #cecece; } #breadcrumbs a:last-child { font-weight:600; color:#37397d } /********** NAVIGATION **********/ aside { display:block; width:225px; float:left; border-right: 1px solid #cbcbcb; margin-right: -1px; border-right:1px solid #cecece; margin-left:-1px; } aside > .head, .search-head { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); line-height:40px; padding-left:17px; border-bottom:1px solid #000; text-transform:uppercase; font-weight:600; } .search-head { margin:-5px; } aside ul, aside ul li { list-style:none; margin:0; padding:0; } aside > div > ul > li > a { display:block; line-height:32px; border-bottom:1px solid #cecece; color:#323232; text-decoration:none; padding-left:22px; background: url(/layout/dein-klettershop-v2/images/navigation-arrow) 5px 0 #fff no-repeat; } aside > div > ul > li > a:hover { background-color:#f1f1f1;} aside > div > ul > li.Active > a { background-position: bottom left } aside > div > ul > li.Active > ul { background-color:#f1f1f1; font-size:12px; } aside > div > ul > li.Active > ul > li > a { padding-left:28px; line-height:22px; display:block; } aside > div > ul > li.Active > ul > li a:before { content:"» "; } aside > div > ul > li.Active > ul > li > ul > li > a { padding-left:43px; line-height:22px; display:block; } aside .PlentyCatItemLink_1.PlentyCat_34 { line-height:18px; } aside > div > ul > li.Active > a { background: url(/layout/dein-klettershop-v2/images/navigation-arrow) 3px -32px transparent no-repeat!important; color:#fff; text-shadow: 1px 1px 1px #000; } aside > div > ul > li.Active { border:1px solid #ff8100; background: rgb(255,183,0); background: -moz-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(254,165,1,1) 3%, rgba(255,150,0,1) 47%, rgba(255,130,1,1) 86%, rgba(255,130,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(3%,rgba(254,165,1,1)), color-stop(47%,rgba(255,150,0,1)), color-stop(86%,rgba(255,130,1,1)), color-stop(100%,rgba(255,130,1,1))); background: -webkit-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -o-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -ms-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: linear-gradient(to bottom, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8201',GradientType=0 ); } aside .PlentyCatMenuLevel_3 { background-color:#fff; border-top:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; box-shadow:inset 0 0 4px #cbcbcb; padding:10px 0px } aside .PlentyCatMenuLevel_2 { padding:10px 0px; } aside .PlentyCatItemLink_2.Active { font-weight: 600; color: #ff8100; background-color:#e2e2e2; } aside .PlentyCatItemLink_2:hover { background-color:#e2e2e2; } aside .PlentyCatItemLink_3:hover { background-color:#f1f1f1; } aside .PlentyCatItemLink_3.Active { background-color:#f1f1f1; color:#ff8100; } /********** LIVE SUCHE **********/ #fl-price-slider.ui-slider .ui-slider-handle { z-index:1!important; } header .mysearch { float:left; margin-top:8px !important } #LiveSearchParam { width: 148px; height: 25px; line-height: 25px; border: 1px solid #000; -webkit-border-radius: 3px; background: url(/layout/dein-klettershop-v2/images/zoom-icon.jpg) 5px center #fff no-repeat; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 10px 3px 32px; } .PlentyLiveSearchResult { border-spacing:0; } .PlentyLiveSearchResult tr:first-child td { font-weight:bold; font-size:16px; letter-spacing:-1px; padding:10px 0; border-bottom:2px solid #d9d9d9} .PlentyLiveSearchResult tr td { border-bottom:1px solid #d9d9d9; padding:3px; } .PlentyLiveSearchResult tr:last-child td { border-bottom:0; } .PlentyLiveSearchResult tr:hover td { background-color:#e8e8e8; } .PlentyLiveSearchResult tr:first-child:hover td {background-color:#fff;} .PlentyLiveSearchResult tr:first-child td img:hover { cursor:pointer; } .PlentyLiveSearchResult .Price { font-weight:bold; } #livesearch_result { display:none;position:absolute;z-index:2;vertical-align:top; margin-top:38px; margin-left: 15px; } #suche-button { color:#fff!important; border:1px solid #ff8100!important; background: rgb(255,183,0); background: -moz-linear-gradient(top, rgba(255,183,0,1) 0%, rgba(254,165,1,1) 3%, rgba(255,150,0,1) 47%, rgba(255,130,1,1) 86%, rgba(255,130,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,183,0,1)), color-stop(3%,rgba(254,165,1,1)), color-stop(47%,rgba(255,150,0,1)), color-stop(86%,rgba(255,130,1,1)), color-stop(100%,rgba(255,130,1,1))); background: -webkit-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -o-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: -ms-linear-gradient(top, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); background: linear-gradient(to bottom, rgba(255,183,0,1) 0%,rgba(254,165,1,1) 3%,rgba(255,150,0,1) 47%,rgba(255,130,1,1) 86%,rgba(255,130,1,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb700', endColorstr='#ff8201',GradientType=0 ); margin:0!important; } .ui-autocomplete h3 { background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(226,226,226,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(226,226,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 ); line-height:40px; padding-left:17px; border-bottom:1px solid #000; text-transform:uppercase; margin:0!important; } .ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all.fl-autocomplete { box-shadow:1px 1px 1px #8D8D8D } .ui-autocomplete-allResults h3 { background: rgb(65,64,134)!important; background: -moz-linear-gradient(top, rgba(65,64,134,1) 0%, rgba(100,101,157,1) 2%, rgba(63,61,134,1) 4%, rgba(59,57,132,1) 30%, rgba(57,55,128,1) 32%, rgba(55,53,126,1) 40%, rgba(44,42,117,1) 96%, rgba(44,42,115,1) 98%, rgba(36,36,98,1) 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,64,134,1)), color-stop(2%,rgba(100,101,157,1)), color-stop(4%,rgba(63,61,134,1)), color-stop(30%,rgba(59,57,132,1)), color-stop(32%,rgba(57,55,128,1)), color-stop(40%,rgba(55,53,126,1)), color-stop(96%,rgba(44,42,117,1)), color-stop(98%,rgba(44,42,115,1)), color-stop(100%,rgba(36,36,98,1)))!important; background: -webkit-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%)!important; background: -o-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%)!important; background: -ms-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%)!important; background: linear-gradient(to bottom, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414086', endColorstr='#242462',GradientType=0 )!important; color:#fff!important; text-align:center; text-shadow:1px 1px 1px #000; line-height:50px; text-transform:uppercase; font-weight:600; font-size:14px; text-decoration:none; } .fl-autocomplete li.ui-menu-item a { padding:3px 8px!important } /********** HEADER **********/ header { display:block; background-color:#fff; } header > .page-width { width:1000px; margin:0 auto; height:85px; position:relative; } header #top-nav { height:50px; background: rgb(65,64,134); background: -moz-linear-gradient(top, rgba(65,64,134,1) 0%, rgba(100,101,157,1) 2%, rgba(63,61,134,1) 4%, rgba(59,57,132,1) 30%, rgba(57,55,128,1) 32%, rgba(55,53,126,1) 40%, rgba(44,42,117,1) 96%, rgba(44,42,115,1) 98%, rgba(36,36,98,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,64,134,1)), color-stop(2%,rgba(100,101,157,1)), color-stop(4%,rgba(63,61,134,1)), color-stop(30%,rgba(59,57,132,1)), color-stop(32%,rgba(57,55,128,1)), color-stop(40%,rgba(55,53,126,1)), color-stop(96%,rgba(44,42,117,1)), color-stop(98%,rgba(44,42,115,1)), color-stop(100%,rgba(36,36,98,1))); background: -webkit-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); background: -o-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); background: -ms-linear-gradient(top, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); background: linear-gradient(to bottom, rgba(65,64,134,1) 0%,rgba(100,101,157,1) 2%,rgba(63,61,134,1) 4%,rgba(59,57,132,1) 30%,rgba(57,55,128,1) 32%,rgba(55,53,126,1) 40%,rgba(44,42,117,1) 96%,rgba(44,42,115,1) 98%,rgba(36,36,98,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414086', endColorstr='#242462',GradientType=0 ); } header #top-nav > div > ul > li, header #top-nav > div > ul > li.ajaxLoad > a { float:left; background: url(/layout/dein-klettershop-v2/images/header-spacer.png) top right repeat-y } header #top-nav > div > ul > li.ajaxLoad { background:none; } header #top-nav ul, header #top-nav ul li { list-style:none; margin:0; padding:0; } header #top-nav > div > ul > li > a { color:#fff; text-shadow:1px 1px 1px #000; line-height:50px; text-transform:uppercase; font-weight:600; font-size:12px; text-decoration:none; padding: 0 10px; display:inline-block; } header #top-nav > div > ul > li > a:hover { background: rgb(80,81,145); background: -moz-linear-gradient(top, rgba(80,81,145,1) 0%, rgba(64,64,134,1) 3%, rgba(63,64,134,1) 6%, rgba(69,70,148,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,81,145,1)), color-stop(3%,rgba(64,64,134,1)), color-stop(6%,rgba(63,64,134,1)), color-stop(100%,rgba(69,70,148,1))); background: -webkit-linear-gradient(top, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); background: -o-linear-gradient(top, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); background: -ms-linear-gradient(top, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); background: linear-gradient(to bottom, rgba(80,81,145,1) 0%,rgba(64,64,134,1) 3%,rgba(63,64,134,1) 6%,rgba(69,70,148,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505191', endColorstr='#454694',GradientType=0 ); color: #fff; box-shadow:inset 0px 1px 2px 0px #000; } header #top-nav > div > ul > li > a.cart:hover { background:none; box-shadow:none; } header .ajaxContent { background-color:#fff; position:absolute; left:0; top:50px; width:999px; border:1px solid #000; z-index:3; padding:20px 0; } header .ajaxContent .PlentyItemProducerList > li { float:left; width:138px; } header .ajaxLoad .ajaxContent { display:none; } header .ajaxLoad:hover .ajaxContent { display:block; } header .ajaxContent .PlentyItemProducerList > li a { display:block; font-size:12px; padding-left:5px; } header .ajaxContent .PlentyItemProducerList > li a:hover { background-color:#37397d; color:#fff; } header #top-nav ul li.last { float:right; background: rgb(57,57,57); background: -moz-linear-gradient(top, rgba(57,57,57,1) 0%, rgba(74,74,74,1) 2%, rgba(56,56,56,1) 4%, rgba(55,55,55,1) 30%, rgba(52,52,52,1) 36%, rgba(46,46,46,1) 96%, rgba(45,45,45,1) 98%, rgba(39,39,39,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(57,57,57,1)), color-stop(2%,rgba(74,74,74,1)), color-stop(4%,rgba(56,56,56,1)), color-stop(30%,rgba(55,55,55,1)), color-stop(36%,rgba(52,52,52,1)), color-stop(96%,rgba(46,46,46,1)), color-stop(98%,rgba(45,45,45,1)), color-stop(100%,rgba(39,39,39,1))); background: -webkit-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(74,74,74,1) 2%,rgba(56,56,56,1) 4%,rgba(55,55,55,1) 30%,rgba(52,52,52,1) 36%,rgba(46,46,46,1) 96%,rgba(45,45,45,1) 98%,rgba(39,39,39,1) 100%); background: -o-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(74,74,74,1) 2%,rgba(56,56,56,1) 4%,rgba(55,55,55,1) 30%,rgba(52,52,52,1) 36%,rgba(46,46,46,1) 96%,rgba(45,45,45,1) 98%,rgba(39,39,39,1) 100%); background: -ms-linear-gradient(top, rgba(57,57,57,1) 0%,rgba(74,74,74,1) 2%,rgba(56,56,56,1) 4%,rgba(55,55,55,1) 30%,rgba(52,52,52,1) 36%,rgba(46,46,46,1) 96%,rgba(45,45,45,1) 98%,rgba(39,39,39,1) 100%); background: linear-gradient(to bottom, rgba(57,57,57,1) 0%,rgba(74,74,74,1) 2%,rgba(56,56,56,1) 4%,rgba(55,55,55,1) 30%,rgba(52,52,52,1) 36%,rgba(46,46,46,1) 96%,rgba(45,45,45,1) 98%,rgba(39,39,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#272727',GradientType=0 ); } header #top-nav ul li.last:hover { background:none; background-color:#fff; box-shadow:0px -1px 0px #cbcbcb; } header #top-nav ul li.last:hover > a { color:#000; text-shadow:none; font-weight:500; } header #top-nav ul li.last > a > span { display:block; margin:0; padding:0; } header #top-nav ul li.last > a { line-height: 19px; padding: 0; margin: 6px 13px; display: block; font-size: 13px; font-weight: 500; } header .headerinfo, header .headerinfo li { list-style:none; margin:0; padding:0; } header .headerinfo li { float:left; margin: 24px 15px; line-height:15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } header .headerinfo li:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } header .headerinfo .mail { background: url(/layout/dein-klettershop-v2/images/icon-mail.png) top left no-repeat; padding-left: 45px; height:33px; padding-top:3px; } header .headerinfo .phone { background: url(/layout/dein-klettershop-v2/images/icon-phone.png) top left no-repeat; padding-left: 45px; height:33px; padding-top:3px; } header .dav, header .ts { display:block; float:right; } header .dav { margin-top:6px; } header .ts { margin-top: 13px; margin-right: 20px; } .dav-abs { position: absolute; right: 0; top: 22px; } .uiaa-abs { position: absolute; top: 14px; right: 96px; } /********** PROMO AKTION **********/ .promo-aktion { border: 1px solid #a92626; margin:0 0 10px 0; padding: 5px; background-color: #fff; font-weight: 700; color:#323232;} .promo-aktion .close-message { text-decoration:none; } .promo-aktion > div { float:left; width:665px; } .promo-aktion > a { float:right; text-decoration:none; } .promo-aktion > p:first-child { color:#a92626; } .promo-aktion p { margin:0; padding:0; } .promo-aktion p.first { color:#a92626; font-weight:700; font-size:13px; } .promo-aktion { font-weight:300; font-size:11px; } .promo-aktion > div { width:715px; } /********** MAIN **********/ #main { background-color:#fff; margin:0 auto; width:1000px; -moz-box-shadow: 0 0 3px #969696; -webkit-box-shadow: 0 0 3px #969696; box-shadow:0 0 3px #969696; } #content { float:left; width:773px; border-left:1px solid #cecece; } #maincontent { padding:10px; } /********** DK NEU **********/ /* Überschriften */ h1.dk-neu{ font-size: 10pt !important; text-align:left; margin:0px !important; padding:0px !important; font-style:normal !important; font-weight:bold !important; letter-spacing:normal !important; text-decoration: underline; } h2.dk-neu, h3.dk-neu{ font-size:10pt !important; text-align:left !important; margin:0px !important; padding:0px !important; text-decoration: underline; font-style:normal !important; font-weight:normal !important; letter-spacing:normal !important; } /* Text */ p.dk-neu{ font-size: 10pt !important; text-align:left !important; letter-spacing:normal !important; line-height:normal !important; } /* Aufzählungen */ ul.dk-neu{ font-size: 10pt !important; font-style:normal !important; font-weight:normal !important; margin-left: 20px; } li.dk-neu{ font-size: 10pt !important; text-align:left; font-style:normal !important; font-weight:normal !important;} /* DK-Table definition */ table.dk-neu, th.dk-neu, td.dk-neu { border: 1px solid #D4E0EE !important; border-collapse: collapse !important; } caption.dk-neu { font-size: 150% !important; font-weight: bold !important; margin: 5px !important; } td.dk-neu, th.dk-neu { padding: 4px !important; } thead th.dk-neu { text-align: center !important; background: #E6EDF5 !important; font-size: 100% !important; } tbody th.dk-neu { font-weight: bold !important; } tbody tr.dk-neu { background: #FCFDFE !important; } tbody tr.odd.dk-neu { background: #F7F9FC !important; } table a.dk-neu:link { text-decoration: none !important; } table a.dk-neu:visited { text-decoration: none !important; } table a.dk-neu:hover { text-decoration: underline !important; } tfoot th.dk-neu, tfoot td.dk-neu { font-size: 85% !important; } /* SLIDER Plenty */ /* Easy Slider */ .slider-plenty{ margin: 0 !important; padding: 0 !important; } .slider-plenty ul{ float: none !important; margin-left: 0px; padding: 0 !important; } .slider-plenty ul, .slider-plenty li{ margin:0; padding:0; list-style-type: none !important; } .slider-plenty li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width: 646px; position: relative; height:221px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px!important; z-index:1; } #nextBtn, #slider1next{ left:646px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(/layout/dein-klettershop/images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(/layout/dein-klettershop/images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin: 0; padding:0; height:28px; } ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* // Easy Slider */ .slider-plenty-img{ position: absolute; width:504px; left: 0px; top: 0px; border-top: solid 1px grey; border-left: solid 1px grey; border-bottom: solid 1px grey; margin: 0; padding: 0; } .slider-plenty-outer{ margin-left: 30px; margin-top: 10px; position:relative; display:none; } #desc-slider-right{ margin-left: 504px; width: 121px; position:absolute; padding: 10px; height: 189px; border-top: solid 1px grey; border-right: solid 1px grey; border-bottom: solid 1px grey; } #desc-slider-right > p{ width: 100% !important; } #desc-slider-right > h2{ margin-top: 0px !important; } .gradient-grey,#desc-slider-right{ background: rgb(238,238,238); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */ } /* NEW ATTRIBUTE SELECT */ /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* clear */ .clear { clear: both; } /* wrapper */ .plentyAttributeSelectWrapper { margin-bottom: 5px; } /* wrapper title */ .plentyAttributeSelectWrapperTitle { } /* wrapper content */ .plentyAttributeSelectWrapperContent { display: inline-block; } /* ul (all) */ /* ul */ .plentyAttributeSelectWrapperContent ul { padding-left: 0; } /* li */ .plentyAttributeSelectWrapperContent ul > li { list-style: none; margin-left: 0; overflow: hidden; } /* disabled */ li.plentyAttributeSelectDisabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default !important; } li.plentyAttributeSelectDisabled a { cursor: default !important; } /* DROPDOWN */ /* dropdown container */ .plentyAttributeSelectHasDropdown { position: relative; } /* height if dropdown closed */ .plentyAttributeSelectHasDropdown, .plentyAttributeSelectHasDropdown > div, .plentyAttributeSelectHasDropdown > .plentyAttributeSelectWrapperInnerClosed:hover { height: 30px; } /* openable container */ .plentyAttributeSelectHasDropdown > div { position: absolute; /*width: 100%;*/ /*has conflict with parent clearfix*/ overflow: hidden; background: #ffffff; border: 1px solid #cccccc; } /* open dropdown if hovered */ .plentyAttributeSelectHasDropdown:hover > div { height: auto; z-index: 10000; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } /* selectet item */ /* value (all) */ .plentyAttributeSelectedValue, .plentyAttributeSelectValue > a { padding: 0 0 0 7px; white-space: nowrap; } /* value selected */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue { position: relative; padding-right: 20px; line-height:30px; } /* arrow container */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow { position: absolute; right: 2px; top: 8px; width: 12px; height: 12px; } /* arrow inner */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span { display: inline-block; border-style: solid; border-width: 5px; border-color: #999999 transparent transparent; } /* arrow hover */ .plentyAttributeSelectHasDropdown > div:hover .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span { border-color: #777777 transparent transparent; } /* list */ /* list wrapper */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper { max-height: 108px; /*adapt to height of li*/ overflow-y: auto; overflow-x: hidden; } /* ul */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul { } /* li */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li { height: 30px; } /* a */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a { display: block; padding-right: 20px; white-space: nowrap; line-height:30px; } /* li hover / a focus */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li:hover a, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:focus { background: #eeeeee; color: #000000; cursor: pointer; } /* reset li hover / a focus if disabled */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled:hover a, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:focus { background: transparent; color: #000000; } /* li / a selected */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectSelected a { background: #eeeeee; } /* value & markup */ .plentyAttributeSelectValueName { /*float: left;*/ } .plentyAttributeSelectValueMarkup { padding-left: 5px; /*float: right;*/ } /* IMAGE GALLERY / TEXT BOX */ /* ul */ .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { margin: 0 -5px -5px 0; } /* ul image gallery / text boxes */ .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { line-height: 0; } /* ul text boxes */ .plentyAttributeSelectHasTextList ul > li { line-height: 1.5em; } /* image box size */ .plentyAttributeSelectHasImageGallery ul > li, .plentyAttributeSelectHasImageGallery ul > li > a { width: 60px; /*adapt box dimension to image dimension*/ height: 60px; } /* li */ .plentyAttributeSelectHasImageGallery ul > li, .plentyAttributeSelectHasTextList ul > li, .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover { display: inline-block; margin: 0 5px 5px 0; border: 1px solid #DDDDDD; border-radius: 3px; padding: 3px; } /* li hover / selected */ .plentyAttributeSelectHasImageGallery ul > li:hover, .plentyAttributeSelectHasTextList ul > li:hover, .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected { border-color: #999999; cursor: pointer; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } /* li selected image gallery */ .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected { background: #DDDDDD; } /* li selected text box */ .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected { background: #eeeeee; } /* reset li hover / selected if selected */ .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover { border-color: #DDDDDD; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* a */ .plentyAttributeSelectHasImageGallery ul > li > a { display: block; overflow: hidden; } /* img */ .plentyAttributeSelectHasImageGallery ul > li > a > img { border: none; } /* a hover / a focus text box */ .plentyAttributeSelectHasTextList ul > li a:hover, .plentyAttributeSelectHasTextList ul > li a:focus { color: #000000; } /* value text boxes */ .plentyAttributeSelectHasTextList .plentyAttributeSelectValue { padding-left: 5px; } /* value text boxes */ .plentyAttributeSelectHasTextList .plentyAttributeSelectValue { padding-left: 5px; padding-right: 5px; } /* UPDATE (FIX FOR ANY DOCTYPE) */ .plentyAttributeSelectedArrow > span { position: absolute; top: 5px; } .plentyAttributeSelectHasDropdown { display:block; } /********** Columns **********/ .column-1-3, .column-2-3, .column-1-2, .column-1-3, .column-1-4 { float:left; box-shadow:0 0 1px #484848; min-height:215px; position:relative; } .column-2-3 { width:498px; margin-right:11px; } .column-1-2 { width:371px; margin-right:11px; } .column-2-2 { width:753px; } .column-1-3 { width:243px; margin-right:11px; height:215px;} .row.big .column-1-3 { height:295px; } .row.big .column-1-3 a { display:block; text-align:center; height: 90px; line-height: 90px; margin-top:10px; } .row.big .column-1-3 a img, .row.img .column-1-4 a img { vertical-align:middle; } .row.big .column-1-3 p { padding:0 10px; line-height:20px; } .row.img .column-1-4 { height:180px; min-height:180px; margin-right:11px; line-height:180px; width:180px; } .row.img .column-1-4 a { display:block; text-align:center; } .row.img .column-1-4 a img { max-width:90%; } .row .head { padding: 0 10px; line-height: 20px; font-size:16px; margin-top:15px; color:rgb(40, 39, 106); text-transform:uppercase; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); border-bottom:1px solid #cbcbcb; padding-bottom:10px; } .row.small .column-1-3 { min-height:175px; height:175px; } .row.small .column-1-3[data-link] { cursor:pointer; } .row.small .column-1-3 a img, .row.img .column-1-4 a img { vertical-align:middle; } .row.small .column-1-3 p { padding:0 10px; line-height:20px; } .row.img .column-1-4 { height:180px; min-height:180px; margin-right:11px; line-height:180px; width:180px; } .row.img .column-1-4 a { display:block; text-align:center; } .row.img .column-1-4 a img { max-width:90%; } .row { margin:15px 0; } .row > div:last-child { margin-right:0!important; } .fb-box { background-color:#4e69a3; } .faq-jobs { margin:10px; padding-top:10px; } .faq-jobs > a { display:block; } .faq-jobs > a img { float:left; width:50px; } .faq-jobs > a div { float: left; width: 160px; margin-left: 10px; } .faq-jobs > a span { display:block; } .faq-jobs .title { font-size:24px; font-weight:600; } .faq-jobs hr { border:none; border-bottom:1px solid #cbcbcb; margin:15px 0; } .faq-jobs > a:hover .title { color:#FF8100; } .welcome-blog { margin:10px; margin-bottom:0; position:relative; height:196px; } .welcome-blog img { display:none; } .welcome-blog p, .welcome-blog br { margin:0; } .welcome-blog br { display:none; } .welcome-blog p strong, .welcome-blog p b { font-weight:400; } .welcome-blog p { line-height:23px; } .welcome-blog .name { font-size:16px; font-weight:600; margin-top: 20px!important; margin-bottom: 10px; text-overflow: ellipsis; height: 22px; overflow: hidden; white-space: nowrap; } .welcome-blog .PlentyWebshopButton { position:absolute; bottom:7px; right:0; } .column-1-3.biglink:before, .column-1-2.biglink:before{ content: " "; font-size: 45px; font-weight: 700; background:url(/layout/dein-klettershop-v2/images/zoom-icon2.png) center center no-repeat rgba(0, 0, 0, 0.15) ; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: Center; color: #fff; vertical-align: middle; text-shadow: 0 0 1px #000; line-height: 205px; display: none; z-index:1; } .column-1-2.biglink:hover:before, .column-1-3.biglink:hover:before { display: block; cursor: pointer; } .column-1-3 .half { font-size: 0; background: url(/layout/dein-klettershop-v2/images/zoom-icon2.png) center center no-repeat rgba(0, 0, 0, 0.15); position: absolute; left: 0; right: 0; text-align: center; color: #fff; z-index: 1; vertical-align: middle; text-shadow: 0 0 1px #000; line-height: 205px; opacity:0;} .column-1-3 .half.first { bottom: 102px; top:0; } .column-1-3 .half.last { top:114px; bottom:0; } .column-1-3 .half:hover { opacity:1; } .live-start-price { padding-top:10px; padding-right:5px; } .live-start-price p { float:right; width:49%; margin:0; font-size:19px; font-weight:700; text-align:right; font-style:italic; } .live-start-price .fleft { width:49%; } hr { border: none; border-top: 1px solid #cbcbcb; margin: 15px 0 15px 0; } .no-list-style { list-style:none; padding:0 15px; } .lh-1 { line-height:25px; } .no-list-style i { font-size:14px; margin-right:5px } .no-faq .faq-item > span { font-weight:600; font-size:14px; } .column-2-3 .cat-item { cursor:pointer; } .text-center { text-align:center; } /********** CLEARFIX (for floats)**********/ .cf:before,.plentyAttributeSelectWrapper:before, .cf:after,.plentyAttributeSelectWrapper:after {content: " "; /* 1 */display: table; /* 2 */} .cf:after,.plentyAttributeSelectWrapper:after {clear: both;} /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .cf,.plentyAttributeSelectWrapper {*zoom: 1;} .contentnav { list-style: none; margin: 0; padding: 0; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; margin-bottom:10px; } .contentnav a { display: block; border: 1px solid #cbcbcb; padding: 7px; font-weight:700; margin-bottom: 11px; background-color:#FBFBFB; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .contentnav a:hover { background-color:#ff8100; color:#fff; font-weight:700; } .facetListItem { display: inline-block; float: left; width: 158px; border: 1px solid #cbcbcb; padding: 5px 10px; height: 130px; margin:0px 10px 10px 0px; overflow: hidden; background-color:#fff; } ul.facetList, ul.facetList ul { list-style: none; margin: 0; padding: 0; } ul.facetList > li:nth-child(4n) { margin-right:0; } ul.facetList .filterLabel { font-size: 14px; font-weight: 600; border-bottom: 1px solid #cbcbcb; line-height: 30px; margin-bottom: 10px; } ul.facetContentList { height: 94px; overflow-y: auto; } ul.facetContentList li { cursor:pointer; line-height:21px; } ul.facetContentList li:hover { background-color:#f0f0f0; } .facetListItem.facet-3 .facetContentList li { float:left; width:49%; } .facet-color .facetContentList > li { border: 1px solid #fff; height: 30px; box-shadow: 0 0 1px rgba(0, 0, 0, 0.35); width: 44px; background-size: cover!important; margin: 5px; float: left; } .facet-color .facetContentList > li.active { text-align: center; line-height: 30px; text-shadow: 0 0 3px #383838; font-size: 15px; color:#fff;} .priceSliderLabel { float: right; margin-top: 28px; background-color: #f0f0f0; padding: 5px; text-align: center; min-width: 60px; } .pull-left { float:left; } .pull-right { float:right; } .priceSlider.ui-slider { margin-top:30px; } #livesearch_result { position: absolute; right: 13px; top: 24px; z-index: 9; } .cat-item .attributes { float: left; width: 435px; margin-left: 10px; } .cat-item .cat-shortdesc { float: left; margin-left: 10px; margin-top: 7px; width:390px; } .cat-item .cat-price { text-align:right; } .volumepricelist li, .volumepricelist { list-style:none; margin:0; padding:0; text-align:right; } .shariff { float:right; width:208px; margin-top:10px; margin-right:-10px; } .imageBox.previewImage { float: left; margin-right: 8px; margin-bottom: 8px; } .mz-thumb img { max-width: 87px; } .thumbs .imageBox.previewImage:nth-child(8){ margin-right:0; } #zoom-placeholder { position:absolute; left:0; right:0; top:0; width:100%; height:1px; } .text-left { text-align:left; } .text-right { text-align:right; } .volumetable { float: right; margin-right: -15px; margin-bottom: 10px; } @media only screen and (min-width: 1024px){ .shariff li { height: 25px!important; } } @media only screen and (min-width: 1024px) { .shariff li a { height: 25px!important; line-height: 25px!important; } } @media only screen and (min-width: 1024px) { .shariff li .fa { width: 25px!important;line-height: 25px!important; } } @media only screen and (min-width: 1024px) { .shariff li .share_count, .shariff li .share_text { line-height: 27px!important; } }