/* ------ 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 ------- */ /* kanit latin */ @font-face { font-family: 'Kanit'; font-display: swap; font-style: normal; font-weight: 400; src: url('/layout/callisto_35/fonts/kanit-v3-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Kanit Regular'), local('Kanit-Regular'), url('/layout/callisto_35/fonts/kanit-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/layout/callisto_35/fonts/kanit-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/layout/callisto_35/fonts/kanit-v3-latin-regular.svg#Kanit') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Kanit'; font-display: swap; font-style: italic; font-weight: 400; src: url('/layout/callisto_35/fonts/kanit-v3-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Kanit Italic'), local('Kanit-Italic'), url('/layout/callisto_35/fonts/kanit-v3-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/layout/callisto_35/fonts/kanit-v3-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/layout/callisto_35/fonts/kanit-v3-latin-italic.svg#Kanit') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Kanit'; font-display: swap; font-style: normal; font-weight: 500; src: url('/layout/callisto_35/fonts/kanit-v3-latin-500.eot'); /* IE9 Compat Modes */ src: local('Kanit Medium'), local('Kanit-Medium'), url('/layout/callisto_35/fonts/kanit-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/layout/callisto_35/fonts/kanit-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-500.woff') format('woff'), /* Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/layout/callisto_35/fonts/kanit-v3-latin-500.svg#Kanit') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Kanit'; font-display: swap; font-style: normal; font-weight: 700; src: url('/layout/callisto_35/fonts/kanit-v3-latin-700.eot'); /* IE9 Compat Modes */ src: local('Kanit Bold'), local('Kanit-Bold'), url('/layout/callisto_35/fonts/kanit-v3-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/layout/callisto_35/fonts/kanit-v3-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-700.woff') format('woff'), /* Modern Browsers */ url('/layout/callisto_35/fonts/kanit-v3-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/layout/callisto_35/fonts/kanit-v3-latin-700.svg#Kanit') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'glyphicon'; font-display: swap; font-weight: normal; font-style: normal; font-stretch: normal; src: url('/layout/callisto_3/fonts/glyphicons-halflings-regular.eot'); src: url('/layout/callisto_3/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/layout/callisto_3/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/layout/callisto_3/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/layout/callisto_3/fonts/glyphicons-halflings-regular.svg#halflings') format('svg') } @font-face { font-family: 'plentyicon'; font-display: swap; font-weight: normal; font-style: normal; font-stretch: normal; src: url('/layout/callisto_3/fonts/plentyicon.eot?16152725'); src: url('/layout/callisto_3/fonts/plentyicon.eot?16152725#iefix') format('embedded-opentype'), url('/layout/callisto_3/fonts/plentyicon.woff?16152725') format('woff'), url('/layout/callisto_3/fonts/plentyicon.ttf?16152725') format('truetype'), url('/layout/callisto_3/fonts/plentyicon.svg?16152725#plentyicon') format('svg') } @font-face { font-family: 'fontello'; font-display: swap; src: url('/layout/callisto_3/fonts/fontello.eot?36053557'); src: url('/layout/callisto_3/fonts/fontello.eot?36053557#iefix') format('embedded-opentype'), url('/layout/callisto_3/fonts/fontello.woff?36053557') format('woff'), url('/layout/callisto_3/fonts/fontello.ttf?36053557') format('truetype'), url('/layout/callisto_3/fonts/fontello.svg?36053557#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Icons */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; /*margin-right: .2em;*/ text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-truck:before { content: '\e800'; } /* '' */ .icon-star:before { content: '\e801'; } /* '' */ .icon-mobile:before { content: '\e802'; } /* '' */ .icon-mail:before { content: '\e803'; } /* '' */ .icon-basket:before { content: '\e804'; } /* '' */ .icon-twitter:before { content: '\e805'; } /* '' */ .icon-facebook:before { content: '\e806'; } /* '' */ .icon-gplus:before { content: '\e807'; } /* '' */ .icon-tumblr:before { content: '\e808'; } /* '' */ .icon-youtube:before { content: '\e809'; } /* '' */ .icon-ok-circle:before { content: '\e80a'; } /* '' */ .icon-android:before { content: '\e80b'; } /* '' */ .icon-appstore:before { content: '\e80c'; } /* '' */ .icon-megaphone:before { content: '\e80d'; } /* '' */ .icon-reply:before { content: '\e80e'; } /* '' */ .icon-calendar:before { content: '\e80f'; } /* '' */ .icon-phone:before { content: '\e810'; } /* '' */ .icon-twitter:before, .icon-facebook:before, .icon-gplus:before, .icon-tumblr:before, .icon-youtube:before, .icon-mail:before, .icon-android:before, .icon-appstore:before { font-size: 1.65em; text-decoration:none; } .icon-twitter:hover, .icon-facebook:hover {color:#333;} .icon-instagram .svg-icon { width: 2.6em; height: 2em; margin-bottom: -5px; } .icon-instagram .svg-icon path { fill: #666; } .icon-instagram:hover .svg-icon path {fill: #333;} .icon-instagram .svg-icon circle { stroke: #666; stroke-width: 1; } .icon-megaphone:before { text-decoration: none; font-size: 1.8em; display: block; float: left; height: 2em; margin-right: 0.7em; line-height: 1.8em; } .plentyicon:before { font-family: 'plentyicon'; font-weight: normal; font-style: normal; font-variant: normal; line-height: 1em; display: inline-block; width: 1em; margin-right: .2em; text-align: center; text-decoration: inherit; text-transform: none; speak: none } .plentyicon-check-1:before { content: '\e800' } .plentyicon-check-2:before { content: '\e801' } .plentyicon-arrow-up:before { content: '\e802' } .plentyicon-arrow-right:before { content: '\e803' } .plentyicon-arrow-left:before { content: '\e804' } .plentyicon-arrow-down:before { content: '\e805' } .plentyicon-star:before { content: '\e806' } .plentyicon-star-empty:before { content: '\e807' } .plentyicon-attention:before { content: '\e808' } .plentyicon-angle-sm-left:before { content: '\e809' } .plentyicon-angle-sm-right:before { content: '\e80a' } .plentyicon-angle-sm-up:before { content: '\e80b' } .plentyicon-angle-sm-down:before { content: '\e80c' } .plentyicon-facebook:before { content: '\e80d' } .plentyicon-facebook-squared:before { content: '\e80e' } .plentyicon-gplus:before { content: '\e80f' } .plentyicon-plenty-p:before { content: '\e811' } .plentyicon-plenty-logo:before { width: auto; content: '\e812' } .plentyicon-twitter:before { content: '\e813' } .plentyicon-xing:before { content: '\e814' } .plentyicon-pinterest:before { content: '\e816' } .plentyicon-angle-lg-down:before { content: '\e817' } .plentyicon-angle-lg-left:before { content: '\e818' } .plentyicon-angle-lg-right:before { content: '\e819' } .plentyicon-angle-lg-up:before { content: '\e81a' } .plentyicon-linkedin:before { content: '\e81c' } .plentyicon-lastfm:before { content: '\e81e' } .info-icon:after { content: "ℹ"; background: #999; color: #fff; padding: 0 6px; border-radius: 15px; margin-left: 2px; } /*! normalize.css v3.0.0 | MIT License | git.io/normalize */ .clearfix { *zoom: 1 } .clearfix:before, .clearfix:after, .catchMarginBefore:before, .catchMarginAfter:after { line-height: 0; display: table; content: '' } .clearfix:after { clear: both } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0; background: #fff url('/layout/callisto_3/img/background.jpg') -800px 0 repeat-x } @media(min-width:992px) { body { background-attachment: fixed } } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template, .shopchecker { display: none } .sr-only { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } a { background: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } #description abbr[title] { border-bottom: none } #description { min-height: 130px; } #description .producer_logo { float: right; border-left: 1px solid #dddddd; margin:0 0 1em 1em; padding-left: 1em; } b, strong, .bold { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { color: #000; background: #ff0 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } button, input, optgroup, select, textarea { font: inherit; margin: 0; color: inherit } button { overflow: visible } button, select { text-transform: none } button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } input { line-height: normal } input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0 } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto } input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none } textarea { overflow: auto; resize: vertical } optgroup { font-weight: bold } table { border-spacing: 0; border-collapse: collapse } td, th { padding: 0 } @media print { * { color: #000!important; background: transparent!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; text-shadow: none!important } a, a:visited { text-decoration: underline } a[href]:after { content: ' (' attr(href) ')' } abbr[title]:after { content: ' (' attr(title) ')' } a[href^='javascript:']:after, a[href^='#']:after { content: '' } pre, blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } tr, img { page-break-inside: avoid } img { max-width: 100%!important } p, h2, h3 { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } select { background: #fff!important } .navbar { display: none } .table td, .table th { background-color: #fff!important } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000!important } .label { border: 1px solid #000 } .table { border-collapse: collapse!important } .table-bordered th, .table-bordered td { border: 1px solid #ddd!important } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 300; line-height: 24px; background-color: #fff } .lh-075 { line-height: 18px } .lh-05 { line-height: 12px } .lh-0 { line-height: 0 } body, .basicColor, a.basicColor, a.basicColor:hover, a.basicColor:focus { color: #333; text-shadow: none } a, .basicColor a, .btn-link { text-decoration: none; color: #00518c } a:hover, a:focus, .basicColor a:hover, .basicColor a:focus, .btn.btn-link:hover, .btn.btn-link:focus { text-decoration: underline } .link { cursor: pointer } .iconLink { color: #666 } .iconLink .glyphicon, .iconLink:hover, .iconLink:focus { text-decoration: none; color: #858585 } .iconLink>.glyphicon { line-height: .8em; vertical-align: middle } .iconLink>span.glyphicon { font-size: 1.2em; line-height: inherit; vertical-align: top } .btn > .glyphicon.glyphicon-trash:before {text-shadow:none} .all-items-link { line-height: 50px; position: absolute; top: 0; right: 15px; /*width: 180px;*/ text-align: right } h2 a, h2 a:hover, h2 a:focus, h3 a, h3 a:hover, h3 a:focus { color: inherit } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } figure { margin: 0 } img { vertical-align: middle } .img-responsive { display: block; max-width: 100%; height: auto } img[src=''][data-src], .owl-item.loading, #jQueryPageWaitScreen>*, .overlay.overlay-wait { background-image: url('/layout/callisto_3/img/loading_fff.gif') } .jqzoom>.img-responsive { height: auto!important; max-width:95%; } img[src=''][data-src] { display: block; min-height: 100px; text-indent: -10000px; color: transparent; border: 0; background-repeat: no-repeat; background-position: center center } hr, .hr { display: block; height: 1px; margin-top: 12px; margin-bottom: 12px; border: 0; background: #ddd } .hr-top{border-top:1px solid #ddd;} .sr-only { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 } h1, h2, h3, h4, h5, h6, .h3, .hotline { font-family: inherit; font-family: 'Kanit', sans-serif; font-weight: 400; line-height: 24px; margin: 12px 0; color: inherit; text-rendering: optimizelegibility } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #666 } h2, h3 { color: #666 } h1 { font-size: 2.2em; font-weight: 500; line-height: 1.2; color: #333; letter-spacing: .01em } h2 { font-size: 24.5px } .description h2 {font-size: 2.5em;} .description h3 {font-size: 2em;} h3, .h3 { font-size: 24.5px; color: #666 } h2, h3, .h3 { line-height: 36px } h4, .h4 { font-size: 17.5px } h3.small, .h3.small { font-size: 20px; line-height: 24px } h5, .hotline { font-size: 14px; /*font-weight: 700*/ } h6 { font-size: 11.9px; font-weight: bold } h1 small { font-size: 24.5px } h2 small { font-size: 17.5px } h3 small { font-size: 14px } h4 small { font-size: 14px } p, .p, ul.ulSpace>li:last-child { margin: 0 0 12px } cite { font-style: normal } .muted { color: #999 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .text-justify { text-align: justify } .btn+.btn, .btn+.PlentyWebshopButton, .PlentyWebshopButton+.btn, .PlentyWebshopButton+.PlentyWebshopButton { margin-left: 5px } ul, ol { margin-top: 0; margin-bottom: 12px } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0 } dl { margin-top: 0; margin-bottom: 12px } dt, dd { line-height: 1.42857143 } .itemDefList dt, .itemDefList dd { line-height: inherit } dt { font-weight: bold } .checkoutSum dt { font-weight: inherit } dd { margin-left: 0 } address { font-style: normal; line-height: inherit; margin-bottom: 12px } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 1em } code { font-size: 90%; padding: 2px 4px; white-space: nowrap; color: #c7254e; border-radius: 2px; background-color: #f9f2f4 } kbd { font-size: 90%; padding: 2px 4px; color: #fff; border-radius: 2px; background-color: #333; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) } pre { font-size: 13px; line-height: 1.42857143; display: block; margin: 0 0 10px; padding: 9.5px; word-wrap: break-word; word-break: break-all; color: #333; border: 1px solid #ccc; border-radius: 2px; background-color: #f5f5f5 } pre code { font-size: inherit; padding: 0; white-space: pre-wrap; color: inherit; border-radius: 0; background-color: transparent } .container { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px } @media(min-width:768px) { .container { width: 750px } } @media(min-width:992px) { .container { width: 970px } .main { margin-top: 80px } } @media(min-width:1200px) { .container { width: 1170px } } .row { margin-right: -15px; margin-left: -15px } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; padding-right: 15px; padding-left: 15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: 0 } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: 0 } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media(min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media(min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media(min-width:1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } label { display: inline-block; margin-bottom: 5px } .PlentyMyAccountTableLayout label {margin-right:10px;} input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } input[type='radio'], input[type='checkbox'] { line-height: normal; margin: 4px 0 0; margin-top: 1px 9 } input[type='file'] { display: block } input[type='range'] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } output { font-size: 12px; line-height: 1.42857143; display: block; padding-top: 7px; color: #555 } .form-control, .PlentyText, .PlentyTextarea, .ArticleAttrSelect, .formControlWrapper input[type='text'], .formControlWrapper input[type='password'], .formControlWrapper select, .formControlWrapper textarea, .PlentyWebMyAccount input[type='text'], .PlentyWebMyAccount input[type='password'], .PlentyWebMyAccount select, .PlentyWebMyAccount textarea, .BasketItemOrderParamsValue select { font-size: 12px; line-height: 1.42857143; display: block; width: 100%; height: 34px; padding: 6px 12px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555; border: 1px solid #ddd; background-color: #fff; background-image: none } .ArticleAttrSelect { width: 70%; } .PlentyText, .PlentyTextarea { width: 100%!important } .form-control:focus, .PlentyText:focus, .PlentyTextarea:focus, .ArticleAttrSelect:focus, .formControlWrapper input[type='text']:focus, .formControlWrapper input[type='password']:focus, .formControlWrapper select:focus, .formControlWrapper textarea:focus, .PlentyWebMyAccount input[type='text']:focus, .PlentyWebMyAccount input[type='password']:focus, .PlentyWebMyAccount select:focus, .PlentyWebMyAccount textarea:focus, .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasDropdown.open>*, .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasDropdown.open:hover>* { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .form-control:-moz-placeholder, .PlentyText:-moz-placeholder, .PlentyTextarea:-moz-placeholder, .ArticleAttrSelect:-moz-placeholder, .formControlWrapper input[type='text']:-moz-placeholder, .formControlWrapper input[type='password']:-moz-placeholder, .formControlWrapper select:-moz-placeholder, .formControlWrapper textarea:-moz-placeholder, .PlentyWebMyAccount input[type='text']:-moz-placeholder, .PlentyWebMyAccount input[type='password']:-moz-placeholder, .PlentyWebMyAccount select:-moz-placeholder, .PlentyWebMyAccount textarea:-moz-placeholder { opacity: 1; color: #999 } .form-control::-moz-placeholder, .PlentyText::-moz-placeholder, .PlentyTextarea::-moz-placeholder, .ArticleAttrSelect::-moz-placeholder, .formControlWrapper input[type='text']::-moz-placeholder, .formControlWrapper input[type='password']::-moz-placeholder, .formControlWrapper select::-moz-placeholder, .formControlWrapper textarea::-moz-placeholder, .PlentyWebMyAccount input[type='text']::-moz-placeholder, .PlentyWebMyAccount input[type='password']::-moz-placeholder, .PlentyWebMyAccount select::-moz-placeholder, .PlentyWebMyAccount textarea::-moz-placeholder { opacity: 1; color: #999 } .form-control:-ms-input-placeholder, .PlentyText:-ms-input-placeholder, .PlentyTextarea:-ms-input-placeholder, .ArticleAttrSelect:-ms-input-placeholder, .formControlWrapper input[type='text']:-ms-input-placeholder, .formControlWrapper input[type='password']:-ms-input-placeholder, .formControlWrapper select:-ms-input-placeholder, .formControlWrapper textarea:-ms-input-placeholder, .PlentyWebMyAccount input[type='text']:-ms-input-placeholder, .PlentyWebMyAccount input[type='password']:-ms-input-placeholder, .PlentyWebMyAccount select:-ms-input-placeholder, .PlentyWebMyAccount textarea:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder, .PlentyText::-webkit-input-placeholder, .PlentyTextarea::-webkit-input-placeholder, .ArticleAttrSelect::-webkit-input-placeholder, .formControlWrapper input[type='text']::-webkit-input-placeholder, .formControlWrapper input[type='password']::-webkit-input-placeholder, .formControlWrapper select::-webkit-input-placeholder, .formControlWrapper textarea::-webkit-input-placeholder, .PlentyWebMyAccount input[type='text']::-webkit-input-placeholder, .PlentyWebMyAccount input[type='password']::-webkit-input-placeholder, .PlentyWebMyAccount select::-webkit-input-placeholder, .PlentyWebMyAccount textarea::-webkit-input-placeholder { color: #999 } .form-control[disabled], .form-control[readonly], .PlentyText[disabled], .PlentyText[readonly], .PlentyTextarea[disabled], .PlentyTextarea[readonly], .ArticleAttrSelect[disabled], .ArticleAttrSelect[readonly], .formControlWrapper input[disabled], .formControlWrapper input[readonly], .PlentyWebMyAccount input[disabled], .PlentyWebMyAccount input[readonly], fieldset[disabled] .form-control { cursor: not-allowed; opacity: 1; background-color: #eee } .form-control.has-error, .form-group.has-error .form-control, .formControlWrapper input.has-error, .PlentyWebMyAccount input.has-error, .PlentyText.has-error, .PlentyTextarea.has-error, .formControlWrapper .PlentyError input[type='text'], .formControlWrapper .PlentyError input[type='password'], .formControlWrapper .PlentyError select, .formControlWrapper .PlentyError textarea, .PlentyWebMyAccount .PlentyError input[type='text'], .PlentyWebMyAccount .PlentyError input[type='password'], .PlentyWebMyAccount .PlentyError select, .PlentyWebMyAccount .PlentyError textarea { color: red; border-color: red; background-color: rgba(255, 0, 0, .05) } .form-group.has-error .control-label, .formControlWrapper .PlentyError label { border-color: red } .checkbox.has-error, .radio.has-error { color: red } .checkbox.has-error a, .radio.has-error a { color: #900 } .form-control.has-error:-moz-placeholder, .formControlWrapper input.has-error:-moz-placeholder, .form-group.has-error .form-control:-moz-placeholder, .formControlWrapper .PlentyError input[type='text']:-moz-placeholder, .formControlWrapper .PlentyError input[type='password']:-moz-placeholder, .formControlWrapper .PlentyError select:-moz-placeholder, .formControlWrapper .PlentyError textarea:-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type='text']:-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type='password']:-moz-placeholder, .PlentyWebMyAccount .PlentyError select:-moz-placeholder, .PlentyWebMyAccount .PlentyError textarea:-moz-placeholder { opacity: 1; color: red } .formControlWrapper input.has-error::-moz-placeholder, .form-control.has-error::-moz-placeholder, .form-group.has-error .form-control::-moz-placeholder, .formControlWrapper .PlentyError input[type='text']::-moz-placeholder, .formControlWrapper .PlentyError input[type='password']::-moz-placeholder, .formControlWrapper .PlentyError select::-moz-placeholder, .formControlWrapper .PlentyError textarea::-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type='text']::-moz-placeholder, .PlentyWebMyAccount .PlentyError input[type='password']::-moz-placeholder, .PlentyWebMyAccount .PlentyError select::-moz-placeholder, .PlentyWebMyAccount .PlentyError textarea::-moz-placeholder { opacity: 1; color: red } .formControlWrapper input.has-error:-ms-input-placeholder, .form-control.has-error:-ms-input-placeholder, .form-group.has-error .form-control:-ms-input-placeholder, .formControlWrapper .PlentyError input[type='text']:-ms-input-placeholder, .formControlWrapper .PlentyError input[type='password']:-ms-input-placeholder, .formControlWrapper .PlentyError select:-ms-input-placeholder, .formControlWrapper .PlentyError textarea:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError input[type='text']:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError input[type='password']:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError select:-ms-input-placeholder, .PlentyWebMyAccount .PlentyError textarea:-ms-input-placeholder { color: red } .form-control.has-error::-webkit-input-placeholder, .form-control.has-error::-webkit-input-placeholder, .form-group.has-error .form-control::-webkit-input-placeholder, .formControlWrapper .PlentyError input.has-error::-webkit-input-placeholder, .formControlWrapper .PlentyError input[type='text']:-webkit-input-placeholder, .formControlWrapper .PlentyError input[type='password']:-webkit-input-placeholder, .formControlWrapper .PlentyError select:-webkit-input-placeholder, .formControlWrapper .PlentyError textarea:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError input[type='text']:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError input[type='password']:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError select:-webkit-input-placeholder, .PlentyWebMyAccount .PlentyError textarea:-webkit-input-placeholder { color: red } .form-group.has-error label, label.has-error { color: red } .PlentyMandatoryField+.PlentyFormValue>*:-moz-placeholder { font-weight: bold } .PlentyMandatoryField+.PlentyFormValue>*::-moz-placeholder { font-weight: bold } .PlentyMandatoryField+.PlentyFormValue>*:-ms-input-placeholder { font-weight: bold } .PlentyMandatoryField+.PlentyFormValue>*:-webkit-input-placeholder { font-weight: bold } .PlentyMandatoryField, .PlentyMandatoryField input, .PlentyMandatoryField textarea, .PlentyMandatoryField select, .PlentyMandatoryField+.PlentyFormValue>*, .PlentySubmitFormLabel.Required>* { font-weight: bold } [data-plenty-validate] label:after { font-weight: bold; content: ' *' } [data-plenty-validate^='none'] label:first-of-type:after, [data-plenty-validate$='none'] label:last-of-type:after { content: '' } .disabled[data-plenty-validate] label:after, [data-plenty-validate] label.disabled:after { content: '' } textarea.form-control { height: auto } input[type='search'] { -webkit-appearance: none } input[type='date'] { line-height: 34px } .form-group { margin-bottom: 15px } .radio, .checkbox { display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; padding-left: 20px } .radio label, .checkbox label { font-weight: normal; display: inline; cursor: pointer } .radio input[type='radio'], .radio-inline input[type='radio'], .checkbox input[type='checkbox'], .checkbox-inline input[type='checkbox'] { float: left; margin-left: -20px } .radio+.radio, .checkbox+.checkbox { margin-top: -5px } .radio-inline, .checkbox-inline { font-weight: normal; display: inline-block; margin-bottom: 0; padding-left: 20px; cursor: pointer; vertical-align: middle } .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline { margin-top: 0; margin-left: 10px } input[type='radio'][disabled], input[type='checkbox'][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type='radio'], fieldset[disabled] input[type='checkbox'], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline { cursor: not-allowed } @media(min-width:768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .input-group>.form-control { width: 100% } .form-inline .control-label { margin-bottom: 0; vertical-align: middle } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle } .form-inline .radio input[type='radio'], .form-inline .checkbox input[type='checkbox'] { float: none; margin-left: 0 } } .form-group.error .control-label, .form-group.error .help-block, .form-group.error .help-inline { color: #d4021d } .form-group.error input, .form-group.error select, .form-group.error textarea { border-color: #d4021d } .form-group.error .checkbox, .form-group.error .radio, .form-group.error input, .form-group.error select, .form-group.error textarea { color: #d4021d } .form-group.disabled {display:none;} @media(max-width:767px) { .clear-label { float: left } .clear-label+[class*='col-'] { clear: left } } .btn, .PlentyWebshopButton, .PlentySubmitButton, .LiveSearchShowMoreArticleHint input[type='button'], .PostfinderTriggerTextLabel, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount input[type='button'] { font-size: 12px; line-height: 22px; display: inline-block; height: 34px; margin-bottom: 0; padding: 5px 10px; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; vertical-align: middle; border-width: 1px; border-style: solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-repeat: repeat-x; background-repeat: repeat-x; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05); *display: inline; *margin-left: .3em; *border: 0; *zoom: 1 } .btn:focus, .btn:active:focus, .btn.active:focus, .PlentyWebshopButton:focus, .PlentySubmitButton:focus, .LiveSearchShowMoreArticleHint input[type='button']:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:hover, .btn:focus, .PlentyWebshopButton:hover, .PlentyWebshopButton:focus, .PlentySubmitButton:hover, .PlentySubmitButton:focus, .LiveSearchShowMoreArticleHint input[type='button']:hover, .LiveSearchShowMoreArticleHint input[type='button']:focus, .PostfinderTriggerTextLabel:hover, .PostfinderTriggerTextLabel:focus, .PlentyWebMyAccount .button:hover, .PlentyWebMyAccount .button:focus, .PlentyWebMyAccount .inlineSubmitButton:hover, .PlentyWebMyAccount .inlineSubmitButton:focus, .PlentyWebMyAccount .button:hover, .PlentyWebMyAccount .button:focus, .PlentyWebMyAccount .inlineSubmitButton:hover, .PlentyWebMyAccount .inlineSubmitButton:focus, .PlentyWebMyAccount input[type='button']:hover, .PlentyWebMyAccount input[type='button']:focus { text-decoration: none; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .15), inset 0 -100px 0 200px rgba(255, 255, 255, .2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .15), inset 0 -100px 0 200px rgba(255, 255, 255, .2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .15), inset 0 -100px 0 200px rgba(255, 255, 255, .2) } .btn:active, .btn.active, .PlentyWebshopButton:active, .PlentySubmitButton:active, .LiveSearchShowMoreArticleHint input[type='button']:active, .PostfinderTriggerTextLabel:active, .PlentyWebMyAccount .button:active, .PlentyWebMyAccount .inlineSubmitButton:active, .PlentyWebMyAccount .button:active, .PlentyWebMyAccount .inlineSubmitButton:active, .PlentyWebMyAccount input[type='button']:active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], .PlentyWebshopButton.disabled, .PlentyWebshopButton[disabled], .toBasketWrapper.disabled>a, .disabled>button { cursor: not-allowed; pointer-events: none; opacity: .65; -khtml-opacity: .65; -moz-opacity: .65; filter: alpha(opacity=65) } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { border-color: #ccc; background-color: #fff } .btn-default, .btn-warning { color: #444; border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .2); text-shadow: 0 1px 1px rgba(255, 255, 255, .75) } .btn-primary, .btn-success, .btn-info, .btn-danger, .PlentyWebshopButton, .PlentySubmitButton, .LiveSearchShowMoreArticleHint input[type='button'], .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount input[type='button'] { color: #fff; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .btn-default { background-color: #f8f8f8 } .btn-primary, .PlentyWebshopButton, .PlentySubmitButton, .LiveSearchShowMoreArticleHint input[type='button'], .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount .button, .PlentyWebMyAccount .inlineSubmitButton, .PlentyWebMyAccount input[type='button'] { background-color: #f60 } .btn-success { background-color: #3b0 } .btn-info, #button_deleteWebMyAccountWatchListDelete, #button_add_all_items_basket, #button_logoutPlentyWebMyAccountLogout { background-color: #999 } .btn-warning { background-color: #fc3 } .btn-danger { background-color: #f11 } .btn-default:hover, .btn-default:focus, .btn-default:active { border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .25); background-color: #fff } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-warning:hover, .btn-warning:focus, .btn-warning:active { color: #333 } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, a.PlentyWebshopButton:hover, a.PlentyWebshopButton:focus, .PlentySubmitButton:hover, .PlentySubmitButton:focus, .LiveSearchShowMoreArticleHint input[type='button']:hover, .LiveSearchShowMoreArticleHint input[type='button']:focus { color: #fff } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .btn>span.glyphicon:before, .PlentyWebshopButton:before { font-size: 1em; margin-right: .4em; vertical-align: middle } @media(min-width:1200px) { .no-touch .isGridView .PlentyWebshopButton.add_basket_ajax:before { margin-right: 0 } } .btn.onlyIcon>span.glyphicon:before { margin-right: 0 } .btn.btn-xs>span.glyphicon:before { font-size: inherit } .imageBox>img, .imageBox>.glyphicon { vertical-align: middle } .imageBox>img { max-width: 90% } .btn>.glyphicon:before { text-shadow: 0 -1px 0 rgba(0, 0, 0, .5) } .glyphicon:before { font-family: 'glyphicon' } .btn.glyphicon:before { font-size: 24px; line-height: 1.5em } .nav a.onlyIcon>.glyphicon:before, .navbar .navbar-form button>.glyphicon:before, button.navbar-toggle>.glyphicon:before { font-size: 18px; vertical-align: middle } .navbar .navbar-form button.onlyIcon:hover>.glyphicon:before, .navbar .navbar-form button.onlyIcon:focus>.glyphicon:before { color: #666 } /* .navbar-information {background: transparent url('/layout/callisto_35/img/xmas_header.png') no-repeat 15% 80% !important;} @media(max-width:390px) { .navbar-information {background: transparent url('/layout/callisto_35/img/xmas_header.png') no-repeat -100% 50% !important;} } */ @media(min-width:992px) { .nav li>a:hover>.glyphicon:before, .nav li>a:focus>.glyphicon:before { color: #666 } } .btn-lg, .btn-group-lg>.btn { font-size: 18px; line-height: 1.33; height: 48px; padding: 10px 16px; border-radius: 2px } .btn-sm, .btn-group-sm>.btn { font-size: 12px; line-height: 18px; height: 32px; padding: 5px 10px; border-radius: 2px } .btn-xs, .btn-group-xs>.btn { font-size: 12px; line-height: 18px; height: 24px; padding: 2px 5px; border-radius: 2px } .btn-xxs, .btn-group-xxs>.btn { font-size: 11px; line-height: 12px; height: 18px; padding: 2px 5px; border-radius: 2px } .btn.btn-xxs .glyphicon::before, .btn-group-xxs>.btn .glyphicon::before { font-size: 10px; margin-right: .25em } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0 } @media(max-width:767px) { .btn-block-xs { display: block; width: 100%; padding-right: 0; padding-left: 0; text-align: center } } .btn-block+.btn-block { margin-top: 5px } input[type='submit'].btn-block, input[type='reset'].btn-block, input[type='button'].btn-block { width: 100% } .fade { -webkit-transition: opacity .15s linear; transition: opacity .15s linear; opacity: 0 } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } .collapsing { position: relative; overflow: hidden; height: 0; -webkit-transition: height .35s ease; transition: height .35s ease } .glyphicon-asterisk:before { content: '\2a' } .glyphicon-plus:before { content: '\2b' } .glyphicon-euro:before { content: '\20ac' } .glyphicon-minus:before { content: '\2212' } .glyphicon-cloud:before { content: '\2601' } .glyphicon-envelope:before { content: '\2709' } .glyphicon-pencil:before { content: '\270f' } .glyphicon-glass:before { content: '\e001' } .glyphicon-music:before { content: '\e002' } .glyphicon-search:before { content: '\e003' } .glyphicon-heart:before { content: '\e005' } .glyphicon-star:before { content: '\e006' } .glyphicon-star-empty:before { content: '\e007' } .glyphicon-user:before { content: '\e008' } .glyphicon-film:before { content: '\e009' } .glyphicon-th-large:before { content: '\e010' } .glyphicon-th:before { content: '\e011' } .glyphicon-th-list:before { content: '\e012' } .glyphicon-ok:before { content: '\e013' } .glyphicon-remove:before { content: '\e014' } .glyphicon-zoom-in:before { content: '\e015' } .glyphicon-zoom-out:before { content: '\e016' } .glyphicon-off:before { content: '\e017' } .glyphicon-signal:before { content: '\e018' } .glyphicon-cog:before { content: '\e019' } .glyphicon-trash:before { content: '\e020' } .glyphicon-home:before { content: '\e021' } .glyphicon-file:before { content: '\e022' } .glyphicon-time:before { content: '\e023' } .glyphicon-road:before { content: '\e024' } .glyphicon-download-alt:before { content: '\e025' } .glyphicon-download:before { content: '\e026' } .glyphicon-upload:before { content: '\e027' } .glyphicon-inbox:before { content: '\e028' } .glyphicon-play-circle:before { content: '\e029' } .glyphicon-repeat:before { content: '\e030' } .glyphicon-refresh:before { content: '\e031' } .glyphicon-list-alt:before { content: '\e032' } .glyphicon-lock:before { content: '\e033' } .glyphicon-flag:before { content: '\e034' } .glyphicon-headphones:before { content: '\e035' } .glyphicon-volume-off:before { content: '\e036' } .glyphicon-volume-down:before { content: '\e037' } .glyphicon-volume-up:before { content: '\e038' } .glyphicon-qrcode:before { content: '\e039' } .glyphicon-barcode:before { content: '\e040' } .glyphicon-tag:before { content: '\e041' } .glyphicon-tags:before { content: '\e042' } .glyphicon-book:before { content: '\e043' } .glyphicon-bookmark:before { content: '\e044' } .glyphicon-print:before { content: '\e045' } .glyphicon-camera:before { content: '\e046' } .glyphicon-font:before { content: '\e047' } .glyphicon-bold:before { content: '\e048' } .glyphicon-italic:before { content: '\e049' } .glyphicon-text-height:before { content: '\e050' } .glyphicon-text-width:before { content: '\e051' } .glyphicon-align-left:before { content: '\e052' } .glyphicon-align-center:before { content: '\e053' } .glyphicon-align-right:before { content: '\e054' } .glyphicon-align-justify:before { content: '\e055' } .glyphicon-list:before { content: '\e056' } .glyphicon-indent-left:before { content: '\e057' } .glyphicon-indent-right:before { content: '\e058' } .glyphicon-facetime-video:before { content: '\e059' } .glyphicon-picture:before { content: '\e060' } .glyphicon-map-marker:before { content: '\e062' } .glyphicon-adjust:before { content: '\e063' } .glyphicon-tint:before { content: '\e064' } .glyphicon-edit:before { content: '\e065' } .glyphicon-share:before { content: '\e066' } .glyphicon-check:before { content: '\e067' } .glyphicon-move:before { content: '\e068' } .glyphicon-step-backward:before { content: '\e069' } .glyphicon-fast-backward:before { content: '\e070' } .glyphicon-backward:before { content: '\e071' } .glyphicon-play:before { content: '\e072' } .glyphicon-pause:before { content: '\e073' } .glyphicon-stop:before { content: '\e074' } .glyphicon-forward:before { content: '\e075' } .glyphicon-fast-forward:before { content: '\e076' } .glyphicon-step-forward:before { content: '\e077' } .glyphicon-eject:before { content: '\e078' } .glyphicon-chevron-left:before { content: '\e079' } .glyphicon-chevron-right:before { content: '\e080' } .glyphicon-plus-sign:before { content: '\e081' } .glyphicon-minus-sign:before { content: '\e082' } .glyphicon-remove-sign:before { content: '\e083' } .glyphicon-ok-sign:before { content: '\e084' } .glyphicon-question-sign:before { content: '\e085' } .glyphicon-info-sign:before { content: '\e086' } .glyphicon-screenshot:before { content: '\e087' } .glyphicon-remove-circle:before { content: '\e088' } .glyphicon-ok-circle:before { content: '\e089' } .glyphicon-ban-circle:before { content: '\e090' } .glyphicon-arrow-left:before { content: '\e091' } .glyphicon-arrow-right:before { content: '\e092' } .glyphicon-arrow-up:before { content: '\e093' } .glyphicon-arrow-down:before { content: '\e094' } .glyphicon-share-alt:before { content: '\e095' } .glyphicon-resize-full:before { content: '\e096' } .glyphicon-resize-small:before { content: '\e097' } .glyphicon-exclamation-sign:before { content: '\e101' } .glyphicon-gift:before { content: '\e102' } .glyphicon-leaf:before { content: '\e103' } .glyphicon-fire:before { content: '\e104' } .glyphicon-eye-open:before { content: '\e105' } .glyphicon-eye-close:before { content: '\e106' } .glyphicon-warning-sign:before { content: '\e107' } .glyphicon-plane:before { content: '\e108' } .glyphicon-calendar:before { content: '\e109' } .glyphicon-random:before { content: '\e110' } .glyphicon-comment:before { content: '\e111' } .glyphicon-magnet:before { content: '\e112' } .glyphicon-chevron-up:before { content: '\e113' } .glyphicon-chevron-down:before { content: '\e114' } .glyphicon-retweet:before { content: '\e115' } .glyphicon-shopping-cart:before { content: '\e116' } .glyphicon-folder-close:before { content: '\e117' } .glyphicon-folder-open:before { content: '\e118' } .glyphicon-resize-vertical:before { content: '\e119' } .glyphicon-resize-horizontal:before { content: '\e120' } .glyphicon-hdd:before { content: '\e121' } .glyphicon-bullhorn:before { content: '\e122' } .glyphicon-bell:before { content: '\e123' } .glyphicon-certificate:before { content: '\e124' } .glyphicon-thumbs-up:before { content: '\e125' } .glyphicon-thumbs-down:before { content: '\e126' } .glyphicon-hand-right:before { content: '\e127' } .glyphicon-hand-left:before { content: '\e128' } .glyphicon-hand-up:before { content: '\e129' } .glyphicon-hand-down:before { content: '\e130' } .glyphicon-circle-arrow-right:before { content: '\e131' } .glyphicon-circle-arrow-left:before { content: '\e132' } .glyphicon-circle-arrow-up:before { content: '\e133' } .glyphicon-circle-arrow-down:before { content: '\e134' } .glyphicon-globe:before { content: '\e135' } .glyphicon-wrench:before { content: '\e136' } .glyphicon-tasks:before { content: '\e137' } .glyphicon-filter:before { content: '\e138' } .glyphicon-briefcase:before { content: '\e139' } .glyphicon-fullscreen:before { content: '\e140' } .glyphicon-dashboard:before { content: '\e141' } .glyphicon-paperclip:before { content: '\e142' } .glyphicon-heart-empty:before { content: '\e143' } .glyphicon-link:before { content: '\e144' } .glyphicon-phone:before { content: '\e145' } .glyphicon-pushpin:before { content: '\e146' } .glyphicon-usd:before { content: '\e148' } .glyphicon-gbp:before { content: '\e149' } .glyphicon-sort:before { content: '\e150' } .glyphicon-sort-by-alphabet:before { content: '\e151' } .glyphicon-sort-by-alphabet-alt:before { content: '\e152' } .glyphicon-sort-by-order:before { content: '\e153' } .glyphicon-sort-by-order-alt:before { content: '\e154' } .glyphicon-sort-by-attributes:before { content: '\e155' } .glyphicon-sort-by-attributes-alt:before { content: '\e156' } .glyphicon-unchecked:before { content: '\e157' } .glyphicon-expand:before { content: '\e158' } .glyphicon-collapse-down:before { content: '\e159' } .glyphicon-collapse-up:before { content: '\e160' } .glyphicon-log-in:before { content: '\e161' } .glyphicon-flash:before { content: '\e162' } .glyphicon-log-out:before { content: '\e163' } .glyphicon-new-window:before { content: '\e164' } .glyphicon-record:before { content: '\e165' } .glyphicon-save:before { content: '\e166' } .glyphicon-open:before { content: '\e167' } .glyphicon-saved:before { content: '\e168' } .glyphicon-import:before { content: '\e169' } .glyphicon-export:before { content: '\e170' } .glyphicon-send:before { content: '\e171' } .glyphicon-floppy-disk:before { content: '\e172' } .glyphicon-floppy-saved:before { content: '\e173' } .glyphicon-floppy-remove:before { content: '\e174' } .glyphicon-floppy-save:before { content: '\e175' } .glyphicon-floppy-open:before { content: '\e176' } .glyphicon-credit-card:before { content: '\e177' } .glyphicon-transfer:before { content: '\e178' } .glyphicon-cutlery:before { content: '\e179' } .glyphicon-header:before { content: '\e180' } .glyphicon-compressed:before { content: '\e181' } .glyphicon-earphone:before { content: '\e182' } .glyphicon-phone-alt:before { content: '\e183' } .glyphicon-tower:before { content: '\e184' } .glyphicon-stats:before { content: '\e185' } .glyphicon-sd-video:before { content: '\e186' } .glyphicon-hd-video:before { content: '\e187' } .glyphicon-subtitles:before { content: '\e188' } .glyphicon-sound-stereo:before { content: '\e189' } .glyphicon-sound-dolby:before { content: '\e190' } .glyphicon-sound-5-1:before { content: '\e191' } .glyphicon-sound-6-1:before { content: '\e192' } .glyphicon-sound-7-1:before { content: '\e193' } .glyphicon-copyright-mark:before { content: '\e194' } .glyphicon-registration-mark:before { content: '\e195' } .glyphicon-cloud-download:before { content: '\e197' } .glyphicon-cloud-upload:before { content: '\e198' } .glyphicon-tree-conifer:before { content: '\e199' } .glyphicon-tree-deciduous:before { content: '\e200' } .caret { display: inline-block; width: 0; height: 0; content: ''; vertical-align: top; border-width: 4px; border-style: solid solid none solid; border-color: #ccc transparent } .nav-main .dropdown { position: relative } .dropdown.bigmenu { position: static } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; z-index: 1000; top: 100%; display: none; float: left; min-width: 160px; margin: 0; padding: 10px 0; list-style: none; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .10); background-color: #fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .10); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .10); box-shadow: 0 1px 5px rgba(0, 0, 0, .10); *border-right-width: 2px; *border-bottom-width: 2px } .location_info .dropdown-menu {text-align:center;} .subnavigationPanel .cat-welcome { display: none } .subnavigationPanel .nav { position: relative; min-width: 100%; padding: 10px 0 10px 10px; border: 1px solid #eaeaea } .subnavigationPanel .dropdown-menu { position: absolute; z-index: 400; top: -1px; left: 100%; width: 100%; min-height: 100.5%; border: 1px solid #eaeaea; background: #fff; -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .1); box-shadow: none; box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, .1) } .subnavigationPanel .dropdown-menu>li { font-weight: 700 } .subnavigationPanel .navbar-nav { margin: 0 } .subnavigationPanel .dropdown a { border: 1px solid transparent } .subnavigationPanel .dropdown:hover ul li a, .subnavigationPanel .dropdown.active a { background: transparent } .subnavigationPanel .dropdown-menu>li>a { margin: 0 } .subnavigationPanel .dropdown-menu .active>a, .subnavigationPanel .dropdown-menu>li>a:hover, .subnavigationPanel .dropdown-menu .active>a:visited, .subnavigationPanel .dropdown.active>a { color: #00518c } .subnavigationPanel .dropdown-menu a:hover, .subnavigationPanel .dropdown-menu a:focus, .subnavigationPanel .dropdown:hover>a { border: 1px solid transparent; border-radius: 0; background: #f6f6f6 } .subnavigationPanel .dropdown:hover>a:after { position: absolute; z-index: 401; top: 1px; right: -2px; width: 0; height: 0; content: ''; border-width: 12px 10px 12px 0; border-style: solid; border-color: transparent #fff transparent transparent } .bigmenu>.dropdown-menu { left: 0 } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { overflow: hidden; height: 1px; margin: 5px 0 6px; background-color: #ddd } .dropdown-menu>li>a, .dropdown-menu>li>ul>li>a { display: block; clear: both; /*padding: 4px 14px;*/ padding: 4px 0; color: #333; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*text-align:center; added */ } .dropdown-menu>li>a, .dropdown-menu>li>ul>li>a, .dropdown-menu>li ul>li>a { line-height: 20px } .dropdown-menu>li>a { margin: 0 10px } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>ul>li>a:hover, .dropdown-menu>li>ul>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a, .nav>li.enable-xs-sm>.dropdown-menu>li>a:hover, .nav>li.enable-xs-sm>.dropdown-menu>li>a:focus { color: #00518c } .dropdown-menu li>a:hover, .dropdown-menu li>a:focus { text-decoration: none } .dropdown-menu .active>a { color: #00518c } .dropdown-menu .active>a:hover, .dropdown-menu .active>a:focus { text-decoration: none; outline: 0 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { color: #999 } .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus { cursor: not-allowed; text-decoration: none; background-color: transparent; background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false) } #eKomiWidget_default { width: 200px; background: #fff; padding: 18px; border: 1px solid #DDDDDD; } @media(max-width:991px) { .open>.dropdown-menu { display: block } /*#twitter_post, #tweet,*/ #eKomiWidget_default, .eKomi_header { display: none } } #eKomiSeal_default {display:inline-block;margin-left:1em;} #eKomiSeal_default img {width:60px;} #tweet ul { line-height: 1.5; margin: 0; padding: 0; /*padding: 10px;*/ list-style: none; /*background: #f2f2f2; min-height: 150px;*/ } #tweet .user { display: none } #tweet .user img { width: 45px; height: auto; margin-right: 10px } #tweet span[data-scribe='element:name'] { display: none } #tweet .timePosted { margin: 0 } #tweet .timePosted a { color: #666 } #tweet .timePosted a:hover { text-decoration: none; color: #111 } #tweet .timePosted:before { font-family: 'plentyicon'; font-size: 1.5em; margin-right: 5px; content: '\e813'; color: #999 } .touch .open>a.touch-enabled+.dropdown-menu, .touch .open>a.toggle-xs-sm-or-touch+.dropdown-menu { display: block } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0 } .dropdown-menu>li ul { margin-left: 0; list-style-type: none } .dropdown-menu>li>ul>li>a { font-weight: normal; color: #666 } @media(min-width:992px) { li.dropdown.bigmenu>ul.dropdown-menu>li>a { font-weight: bold } li.dropdown.bigmenu>ul.dropdown-menu>li>ul { display: block } } .open>a { outline: 0 } .dropdown-menu-right { right: 0; left: auto } .dropdown-menu-left { right: auto; left: 0 } .dropdown-header { font-weight: bold; display: block } .pull-right>.dropdown-menu { right: 0; left: auto } @media(min-width:992px) { .navbar-right .dropdown-menu { right: 0; left: auto } .navbar-right .dropdown-menu-left { right: auto; left: 0 } } @media(max-width:991px) { .navbar-right>h2 { padding-right: 20px; padding-left: 20px } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle } .btn-group>.btn, .btn-group-vertical>.btn { position: relative; float: left } .btn-group>.btn:hover, .btn-group-vertical>.btn:hover, .btn-group>.btn:focus, .btn-group-vertical>.btn:focus, .btn-group>.btn:active, .btn-group-vertical>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn.active { z-index: 2 } .btn-group>.btn:focus, .btn-group-vertical>.btn:focus { outline: 0 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .btn-group>.btn:first-child { margin-left: 0 } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group>.btn-group { float: left } .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { border-radius: 0 } .btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group>.btn-group:last-child>.btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-right: 8px; padding-left: 8px } .btn-group>.btn-lg+.dropdown-toggle { padding-right: 12px; padding-left: 12px } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .btn .caret { margin-left: 0 } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0 } .dropup .btn-lg .caret { border-width: 0 5px 5px } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav ul { padding-left: 0 } .nav>li { display: block } .nav>li>a { font-weight: 700; position: relative; display: block; padding: 5px; color: #333 } @media(max-width:991px) { .navbar-information .nav>li>a { color: #fff } .nav>li>a:hover, .nav>li>a:focus { color: #666 } } .nav>li>a:hover, .nav>li>a:focus, .nav>li.active>a { text-decoration: none; color: #00518c } .nav>li>a.dropdown-toggle:hover, .nav>li>a.dropdown-toggle:focus, .nav>li.active>a.dropdown-toggle { color: #fff } .nav>li.hasSublevel>a:hover { background: #f6f6f6 } .nav>li.disabled>a { color: #999 } .nav>li.disabled>a:hover, .nav>li.disabled>a:focus { cursor: not-allowed; text-decoration: none; color: #999; background-color: transparent } @media(min-width:992px) { .mainNavigation>.nav>li.active>a { outline: 0; background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .05) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .05))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .05) 100%); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .05) 100%); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .05) 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, .05) 100%); background-repeat: repeat-x } .ielte9 .mainNavigation>.nav>li.active>a { padding-bottom: 3px; border-bottom: 4px solid #00518c } .nav-main .nav>li>a { z-index: 1005; float: none; padding: 10px 17px 20px; text-decoration: none; color: #000; border-width: 1px; border-style: solid solid none; border-color: transparent; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box } .nav-main .nav>li>a.dropdown-toggle { color: #fff } .nav-main .nav>li>a.onlyIcon { padding: 9px 15px 8px } .categoryView .navbar .nav>li>a { z-index: auto } .navbar-main>li>ul>li>ul ul { display: none } } @media(min-width:992px) and (max-width:1199px) { .navbar .nav>li>a { padding-right: 13px; padding-left: 13px } .touch .navbar .nav>li>a { padding-right: 11px; padding-left: 11px } .touch .nav a.onlyIcon { padding-right: 11px; padding-left: 11px } } .itemBox:hover .itemBoxInner, .crossSellingItem:hover .crossSellingItemInner { -webkit-transition: -webkit-box-shadow 300ms ease 0; -webkit-transition: box-shadow 300ms ease 0; -moz-transition: -moz-box-shadow 300ms ease 0; -moz-transition: box-shadow 300ms ease 0; -ms-transition: box-shadow 300ms ease 0; -o-transition: box-shadow 300ms ease 0; transition: box-shadow 300ms ease 0 } .navbar .nav .caret { margin-top: 8px; margin-right: -6px; margin-left: 6px } .no-touch .navbar ul>li .caret { margin-left: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .no-touch .navbar ul ul>li .caret { display: none } @media(max-width:991px) { .navbar .nav.navbar-main .caret { display: none } } .touch .navbar .nav.navbar-main ul .caret { display: none } @media(min-width:992px) { .no-touch .nav-main .nav>li:hover>a, .no-touch .nav-main .navbar-information .nav>li.open>a, .touch .nav-main .nav>li.open>a.touch-enabled, .touch .nav-main .nav>li.open.active>a.touch-enabled, .touch .nav-main .nav>li.open>a.toggle-xs-sm-or-touch, .touch .nav-main .nav>li.open.active>a.toggle-xs-sm-or-touch { text-decoration: none; color: #000; border-color: rgba(0, 0, 0, .15); background: #fff } } .nav.inverse>li:hover>a { text-decoration: none; color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .nav>li.dropdown:hover>a, .touch .nav>li.dropdown.open>a.touch-enabled, .touch .nav>li.dropdown.open.active>a.touch-enabled { background-image: none } .nav .nav-divider { overflow: hidden; height: 1px; margin: 9px 0; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs { border-style: none none solid } .tab-content { border-style: none solid solid; background: #fff } .tab-content p span { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif!important; font-size: 12px!important; } .tab-content p {line-height: 24px !important} .nav-tabs, .tab-content { border-width: 1px; border-color: #ddd } .nav-tabs.extended { margin-right: -15px; margin-left: -15px; padding-right: 15px; padding-left: 15px } .nav-tabs>li { float: left; margin-bottom: -1px } .nav-tabs>li>a, .nav-tabs>li:hover>a { line-height: 1.42857143; margin-right: 2px; padding: 10px 15px; cursor: pointer; border: 1px solid transparent; border-radius: 2px 2px 0 0 } @media(max-width:390px) { .nav-tabs.tabs-responsive>li>a { padding-right: 10px; padding-left: 10px } .tabs-responsive>li { float: none } .tabs-responsive>li.active>a, .tabs-responsive>li>a { border: 1px solid #ddd; width: 100% } .tabs-responsive>li.active>a { background-color: #f8f8f8!important } .tabs-responsive li a:after { content: "+"; display: inline-block; margin-left: 6px; font-size: 1.4em; margin-top: -3px; position: absolute; } .tabs-responsive li.active a:after {content: "–";} } @media(max-width:339px) { .nav-tabs.tabs-responsive>li>a { padding-right: 6px; padding-left: 6px } } .nav-tabs>li.active>a { cursor: default } .nav-tabs>li>a:hover { border-color: #eee #eee transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .nav-tabs.inverse>li>a:hover { border-color: rgba(255, 255, 255, .25) } .nav-tabs>li>a>.glyphicon:before { color: inherit } .nav-tabs>li.active>a, .nav-tabs>li.active:hover>a, .nav-tabs>li.active>a:focus { cursor: default; color: #555; border: 1px solid #ddd; border-bottom-color: transparent; background-color: #fff } .tab-content { padding: 12px 15px 0 } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-inline>li { display: inline-block } .navbar { position: relative } .navbar-collapse.in { overflow-y: auto } @media(min-width:992px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none } .navbar-collapse.collapse { display: block!important; overflow: visible!important; height: auto!important; padding-bottom: 0 } .navbar-collapse.in { overflow-y: visible } } .container>.navbar-header, .container>.navbar-collapse { margin-right: -15px; margin-left: -15px } @media(min-width:992px) { .container>.navbar-header, .container>.navbar-collapse { margin-right: 0; margin-left: 0 } } .navbar-brand { font-size: 18px; line-height: 20px; float: left; width: 200px } .navbar-brand img { width: 100%; height: auto } .jahre { margin: 23px 5px 0; max-width: 66px; float: left; } @media(max-width:991px) { .navbar-brand { display: block; padding: 20px 5px 17px 15px } .navbar-brand img { max-width: 100% } } @media(min-width:992px) { .navbar-brand { float: left; padding: 18px 0 0 } } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none } .navbar-toggle { line-height: 76px; position: relative; float: right; width: 40px; height: 76px; margin: 0 6px; padding: 0 14px; border-width: 0 0 0 1px; border-style: solid; border-color: #666; background-color: transparent; background-image: none } .navbar-toggle:focus { outline: 0 } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .navbar-toggle .icon-bar+.icon-bar { margin-top: 4px } @media(min-width:992px) { .navbar-toggle { display: none } } .navbar-nav { margin: 18px -2px 0 } .subnavigationPanel .navbar-main>li>a { line-height: 16px } @media(max-width:991px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; border: 0; background-color: transparent } .navbar-nav .open .dropdown-menu>li>a { line-height: 20px } .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus { background-image: none } } @media(min-width:992px) { .navbar-nav { float: left } .mainNavigation>.navbar-nav { clear: left } .navbar-info>li { float: left } .navbar-left { float: left!important } .navbar-right { float: right!important } } @media(max-width:550px) { .navbar-brand { max-width: 35%; padding: 20px 0 0 20px } .jahre {display:none;} } @media(max-width:500px) { .navbar-brand { float: none; margin:0 auto; max-width: 40%; padding: 10px 0 } .navbar-information { border-top: 1px solid #666 } .navbar .nav>li>.dropdown-toggle, .navbar-toggle { line-height: 40px!important; height: 40px!important } } @media(min-width:992px) { .navbar-form .form-group { float: left; margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .input-group>.form-control { width: 100% } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; vertical-align: middle } .navbar-form .radio input[type='radio'], .navbar-form .checkbox input[type='checkbox'] { float: none; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } @media(max-width:991px) { .navbar-form .form-group { margin-bottom: 5px } } @media(min-width:992px) { .navbar-form { width: auto; margin-right: 0; margin-left: 0; padding-top: 0; padding-bottom: 0; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .navbar-form.navbar-right:last-child { margin-right: -15px } } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 } .navbar-btn { margin-top: 8px; margin-bottom: 8px } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { background-color: transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #00518c } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus { color: #fff; background-color: transparent } .navbar-default .navbar-toggle { color: #fff; border-color: #666 } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { color: #fff } .navbar-default .navbar-toggle .icon-bar { background-color: #fff } .badge { font-size: 12px; font-weight: bold; line-height: 1; display: inline-block; min-width: 10px; margin-left: 5px; padding: 5px 6px; text-align: center; vertical-align: baseline; white-space: nowrap; color: #fff; border-radius: 2px; background-color: #f60 } .disabled .badge { background-color: #666 } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .btn-xs .badge { top: 0; padding: 1px 5px } a.badge:hover, a.badge:focus { cursor: pointer; text-decoration: none; color: #fff } a.list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #00518c; background-color: #fff } .close, .LiveSearchCloseIconWrapper:before, .PlentyGuiIcon.TabCloseButton:before, .PlentyWebMyAccountOverlayClose:before, .PlentyWebshopOverlayClose:before { font-size: 21px; font-weight: bold; line-height: 1; opacity: .2; color: #000; text-shadow: 0 1px 0 #fff; -khtml-opacity: .2; -moz-opacity: .2; -ms-filter: 'alpha(opacity=20)'; filter: alpha(opacity=20) } a.PlentyWebshopOverlayClose:hover { text-decoration: none } .PlentyWebshopPopupCloseButton { float: right } .PlentyWebshopOverlayClose:before { line-height: 11px } .close { float: right } .close:hover, .close:focus, .LiveSearchCloseIconWrapper:hover:before, .PlentyGuiIcon.TabCloseButton:hover:before, .PlentyWebMyAccountOverlayClose:hover:before, .PlentyWebshopOverlayClose:hover:before { cursor: pointer; text-decoration: none; opacity: .5; -khtml-opacity: .5; -moz-opacity: .5; -ms-filter: 'alpha(opacity=50)'; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; border: 0; background: transparent; -webkit-appearance: none } .modal { position: fixed; z-index: 10050; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; overflow-y: auto; outline: 0; -webkit-overflow-scrolling: touch } body.no-js>noscript>.modal { display: block } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%) } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0) } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { position: relative } .modal-content, .pmPopup, .PlentyWebMyAccountPopupContainer, .PlentyWebMyAccountAdviceContainer, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer, .ui-datepicker, .PlentyWebshopPopup { border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: 0; background-color: #fff; background-clip: padding-box; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5) } @media(max-width:991px) { .PlentyWebshopPopup.AfterItem2Basket { display: none!important } } .modal-backdrop { position: fixed; z-index: 10040; top: 0; right: 0; bottom: 0; left: 0; background-color: #000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) } .modal-header, .PlentyWebMyAccountPopupContainer>div>div:first-child, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer>div.PlentyFormBox>div.PlentyWebMyAccountPopupTitleContainer, .ui-datepicker-header, .PlentyWebshopPopupHeader, .PlentyWebshopPopupTitleContainer { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e0e0e0 } .modal-header .close { margin-top: -2px } .autocloseTimer { font-size: 13px; font-weight: normal; float: right; margin: -2px 6px 0 0; color: #888 } .modal-title { line-height: 1.42857143; margin: 0 } .modal-body, .PlentyWebMyAccountPopupContainer>div>div+div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer>div.PlentyFormBox>div.PlentyWebMyAccountPopupTitleContainer+div, .PlentyWebshopPopupContent { position: relative; padding: 15px } .modal-body { overflow: auto; max-height: calc(100vh - 143px) } @media(min-width:768px) { .modal-body { max-height: calc(100vh - 182px) } } .modal-body>.form-group:last-child { margin-bottom: 0 } .modal-footer { padding: 14px 15px 15px; text-align: right; border-top: 1px solid #e0e0e0 } .modal-footer .btn+.btn { margin-bottom: 0; margin-left: 5px } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } @media(min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } @media(min-width:992px) { .modal-lg { width: 900px } } .tooltip { font-size: 12px; font-weight: 400; line-height: 1.4; position: absolute; z-index: 100000; display: block; visibility: visible; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 250px; padding: 3px 8px; text-align: center; text-decoration: none; color: #fff; border-radius: 2px; background-color: #000 } .tooltip-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000 } .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: ' ' } .clearfix:after, .container:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after, .PlentyWebshopClear { clear: both } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-right { float: right!important } .pull-left { float: left!important } .hide { display: none!important } .show { display: block!important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; border: 0; background-color: transparent; text-shadow: none } .hidden { display: none!important; visibility: hidden!important } @media(min-width:768px) { .affix { position: fixed } } @-ms-viewport { width: device-width } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none!important } @media(max-width:767px) { .visible-xs { display: block!important } table.visible-xs { display: table } tr.visible-xs { display: table-row!important } th.visible-xs, td.visible-xs { display: table-cell!important } } @media(min-width:768px) and (max-width:991px) { .visible-sm { display: block!important } table.visible-sm { display: table } tr.visible-sm { display: table-row!important } th.visible-sm, td.visible-sm { display: table-cell!important } } @media(min-width:992px) and (max-width:1199px) { .visible-md { display: block!important } table.visible-md { display: table } tr.visible-md { display: table-row!important } th.visible-md, td.visible-md { display: table-cell!important } } @media(min-width:1200px) { .visible-lg { display: block!important } table.visible-lg { display: table } tr.visible-lg { display: table-row!important } th.visible-lg, td.visible-lg { display: table-cell!important } } @media(max-width:359px) { .hidden-360 { display: none!important } } @media(max-width:374px) { .hidden-375 { display: none!important } } @media(max-width:413px) { .hidden-414 { display: none!important } } @media(max-width:767px) { .hidden-xs { display: none!important } } @media(min-width:768px) and (max-width:991px) { .hidden-sm { display: none!important } } @media(min-width:992px) and (max-width:1199px) { .hidden-md { display: none!important } } @media(min-width:1200px) { .hidden-lg { display: none!important } } .visible-print { display: none!important } @media print { .visible-print { display: block!important } table.visible-print { display: table } tr.visible-print { display: table-row!important } th.visible-print, td.visible-print { display: table-cell!important } } @media print { .hidden-print { display: none!important } } .bg-danger { background-color: #f2dede } .text-danger { color: #a94442 } .bg-warning { background-color: #fcf8e3 } .text-warning { color: #8a6d3b } .nav-main { position: fixed; z-index: 600; top: 0; width: 100%; border-width: 1px; border-style: none; border-color: transparent; background: #2d2d31 url('/layout/callisto_35/img/background_header.png') -800px 0 repeat-x } .mainNavigation { position: relative; padding-right: 0; padding-left: 0 } @media(min-width:992px) { .navbar-nav>li>a { position: relative } .mainNavigation .nav>li+li>a { margin-left: -1px } .mainNavigation .nav>li>a:after, .mainNavigation .nav:after { position: absolute; right: -1px; bottom: 0; display: block; width: 1px; height: 40px; content: ''; background: #ddd } .mainNavigation .nav>li>a { height: 40px } .nav.navbar-nav:after { right: auto; left: 0 } .no-touch .nav>li.dropdown:hover>a:before, .no-touch .navbar-information .nav>li.dropdown.open>a:before, .touch .nav>li.open>a.touch-enabled:before, .touch .nav>li.open>a.toggle-xs-sm-or-touch:before { position: absolute; top: 33px; right: 0; left: 0; display: block; width: auto; height: 12px; content: ''; background: #fff } .no-touch .navbar .nav>li.dropdown:hover>ul, .no-touch .navbar .navbar-information .nav>li.dropdown.open>ul { display: block } } .mainNavigation>.navbar-form { margin: 0; padding-top: 5px; padding-right: 0 } .searchBar>.navbar-form { margin-top: 7px; margin-right: 20px; padding-right: 0 } .mainNavigation>.navbar-form input[type='search'], .mainNavigation>.navbar-form button { vertical-align: middle; border-color: rgba(0, 0, 0, .15) } .mainNavigation>.navbar-form input[type='search'], .searchBar>.navbar-form input[type='search'] { width: 230px; height: 34px; margin: 0; border-right-style: none; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; background-color: transparent } .searchBar>.navbar-form input[type='search'], .searchBar>.navbar-form button { background: #fff } .searchBar>.navbar-form input[type='search'] { width: 280px } @media(max-width:1199px) { .mainNavigation>.navbar-form input[type='search'], .searchBar>.navbar-form input[type='search'] { width: 250px } } @media(max-width:991px) { .mainNavigation>.navbar-form input[type='search'], .searchBar>.navbar-form input[type='search'] { width: 200px } .nav>li.searchBar { display: none } } .mainNavigation>.navbar-form input[type='search']:focus, .searchBar>.navbar-form input[type='search']:focus { border: 1px solid transparent; background-color: #fff; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) inset; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) inset; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1) inset } @media(max-width:1199px) {} @media(max-width:991px) {} .mainNavigation>.navbar-form button, .searchBar>.navbar-form button { width: 34px; height: 34px; padding-bottom: 1px; border-width: 1px; border-style: solid; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: #fff } .mainNavigation>.navbar-form button:active, .searchBar>.navbar-form button:active { -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2) inset; -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2) inset; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2) inset } .shipping_info { font-size: 12px; line-height: 18px; width: 120px; margin-top: 4px; margin-right: 20px; padding-left: 10px; color: #ccc; border-left: 1px solid #555 } @media(min-width:1201px){ .shipping_info a.nodrop { display: inline-block; padding: 0px !important; font-weight: normal; color: #ccc !important; border-style: none !important; } .no-touch .nav-main .nav > li:hover > a.nodrop { background:transparent !important; border-style: none !important; color:#fff !important; } } .location_info {margin-right: 10px;} .location_info a { font-size: 12px; height: 40px; } .nav-main .nav > .location_info > a { margin:0 } .location_info .dropdown-menu > li > a { margin: 0; } .location_info .dropdown-menu { padding: 10px 0 0; } .location_info .dropdown-padding > li { padding-right: 0; padding-left: 0; } .location_info .flag { /*margin-top: -2px; vertical-align: middle;*/ width: 18px; height: 12px; line-height:12px; } .location_info .de.flag {/*margin-top: 5px;margin-left: 4px;margin-right: 4px;*/} /* @media(min-width:450px) { .location_info {padding-top: 20px;} } @media(min-width:992px) { .location_info a {margin-left:30px;} } */ /*.location_info a span { display: block; float: left } .isLocation ul li {width: 320px;} .isLocation ul li a {margin:0;}*/ @media(max-width:1200px) { .shipping_info { display: none!important } } @media(min-width:992px) { .mainNavigation { display: none } .dropdown.bigmenu>ul.dropdown-menu { width: 100%; padding: 10px 0 15px; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px; -webkit-column-rule: 1px solid #e0e0e0; -moz-column-rule: 1px solid #e0e0e0; column-rule: 1px solid #e0e0e0 } .ielte9 .dropdown.bigmenu>ul.dropdown-menu>li { display: block; float: left; width: 25% } .ielte9 .dropdown.bigmenu>ul.dropdown-menu>li+li:before { position: absolute; top: 15px; bottom: 20px; display: block; width: 1px; content: ''; background-color: #e0e0e0 } } .dropdown.bigmenu>ul.dropdown-menu>li { display: inline-block; width: 100%; margin: 10px 0; vertical-align: top; column-break-after: auto } @media(min-width:992px) { .liveSearch { position: absolute; z-index: 10020; top: 40px; right: 0; display: none } } .navbar-form { position: relative } .liveSearch { width: 100% } @media(min-width:992px) and (max-width:1199px) { .liveSearch { width: 300px } } .liveSearch>fieldset { overflow-y: scroll; width: auto!important; height: 370px; margin: 0!important; border: none!important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2); -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2) } .liveSearch table, .liveSearch tbody, .liveSearch tr, .liveSearch td, .LiveSearchArticleName, .LiveSearchArticleName>a, .LiveSearchShowMoreArticleHint { display: block } .liveSearch tr:first-child>td:first-child { font-size: 15px; padding: 6px 40px 6px 15px; text-indent: -100000px; color: #444; border-bottom: 1px solid #ddd } .liveSearch tr:first-child>td+td { line-height: 16px; position: absolute; top: 16px; right: 36px; height: 16px } .LiveSearchCloseIconWrapper { display: block; width: 16px; height: 16px; cursor: pointer } .LiveSearchCloseIconWrapper:before, .PlentyGuiIcon.TabCloseButton:before, .PlentyWebMyAccountOverlayClose:before, .PlentyWebshopOverlayClose:before { display: block; width: 16px; height: 16px; content: '\00d7'; text-align: center } .LiveSearchCloseIconWrapper:before { line-height: 11px; position: absolute; top: 0; right: 0 } .LiveSearchCloseIconWrapper>img { position: absolute; top: 0; right: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0 } .liveSearch tr+tr { line-height: 18px; min-height: 70px; padding: 6px 12px; border-bottom: 1px solid #ddd } .liveSearch tr+tr:after { display: table; clear: both; content: '' } .liveSearch tr+tr>td { padding: 0 3px } .liveSearch tr+tr>td:first-child { float: left; width: 25% } .liveSearch tr+tr>td+td { float: right; clear: right; width: 75%; text-align: left!important } .LiveSearchImage { display: block; max-width: 45px; height: auto } .liveSearch tr+tr>td+td br, .LiveSearchVAT, .LiveSearchShippingHandling { display: none } .liveSearch tr+tr:last-child>td[colspan='3'] { float: none; width: auto } .LiveSearchShowMoreArticleHint>div { padding-top: 6px!important } @media(max-width:991px) { .categories { display: none } .navbar .mainNavigation li { position: relative } .navbar .mainNavigation li.open>ul { display: block } .navbar .nav li:before, .navbar .nav li:after { display: table; content: '' } .navbar .nav li:after { clear: both } .navbar-main>li:last-child { margin-bottom: 16px } .nav a.glyphicon:before { top: 6px; left: 6px; text-align: left } .nav.navbar-main a:hover>.glyphicon:before, .nav.navbar-main a:focus>.glyphicon:before, .nav.navbar-main li.active>a>.glyphicon:before { color: #00518c } .navbar .nav li>.openCloseToggle { position: absolute; top: 0; right: 0; left: auto; display: block; width: 38px; height: 38px } .navbar .nav li>.openCloseToggle:before, .navbar .nav li.open.animating>.openCloseToggle:before { top: 50%; left: 50%; margin-top: -4px; margin-left: -4px } .navbar-nav { margin: 0 } .navbar .nav>li>ul>li>a, .navbar .nav .dropdown-header { margin: 0 2px; padding: 6px 10px /* padding: 6px 14px */ } .nav>li>.dropdown-toggle { line-height: 76px; height: 76px; margin: 0 2px; padding: 0 14px; border-left: 1px solid #666 } .nav>.location_info>.dropdown-toggle {padding: 0;padding-left: 20px} .navbar .mainNavigation .nav li>a { font-size: 1.2em; display: block; margin: 0; padding: 10px 8px 8px; color: inherit; border-width: 1px; border-style: none none solid; border-color: #eee; border-color: rgba(0, 0, 0, .08); border-radius: 0; background: transparent } .asidePanel .CharacterFilterElement, .asidePanel .AvailabilityFilterElement, .asidePanel option { font-size: 1.2em; padding: 5px 0 } .navbar .mainNavigation .nav>li>ul>li>a { padding-left: 20px } .navbar .mainNavigation .nav>li>ul>li>ul>li>a { padding-left: 32px } .navbar .mainNavigation .nav>li>ul>li>ul>li>ul>li>a { padding-left: 44px } .navbar .mainNavigation .nav>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 56px } .navbar .mainNavigation .nav>li>ul>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 68px } .navbar .mainNavigation .nav li>a:hover, .navbar .mainNavigation .nav li>a:active, .navbar .mainNavigation .nav li.active>a, .navbar .mainNavigation .nav li.active>a:hover, .navbar .mainNavigation .nav li.active>a:active { color: #00518c } .navbar .mainNavigation .nav li>a>.badge { display: none; margin-right: 30px } .dropdown-menu { position: static; float: none; min-width: 0; padding: 0 0 0 24px; border: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .dropdown-menu>li, .dropdown-menu>li>ul>li, .dropdown.bigmenu>ul.dropdown-menu>li { margin: 0 } .nav>li:hover>a, .nav>li.open>a, .nav>li.open.active>a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .navbar .nav .dropdown-toggle .caret { margin-right: -2px } .dropdown.bigmenu { position: relative } .mainNavigation>.navbar-form { padding-top: 0; padding-left: 0; border-bottom: 1px solid } .mainNavigation>.navbar-form .form-group { margin-bottom: 0 } .mainNavigation>.navbar-form { padding: 11px 15px; border-color: #ddd } .navbarInputWrapper { position: relative; z-index: 10; margin-right: 34px } .mainNavigation>.navbar-form input[type='search'], .mainNavigation>.navbar-form input[type='search']:focus { width: 100% } .mainNavigation>.navbar-form button { position: absolute; top: 11px; right: 15px } .navbar-information .nav>li { float: left } .liveSearch { position: absolute; z-index: 10020; top: 50px; right: 0; bottom: 0; left: 0; display: none } } @media(max-width:359px) { .navbar .nav li.isPhone>a { padding-right: 0; padding-left: 0; border-color: transparent } } .nav>li>a>.glyphicon:before { font-size: 16px; line-height: inherit; vertical-align: middle } .headerBox h1, .headerBox h2 { font-size: 1.4rem; line-height: 1.25em } .headerBox p { font-size: 1.1rem; line-height: 1.25em } @media(min-width:768px) and (max-width:991px) { .headerBox h1, .headerBox h2 { font-size: 2rem } .headerBox p { font-size: 1.15rem } .headerBox .large { font-size: 1.5rem } .img-responsive.center { padding: 10px !important /* changed from 0px*/ } } @media(min-width:992px) and (max-width:1199px) { .headerBox h1, .headerBox h2 { font-size: 2rem } .headerBox p { font-size: 1.25rem } .headerBox .large { font-size: 2.2rem } .img-responsive.center { padding: 10px !important } } @media(min-width:1200px) { .headerBox h1, .headerBox h2 { font-size: 2rem } .headerBox p { font-size: 1.5rem } .headerBox .large { font-size: 2.8rem } } .image-list { padding: 0; list-style: none; text-align: center } .image-list>li { display: inline-block; margin: 2px 12px; vertical-align: middle } footer { margin-top: 3em; padding: 12px 0 36px; color: #666; border-top: 1px solid #ddd } footer a, footer a:hover, footer a:focus { color: inherit } footer strong { font-weight: normal; text-transform: uppercase; color: #444; text-rendering: optimizelegibility } footer hr { margin: 10px 0 } .breadcrumbsContainer { position: relative } .isCheckout .breadcrumbs, .isMyaccount .breadcrumbs { visibility: hidden } @media(min-width:768px) { .breadcrumbsContainer { position: relative; z-index: 21; overflow: hidden; height: 35px; margin-bottom: -35px; background-color: #e0e0e0; background-color: rgba(255, 255, 255, .7) } .breadcrumbsContainer.inverse { background: transparent } .breadcrumbs { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .inverse .breadcrumbs { color: #fff } } .breadcrumbs { font-size: 12px; line-height: 18px; margin: 10px 0 8px; padding: 0; list-style-type: none; color: #333 } .breadcrumbs>li { display: inline-block } .breadcrumbs>li>a, .inverse .breadcrumbs>li>a:hover, .inverse .breadcrumbs>li>a:focus { color: inherit } .breadcrumbs>li>a:hover, .breadcrumbs>li>a:focus { color: #000 } .block, .h3, .p { display: block } .inlineBlock { display: inline-block } .hiddenText { text-indent: -100000px } .center { text-align: center } .right { text-align: right } .normal { font-weight: normal } small, .small { font-size: 85% } .large { font-size: 125% } .xlarge { font-size: 150% } .btn>.glyphicon.large { line-height: 1 } .x-large { font-size: 200% } .xx-large { /*font-size: 300%*/ font-size: 3.4em; font-weight: 500; font-family: 'Kanit', sans-serif; } .va-middle { vertical-align: middle } @media(max-width:767px) { .h-xs-0 { height: 0 } .h-xs-1 { height: 24px } .h-xs-2 { height: 48px } .h-xs-3 { height: 72px } .h-xs-4 { height: 96px } .h-xs-5 { height: 120px } .h-xs-6 { height: 144px } .h-xs-1.adapt-line-height { line-height: 24px } .h-xs-2.adapt-line-height { line-height: 48px } .h-xs-3.adapt-line-height { line-height: 72px } .h-xs-4.adapt-line-height { line-height: 96px } .h-xs-5.adapt-line-height { line-height: 120px } .h-xs-6.adapt-line-height { line-height: 144px } .max-h-xs-1 { max-height: 24px } .max-h-xs-2 { max-height: 48px } .max-h-xs-3 { max-height: 72px } .max-h-xs-4 { max-height: 96px } .max-h-xs-5 { max-height: 120px } .max-h-xs-6 { max-height: 144px } .h-xs-offset-0 { margin-top: 0 } .h-xs-offset-025 { margin-top: 6px } .h-xs-offset-05 { margin-top: 12px } .h-xs-offset-075 { margin-top: 18px } .h-xs-offset-1 { margin-top: 24px } .h-xs-offset-2 { margin-top: 48px } .h-xs-offset-3 { margin-top: 72px } .h-xs-offset-4 { margin-top: 96px } .h-xs-offset-5 { margin-top: 120px } .h-xs-offset-6 { margin-top: 144px } .h-xs-offset-bot-0 { margin-bottom: 0 } .h-xs-offset-bot-025 { margin-bottom: 6px } .h-xs-offset-bot-05 { margin-bottom: 12px } .h-xs-offset-bot-075 { margin-bottom: 18px } .h-xs-offset-bot-1 { margin-bottom: 24px } .h-xs-offset-bot-2 { margin-bottom: 48px } .h-xs-offset-bot-3 { margin-bottom: 64px } } @media(min-width:768px) and (max-width:991px) { .h-sm-1 { height: 62.5px } .h-sm-2 { height: 95px } .h-sm-3 { height: 157.5px } .h-sm-4 { height: 220px } .h-sm-5 { height: 282.5px } .h-sm-6 { height: 345px } .h-sm-7 { height: 407.5px } .h-sm-8 { height: 470px } .h-sm-1.adapt-line-height { line-height: 62.5px } .h-sm-2.adapt-line-height { line-height: 95px } .h-sm-3.adapt-line-height { line-height: 157.5px } .h-sm-4.adapt-line-height { line-height: 220px } .h-sm-5.adapt-line-height { line-height: 282.5px } .h-sm-6.adapt-line-height { line-height: 345px } .h-sm-7.adapt-line-height { line-height: 407.5px } .h-sm-8.adapt-line-height { line-height: 470px } .max-h-sm-1 { max-height: 62.5px } .max-h-sm-2 { max-height: 95px } .max-h-sm-3 { max-height: 157.5px } .max-h-sm-4 { max-height: 220px } .max-h-sm-5 { max-height: 282.5px } .max-h-sm-6 { max-height: 345px } .h-sm-offset-0 { margin-top: 0 } .h-sm-offset-025 { margin-top: 15px } .h-sm-offset-05 { margin-top: 31px } .h-sm-offset-075 { margin-top: 46px } .h-sm-offset-1 { margin-top: 62.5px } .h-sm-offset-2 { margin-top: 95px } .h-sm-offset-3 { margin-top: 157.5px } .h-sm-offset-4 { margin-top: 220px } .h-sm-offset-5 { margin-top: 282.5px } .h-sm-offset-6 { margin-top: 345px } .h-sm-offset-bot-0 { margin-bottom: 0 } .h-sm-offset-bot-025 { margin-bottom: 15px } .h-sm-offset-bot-05 { margin-bottom: 31px } .h-sm-offset-bot-075 { margin-bottom: 46px } .h-sm-offset-bot-1 { margin-bottom: 62.5px } .h-sm-offset-bot-2 { margin-bottom: 95px } .h-sm-offset-bot-3 { margin-bottom: 157.5px } } @media(min-width:992px) and (max-width:1199px) { .h-md-1 { height: 80.83px } .h-md-2 { height: 131.67px } .h-md-3 { height: 212.5px } .h-md-4 { height: 293.33px } .h-md-5 { height: 374.16px } .h-md-6 { height: 455px } .h-md-1.adapt-line-height { line-height: 80.83px } .h-md-2.adapt-line-height { line-height: 131.67px } .h-md-3.adapt-line-height { line-height: 212.5px } .h-md-4.adapt-line-height { line-height: 293.33px } .h-md-5.adapt-line-height { line-height: 374.16px } .h-md-6.adapt-line-height { line-height: 455px } .max-h-md-1 { max-height: 80.83px } .max-h-md-2 { max-height: 131.67px } .max-h-md-3 { max-height: 212.5px } .max-h-md-4 { max-height: 293.33px } .max-h-md-5 { max-height: 374.16px } .max-h-md-6 { max-height: 455px } .h-md-offset-0 { margin-top: 0 } .h-md-offset-025 { margin-top: 20px } .h-md-offset-05 { margin-top: 40px } .h-md-offset-075 { margin-top: 60px } .h-md-offset-1 { margin-top: 80.83px } .h-md-offset-2 { margin-top: 131.67px } .h-md-offset-3 { margin-top: 212.5px } .h-md-offset-4 { margin-top: 293.33px } .h-md-offset-5 { margin-top: 374.16px } .h-md-offset-6 { margin-top: 455px } .h-md-offset-bot-0 { margin-bottom: 0 } .h-md-offset-bot-025 { margin-bottom: 20px } .h-md-offset-bot-05 { margin-bottom: 40px } .h-md-offset-bot-075 { margin-bottom: 60px } .h-md-offset-bot-1 { margin-bottom: 80.83px } .h-md-offset-bot-2 { margin-bottom: 131.67px } .h-md-offset-bot-3 { margin-bottom: 212.5px } } @media(min-width:1200px) { .h-lg-1 { height: 97.5px } .h-lg-2 { height: 165px; line-height: 165px /* center vertically */ } .h-lg-3 { height: 262.5px } .h-lg-4 { height: 360px } .h-lg-5 { height: 457.5px } .h-lg-6 { height: 555px } .h-lg-1.adapt-line-height { line-height: 97.5px } .h-lg-2.adapt-line-height { line-height: 165px } .h-lg-3.adapt-line-height { line-height: 262.5px } .h-lg-4.adapt-line-height { line-height: 360px } .h-lg-5.adapt-line-height { line-height: 457.5px } .h-lg-6.adapt-line-height { line-height: 555px } .max-h-lg-1 { max-height: 97.5px } .max-h-lg-2 { max-height: 165px } .max-h-lg-3 { max-height: 262.5px } .max-h-lg-4 { max-height: 360px } .max-h-lg-5 { max-height: 457.5px } .max-h-lg-6 { max-height: 555px } .h-lg-offset-0 { margin-top: 0 } .h-lg-offset-025 { margin-top: 24px } .h-lg-offset-05 { margin-top: 49px } .h-lg-offset-075 { margin-top: 74px } .h-lg-offset-1 { margin-top: 97.5px } .h-lg-offset-2 { margin-top: 165px } .h-lg-offset-3 { margin-top: 262.5px } .h-lg-offset-4 { margin-top: 360px } .h-lg-offset-5 { margin-top: 457.5px } .h-lg-offset-6 { margin-top: 555px } .h-lg-offset-bot-0 { margin-bottom: 0 } .h-lg-offset-bot-025 { margin-bottom: 24px } .h-lg-offset-bot-05 { margin-bottom: 48px } .h-lg-offset-bot-075 { margin-bottom: 64px } .h-lg-offset-bot-1 { margin-bottom: 97.5px } .h-lg-offset-bot-2 { margin-bottom: 165px } .h-lg-offset-bot-3 { margin-bottom: 262.5px } } .hideOverflow { overflow: hidden } .hideOverflow>input[type='file'] { max-width: 100% } .uppercase { text-transform: uppercase } .navigationTree ul { list-style-type: none } .navigationTree ul { padding: 0 0 0 10px } .js .navigationTree>ul, .navigationTree .open>ul { display: block } .navigationTree>ul { padding: 0 } .navigationTree .level-1 { font-weight: 700 } .navigationTree .level-2 { font-weight: 500; margin-bottom: 6px } .navigationTree li { position: relative } .openCloseToggle { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 18px; height: 24px } .openCloseToggle:before, li.open.animating>.openCloseToggle:before { position: absolute; top: 6px; left: 3px; display: block; width: 0; height: 0; content: ''; border-width: 6px; border-style: solid none solid solid; border-color: transparent #999 } .no-touch .openCloseToggle:hover:before, .no-touch li.open.animating>.openCloseToggle:hover:before, .navigationTree ul li:hover .openCloseToggle:before { border-color: transparent #00518c } li.open>.openCloseToggle:before, li.animating>.openCloseToggle:before { border-style: solid solid none solid; border-color: #ccc transparent } .no-touch li.open>.openCloseToggle:hover:before, .no-touch li.animating>.openCloseToggle:hover:before { border-color: #00518c transparent } @media only screen { .openCloseToggle:before { -webkit-transition: all 300ms ease 0; -moz-transition: all 300ms ease 0; -ms-transition: all 300ms ease 0; -o-transition: all 300ms ease 0; transition: all 300ms ease 0 } .openCloseToggle:before, li.open.animating>.openCloseToggle:before { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } li.open>.openCloseToggle:before, li.animating>.openCloseToggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); border-style: solid none solid solid; border-color: transparent #00518c } .no-touch li.open>.openCloseToggle:hover:before, .no-touch li.animating>.openCloseToggle:hover:before { border-color: transparent #00518c } } @media only screen and (max-width:991px) { .navbar .nav li>.openCloseToggle:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } .navbar .nav li.open>.openCloseToggle:before, .navbar .nav li.animating>.openCloseToggle:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); border-style: solid none solid solid; border-color: transparent #00518c } .no-touch .navbar .nav li.open>.openCloseToggle:hover:before, .no-touch .navbar .nav li.animating>.openCloseToggle:hover:before { border-color: transparent #ccc } } .advantages ul, .content_nav ul { padding: 0; list-style: none; overflow:hidden; border-bottom: 1px solid #ddd; margin-bottom:0; } .content_nav ul {padding-bottom:1px;} /* .content_nav .marked-category a { background: #ff6600; padding: 0 5px; color: #fff; transition: all .3s; } .content_nav .marked-category a:hover, .content_nav .marked-category a:focus { background: transparent; padding: 0 5px; color: #ff6600; } */ .advantages a, .content_nav a { color:#666; font-weight:700; text-transform:uppercase; font-family: 'Kanit', sans-serif; font-size: 1.1em; } .content_nav ul a:hover,.content_nav ul a:active, .advantages a, .advantages a:hover {text-decoration:none;color: #FF6600} .content_nav .active {color: #FF6600} .content_nav .feature:after { content: "%"; margin-left: 3px; font-size: .9em; position: absolute; top: -4px; color: #ffffff; background: #FF6600; line-height: 1; padding: 2px 4px; border-radius: 50%; font-weight: 700; } .advantages li, .content_nav li {float: left;margin-right: 15px;white-space: nowrap;} @media(min-width:1200px){ .content_nav li {margin-right: 20px;} } .advantages .glyphicon { font-size: 17px; color: #FF6600; vertical-align: top; margin-right: 5px; } .navigationTree a.treeLink, .facetValueLabel, .AvailabilityFilterElement>label, .CharacterFilterElement>label { line-height: 18px; display: block; margin: 0; padding: 2px 2px 2px 1px; cursor: pointer; text-decoration: none; word-wrap: break-word; color: inherit; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .navigationTree a.treeLink { margin-left: 15px; padding-left: 5px } .navigationTree li.active>a { color: #00518c } .navigationTree a:hover, .navigationTree a:focus, .navigationTree li.active>a:hover, .navigationTree li.active>a:active, .facetValueLabel:hover, .AvailabilityFilterElement>label:hover, .CharacterFilterElement>label:hover { color: #00518c } .treeLink:after { display: table; clear: both; content: '' } .singleItemView .navigationTree>ul { overflow: auto; max-height: 500px } .toTopCont { position: fixed; z-index: 100010; right: 10px; bottom: 60px; overflow: hidden; /*-webkit-box-shadow: 0 0 15px 0 #fff; -moz-box-shadow: 0 0 15px 0 #fff; box-shadow: 0 0 15px 0 #fff*/ -webkit-box-shadow: 0 0 5px 0 #ccc; -moz-box-shadow: 0 0 5px 0 #ccc; box-shadow: 0 0 5px 0 #ccc } .trustami_frame_bottom.trustami_frame_border { border-top-width: 1px !important; } .toTop, .toTopCont {display: none} .toTop.visible { display: block } .category_all {display:none} @media(max-width:767px){ .toTopCont { right: 0px; bottom: 0px; width: 100%; left: 0px; background: #fff; padding: 15px 10px; overflow:visible; } .category_all { display:block; position: relative; bottom: 0px; left: 10px; } .toTopCont .btn {position: absolute;right: 10px;bottom: 10px;} } .btn:focus { outline: 0 } .img-responsive.center { margin: 0 auto; padding: 15px } .line-through { text-decoration: line-through; } a.noLink, a.noLink:hover, a.noLink:visited, a.noLink:active, a.noLink:link { text-decoration: none } .no-touch .onHover .visible-hover, .no-touch .onHover:hover .hidden-hover, .no-touch .onHover.hover .hidden-hover { display: none } .no-touch .onHover:hover .visible-hover, .no-touch .onHover.hover .visible-hover, .no-touch .onHover .hidden-hover { display: block } @media(min-width:768px) { .PlentyWebTableLayout>.PlentyFormContainer { margin-top: 6px } } .singleItemDetails .PlentyWebTableLayout .PlentyFormContainer.ArticleAttrTd_0 { float: left } .singleItemDetails .PlentyWebTableLayout .PlentyFormContainer.ArticleAttrTd_1 { float: left } [class^='ArticleAttrImage'] { margin-bottom: .25em; padding: 3px; border: 1px solid #ccc; border-radius: 2px; background: #fff } .ArticleAttrImageSelected { border-color: #aaa; background: #ddd } .PlentyWebAttributeTitle { font-weight: bold; line-height: 34px } .headerBox * { font-size: 2.5em; font-weight: 500; line-height: 1.3; color: #333 } .headerBox h1>span { font-size: .4em; line-height: 1em; display: block } .headerBox h1 { margin: 0 } .navbar-information .nav>li>.dropdown-menu>li>a { white-space: nowrap } @media(min-width:992px) { .navbar-information .nav>li>a { z-index: 2005 } .navbar-information .nav>li>.dropdown-menu { z-index: 2000; min-width: 100% } .dropdown-padding>li { padding-right: 15px; padding-left: 15px } .navbar-information.fixed { position: fixed; z-index: 5000; background-color: #fff; box-shadow: -1px 6px 10px -9px #000 } } @media(max-width:991px) { .dropdown.enable-xs-sm { position: relative } .dropdown.enable-xs-sm .dropdown-menu { position: absolute; z-index: 2000; left: -20px; min-width: 220px; margin-top: -5px; padding: 5px; border-radius: 2px; background: #fff; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .5); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, .5); box-shadow: 0 1px 5px rgba(0, 0, 0, .5) } .dropdown.enable-xs-sm.isLogin .dropdown-menu { right: -20px; left: auto } .navbar-information .nav>li>.dropdown-menu li>a, .navbar .nav>li>.dropdown-menu .dropdown-header { border-color: transparent } .enable-xs-sm.location_info .dropdown-menu {min-width: 70px;left: 0;padding: 0} } @media(max-width:413px) { .dropdown.enable-xs-sm.isInfo .dropdown-menu { right: 50px; left: auto } .dropdown.enable-xs-sm.isLogin .dropdown-menu { right: -50px; left: auto } } @media only screen and (max-width:991px) { .dropdown.enable-xs-sm.open:after { position: absolute; display: block; margin-top: -14px; margin-left: 15px; content: '' } .location_info.enable-xs-sm.open:after {margin-left: 20px} .dropdown.enable-xs-sm.open:after { z-index: 2001; width: 0; height: 0; border-width: 10px; border-style: none solid solid; border-color: #fff transparent } } .basketPreviewContent.gradient-y-fade-in { margin-top: -6px } .basketPreviewInfo, .basketPreviewInfo>span:first-child { text-decoration: inherit } .basketItemsList { overflow-x: hidden; overflow-y: auto; margin-right: -15px; padding-right: 15px } .basketPreviewContent.gradient-y-fade-in .basketItemsList>a:first-child { margin-top: 16px } @media(max-width:991px) { .basketPreviewFooter { margin-bottom: 12px } } @media(min-width:992px) { .basketPreviewContainer { width: 300px } .dropdown-menu.disabled .basketPreviewContainer { width: auto; white-space: nowrap } .basketItemsList { max-height: 350px } } [class*='gradient-'] { position: relative } [class*='gradient-']:after { position: absolute; display: block; content: '' } [class*='gradient-y-']:after { right: 0; left: 0; height: 20px } .gradient-y-fade-out:after { bottom: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%) } .gradient-y-fade-out.gradient-y-fade-out-before:after { bottom: 100% } .gradient-y-fade-in:after { z-index: 1; top: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0) 100%) } .gradient-y-fade-in.gradient-y-fade-in-after:after { top: 100% } .loginForm .form-control, .loginForm .form-group { margin-bottom: 5px } .loginForm .btn { width: 100%; padding: 4px 9px 3px } @media(min-width:992px) { .loginForm .btn { width: 35px } .loginForm>.clearfix, .loginForm { width: 451px } .loginForm .form-control { float: left; margin-right: 8px } .loginForm input[name='email'], .loginForm input[name='pwd'] { width: 200px } } .categoryNavigationList a.active, .categoryNavigationList a.active:hover { border-color: #00518c; background-color: #00518c } .categoryNavigationList a.level-1 { font-weight: bold } .categoryNavigationList a.level-1 .badge { font-weight: 700 } .categoryNavigationList a.level-2 { padding-left: 40px } .categoryNavigationList a.level-3 { font-style: italic; padding: 5px 15px 5px 60px } .inlineForm, .inlineForm>form { display: inline-block; margin-left: 5px } .pagination { padding: 0 0 1em; border-bottom: 1px solid #ddd; } .flpagination {padding: 1em 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .categoryPagination .nav a, .categoryPagination .navbar .nav li>a { padding: 3px 8px!important; color: #666; border: 1px solid #e0e0e0 } .categoryPagination .nav a:hover, .categoryPagination .nav a:focus, .categoryPagination .navbar .nav li>a:hover, .categoryPagination .navbar .nav li>a:focus, .categoryPagination .navbar .nav li>a.active, .categoryPagination .nav a.articlePages_activeLink, .flPageCurrent { border-color: transparent; background: #f6f6f6 } .categoryPagination .navbar .nav li>a.active { cursor: default } .categoryPagination .form-control { display: inline-block; width: auto } .categoryPagination label { margin-bottom: 0 } .categoryPagination .navbar-right li { float: left } .categoryPagination .nav.navbar-right a, .categoryPagination .nav.navbar-right .articlePages .articlePages_DotStart, .flPageCurrent { font-weight: bold; display: block; float: left; margin: 0 2px; text-decoration: none } .categoryPagination .nav.navbar-right li:first-child>a { margin-left: 0 } .categoryPagination .nav.navbar-right li:last-child>a { margin-right: 0 } .articlePages:after { display: table; clear: both; content: '' } .categoryPagination .nav.navbar-right .articlePages a { padding-right: 7px; padding-left: 7px } .categoryPagination .nav.navbar-right { float: left; margin-left: 0 } @media(min-width:360px) { .categoryPagination .nav.navbar-right .articlePages a { padding-right: 8px; padding-left: 8px } .categoryPagination .nav.navbar-right { float: right; margin-left: -8px } } .categoryPagination .nav.navbar-left { float: left; margin-right: 8px } .articlePages_DotStart { padding: 4px 2px } @media(max-width:359px) { .categoryPagination .itemSortingLabel select { max-width: 120px } } @media(min-width:901px) { .filterPanel h3 { margin-bottom: 36px } .filters { position: relative } .filters .NavigationGroupFilter { overflow-y: auto; max-height: 270px; margin-top: 40px } .availability-filter label[title^="Out"] { display: none } .CharacterFilterGroupName { position: absolute; margin-top: -30px } } .filterLabel, .CharacterFilterGroupName { font-weight: bold } .filterPanel input[type='checkbox'] { margin-right: .5em } .facetList, .facetContentList { padding: 0; list-style-type: none } .priceSliderWrapper .priceSliderLabel { font-size: 14px; font-weight: normal; position: relative; height: 28px; padding: 1px 6px; border: 1px solid #ddd } .priceSliderWrapper .priceSliderLabel.isMin { padding-right: 3px; border-radius: 2px 0 0 2px } .priceSliderWrapper .priceSliderLabel.isMax { padding-left: 3px; border-radius: 0 2px 2px 0 } .priceSliderWrapper .priceSliderLabel:before, .priceSliderWrapper .priceSliderLabel:after { position: absolute; top: -1px; display: block; content: ''; border-width: 14px 7px } .priceSliderWrapper .priceSliderLabel:before { border-color: transparent #ddd } .priceSliderWrapper .priceSliderLabel:after { border-color: transparent #fff } .priceSliderWrapper .priceSliderLabel.isMin:before, .priceSliderWrapper .priceSliderLabel.isMin:after { right: -7px; border-style: solid none solid solid } .priceSliderWrapper .priceSliderLabel.isMax:before, .priceSliderWrapper .priceSliderLabel.isMax:after { left: -7px; border-style: solid solid solid none } .priceSliderWrapper .priceSliderLabel.isMin:before { right: -8px } .priceSliderWrapper .priceSliderLabel.isMax:before { left: -8px } .ui-slider-horizontal { height: 6px; margin: 6px; border: 1px solid #aaa; border-radius: 2px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15) inset; -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15) inset; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15) inset } .touch .ui-slider-horizontal { margin: 16px } .ui-slider { position: relative } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; top: -6px; width: 16px; height: 16px; margin-left: -8px; cursor: default; -ms-touch-action: none; touch-action: none } .touch .ui-slider .ui-slider-handle { top: -14px; width: 32px; height: 32px; margin-left: -16px } .ui-slider-handle { border: 1px solid #d3d3d3; border-radius: 50%; background: #fff; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1) } .ui-slider-handle.ui-state-active { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35) } .touch .ui-slider-handle.ui-state-active { background: #00518c } .ui-slider-handle.ui-state-focus { outline: 0 } .ui-slider-range { position: relative; height: 100%; background-color: #ccc; -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .15) inset; -moz-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .15) inset; box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .15) inset } /* commented out for conflict .label-default { background-color: #999 } .label { font-size: 75%; font-weight: 700; line-height: 1; display: inline; padding: .2em .6em .3em; text-align: center; vertical-align: baseline; white-space: nowrap; color: #fff; border-radius: .25em } */ .category-header { position: relative; /*min-height: 120px;*/ border-bottom: 1px solid #ddd } .category-header .image { position: absolute; right: 0; bottom: 0; display: block; max-width: 100%; height: auto } @media(max-width:767px) { .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper, .itemBox .itemBoxInner { height: 279px } .modal .itemBox {margin-bottom:1em;} .modal .itemBox .itemBoxInner {height:100px /*220px*/} .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 319px } .category-header .image { display: none } } @media(min-width:768px) { .modal .itemBox .itemBoxInner {height: 230px} } @media(min-width:768px) and (max-width:991px) { .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper, .itemBox .itemBoxInner { height: 230px } .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 270px } .modal .itemBox {margin-bottom:1em;} } @media(min-width:992px) and (max-width:1199px) { .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper, .itemBox .itemBoxInner { height: 338px } .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 388px } } @media(min-width:1200px) { .no-touch .categoryView.isGridView .itemBox, .no-touch .crossSellingWrapper, .itemBox .itemBoxInner { height: 290px } .touch .categoryView.isGridView .itemBox, .touch .crossSellingWrapper { height: 340px } } .itemBox .action, .imageBox .action { position: absolute; z-index: 100; padding: 1px 10px; opacity: .9; right:15px; } .itemBox:hover .action, .imageBox:hover .action { z-index: 300 } .itemBox.action-1 .action, .imageBox .action-1 { color: #fff; background-color: #751255 } .itemBox.action-2 .action, .imageBox .action-2 { color: #fff; background-color: #f60 } .itemBox.action-3 .action, .imageBox .action-3 { color: #fff; background-color: #00518c } .itemBox a.itemLink, .itemBox a.itemLink:hover, .itemBox a.itemLink:active, .itemBox a.itemLink:visited { text-decoration: none; color: #555 } .js .js-link { cursor: pointer } .itemBox .itemBoxInner { position: relative } .itemBox .itemBoxInner, .previewImage, .crossSellingItemInner { border: 1px solid #ddd; background-color: #fff } .itemBox:hover .itemBoxInner, .crossSellingItem:hover .crossSellingItemInner { z-index: 200; border: 1px solid #ddd } .crossSellingItemInner>span:first-child { line-height: 50px; height: 50px; min-height: 100% } .crossSellingItemInner>span:first-child img { display: inline; vertical-align: middle } .itemBox p { /*line-height: 1.5;*/ margin: 0 10px 5px/* Previously 5px*/ } .itemBox .name { font-size: 1em; line-height: 1.5em; padding: 10px 0 5px; font-weight: 700; border-top: 1px solid #DDDDDD } .categoryView.isGridView .itemBox .name, .categoryDetails.isGridView .itemBox .name, .crossSellingSlider .itemBox .name { /* Previously 3px*/ padding-right: 10px; padding-left: 10px; max-height: 69px; overflow: hidden; } .itemBox .price { color: #333 } .vat-mark { color: #666; vertical-align: top; margin-left: 2px } .itemBox .price .uvp, .itemBoxSingleView .price .uvp { color: #AD0000 } .itemBox .shipping, .itemBox .shipping a, .itemBox .shipping a:hover, .itemBox .shipping a:visited { color: gray; line-height:1.2; } .itemBox .shipping a:hover { text-decoration: underline } .itemBox .shipping .availabilityText-1, .itemBox .shipping .availabilityText-5 {font-size: 1.2em;} .itemBox .shipping .availabilityText-1:after {content:"Auf Lager"} .itemBox .shipping .availabilityText-5:after {content:"Nicht auf Lager"} .itemBox .base-price { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .no-touch .itemBoxInner .quantityInputWrapper, .no-touch .basketView .quantityInputWrapper, .no-touch .checkout .quantityInputWrapper { width: 55px } .no-touch .crossSellingSlider .quantityInputWrapper { width: 50px } @media(min-width:992px) { .no-touch .itemBoxInner .quantityInputWrapper { display: block; float: left; margin: 3px 0 3px 3px } } .quantityInputWrapper input { height: 34px; padding-right: 0; padding-left: 0; text-align: center } .no-touch .quantityInputWrapper input { width: 100%; padding-right: 13px } .no-touch .itemBoxInner .buttonBox { margin: 3px } @media(max-width:991px) { .no-touch .itemBoxInner .quantityInputWrapper, .no-touch .itemBoxInner .buttonBox.isAddToBasket { display: inline-block; margin-bottom: 3px; vertical-align: top } .no-touch .itemBoxInner .buttonBox.isAddToBasket { margin: 0 0 3px 3px } } @media(min-width:992px) { .no-touch .itemBoxInner .buttonBox.isAddToBasket { float: right; margin: 3px 3px 3px 0 } .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket>button { padding-right: 0; padding-left: 0 } } @media(min-width:768px) and (max-width:991px) { .no-touch .itemBoxInner .quantityInputWrapper { margin-bottom: 0 } .no-touch .itemBoxInner .buttonBox.isAddToBasket { display: block; float: none; margin: 3px } } @media(max-width:767px) { .itemBox .name { font-size: 1.5em!important } .modal-dialog .itemBox .name { font-size: 1em !important } } @media(min-width:768px) and (max-width:991px) { .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket>button { display: block; width: 100% } } @media(min-width:992px) and (max-width:1199px) { .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket>button { width: 146px } } @media(min-width:1200px) { .no-touch .categoryDetails.isGridView .itemBoxInner .buttonBox.isAddToBasket>button { width: 123px } } @media(min-width:768px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket>button { padding-right: 0; padding-left: 0 } } @media(max-width:767px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket>button { display: block } } @media(min-width:768px) and (max-width:991px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket>button { display: block } } @media(min-width:992px) and (max-width:1199px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket>button { width: 151px } } @media(min-width:1200px) { .no-touch .crossSellingSlider .itemBoxInner .buttonBox.isAddToBasket>button { width: 128px } } .no-touch .btn.quantityInputButton { font-size: 6px; line-height: 12px; position: absolute; right: 2px; width: 14px; height: 14px; margin: 0; padding: 0; text-align: left; text-indent: 3px; border-radius: 50% } .no-touch .btn.quantityInputButton.isPlus { top: 2px } .no-touch .btn.quantityInputButton.isMinus { bottom: 2px } .btn.quantityInputButton>span.glyphicon:before { margin-right: 0 } .touch .quantityInputWrapper { position: relative; display: block; float: left; margin: 3px 0; padding: 0 35px } @media(min-width:992px) { .touch .quantityInputWrapper { display: inline-block; float: none; vertical-align: top } } .touch .quantityInputWrapper input { width: 44px } .touch .btn.quantityInputButton { position: absolute; top: 0; width: 32px; margin: 0; padding-right: 0; padding-left: 0 } .touch .btn.quantityInputButton.isPlus { right: 0 } .touch .btn.quantityInputButton.isMinus { left: 0 } .touch .buttonBox { margin: 3px } .touch .buttonBox.isAddToBasket { float: right; margin: 3px 3px 3px 0 } @media(max-width:767px) { .touch .quantityInputWrapper { display: inline-block; float: none } .touch .buttonBox.isAddToBasket { display: inline-block; float: none; margin: 3px; vertical-align: top } } @media(min-width:992px) { .touch .buttonBox.isAddToBasket { display: inline-block; float: none; margin: 3px; vertical-align: top } .touch .itemBoxInner .buttonBox a { display: inline-block } } @media(min-width:768px) { .touch .categoryDetails:not(.isListView) .buttonBox.isAddToBasket>button, .touch .crossSellingSlider .buttonBox.isAddToBasket>button { position: relative; width: 32px; text-align: center } } ul.categoryDetails { padding: 0; list-style-type: none } .categoryDetails h4 { line-height: 1.2; margin-top: 0; padding: 5px 3px } .categoryDetails h4 a { font-size: 14px; font-weight: 400 } .categoryDetails.isListView .quantityInputWrapper, .categoryDetails.isListView .itemBoxInner .buttonBox.isAddToBasket { float: left; margin: 0 3px 0 0 } .categoryDetails.isListView .itemBoxInner .buttonBox { margin: 0 } .isListView .isImage>.imageBox { margin: 12px 0 } .cat_list_image img { width: 80px; height: auto } .cat_list_image { line-height: 100px; display: block; height: 100px; border: 1px solid #ddd; background: #fff; overflow: hidden } .attributeSelection { position: absolute; bottom: 0; width: 100%; background-color: #fff } .availabilityIcon { display: inline-block; overflow: hidden; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: -1px } .availabilityIcon span { display: block; width: 100% } .availabilityIcon span { border-width: 1px; border-style: solid; border-color: transparent } .availabilityIcon span+span { margin-top: -1px } .availabilityIcon.availabilityDetails-1 span { height: 100% } .availabilityIcon.availabilityDetails-2 span { height: 8px } .availabilityIcon.availabilityDetails-3 span { height: 6px } .availabilityIcon.availabilityDetails-1 .second, .availabilityIcon.availabilityDetails-1 .third, .availabilityIcon.availabilityDetails-2 .third { display: none } .availabilityDetails-1.available-1 .first, .availabilityDetails-1.available-2 .first, .availabilityDetails-1.available-3 .first, .availabilityDetails-1.available-4 .first, .availabilityDetails-2.available-1 .first, .availabilityDetails-2.available-1 .second, .availabilityDetails-2.available-2 .first, .availabilityDetails-2.available-2 .second, .availabilityDetails-2.available-3 .second, .availabilityDetails-2.available-4 .second, .availabilityDetails-3.available-1 .first, .availabilityDetails-3.available-1 .second, .availabilityDetails-3.available-1 .third, .availabilityDetails-3.available-2 .second, .availabilityDetails-3.available-2 .third, .availabilityDetails-3.available-3 .third { background-color: #3b0 } .availabilityDetails-1.available-5 .first, .availabilityDetails-1.available-6 .first, .availabilityDetails-1.available-7 .first, .availabilityDetails-1.available-8 .first, .availabilityDetails-2.available-3 .first, .availabilityDetails-2.available-4 .first, .availabilityDetails-2.available-5 .first, .availabilityDetails-2.available-5 .second, .availabilityDetails-2.available-6 .first, .availabilityDetails-2.available-6 .second, .availabilityDetails-2.available-7 .second, .availabilityDetails-2.available-8 .second, .availabilityDetails-3.available-2 .first, .availabilityDetails-3.available-3 .first, .availabilityDetails-3.available-3 .second, .availabilityDetails-3.available-4 .first, .availabilityDetails-3.available-4 .second, .availabilityDetails-3.available-4 .third, .availabilityDetails-3.available-5 .second, .availabilityDetails-3.available-5 .third, .availabilityDetails-3.available-6 .third { background-color: #e30613 } .availabilityDetails-1.available-9 .first, .availabilityDetails-1.available-10 .first, .availabilityDetails-2.available-7 .first, .availabilityDetails-2.available-8 .first, .availabilityDetails-2.available-9 .first, .availabilityDetails-2.available-9 .second, .availabilityDetails-2.available-10 .first, .availabilityDetails-2.available-10 .second, .availabilityDetails-3.available-5 .first, .availabilityDetails-3.available-6 .first, .availabilityDetails-3.available-6 .second, .availabilityDetails-3.available-7 .first, .availabilityDetails-3.available-7 .second, .availabilityDetails-3.available-7 .third, .availabilityDetails-3.available-8 .second, .availabilityDetails-3.available-8 .third, .availabilityDetails-3.available-9 .third { background-color: #f11 } .availabilityDetails-3.available-8 .first, .availabilityDetails-3.available-9 .first, .availabilityDetails-3.available-9 .second, .availabilityDetails-3.available-10 .first, .availabilityDetails-3.available-10 .second, .availabilityDetails-3.available-10 .third { background-color: #aaa } .quantityInputWrapper { position: relative; display: inline-block } .singleItemDetails .quantityInputWrapper, .categoryDetails.isListView .quantityInputWrapper, .basketView .quantityInputWrapper { float: left; margin: 0 10px 0 0 } .no-touch .singleItemDetails .quantityInputWrapper { width: 70px } .btn.quantityInputButton .glyphicon { padding: 0; background-color: transparent } @media(min-width:768px) { .itemBoxInner .buttonBox a { display: block } } .categoryDetails.isListView .itemBoxInner .buttonBox a { display: inline-block } .jqzoom { line-height: 290px; display: block; overflow: hidden; height: 290px; text-align: center; vertical-align: middle; border: 1px solid #ddd } .jqzoom img { display: inline-block; width: auto!important; max-height: 230px } @media(min-width:768px) { .jqzoom { line-height: 345px; height: 345px } .jqzoom img { max-height: 300px } } @media(min-width:1200px) { .jqzoom { line-height: 336px; height: 336px } .jqzoom img { max-height: 300px } } .magnifyarea { z-index: 10!important; top: 0!important; background:#fff; } @media(min-width:768px) { .magnifyarea { left: 375px!important } } @media(min-width:992px) { .magnifyarea { left: 364px!important } } @media(min-width:1200px) { .magnifyarea { left: 366px!important } } .singleItemDetails .imageBox .owl-carousel { width: auto; margin-right: -6px; margin-left: -6px } .singleItemDetails .previewImage { line-height: 94px; display: none; overflow: hidden; height: 100px; margin: 0 6px; text-align: center; vertical-align: middle } .owl-item.loading { min-height: 100px } .singleItemDetails .owl-item .previewImage { display: block } .singleItemDetails .owl-controls .owl-pagination { bottom: -30px } @media(max-width:767px) { .singleItemDetails .previewImage { line-height: 88px; height: 90px } .owl-item.loading { min-height: 90px } } .social-list { padding-left: 0; list-style: none } footer .social-list { margin-bottom: -8px } .social-list li { display: inline-block; height: 29px; vertical-align: top } .social-list li>div { display: inline-block } .social-list .btn { font-size: .9em; line-height: 15px; height: auto; margin-bottom: 8px; padding: 2px 9px 2px 5px; cursor: default; opacity: .8 } .social-list .social-container { display: inline-block } .social-switch { float: left; overflow: hidden; width: 23px; height: 12px; margin-top: 5px; margin-right: 6px; padding: 0; text-indent: -10000em; border: 1px solid #aaa; border-radius: 6px; background-image: none; -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .3) inset; -moz-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .3) inset; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .3) inset } .social-switch.off { cursor: pointer; background-color: #ccc } .social-switch.on { padding-left: 11px; background-color: #3b0 } .social-switch>span { display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #eee; box-shadow: 0 0 3px #000 } .crossSellingItemInner { padding: 6px 0 } .crossSellingWrapper { position: relative; margin-bottom:20px; } @media(max-width:413px) { .crossSellingWrapper { margin-top: 18px } } .crossSellingWrapper>.owl-carousel { position: absolute; height: 100% } .crossSellingWrapper>.owl-carousel>.owl-wrapper-outer { padding-bottom: 75px } .itemDefList { margin: 0 } .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperTitle, .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperContent, .attributeBox .PlentyFormContainer.ArticleAttrTd_0, .attributeBox .PlentyFormContainer.ArticleAttrTd_1 { width: 50% } @media(max-width:1200px) { .attributeBox .PlentyFormContainer.ArticleAttrTd_0 {width: 70%} .attributeBox .PlentyFormContainer.ArticleAttrTd_1 {width: 30%} } .itemDefList dt { width: 60% } .itemDefList dd { width: 40% } .itemDefList.prices dt, .itemDefList.prices dd { float:none; width:100%; } @media(min-width:1201px) { .itemDefList dt, .itemDefList.prices dt { width: 60% } .itemDefList dd, .itemDefList.prices dd { width: 40% } .itemDefList.prices dt {float:left;} .itemDefList.prices dd {float:right;} } .itemDefList dt, .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperTitle { float: left; clear: left } .itemDefList dd, .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperContent { float: right; clear: right } .age-restriction-badge:after { content: ' +' } .itemDefList .age-restriction-badge { font-weight: 700; line-height: 20px; display: inline-block; float: left; width: 40px; height: 20px; text-align: center; color: #fff; border-radius: 2px; background: #999 } .age-restriction-badge a:before { content: '+ ' } .age-restriction-badge a { display: block; width: auto; height: 100%; color: #fff } .age-restriction-badge a:hover { text-decoration: none } .age-restriction-badge:hover { background: #666 } .singleItemDetails .priceBase { display: block; margin-bottom: 5px } .table-volume-price {text-align:left;} .itemDefList.prices dt {font-weight:normal !important;} @media(max-width:767px) { .itemDefList dt, .itemDefList dd, .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperTitle, .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperContent, .attributeBox .PlentyFormContainer.ArticleAttrTd_0, .attributeBox .PlentyFormContainer.ArticleAttrTd_1 { line-height: 18px; width: 100% } .itemDefList dd, .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperContent, .attributeBox .PlentyFormContainer.ArticleAttrTd_1 { margin-bottom: 6px } .itemDefList .BasketItemOrderParamsContainer {margin-top:1em;} } .itemDefList:after, .plentyAttributeSelectWrapper:after { display: table; clear: both; content: '' } .zoomstatus { font-weight: normal!important; color: #fff!important; border-style: none!important; border-radius: 2px; background: rgba(0, 0, 0, .5)!important } .magnifyarea { border: 1px solid rgba(0, 0, 0, .5)!important; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3); -wibkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) } .newsletter-form { text-align: center } .newsletter-form * { vertical-align: top } .newsletter-form button.btn { width: 100% } .newsletter-form button.btn .glyphicon:before { vertical-align: top } @media(min-width:768px) { .newsletter-form .form-group { display: inline-block; width: 29%; margin-right: 1% } .newsletter-form button.btn { width: auto } } .imgwrapper { position: relative; background: #fff } ul.footerList { padding-left: 0; list-style: none; margin-bottom:2em; } .footerLink { color: #aaa } .footerLink:hover { color: #888 } .footerLink .plentyicon { font-size: 22px; line-height: inherit; position: relative; top: -1px; margin-right: 0; margin-left: .1em; vertical-align: middle } .owl-carousel .owl-wrapper:after { line-height: 0; display: block; visibility: hidden; clear: both; height: 0; content: '.' } .owl-carousel { position: relative; display: none; width: 100%; -ms-touch-action: pan-y } .owl-carousel .owl-wrapper { position: relative; display: none; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-wrapper-outer { position: relative; z-index: 0; overflow: hidden; width: 100% } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out } .owl-carousel .owl-item { float: left } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -khtml-user-select: none; -o-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .grabbing, .grabbing a, .js .grabbing .js-link { cursor: move; cursor: grabbing } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden } .owl-controls .owl-pagination { position: absolute; bottom: 0; width: 100%; margin: 0 auto; text-align: center } .owl-controls .owl-pagination .owl-page { display: inline-block; width: 8px; height: 8px; border: 1px solid #ccc; border-radius: 50% } .owl-controls .owl-pagination .owl-page+.owl-page { margin-left: 3px } .owl-controls .owl-pagination .owl-page.active { background-color: #ccc } .owl-controls .owl-buttons>div { position: absolute; top: 50%; display: block; width: 26px; height: 26px; margin-top: -13px; text-align: center; opacity: .5; color: #fff; background-color: #111 } .owl-controls .owl-buttons>div:before { font-family: 'glyphicon' } .owl-controls .owl-buttons .owl-prev { left: 0 } .owl-controls .owl-buttons .owl-next { right: 0 } .itemBox.isListView .owl-controls .owl-buttons .owl-prev { left: -15px } .itemBox.isListView .owl-controls .owl-buttons .owl-next { right: -15px } @media(max-width:320px) { .itemBox .owl-buttons .owl-prev { left: 30px } .itemBox .owl-buttons .owl-next { right: 30px } } @media(min-width:321px) and (max-width:479px) { .itemBox .owl-buttons .owl-prev { left: 45px } .itemBox .owl-buttons .owl-next { right: 45px } } @media(min-width:480px) and (max-width:767px) { .itemBox .owl-buttons .owl-prev { left: 10px } .itemBox .owl-buttons .owl-next { right: 10px } } .owl-controls .owl-buttons .owl-prev:before { content: '\e079' } .owl-controls .owl-buttons .owl-next:before { content: '\e080' } .itemBox .owl-controls { display: block } .owl-item.loading { background-repeat: no-repeat; background-position: center center } .itemBoxInner .owl-item .imageBox { margin-right: .5px; margin-left: .5px } .owl-item .imageBox img, .itemBox .imageBox img { max-height: 100%; display:inline-block !important; /*added to center horizontally*/ } .itemBox .imageBox a { width: 100%; height: 100%; display: block; text-align: center } .crossSellingSlider>.owl-controls .owl-pagination { /* top: -40px; bottom: auto */ bottom: -40px; } /* vertical center .itemBoxInner .imageBox {position:relative;overflow: hidden} .itemBoxInner .imageBox a { position: absolute; top: 50%; transform: translate(0%, -50%) } */ @media(max-width:413px) { .crossSellingSlider>.owl-controls .owl-pagination { /*top: -32px*/ bottom: -40px; } } .owl-controls .owl-buttons>div.disabled { cursor: default; opacity: .15 } .no-touch .itemBox .owl-controls { display: none } .no-touch .itemBox:hover .owl-controls, .no-touch .itemBox.hover .owl-controls { display: block } .plentyAttributeSelectWrapper, .offerDetailsBox .PlentyWebTableLayout>.PlentyFormContainer { margin: 3px 0 } .offerDetailsBox .PlentyWebTableLayout>.PlentyFormContainer:after { display: table; clear: both; content: '' } .plentyAttributeSelectWrapperTitle { font-weight: bold } .plentyAttributeSelectWrapperContent { display: inline-block } .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue { position: relative; margin-bottom: -2px } .plentyAttributeSelectWrapperContent ul { margin: 0; padding: 0; color: #333 } .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { margin: 0 -5px 0 0 } .plentyAttributeSelectWrapperContent ul>li { overflow: hidden; margin-left: 0; list-style: none } .plentyAttributeSelectHasImageGallery ul>li, .plentyAttributeSelectHasTextList ul>li { display: inline-block; margin: 0 5px 5px 0; vertical-align: middle } .plentyAttributeSelectHasDropdown, .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue { height: 30px } .plentyAttributeSelectWrapperContent a, .plentyAttributeSelectedValue { line-height: 18px; display: block; padding: 6px 8px; -webkit-transition: all 300ms ease 0; -moz-transition: all 300ms ease 0; -ms-transition: all 300ms ease 0; -o-transition: all 300ms ease 0; transition: all 300ms ease 0; white-space: nowrap; text-decoration: none; color: inherit } .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasImageGallery a { padding: 3px } .plentyAttributeSelectWrapperContent a { cursor: pointer } .plentyAttributeSelectHasDropdown>div, .plentyAttributeSelectHasImageGallery ul>li>a, .plentyAttributeSelectHasTextList ul>li>a { border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff } .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper>ul>li a { padding-right: 20px } .plentyAttributeSelectHasImageGallery ul>li>a { overflow: hidden } li.plentyAttributeSelectDisabled a { cursor: default!important; opacity: .5; -ms-filter: 'alpha(opacity=50)'; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5 } .no-touch .plentyAttributeSelectWrapperContent a:hover, .plentyAttributeSelectWrapperContent a:focus, .plentyAttributeSelectWrapperContent li.plentyAttributeSelectSelected>a { color: #000 } .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasDropdown:hover>* { cursor: pointer; border-color: #aaa } .no-touch .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper>ul>li a:hover, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper>ul>li a:focus, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper>ul>li.plentyAttributeSelectSelected a, .plentyAttributeSelectWrapperContent.plentyAttributeSelectHasTextList ul>li.plentyAttributeSelectSelected>a { background: #eee } .plentyAttributeSelectHasImageGallery ul>li.plentyAttributeSelectSelected>a, .no-touch .plentyAttributeSelectHasImageGallery ul>li.plentyAttributeSelectDisabled>a:hover, .no-touch .plentyAttributeSelectHasTextList ul>li.plentyAttributeSelectDisabled>a:hover { background: #ddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .no-touch .plentyAttributeSelectHasImageGallery ul>li>a:hover, .no-touch .plentyAttributeSelectHasTextList ul>li>a:hover, .plentyAttributeSelectHasImageGallery ul>li.plentyAttributeSelectSelected>a, .plentyAttributeSelectHasTextList ul>li.plentyAttributeSelectSelected>a { border-color: #aaa; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, .3) } .no-touch .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper>ul>li.plentyAttributeSelectDisabled a:hover, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper>ul>li.plentyAttributeSelectDisabled a:focus { color: inherit; background: transparent } .plentyAttributeSelectWrapperContent a>span:empty { display: none } .plentyAttributeSelectValueMarkup { padding-left: 5px } .plentyAttributeSelectHasImageGallery ul>li>a>img { border: 0 } .plentyAttributeSelectHasDropdown { position: relative } .plentyAttributeSelectHasDropdown>div { position: absolute } .plentyAttributeSelectHasDropdown.open>div { z-index: 10000 } .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue>.plentyAttributeSelectedArrow { position: absolute; top: 50%; right: .5em; margin-top: -3px; border-width: 5px; border-style: solid solid none solid; border-color: #999 transparent transparent } .no-touch .plentyAttributeSelectHasDropdown>div:hover .plentyAttributeSelectedValue>.plentyAttributeSelectedArrow { border-color: #777 transparent transparent } .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper { z-index: 10; display: none; overflow-x: hidden; overflow-y: auto; max-height: 135px } .plentyAttributeSelectWrapperContent.open .plentyAttributeSelectListWrapper { display: block } .touch .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper { overflow-y: scroll } .categoryPagination .nav.navbar-left li { float: left; margin-right: 8px } .categoryPagination .nav.navbar-left li:last-child { margin-right: 0 } .categoryPagination .nav>li { margin-top: 2px; margin-bottom: 2px } .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperTitle, .plentyAttributeSelectWrapper>.plentyAttributeSelectWrapperContent { vertical-align: middle } .plentyAttributeSelectHasDropdown>div { width: 100% } .overlay, .PlentyWebshopOverlay, #PlentyWebMyAccountOverlay, #PlentyWebMyAccountDisplayOrdersOverlay, #PlentyWebMyAccountDisplaySchedulerOrdersOverlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; cursor: pointer; opacity: .50; background: #000; -ms-filter: 'alpha(opacity=50)'; filter: alpha(opacity=50); -khtml-opacity: .50; -moz-opacity: .50 } .PlentyWebshopOverlay { z-index: 99000; display: none } .overlay { right: 0; bottom: auto; left: 0; overflow: hidden; height: 0; -webkit-transition: height 0, opacity .4s ease-in-out; -moz-transition: height 0, opacity .4s ease-in-out; -ms-transition: height 0, opacity .4s ease-in-out; -o-transition: height 0, opacity .4s ease-in-out; transition: height 0, opacity .4s ease-in-out; opacity: 0; -ms-filter: 'alpha(opacity=0)'; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0 } .overlay.in { height: 100%; opacity: .50; -ms-filter: 'alpha(opacity=50)'; filter: alpha(opacity=50); -khtml-opacity: .50; -moz-opacity: .50 } .overlay.overlay-wait { z-index: 100000; cursor: wait; background-color: #fff; background-repeat: no-repeat; background-position: center center } @media(max-width:991px) { body.navigation-visible, body.aside-visible { overflow: hidden } body.navigation-visible .navigation-overlay, body.aside-visible .aside-overlay { height: 100%; opacity: .5; -ms-filter: 'alpha(opacity=50)'; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5 } } .overlay.closeIcon:after { font-size: 24px; position: absolute; display: block; content: '×'; color: #fff } .overlay.closeIcon.top-left:after, .overlay.closeIcon.top-right:after { font-size: 40px; top: 8px; padding: 5px 8px; opacity: 1 } .overlay.closeIcon.top-left:after { left: 16px } .overlay.closeIcon.top-right:after { right: 16px } #jQueryPageWaitScreen { position: fixed!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; cursor: wait!important; opacity: .50!important; background: #fff!important; -ms-filter: 'alpha(opacity=50)'!important; filter: alpha(opacity=50)!important; -khtml-opacity: .50!important; -moz-opacity: .50!important } #jQueryPageWaitScreen>* { position: absolute!important; top: 50%!important; left: 50%!important; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; background-repeat: no-repeat; background-position: center center } #jQueryPageWaitScreen img { display: none } .PlentyWebshopButton.add_basket_ajax:before { font-family: 'glyphicon'; content: '\e116\2009' } .article_rating_table { width: 100%; border-spacing: 0 } .article_rating_table tr td { padding: 5px; border-bottom: 1px solid #cbcbcb } .article_rating_table tr:last-child td { border-bottom: 0 } .article_rating_table .article_rating_column_right .name { margin-right: 15px } .article_rating_table .article_rating_column_right .name:before { font-family: 'glyphicon'; margin-right: 5px; content: '\e008' } .article_rating_table .article_rating_column_right .date:before { font-family: 'glyphicon'; margin-right: 5px; content: '\e023' } .ItemsDescriptionRatingTitle { font-weight: 600; display: block } .ItemsDescriptionRatingDetail>form>span { display: block } .PlentyFormContainer.ItemsDescriptionRatingDetailCommentValue textarea { width: 100%; height: 100px; padding: 5px; border: 1px solid #999 } input[name='item_rating_name'], .PlentyFormContainer.ItemsDescriptionRatingDetailCommentValue input { width: 100%; padding: 5px; border: 1px solid #999 } .PlentyFormContainer.ItemsDescriptionRatingDetailCommentTitle { font-weight: 600; margin: 5px 0 } .PlentyFormContainer.ItemsDescriptionRatingTitle { margin-bottom: 5px } .ratingVisualisation { font-size: 15px; line-height: 1em; position: relative; display: inline-block; white-space: nowrap } .ratingVisualisation >span { display: inline-block } .ratingBg { color: #bbb } .ratingBg>span { text-indent: -10000px } .ratingResult { position: absolute; top: 0; bottom: 0; left: 0; overflow: hidden; color: #fa0 } .ratingBg:before, .ratingResult:before { font-family: 'plentyicon'; content: '\e806\e806\e806\e806\e806' } .ratingVisualisation span > span { display: inline-block; overflow: hidden; width: 0 } .ratingVisualisation span[itemprop="average"] {display:none;} .ratingVisualisation span[itemprop="count"] {font-size:12px;} @media(min-width:992px) { .asidePanelContainer { display: none } } @media(max-width:991px) { .nav-main, .navbar-information li.isBasketPreview, .filterSubnavigationPanel { position: static } li.isBasketPreview .dropdown-menu { z-index: auto } .filterPanel { margin: 0 } .container>.navbar-header { margin-right: 0; margin-left: 0 } .navbar-header { text-align: center } .nav-main-container { padding-right: 0; padding-left: 0 } .navbar-information { /*padding: 0 15px*/ } .navbar-information li.isBasketPreview ul { position: static; display: block } .mainNavigation, .asidePanel { position: fixed; z-index: 10001; bottom: 0; overflow-y: auto; width: 80%; -webkit-transition: -webkit-transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out } .mainNavigation, .asidePanel, .asidePanel .nav-tabs>li.active>a { background: #fff } body.filterExist .asidePanel.filterPanel { z-index: 10002 } .asidePanelContainer { z-index: 10000 } .asidePanelTablist>.isFilter { display: none } body.filterExist .asidePanelTablist>.isFilter { display: block } .mainNavigation, .asidePanel { top: 0 } .asidePanel.basketPreviewContainer, .asidePanel.filterPanel { top: 60px } body.filterExist .asidePanel.basketPreviewContainer > .remotetabs-tabpanel.is-basket { display: none } .mainNavigation { right: 100% } .asidePanel { left: 100% } .no-csstransforms body.navigation-visible .mainNavigation { right: auto; left: 0 } .no-csstransforms body.aside-visible .asidePanel { right: 0; left: auto } body.navigation-visible .mainNavigation { -webkit-transform: translatex(100%) translatez(0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translatex(100%) translatez(0); -ms-transform: translatex(100%) translatez(0); -o-transform: translatex(100%) translatez(0); transform: translatex(100%) translatez(0); transform: translate3d(100%, 0, 0) } body.aside-visible .asidePanel { -webkit-transform: translatex(-100%) translatez(0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translatex(-100%) translatez(0); -ms-transform: translatex(-100%) translatez(0); -o-transform: translatex(-100%) translatez(0); transform: translatex(-100%) translatez(0); transform: translate3d(-100%, 0, 0) } .navbar-main { position: absolute; top: 57px; right: 0; bottom: 0; left: 0; overflow-y: auto } .mainNavigation>.navbar-nav { padding: 8px 15px } .asidePanel { padding: 0 15px } .asidePanelTablist { padding-top: 8px } .mainNavigation>.navbar-nav { margin: 0 } .navigation-overlay, .aside-overlay { z-index: 9999 } } @media(min-width:480px) and (max-width:639px) { .mainNavigation, .asidePanel { width: 60% } } @media(min-width:640px) and (max-width:768px) { .mainNavigation, .aidePanel { width: 50% } } @media(min-width:768px) and (max-width:991px) { .mainNavigation, .asidePanel { width: 40% } } @media(min-width:992px) { .navbar-main .openCloseToggle { display: none } .navbar-main .badge { display: none } .navbar-main-xl { padding: 10px; border: 1px solid #ddd } } .blockLink>a { display: block } .PlentyWebshopButton.change_basket:before { font-family: 'glyphicon'; content: '\e031\2009' } .PlentyWebshopButton.edit_delete:before { font-family: 'glyphicon'; content: '\e014\2009' } .plentyErrorBox, .plentyMessageBox { display: none } #lang_location>div { margin-left: 0px; width: 100%; color: #8a6d3b; background-color: #fcf8e3; border: 1px solid #DDDDDD; padding: 10px; } #lang_location span.i { border: 1px solid #666; padding: 0 .5em; border-radius: 10px; color: #666; } body>.plentyErrorBox, body>.plentyMessageBox, .PlentyErrorPane>.plentyErrorBox, .PlentyErrorPane>.plentyMessageBox, .PlentyWebshopMainContainer>.plentyErrorBox, .PlentyWebshopMainContainer>.plentyMessageBox { display: block } .PlentyWebshopMainContainer>.plentyErrorBox, .PlentyWebshopMainContainer>.plentyMessageBox { margin: 20px } .alert, .plentyErrorBox, .plentyMessageBox, .PlentyErrorMessageBox, .ItemParamError>.ItemsDescriptionParamDetail, .ItemParamError>.ItemsDescriptionCharacterDetail { z-index: 100000; width: auto; margin-bottom: 20px; padding: 15px; border: 1px solid transparent; border-radius: 2px; background-image: none } body>.plentyErrorBox, body>.plentyMessageBox, body>.PlentyErrorMessageBox, .ItemParamError>.ItemsDescriptionParamDetail, .ItemParamError>.ItemsDescriptionCharacterDetail { position: fixed; top: 25px; left: 50%; width: 400px; margin-left: -200px; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .4); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .4) } .PlentyErrorPane>.plentyErrorBox, .PlentyErrorPane>.plentyMessageBox, .PlentyErrorPane>.PlentyErrorMessageBox { z-index: auto } .PlentyWebshopPopup { position: absolute; left: 50%; display: none; width: 400px; margin-left: -200px } @media(max-width:420px) { body>.plentyErrorBox, body>.plentyMessageBox, body>.PlentyErrorMessageBox, .PlentyWebshopPopup { z-index: 100000; left: 2.5%; width: 95%; margin-left: 0 } } .PlentyMyAccountMainContainer .plentyErrorBox, .PlentyMyAccountMainContainer .plentyMessageBox, .PlentyErrorMessageBox, .ItemParamError>.ItemsDescriptionParamDetail, .ItemParamError>.ItemsDescriptionCharacterDetail { position: relative; top: 0; left: 0; display: block; width: auto; margin-left: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .plentyErrorBoxTitle, .plentyMessageBoxTitle { padding-left: 0; background-image: none } .alert h4, .plentyErrorBox .plentyErrorBoxTitle, .plentyMessageBox .plentyMessageBoxTitle { font-size: 1.2em; margin-top: 0; color: inherit } .alert .alert-link, .plentyErrorBox a, .plentyErrorBox .plentyErrorBoxCode, .plentyErrorBox .plentyErrorBoxTitle, .plentyMessageBox a, .plentyMessageBox .plentyMessageBoxTitle { font-weight: 700 } .alert>p, .alert>ul, .plentyErrorBox>p, .plentyErrorBox>ul, .plentyMessageBox>p, .plentyMessageBox>ul { margin-bottom: 0 } .alert>p+p, .plentyErrorBox>p+p, .plentyMessageBox>p+p { margin-top: 5px } .alert-dismissable .close, .alert-dismissible .close, .plentyErrorBox .close, .plentyMessageBox .close { position: absolute; top: 2px; right: 8px; color: inherit } .alert-success, .plentyMessageBox { color: #3c763d; border-color: #d6e9c6; background-color: #dff0d8 } .alert-success hr, .plentyMessageBox hr { border-top-color: #c9e2b3 } .alert-success .alert-link, .plentyMessageBox a { color: #2b542c } .alert-info { color: #31708f; border-color: #bce8f1; background-color: #d9edf7 } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #245269 } .alert-warning, .plentyMessageBox.PlentyAdviceMessageBox { color: #8a6d3b; border-color: #faebcc; background-color: #fcf8e3 } .alert-warning hr, .plentyMessageBox.PlentyAdviceMessageBox hr { border-top-color: #f7e1b5 } .alert-warning .alert-link, .plentyMessageBox.PlentyAdviceMessageBox a { color: #66512c } .alert-danger, .plentyErrorBox, .PlentyErrorMessageBox { color: #a94442; border-color: #ebccd1; background-color: #f2dede } .alert-danger hr, .plentyErrorBox hr { border-top-color: #e4b9c0 } .alert-danger .alert-link, .plentyErrorBox a, .plentyErrorBox .plentyErrorBoxCode, .plentyErrorBox .plentyErrorBoxTitle, .PlentyErrorMessageBox .PlentyErrorCode { color: #843534 } .postfinder-trigger>* { vertical-align: middle } .postfinder-trigger .label-img-1, .postfinder-trigger .label-img-2 { display: inline-block; margin-right: 5px; margin-left: 5px; background-image: url('/tpl/global/images/dhl_packstation_postfiliale-direkt_sprite.png'); background-repeat: no-repeat } .postfinder-trigger .label-img-1 { width: 97px; height: 11px; margin-bottom: 7px; background-position: -4px -4px } .postfinder-trigger .label-img-2 { width: 89px; height: 18px; background-position: -4px -20px } .postfinder-trigger .label-text { display: inline-block; color: #000 } a.PostfinderTrigger { position: relative; display: block; margin-top: 10px; padding: 25px 12px 5px; cursor: pointer; text-decoration: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .PostfinderTriggerImgLabel1, .PostfinderTriggerImgLabel2 { position: absolute; top: 6px; display: block; background-image: url('/tpl/global/images/dhl_packstation_postfiliale-direkt_sprite.png'); background-repeat: no-repeat } .PostfinderTriggerImgLabel1 { left: 12px; width: 97px; height: 11px; background-position: -4px -4px } .PostfinderTriggerImgLabel2 { left: 50%; width: 89px; height: 18px; background-position: -4px -20px } .PostfinderTriggerTextLabel { display: block; clear: both; margin-top: 4px; padding-right: 0; padding-left: 0 } .WebPostfinderTextBefore { margin-bottom: 12px } .PlentyWebshopTable { line-height: 18px; display: table } .PlentyWebshopTableRow { display: table-row } .PlentyWebshopTableCell { display: table-cell } .WebPostfinderGetPackstationsPopup .PlentyWebshopTableCell { padding: 3px 5px; border-bottom: 1px solid #eee } .PlentyWebshopTableHeaderRow>.PlentyWebshopTableCell { border-color: #bbb; background: #eee } .PlentyWebshopTableCell:first-child { vertical-align: middle } .PlentyWebshopTableWrapper { overflow-y: auto; max-height: 450px } .PlentyWebshopPopupButtonLeftContainer { float: left; width: 50%; text-align: right } .PlentyWebshopPopupButtonRightContainer { width: 50% } .PlentyWebshopPopupButtonLeftContainer, .PlentyWebshopPopupButtonRightContainer { padding: 10px 0 } .PlentyWebshopPopupButtonLeftContainer>*, .PlentyWebshopPopupButtonRightContainer>* { margin: 0 5px } .PlentyWebshopPopup.WebPostfinderGetPackstationsPopup, .PlentyWebshopPopup.AfterItem2Basket { width: 600px; margin-left: -300px } @media(max-width:767px) { .PlentyWebshopPopup.WebPostfinderGetPackstationsPopup, .PlentyWebshopPopup.AfterItem2Basket { width: 300px; margin-left: -150px } .PlentyWebshopTableWrapper { max-height: 300px } .PlentyWebMyAccountPopupContainer>div>div+div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer>div.PlentyFormBox>div.PlentyWebMyAccountPopupTitleContainer+div, .PlentyWebshopPopupContent { padding: 0 12px } } .myaccount .PlentyWebMyAccountAccContainer { margin-bottom: 15px } .myaccount .PlentyWebMyAccountAccContainerTitle, .myaccount #PlentyWebMyAccountLogin>h1, .checkoutDetails .AccordionTitle { font-size: 130%; font-weight: normal; line-height: 34px; margin-bottom: 0; padding: 4px 16px; border: 1px solid #ddd; background-color: #fafafa } .myaccount .PlentyWebMyAccountAccContainerTitle, .checkoutDetails .AccordionTitle { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .myaccount .PlentyContainerIsOpen .PlentyWebMyAccountAccContainerTitle, .myaccount #PlentyWebMyAccountLogin>h1, .checkoutDetails .AccordionTitle.CurrentAccordionTitle { -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .myaccount .PlentyWebMyAccountAccContainerTitle.PlentyWebMyAccountOpenableContainerTitle:hover { cursor: pointer; color: #00518c } .myaccount .PlentyWebMyAccountAccContainerTitle.PlentyWebMyAccountOpenableContainerTitle:after { content: "+"; display: inline-block; margin-left: 5px } .myaccount .PlentyContainerIsOpen .PlentyWebMyAccountAccContainerTitle.PlentyWebMyAccountOpenableContainerTitle:after { content: "–"; display: inline-block; margin-left: 5px } .myaccount .PlentyWebMyAccountAccContainerContent, .myaccount #PlentyWebMyAccountLogin>div.PlentyMyAccountContainerContent, .checkoutDetails .AccordionPane { line-height: 17px; padding: 10px 15px; border: 1px solid #ddd; border-top: 0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background: #fff } .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer>.PlentyFormContainer>.PlentyFormContainer>.PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox>.PlentyWebMyAccountOrderOverviewItemsMain>div.PlentyFormContainer.ItemsRow, .myaccount .PlentyWebMyAccountDisplayOrdersContainer, .myaccount .PlentyWebMyAccountTicketsTicketContainer, .myaccount .PlentyWebMyAccountTicketsLeafContainer, .myaccount .PlentyWebMyAccountMyProjectsProjectContainer, .myaccount .PlentyWebMyAccountEmailNewAccountContainer, .myaccount .PlentyWebMyAccountVersionJumpDomainContainer, .myaccount .PlentyWebMyAccountItemContainer, .myaccount .PlentyWebMyAccountOpenableItemContainer, #PlentyWebOrderOverviewInvoiceContainer, #PlentyWebOrderOverviewShippingContainer, #PlentyWebOrderOverviewPaymentMethodContainer, #PlentyWebOrderOverviewShippingMethodContainer, #PlentyWebOrderOverviewAGBPrivacyContainer, #PlentyWebOrderOverviewItemsContainer, .PlentyOrderDeliveryAddress, #PlentyWebCustomerRegistration, .PlentyLostPWDContainer { margin-top: 10px } .panel { margin-bottom: 12px } .panel-heading, .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer>span.PlentyWebMyAccountContainerTitle, .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer>div.PlentyWebMyAccountContainerTitle, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer>.PlentyFormContainer>.PlentyFormContainer>.PlentyFormContainer>span, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox>.PlentyWebMyAccountOrderOverviewItemsMain>div.PlentyFormContainer.ItemsRow>.ItemsHeaderRow, .myaccount .PlentyWebMyAccountDisplayOrdersContainer>div.PlentyWebMyAccountDisplayOrdersOrderId, .myaccount .PlentyMyAccountHeaderChange, .myaccount .PlentyWebMyAccountTicketsTicketTitleContainer, .myaccount .PlentyWebMyAccountTicketsLeafHead, .myaccount .PlentyWebMyAccountMyProjectsProjectTitleContainer, .myaccount .PlentyWebMyAccountEmailNewAccountContainerTitle, .myaccount #PlentyWebMyAccountCustomerEventsContainerContent>h1, .myaccount .PlentyWebMyAccountVersionJumpDomainContainer>span, .myaccount .PlentyWebMyAccountItemContainerHeader, .myaccount .PlentyWebMyAccountOpenableItemContainerHeader, #PlentyWebOrderOverviewInvoiceContainer>span, #PlentyWebOrderOverviewShippingContainer>span, #PlentyWebOrderOverviewShippingMethodContainer>span, #PlentyWebOrderOverviewPaymentMethodContainer>span, #PlentyWebOrderOverviewSchedulerContainer>span, #PlentyWebOrderOverviewAGBPrivacyContainer>span, .PlentyWebItemContainerHeader, #PlentyWebOrderOverviewItemsTop, .PlentyOrderDeliveryAddress>.PlentyWebShippingDetailsListTitle, #PlentyWebCustomerRegistrationTitle, .PlentyLostPWDContainerTitle { font-size: 120%; font-size: 16px; line-height: 18px; display: block; padding: 3px 5px 3px 10px; color: #444; border: 1px solid #ddd; background-color: #f6f6f6 } .PlentyLostPWDContainerTitle { margin: 0; padding: 10px } .myaccount .PlentyMyAccountHeaderChange, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox>.PlentyWebMyAccountOrderOverviewItemsMain>div.PlentyFormContainer.ItemsRow>.ItemsHeaderRow { font-size: 1em } .panel-heading { padding-right: 15px; padding-left: 15px } .panel-title, .myaccount div.PlentyWebMyAccountContainerTitle>div:first-child, .myaccount div.PlentyMyAccountHeaderChange>div:first-child, .myaccount .PlentyWebMyAccountItemContainerHeader>div:first-child, .PlentyWebItemContainerHeaderTitle, #PlentyWebOrderOverviewAGBandWithdrawal>h3, #PlentyWebOrderOverviewItems, #PlentyWebCustomerRegistrationTitle>span { font-size: inherit; font-weight: inherit; line-height: inherit; display: inline-block; margin: 0; padding: 7px 0 5px; color: inherit } span.PlentyWebMyAccountContainerTitle>span.PlentyFormContainer, .myaccount div.PlentyWebMyAccountContainerTitle>div.PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer>.PlentyFormContainer>.PlentyFormContainer>.PlentyFormContainer>span>span.PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox>.PlentyWebMyAccountOrderOverviewItemsMain>div.PlentyFormContainer.ItemsRow>.ItemsHeaderRow>span.PlentyFormContainer, span.PlentyWebMyAccountOrderOverviewItemsTitle>span.PlentyFormContainer.PlentyWebMyAccountOrderOverviewItemsChangeContainer, .myaccount .PlentyMyAccountHeaderChange>.PlentyFormContainer, .myaccount .PlentyWebMyAccountItemContainerHeader>.PlentyFormContainer, .myaccount .PlentyWebMyAccountHeaderButtonRight, .myaccount .PlentyWebMyAccountButtonsRightContainer { position: relative; float: right; margin-top: 1px; margin-right: 0 } .myaccount .PlentyWebMyAccountButtonsRightContainer>.PlentyFormContainer { float: right } span.PlentyWebMyAccountContainerTitle>span.PlentyFormContainer+span.PlentyFormContainer, .myaccount div.PlentyWebMyAccountContainerTitle>div.PlentyFormContainer+div.PlentyFormContainer, .myaccount .PlentyWebMyAccountButtonsRightContainer>.PlentyFormContainer+.PlentyFormContainer, .myaccount .PlentyWebMyAccountHeaderButtonRight>span { margin-right: 5px } .PlentyWebButtonsRightContainer, #PlentyWebOrderOverviewItemsChangeContainer { display: block!important; float: right; margin-right: 5px } .panel-body, .myaccount div.PlentyFormContainer.PlentyWebMyAccountContainer>div.PlentyWebMyAccountContainerContent, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer>.PlentyFormContainer>.PlentyFormContainer>.PlentyFormContainer>span+div, .myaccount .PlentyWebMyAccountOrderOverviewItemsBox>.PlentyWebMyAccountOrderOverviewItemsMain>div.PlentyFormContainer.ItemsRow>.ItemsContentRow, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer1>div.PlentyFormContainer>div.PlentyFormContainer, .myaccount .PlentyWebMyAccountOrderOverviewElementsContainer2>div.PlentyFormContainer>div.PlentyFormContainer, .myaccount .PlentyWebMyAccountDisplayOrdersContainer>div.PlentyWebMyAccountDisplayOrdersOrderId+div.PlentyFormBox, .myaccount .PlentyWebMyAccountTicketsTicketContent, .myaccount .PlentyWebMyAccountTicketsLeafContent, .myaccount .PlentyWebMyAccountMyProjectsProjectContent, .myaccount #PlentyWebMyAccountCustomerEventsContainerContent>h1+div, .myaccount .PlentyWebMyAccountVersionJumpDomainContainer>div, .myaccount .PlentyWebMyAccountEmailNewAddressContainer>form, .myaccount .PlentyWebMyAccountItemContainerHeader+.PlentyFormContainer.ItemsContentRow, .myaccount .PlentyWebMyAccountItemContainerContent, .myaccount .PlentyWebMyAccountOpenableItemContainerContent, #PlentyWebOrderOverviewInvoiceDataContainer, #PlentyWebOrderOverviewShippingDataContainer, #PlentyWebOrderOverviewShippingMethodDataContainer, #PlentyWebOrderOverviewPaymentMethodDataContainer, #PlentyWebOrderOverviewSchedulerDataContainer, #PlentyWebOrderOverviewAGBPrivacyContainer>*:last-child, #PlentyWebOrderOverviewNotesTextareaBox, #PlentyWebOrderOverviewReferenceInputBox, .PlentyOrderDeliveryAddress>.PlentyWebShippingDetailsListContent, .PlentyWebEditButtonContent, #PlentyWebCustomerRegistrationMainContainer, .PlentyLostPWDContainerContent { font-size: 12px; line-height: 20px; padding: 10px; border: 1px solid #ddd; border-top: 0; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px } .panel-body { font-size: inherit; line-height: inherit; padding: 0 15px } #PlentyWebOrderOverviewAGBPrivacyContainer>#PlentyWebOrderOverviewNewsletterContainer { padding-top: 0 } #PlentyWebOrderOverviewAGBPrivacyContainer>#PlentyWebOrderOverviewAGBContainer, #PlentyWebOrderOverviewItemsBox { padding-top: 10px } #PlentyWebOrderOverviewAGBPrivacyContainer>*, #PlentyWebOrderOverviewItemsBox { padding-right: 10px; padding-left: 10px; border-width: 1px; border-color: #ddd; border-right-style: solid; border-left-style: solid } .myaccount .PlentyWebMyAccountOpenableItemContainerHeader+.PlentyWebMyAccountOpenableItemContainerContent, #PlentyWebOrderOverviewOrderSumBox, #PlentyWebOrderOverviewNoticeTotals, #PlentyWebOrderOverviewNoticeNonEUDelivery, #PlentyWebOrderOverviewNoticeEUDelivery { padding-bottom: 10px; border-width: 1px; border-style: none solid solid; border-color: #ddd; -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px } .PlentyWebMyAccountPopupContainer, .PlentyWebMyAccountAdviceContainer, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer, .ui-datepicker, .WebPostfinderGetPackstationsPopup { position: absolute; z-index: 400010!important; left: 50%; display: none } .contentpageSlider .bannertext{ display: block; position: absolute; right: 0; top: 10%; color: #fff; text-transform: uppercase; background: rgba(31, 30, 34, .50); padding: 12px 15px 12px 5px; letter-spacing: 1px; line-height: 1em; text-align: right; font-size: 2.5em; font-family: 'Kanit', sans-serif; font-weight:700; } .contentpageSlider .bannertext_s {max-width: 80%;} @media(max-width:767px) { /*.contentpageSlider, .contentpageSlider .slide, .contentpageSlider .owl-controls { display: none!important; margin-top: 0!important }*/ .contentpageSlider, .contentpageSlider .slide { height: 220px; /*height:150px;*/ } .contentpageSlider .bannertext_s { position: relative; max-width: 100% !important; font-size: 2em; padding: 10px; top:30%; background: rgba(31, 30, 34, .50); text-align: left; } .contentpageSlider .slide { height: 220px; } .contentpageSlider a .slide span {display:none} .contentpageSlider a:hover {text-decoration:none;} } @media(min-width:768px) and (max-width:991px) { .contentpageSlider, .contentpageSlider .slide { height: 240px } } @media(min-width:992px) and (max-width:1199px) { .contentpageSlider, .contentpageSlider .slide { height: 233px } } @media(min-width:1200px) { .contentpageSlider, .contentpageSlider .slide { height: 283px; background-size: cover } .contentpageSlider .bannertext_s {max-width: 50%;font-size: 2.5em;} } .contentpageSlider .slide { background-position: center center } @media(max-width:1399px) { .contentpageSlider .slide { background-repeat: no-repeat; background-size: cover } } .contentpageSlider a .slide span { font-size: 26px; font-weight: 700; line-height: 36px; position: absolute; right: 0px; bottom: 0; width: 60px; height: 50px; padding: 8px; transition: all .2s linear; text-align: center; color: #fff; background: #f60 } .contentpageSlider a:hover .slide span { right: -10px } .teasers a { position: relative; display: block; background: #fff } .teasers a:hover { text-decoration: none } .no-touch .teasers img { width:100%; transition: all .2s; opacity: 1; -webkit-backface-visibility: hidden } .no-touch .teasers a:hover img { opacity: .7 } .teasers h4 { margin: 0 0 10px; font-family: 'Kanit', sans-serif; line-height: 28px; left: 0; width: 100%; padding: 2px 8px; letter-spacing: 1px; text-transform: uppercase; color: #555; background: #fff; font-weight:700; font-size: 14px; bottom: 0; position: relative; border: 1px solid #ddd; } .teasers h4 .glyphicon { /*position: absolute; right: 5%;*/ position: absolute; right: 0; top:0; padding: 0 8px; background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0)); } @media(min-width:501px) { .teasers h4 { font-size:18px; bottom: -10px; } } @media(min-width:768px) { .teasers h4 { position: absolute; padding: 2px 8px; border:0; background: rgba(31, 30, 34, .90); color: #fff; } .teasers a {border: 1px solid #ddd;} } @media(max-width:769px) { .teasers .margin-top-2 {margin-top:12px !important;} .teasers .margin-bottom-2 {margin-bottom:0 !important;} .teasers a {background:none;} } .isHome .textWrapper { overflow-y: auto; max-height: 150px } .text-large-responsive { line-height: 1.2 } .text-bg { display: inline-block; padding: 4px 8px; background-color: #fff; background-color: rgba(255, 255, 255, .75) } .text-bg.blue { color: #fff; background-color: #00518c; background-color: rgba(0, 142, 189, .8) } @media(max-width:767px) { .text-large-responsive { font-size: 16px } } @media(min-width:768px) and (max-width:991px) { .text-large-responsive { font-size: 24px } } @media(min-width:992px) and (max-width:1199px) { .text-large-responsive { font-size: 28px } } @media(min-width:1200px) { .text-large-responsive { font-size: 32px } } .icon-text-list { padding: 0; list-style-type: none } .icon-text-list>li { margin: 2px 0; padding-bottom: 2px; border-bottom: 1px solid #e0e0e0 } .icon-text-list>li>* { display: inline-block; vertical-align: middle } .icon-text-list>li>img { padding: 2px 0 } .icon-text-list>li>span { font-weight: bold; padding: 4px 12px } .icon-text-list>li>.pull-right { padding-right: 0 } .formtable input[type='text'], .formtable textarea { margin-top: 2px; margin-bottom: 2px } .PlentyWebshopPopup.ArticleOrderParams .PlentyWebBasketContainer { padding: 15px } .PlentyWebshopPopup.ArticleOrderParams h1.PlentyWebBasketContainerTitle { font-size: 17.5px; font-weight: 300; line-height: 1.42857; position: absolute; top: 0; margin: 0; padding-top: 12px } .PlentyWebshopPopup.ArticleOrderParams .BasketItemOrderParams { margin-bottom: 6px } .PlentyWebshopPopup.ArticleOrderParams #PlentyWebEditOrderParamsSubmit { margin-top: 12px } .PlentyWebshopPopup.ArticleOrderParams input[type='text'] { width: 100% } .PlentyCurrencySymbol+.PlentyCurrencyValue, .PlentyCurrencyValue+.PlentyCurrencySymbol { margin-left: .25em } .margin-top-0 { margin-top: 0 } .margin-bottom-0 { margin-bottom: 0 } .margin-top-025 { margin-top: 3px } .margin-top-05 { margin-top: 6px } .margin-top-1 { margin-top: 12px } .margin-top-15 { margin-top: 18px } .margin-top-2 { margin-top: 24px } .margin-top-3 { margin-top: 36px } .margin-top-4 { margin-top: 48px } .margin-top-8 { margin-top: 96px } .margin-bottom-025 { margin-bottom: 3px } .margin-bottom-05 { margin-bottom: 6px } .margin-bottom-1 { margin-bottom: 12px } .margin-bottom-15 { margin-bottom: 18px } .margin-bottom-2 { margin-bottom: 24px } .margin-bottom-3 { margin-bottom: 36px } .margin-bottom-4 { margin-bottom: 48px } .margin-bottom-8 { margin-bottom: 96px } .margin-right-025 { margin-right: 3px } .margin-right-05 { margin-right: 6px } .margin-right-1 { margin-right: 12px } .margin-right-15 { margin-right: 18px } .margin-right-2 { margin-right: 24px } .margin-left-025 { margin-left: 3px } .margin-left-05 { margin-left: 6px } .margin-left-1 { margin-left: 12px } .margin-left-15 { margin-left: 18px } .margin-left-2 { margin-left: 24px } .padding-top-0 { padding-top: 0 } .padding-top-1 { padding-top: 12px } .padding-top-15 { padding-top: 18px } .padding-top-2 { padding-top: 24px } .padding-top-3 { padding-top: 36px } .padding-top-4 { padding-top: 48px } .padding-bottom-1 { padding-bottom: 12px } .padding-bottom-15 { padding-bottom: 18px } .padding-bottom-2 { padding-bottom: 24px } .padding-bottom-3 { padding-bottom: 36px } .padding-bottom-4 { padding-bottom: 48px } .padding-right-025 { padding-right: 3px } .padding-right-05 { padding-right: 6px } .padding-right-1 { padding-right: 12px } .padding-left-025 { padding-left: 3px } .padding-left-05 { padding-left: 6px } .padding-left-1 { padding-left: 12px } .no-padding { padding: 0!important } @media(max-width:767px) { .margin-top-xs-0 { margin-top: 0 } .margin-top-xs-05 { margin-top: 6px } .margin-top-xs-1 { margin-top: 12px } .margin-top-xs-2 { margin-top: 24px } .margin-bottom-xs-0 { margin-bottom: 0 } .margin-bottom-xs-05 { margin-bottom: 6px } .margin-left-xs-0 { margin-left: 0 } } @media(min-width:768px) { .padding-right-lg-1 { padding-right: 12px } } .checkout-nav>ul { position: relative; overflow: hidden; /*margin: 0 5px;*/ margin: 0; padding: 0; list-style: none } .checkout-nav>ul:before, .checkout-nav>ul:after { position: absolute; top: 0; display: block; width: 1px; height: 100%; content: ''; background-color: rgba(0, 0, 0, .1) } .checkout-nav>ul:before { left: 0 } .checkout-nav>ul:after { right: 0 } .checkout-nav>ul>li { float: left; cursor: pointer } .checkout-nav>ul>li:first-child { margin-left: -8px } .checkout-nav>ul>li:last-child { margin-right: -7px } .checkout-nav>ul>li.disabled { cursor: default } .checkout-nav>ul>li>span { position: relative; display: block; height: 40px; margin: 0 2px; padding: 8px 10px; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .25) } .checkout-nav>ul>li.disabled>span { color: #444; text-shadow: 0 1px 1px rgba(255, 255, 255, .75) } .checkout-nav>ul>li>span:before, .checkout-nav>ul>li>span:after { position: absolute; z-index: -1; left: 0; display: block; width: 100%; content: ''; transition: all 300ms ease; border: 0 } .checkout-nav>ul>li>span:before { top: 0; height: 50%; -webkit-transform: skew(26.57deg, 0); -moz-transform: skew(26.57deg, 0); -ms-transform: skew(26.57deg, 0); -o-transform: skew(26.57deg, 0); transform: skew(26.57deg, 0); border-width: 1px 2px 0 2px; border-style: solid; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) } .checkout-nav>ul>li>span:after { bottom: 0; height: 50%; -webkit-transform: skew(-26.57deg, 0); -moz-transform: skew(-26.57deg, 0); -ms-transform: skew(-26.57deg, 0); -o-transform: skew(-26.57deg, 0); transform: skew(-26.57deg, 0); border-width: 0 2px 1px 2px; border-style: solid; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25) } .checkout-nav>ul>li>span:before, .checkout-nav>ul>li>span:after { background-color: #a3a3a3 } .checkout-nav>ul>li.disabled>span:before, .checkout-nav>ul>li.disabled>span:after { background-color: #f6f6f6 } .checkout-nav>ul>li.active>span:before, .checkout-nav>ul>li.active>span:after { background-color: #f60 } .checkout-nav>ul>li:hover>span:before, .checkout-nav>ul>li:hover>span:after { box-shadow: 0 -100px 0 200px rgba(255, 255, 255, .2) inset } @media(max-width:991px) { .checkout-nav>ul>li>span>span+span { display: none } .checkout-nav>ul>li>span .glyphicon { padding-right: 0 } } @media(min-width:768px) { .checkout-nav>ul>li.active>span>span+span { display: inline-block } .checkout-nav>ul>li.active>span .glyphicon { padding-right: 12px } } .checkout-nav { position: relative } .checkout-nav>ul, .checkout-nav>.btn { display: inline-block; float: left } .checkout-nav>ul .glyphicon { font-size: 1.5em; float: left; padding-right: 12px } .checkout-nav>.btn { line-height: 14px; height: 40px; padding: 10px } .checkout-nav>.btn.is-prev { border-radius: 2px 0 0 2px } .checkout-nav>.btn.is-next { position: absolute; right: 0; border-radius: 0 2px 2px 0 } .checkout-tabpanel>[role='tabpanel'] { display: none } .checkout .panel-body { line-height: 18px; padding-top: 0; background: #fff } .panel .panel-heading .btn { line-height: 18px; height: 30px } .checkout .modal-body { padding: 0 15px } .checkout .modal-body>*:last-child { margin-bottom: 15px } .checkout-addresses>*:nth-child(2n+1) { clear: left } .address-box { position: relative } @media(max-width:767px) { [class*='form-block-'][class*='-button']:not(.break-sm) .btn.onlyIcon { width: 100% } } @media(min-width:768px) { [class*='form-block-'][class*='-button']:not(.break-sm) { position: relative; margin-right: 39px } [class*='form-block-'][class*='-button']:not(.break-sm) .btn.onlyIcon { position: absolute; top: 0; right: -39px; width: 39px } [class*='form-block-'][class*='-button']:not(.break-sm) .form-group { padding-right: 8px } .form-block-1-button:not(.break-sm) .form-group { width: 100% } .form-block-2-button:not(.break-sm) .form-group { width: 50% } .form-block-3-button:not(.break-sm) .form-group { width: 33.33333333% } .form-inline[class*='form-block-'][class*='-button']:not(.break-sm) .form-control { display: block; width: 100% } } @media(max-width:991px) { [class*='form-block-'][class*='-button'].break-sm .btn.onlyIcon { width: 100% } .form-inline.break-sm .form-group, .form-inline.break-sm .form-control { display: block; width: 100% } } @media(min-width:992px) { [class*='form-block-'][class*='-button'].break-sm { position: relative; margin-right: 39px } [class*='form-block-'][class*='-button'].break-sm .btn.onlyIcon { position: absolute; top: 0; right: -39px; width: 39px } [class*='form-block-'][class*='-button'].break-sm .form-group { padding-right: 8px } .form-block-1-button.break-sm .form-group { width: 100% } .form-block-2-button.break-sm .form-group { width: 50% } .form-block-3-button.break-sm .form-group { width: 33.33333333% } .form-inline[class*='form-block-'][class*='-button'].break-sm .form-control { display: block; width: 100% } } .form-inline[class*='form-block-'] { white-space: nowrap } .form-inline.form-block-2 { margin-right: 8px } .form-inline.form-block-3 { margin-right: 16px } .form-inline[class*='form-block-']>.form-control { display: inline-block } .form-inline[class*='form-block-']>.form-control+.form-control { margin-left: 8px } [class*='form-block-']>.form-control.width-25 { width: 25% } .form-block-3>.form-control, [class*='form-block-']>.form-control.width-33 { width: 33% } [class*='form-block-']>.form-control.width-33:last-child { width: 34% } .form-block-2>.form-control, [class*='form-block-']>.form-control.width-50 { width: 50% } [class*='form-block-']>.form-control.width-75 { width: 75% } label+label:before { content: '\a0&\a0' } label+label.separate:before { content: '' } .checkout input[type='radio'], .checkout input[type='checkbox'] { margin-top: 3px } @media(max-width:767px) { .checkout .form-group { margin-bottom: 5px } .checkout label { margin-bottom: 0 } } .btn>span+span.glyphicon::before { margin-right: 0; margin-left: .4em } @media(max-width:767px) { .table-xs { display: table; width: 100% } .table-xs>* { display: table-row } .table-xs>*>* { display: table-cell; width: auto; padding: 0 } .table-xs>hr+*>* { border-top: 1px solid #ddd } } .padding-left-0 { padding-left: 0 } .padding-right-0 { padding-right: 0 } .padding-left-025 { padding-left: 3px } .padding-right-025 { padding-right: 3px } @media(max-width:767px) { .text-left-xs { text-align: left } .padding-left-xs-025 { padding-left: 3px } .padding-right-xs-025 { padding-right: 3px } .pull-left-xs { float: left!important } .pull-right-xs { float: right!important } .modal-body .form-group label { margin-bottom: 0 } .modal-body .form-group { margin-bottom: 5px } .capitalize-xs { text-transform: capitalize } } @media(min-width:768px) { .text-right-sm { text-align: right } } .touch .text-left-touch { text-align: left } .capitalize { text-transform: capitalize } input.panel-select[type='radio'], .address-select input[type='radio'] { position: absolute; top: 9px; margin-left: 11px } .checkout .address-select { display: block; width: 100%; margin-bottom: 15px; cursor: pointer } .address-select .address-box-inner { display: block; padding-top: 8px; padding-bottom: 8px; padding-left: 35px; color: #444; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, .15) rgba(0, 0, 0, .15) rgba(0, 0, 0, .2); border-radius: 2px; background-color: #f8f8f8; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .25) 0, rgba(255, 255, 255, 0) 100%); background-repeat: repeat-x; box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .05); text-shadow: 0 1px 1px rgba(255, 255, 255, .75) } .panel-select+.panel .panel-heading { padding-left: 35px } .address-select:hover .address-box-inner { box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 2px rgba(0, 0, 0, .15), 0 -100px 0 200px rgba(255, 255, 255, .2) inset } .address-select input:checked+.address-box-inner { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6) } .panel-select:checked+.panel { box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6) } .panel-select+.panel label.panel-heading { margin-bottom: 0; cursor: pointer } .panel-select:checked+.panel>.panel-heading { border-color: #66afe9 #66afe9 #ddd #66afe9 } .panel-select+.panel>.panel-body { display: none } .panel-select:checked+.panel>.panel-body { border-color: #66afe9 } label .row, label [class*='col-'] { display: block } .list-unstyled { padding-left: 0; list-style: none } .hr-text { display: block; overflow: hidden; text-align: center } .hr-text>span { position: relative; padding: 0 12px } .hr-text>span:before, .hr-text>span:after { position: absolute; top: 50%; width: 600px; height: 1px; content: ''; background-color: #ddd } .hr-text>span:before { left: -600px } .hr-text>span:after { right: -600px } .basketDefList:empty { margin: 0 } .basketDefList dt { float: left; clear: left; width: 50%; word-wrap: break-word } .basketDefList dd { float: right; clear: right; width: 50%; word-wrap: break-word } .basketDefList:after, dd.clear:after { display: table; clear: both; content: '' } @media(min-width:768px) { .basketDefList dt { width: 33% } .basketDefList dd { width: 67% } } @media(min-width:992px) { .basketDefList dt { width: 25% } .basketDefList dd { width: 75% } } @media(min-width:1200px) { .basketDefList dt { width: 40% } .basketDefList dd { width: 60% } } .checkout .imageBox { overflow: hidden; min-height: 1px; word-wrap: break-word; color: #aaa } .basketDefList .availabilityIcon { margin-top: 3px } .availabilityWrapper, .min, .availabletill, .availablefrom, #iArt_trades { line-height: 12px; display: block; color:#666; margin-top: .5em; } #iArt_trades, .min {margin-bottom:1em;} #iArt_trades strong { margin-bottom: .5em; display: block; } /* #iArt_trades .toggle { color:#00518c; display:block; margin-bottom: 1em; border-bottom: 1px solid #dddddd; padding-bottom: 1em; cursor: pointer; } #iArt_trades .toggle:after { content:"›"; display:inline-block; margin-left: .5em; font-size: 16px; } #iArt_trades .opened:after { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } */ .availabilityWrapper, .availablefrom, .availabletill {margin-bottom:1.2em;} .widget-container, .widget-container iframe { width: 100%!important } #addressBookWidgetDiv { margin-top: 12px } #pSelectAmazonPaymentsAdvancedWidget { position: relative!important; float: left; margin-top: 12px!important } #resetApaForm { margin-top: 12px } .PaymentProviderFormGroup input[type='text'] { font-size: 12px; line-height: 1.42857143; display: block; width: 100%; height: 34px; margin-bottom: 10px; padding: 6px 12px; color: #555; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-image: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .form-control.has-error { position: relative } .suggestion-list { position: absolute; z-index: 1; overflow: auto; max-height: 130px; margin: 0; padding: 2px 0 0 0; list-style: none; border: 1px solid #66afe9; border-radius: 2px; background: #fff; box-shadow: 0 0 8px rgba(102, 175, 233, .6) } .suggestion-list>li:first-child>a { border-radius: 2px 2px 0 0 } .suggestion-list>li:last-child>a { border-radius: 0 0 2px 2px } .suggestion-list>li>a { display: block; overflow: hidden; padding: 6px 8px; text-overflow: ellipsis; color: inherit } .suggestion-list>li>a:hover, .suggestion-list>li>a:focus { text-decoration: none; background-color: #eee } .touch .hidden-touch { display: none } .age-restriction-icon>img { width: 48px; margin: 2px 0 } .svg-icon-vorkasse, .svg-icon-cards { width: 28px; vertical-align: bottom; } .svg-icon-cards { margin-right: 2px } .image-list-footer { padding: 0; list-style: none } .image-list>li { display: inline-block; margin: 0 16px 10px 0 } .image-list-footer>li { display: inline-block; margin: 0 16px 0 0 } .image-list-footer .icon-mail:before, .icon-android:before, .icon-appstore:before { vertical-align: middle; margin-right: 10px; } .image-list-footer span { font-size: .8em; font-weight: 700; color: #333 } footer h5, .info-box h4, .hotline { font-size: 1.3em; text-transform: uppercase } .hotline { display: block; margin: 0 0 .5em; } .hotline svg { vertical-align: bottom; fill: #666; } .info-box h4 {font-weight:700;} .container.checkout, .checkout.container, #checkoutPanelOrderDetails.container, #checkoutPanelOrderDetails.container, #checkoutPanelAddresses.container, #checkoutPanelShippingPayment.container, #checkoutPanelConfirm.container { width: auto; padding-right: 0; padding-left: 0 } .share a:hover { text-decoration: none } .share span { margin-right: 2px } .share svg { width: 26px; height: auto; padding: 2px; vertical-align: middle } .svg-icon-fb { background: #3c5a9a } .svg-icon-twitter { background: #2daae1 } .svg-icon-gplus { background: #dc483c } .svg-icon-mail { background: #ccc } #video iframe { width: 100%; margin-bottom: 5px } .de.flag { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+DQo8cGF0aCBkPSJtMCwwaDV2M2gtNXoiLz4NCjxwYXRoIGZpbGw9IiNkMDAiIGQ9Im0wLDFoNXYyaC01eiIvPg0KPHBhdGggZmlsbD0iI2ZmY2UwMCIgZD0ibTAsMmg1djFoLTV6Ii8+DQo8L3N2Zz4NCg=='); width: 100%; height: 60%; background-size: 100% 100%; } .eu.flag { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSI4MTAiIGhlaWdodD0iNTQwIiB2aWV3Qm94PSIwIDAgODEwIDU0MCI+DQo8ZGVmcz48ZyBpZD0icyI+PGcgaWQ9ImMiPjxwYXRoIGlkPSJ0IiBkPSJNMCwwdjFoMC41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMSlyb3RhdGUoMTgpIi8+PHVzZSB4bGluazpocmVmPSIjdCIgdHJhbnNmb3JtPSJzY2FsZSgtMSwxKSIvPjwvZz48ZyBpZD0iYSI+PHVzZSB4bGluazpocmVmPSIjYyIgdHJhbnNmb3JtPSJyb3RhdGUoNzIpIi8+PHVzZSB4bGluazpocmVmPSIjYyIgdHJhbnNmb3JtPSJyb3RhdGUoMTQ0KSIvPjwvZz48dXNlIHhsaW5rOmhyZWY9IiNhIiB0cmFuc2Zvcm09InNjYWxlKC0xLDEpIi8+PC9nPjwvZGVmcz4NCjxyZWN0IGZpbGw9IiMwMzkiIHdpZHRoPSI4MTAiIGhlaWdodD0iNTQwIi8+PGcgZmlsbD0iI2ZjMCIgdHJhbnNmb3JtPSJzY2FsZSgzMCl0cmFuc2xhdGUoMTMuNSw5KSI+PHVzZSB4bGluazpocmVmPSIjcyIgeT0iLTYiLz48dXNlIHhsaW5rOmhyZWY9IiNzIiB5PSI2Ii8+PGcgaWQ9ImwiPjx1c2UgeGxpbms6aHJlZj0iI3MiIHg9Ii02Ii8+PHVzZSB4bGluazpocmVmPSIjcyIgdHJhbnNmb3JtPSJyb3RhdGUoMTUwKXRyYW5zbGF0ZSgwLDYpcm90YXRlKDY2KSIvPjx1c2UgeGxpbms6aHJlZj0iI3MiIHRyYW5zZm9ybT0icm90YXRlKDEyMCl0cmFuc2xhdGUoMCw2KXJvdGF0ZSgyNCkiLz48dXNlIHhsaW5rOmhyZWY9IiNzIiB0cmFuc2Zvcm09InJvdGF0ZSg2MCl0cmFuc2xhdGUoMCw2KXJvdGF0ZSgxMikiLz48dXNlIHhsaW5rOmhyZWY9IiNzIiB0cmFuc2Zvcm09InJvdGF0ZSgzMCl0cmFuc2xhdGUoMCw2KXJvdGF0ZSg0MikiLz48L2c+PHVzZSB4bGluazpocmVmPSIjbCIgdHJhbnNmb3JtPSJzY2FsZSgtMSwxKSIvPjwvZz4NCjwvc3ZnPg=='); /*width: 150%; height: 100%;*/ background-size: 100% 100%; } .gb { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNjAgMzAiIGhlaWdodD0iNjAwIj4NCjxkZWZzPg0KPGNsaXBQYXRoIGlkPSJ0Ij4NCjxwYXRoIGQ9Im0zMCwxNWgzMHYxNXp2MTVoLTMwemgtMzB2LTE1enYtMTVoMzB6Ii8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPHBhdGggZmlsbD0iIzAwMjQ3ZCIgZD0ibTAsMHYzMGg2MHYtMzB6Ii8+DQo8cGF0aCBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIgZD0ibTAsMGw2MCwzMG0wLTMwbC02MCwzMCIvPg0KPHBhdGggc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjQiIGQ9Im0wLDBsNjAsMzBtMC0zMGwtNjAsMzAiIGNsaXAtcGF0aD0idXJsKCN0KSIvPg0KPHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjxwYXRoIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJtMzAsMHYzMG0tMzAtMTVoNjAiLz4NCjwvc3ZnPg0K'); width: 200%; height: 100%; background-size: 100% 100% } .at { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MDAgNjAwIj4NCjxwYXRoIGZpbGw9IiNkODFlMDUiIGQ9Im0wLDBoOTAwdjYwMGgtOTAweiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMjAwaDkwMHYyMDBoLTkwMHoiLz4NCjwvc3ZnPg0K'); width: 150%; height: 100%; background-size: 100% 100% } .ch { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgMzIwIj4NCjxwYXRoIGZpbGw9IiNkNTJiMWUiIGQ9Im0wLDBoMzIwdjMyMGgtMzIweiIvPg0KPGcgZmlsbD0iI2ZmZiI+DQo8cGF0aCBkPSJtNjAsMTMwaDIwMHY2MGgtMjAweiIvPg0KPHBhdGggZD0ibTEzMCw2MGg2MHYyMDBoLTYweiIvPg0KPC9nPg0KPC9zdmc+DQo='); width: 100%; height: 100%; background-size: 100% 100% } .be { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NTAgMzkwIj4NCjxwYXRoIGQ9Im0wLDBoMTUwdjM5MGgtMTUweiIvPg0KPHBhdGggZmlsbD0iI2ZmZGUwMCIgZD0ibTE1MCwwaDE1MHYzOTBoLTE1MHoiLz4NCjxwYXRoIGZpbGw9IiNlMDAiIGQ9Im0zMDAsMGgxNTB2MzkwaC0xNTB6Ii8+DQo8L3N2Zz4NCg=='); width: 115.38461538462%; height: 100%; background-size: 100% 100% } .nld { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgOSA2Ij4NCjxwYXRoIGZpbGw9IiMyMTQ2OGIiIGQ9Im0wLDBoOXY2aC05eiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg5djRoLTl6Ii8+DQo8cGF0aCBmaWxsPSIjYWUxYzI4IiBkPSJtMCwwaDl2MmgtOXoiLz4NCjwvc3ZnPg0K'); width: 150%; height: 100%; background-size: 100% 100% } .lu { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgMzAwIj4NCjxwYXRoIGZpbGw9IiMwMGEzZGQiIGQ9Im0wLDIwMGg1MDB2MTAwaC01MDB6Ii8+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJtMCwxMDBoNTAwdjEwMGgtNTAweiIvPg0KPHBhdGggZmlsbD0iI2VmMmIyZCIgZD0ibTAsMGg1MDB2MTAwaC01MDB6Ii8+DQo8L3N2Zz4NCg=='); width: 166.66666666667%; height: 100%; background-size: 100% 100% } .cz { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgNiA0Ij4NCjxwYXRoIGZpbGw9IiNkNzE0MWEiIGQ9Im0wLDBoNnY0aC02eiIvPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0ibTAsMGg2djJoLTZ6Ii8+DQo8cGF0aCBmaWxsPSIjMTE0NTdlIiBkPSJtMywybC0zLTJ2NHoiLz4NCjwvc3ZnPg0K'); width: 150%; height: 100%; background-size: 100% 100% } .flag { width: 18px; height: 12px; display: inline-block; margin-top: 6px } .de.flag { /*width: 18px; height: 12px; display: block; float:left;*/ width: 18px; height: 12px; display: inline-block; line-height: 12px; margin-right: 5px; } .offerDetailsBox .de {margin-right:5px;} .flag-table { width: 18px; height: 12px; display: block; margin: 5px 0 10px 0 } .flag__inner { display: inline-block; } .eu.flag__inner, .de.flag__inner { height: 16px; width: 26px; } .gb.flag__inner { background-size: contain; background-position: center; height: 16px; width: 26px; } .ch.flag__inner { background-size: contain; background-position: center; width: 23px; height: 17px; } @media(min-width:768px) { #PlentyWebChangePasswordContent, #PlentyWebLostPWDContent { width: 33% } #PlentyWebChangePasswordLoginSubmit, #PlentyWebChangePassword2Data, #PlentyWebLostPWDLoginSubmit { margin-top: 1em } .brands div:first-of-type {margin-left: -15px;} } /* availability */ /*#iArt_trades { display: block; color: #666; margin-top: 10px; margin-top: 5px; }*/ #iArt_trades div { display: inline-block; margin-right: 5px; /*margin-bottom: .5em;*/ line-height:1.5; } .att_wert { font-weight: 700; padding: 0 } .attr_list strong {font-size:1.25em;} /* Brands */ .brands div img, .aside>img {border: 1px solid #ddd;} .partner { width: 200px; text-align: center; padding: 10px 10px 0; background: #fff; border: 1px solid #DDDDDD; margin-bottom: 1em; } .partner a { text-decoration: none; display: block; margin-bottom: 1em; } /* feedback */ #doorbell-button { position: fixed; visibility: visible !important; cursor: pointer; bottom: 50%; right: -65px; width: auto; border: 0; font-size: 12px; background: #444; color: #eee; padding: 6px 20px; margin: 0; z-index: 500; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); transition: right 1s; -webkit-transition: right 1s; } #doorbell-button.show {right: -30px;} @media(min-width:768px) { #doorbell-button {right: -30px;} } #doorbell-button:hover {background: #333;} /* blog */ .blog_post {border-bottom: 1px solid #ddd;} .blog_body img, .blog_body iframe { max-width:100%; height:auto; margin:2em 0; } .blog_body iframe {min-height:300px;} .blog_body .read_more{display:inline;} .blog_body p {margin:1em 0;} .blog_date {font-weight:700} .blog_related, .blog_links {list-style:none;padding: 0;} .blog_related li { margin-bottom:1em; border-bottom: 1px solid #ddd; padding-bottom: 1em; } .blog_title_link {font-weight:700;display:block;} .blog_title {margin-top:0;} .PlentyBlogPages {/*display:inline;*/float:left;} .blog_pagination {overflow:hidden;} .dialog .rightside {float:right;} .blog_pagination a { font-weight: bold; display: block; float: left; margin: 0 2px; text-decoration: none; padding: 3px 8px !important; color: #666; border: 1px solid #e0e0e0; } .blog_pagination a.PlentyBlogPageLinkActive, .blog_pagination a:hover { border-color: transparent; background: #f6f6f6; } /* Findologic */ #flFilterContainer {clear: both;/*overflow: hidden;*/} #flOuterContainer { text-align: left;margin: 0; } .flFilterBoxContainer { border-bottom: 1px solid #ddd; } #flOuterContainer, #flSearchHeader {width:100%} #flMainFilters .flFilterBox { float: left; } #flHeaderContainer {margin-left:-15px;margin-right:-15px;margin-bottom:1em} #flSearchHeader { list-style: none; margin: 0; padding: 0 } #flPoweredBy {text-align:right} #flPoweredBy img {max-width: 100%} #flExpandMoreFilters { margin: 1em 0; } #flExpandMoreFilters a, .flChosenFilter .flRemoveAllFilters { color: #000; font-weight:700; color:#00518c; } .flChosenFilter img {margin-left:2px} #flExpandMoreFilters a:after {content:" ›";font-size: 14px;} .flFilterName { font-weight: 700; display: inline-block; margin-right: 5px; } .flFilterName:after {content:":";} .colorPickerElementWrapper .colorPicker {width:20px;height:20px;} #flFilterContainer ul.flFilters, #flFilterContainer ul.flChosenFilters, .flChosenFilters { margin: 0; padding: 0; } .flFilter, .flChosenFilter { margin-left: 0; list-style: none; clear: both; } .flFilter a, .flChosenFilter a { color: #000; text-decoration: none; display: inline-block; padding: 2px; } .flFilter a:hover, .flChosenFilter a:hover { text-decoration: underline; } #flExpandMoreFilters, #flMoreFilters { clear: both; } #flMoreFilters { overflow:visible !important; } #flPageSizeForm { display: inline; margin-left: 20px; } .flPageCurrent { padding: 3px 8px !important; color: #666; border: 1px solid #e0e0e0; font-weight: bold; display: block; float: left; margin: 0 2px; text-decoration: none; background: #f6f6f6 } #flPageSizeForm select, #flSortForm select { font-size: 12px; line-height: 1.42857143; display: inline-block; /*width: 70px;*/ height: 34px; padding: 6px 12px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, -moz-box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555; border: 1px solid #ddd; background-color: #fff; background-image: none } .flSelectedMin input, .flSelectedMax input {width:50px;border: 1px solid #ddd;padding:0 5px;} .flSelectedMax {margin-left:10px;} .flFilterBoxFilters-range-slider { padding-top: 1em; } .findologic-slider {margin-bottom:1em} #findologic-slider-form-price .ui-button { display:none; } /* new dropdowns for filter */ #flMainFilters, #flMoreFilters { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; width: 100%; } #flMainFilters .flFilterBox, #flMoreFilters .flFilterBox { border: 1px solid #ccc; width: calc(100% - 2px); margin-right:0; margin-bottom:2%; display: block; padding: 0; height: 2.5em; position: relative; background: #eee; } @media (min-width:451px){ #flMainFilters .flFilterBox, #flMoreFilters .flFilterBox { width: 48%; margin-bottom:1%; margin-right:1%; } } @media (min-width:992px){ #flMainFilters .flFilterBox, #flMoreFilters .flFilterBox { width: 24%; margin-right:1%; } } .flFilterBox strong { color: #444; } #flMainFilters .flFilterBox strong, #flMoreFilters .flFilterBox strong { /*background-color: #eee;*/ display: inline-block; height: 2.5em; line-height: 2.5em; overflow: hidden; text-align: left; text-indent: 10px; text-overflow: ellipsis; width: 100%; cursor: pointer; margin: 0; padding: 0; position: relative; } #flMainFilters .flFilterBoxFilters, #flMoreFilters .flFilterBoxFilters { display: none; position: absolute; top:calc(2.5em - 2px); z-index: 999; height: auto; background: #fff; left: -1px; width: calc(100% + 2px); /* remove later */ border: 0; padding: 0; } #flMainFilters ul.flFilters, #flMoreFilters ul.flFilters{ line-height: 2em; list-style-type: none; margin: 0; padding:2%; text-align: left; width: 100%; position: relative; background: #fff; display: inline-block; border: 1px solid #ccc; } .flChosenFilters { list-style:none; margin:0; padding:0 0 1em; } .flChosenFilters li { margin: 0 1em 0 0; display: inline; } #flExpandMoreFilters { margin: 1em 0 } #flMainFilters .flFilterBox strong:after, #flMoreFilters .flFilterBox strong:after{ -webkit-transform: rotate(-135deg); transform: rotate(-135deg); border-right: 0; border-left-style: solid; } #flMainFilters .flFilterBox strong.active:after, #flMoreFilters .flFilterBox strong.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 0; border-left-style: solid; top: .9em; } #flMainFilters .flFilterBox strong:after, #flMoreFilters .flFilterBox strong:after { width: 7px; height: 7px; position: absolute !important; top: .7em; right: .5em; transition: all 150ms; pointer-events: none; border-width: 1px; border-color: rgb(0, 0, 0); display: inline-block; content: ''; border-top-style: solid; border-bottom: 0; } /* new dropdowns for filter end */ /* live search */ .fl-autocomplete.ui-autocomplete { box-shadow: 2px 1px 2px rgba(0,0,0,.3); } .label { font-size: 100%; font-weight: 500; line-height: 1.8; display: inline; padding: 0em .2em; text-align: left; vertical-align: baseline; white-space: normal; color: #333; border-radius: 0; } .fl-autocomplete.fl-has-two-columns li.ui-autocomplete-category.fl-block-vendor { } .fl-autocomplete.fl-use-two-columns-layout .ui-autocomplete-category h3 { border-bottom: 1px solid #ddd; } .fl-autocomplete.fl-has-two-columns .fl-block-product { border-left: 1px solid #ddd; background-color: white; } .fl-autocomplete.fl-has-two-columns .fl-item-product.fl-item-even, .fl-autocomplete.fl-has-two-columns .fl-item-product.fl-item-odd { border-left: 1px solid #ddd; } .fl-autocomplete.fl-use-two-columns-layout .ui-autocomplete-category.ui-autocomplete-allResults h3 { border-bottom: none; } .fl-autocomplete .ui-autocomplete-category h3 { font-size: 10pt; padding: 0 8px; margin: 0; font-weight: 700; color: #999; } .fl-autocomplete .ui-menu-item .fl-ac-highlight { color: #58ACFA; font-weight: bold; } .fl-autocomplete li.ui-menu-item a { cursor: pointer; overflow: hidden; padding: 4px 8px; display: block; border-bottom: 1px solid #ddd; color: #333; } .fl-autocomplete .ui-menu-item .fl-ac-highlight { color: #00518c; font-weight: bold; } .fl-autocomplete .ui-menu-item .col.image { height: 50px; width: 50px; position: relative; text-align: center; margin-right: 10px; border: 1px solid #ddd; line-height: 50px; background:#fff; overflow:hidden; } .fl-autocomplete .ui-menu-item .col.image .itemImage { max-width: 90%; height: auto; } .fl-autocomplete .ui-autocomplete-allResults { text-decoration: none; border-top: 1px solid #ddd; } .fl-autocomplete .ui-autocomplete-allResults h3 {color:#00518c;} .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:0 !important;} .fl-autocomplete li.fl-item-odd, .fl-autocomplete li.fl-item-even {background:#ffffff !important;} .fl-autocomplete a.ui-state-focus {background:#dddddd !important;} .product-special {line-height: 1.5em;overflow: hidden;} .product-special span { color: #822965; margin-right: .5em; font-size: 1.2em; } .BasketItemOrderParamsContainer {margin-top: .5em;} .BasketItemOrderParamsContainer .BasketItemOrderParamsTitle { float: left; margin-right: 1em; } /* Finanzierungsrechner */ #fin_rechner .content { width: 43%; float: left; background: #fff; margin-right:5%; padding:0; } #result, #fin_rechner .content {margin-top:1em;} #fin_rechner tr {line-height:1.5em;} #fin_rechner td:first-child, #fin_rechner #result tr > td {width:180px;} .disclaimer {margin-top:2em;clear:both;} #fin_rechner input[type="text"]{width:60px;text-align:right;border:none;} .standalone input#volume {border:1px solid #ccc;margin-bottom:1em;text-align:left;padding: 2px 4px; width:68px;} .standalone input#volume:hover {border:1px solid #666;} #fin_rechner { display: block; overflow:hidden; -webkit-transition:all 1s; transition: all 1s; } #fin_rechner #error, #fin_rechner #info { color: #ff0000; margin-top:1.8em; display:none; } .view { visibility:hidden; opacity:0; height:0 } .expand, .expand_on {cursor: pointer;} .expand:hover, .expand_on:hover {text-decoration:none;} .expand:after { content:"›"; margin-left: 5px; font-size: 1.2em; width:.5em; display: inline-block } .expand_on:after { content:" ›"; margin-left: 5px; font-size: 1.2em; font-weight:bold; display: inline-block; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } #laufzeit { height: 34px; border: 1px solid #ddd; } .laden svg { width: 18px; height: 18px; display: inline-block; margin-right: 1px; margin-bottom: -4px; color:#ccc } .laden { display: block; margin-top: 1em; margin-bottom: .5em; } /* My Account */ #PlentyWebMyAccountItemWishListPublicValue {padding-bottom:1em;} /* Termine Box */ #termine_box h3 { color: #222; margin-bottom:5px } .termin {display:none;} #termine {padding:0;} .termin_date {margin-right:.5em;font-weight:bold;color:#444} .termin_type {color:#444;font-size:1.3em;line-height: 1.3em;margin-right:.5em;} .termin_title p {margin:0;} /* Promo-slider */ .promo_slider { display:none; list-style: none; padding: 0 30px; margin: 0; height: 28px; } .promo_slider .owl-item div:before { background: #F60; color: #FFF; font-weight: bold; display: inline-block; height: 26px; line-height: 26px; width: 110px; padding: 0 5px; text-align: center; } .promo_slider a { color: #000; white-space: nowrap; overflow: hidden; display: inline; line-height: 28px; margin-left: 15px; } @media(max-width:501px){ .promo_slider .owl-item div:before {display:none;} .promo_slider a {white-space:auto;display:block;} } .promo_lager:before { content: "Wieder auf Lager"; } .promo_preis:before { content: "Im Preis gesenkt"; } .promo_deal:before { content: "Deal"; } .promo_neu:before { content: "Neu"; } /* Product rating */ .article_rating_box {min-height: 400px;width:100%;} .rating_element { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #E5E5E7; overflow:hidden; display: block; width:100%; } .rgroup {width:100%;} @media(max-width:390px) { .article_rating_column_left, .article_rating_column_right {float:none;} } .article_rating_column_left, .article_rating_column_right {float:left; } .article_rating_column_left {width:20%;} .article_rating_column_right {width:80%;} .rnav { background: none repeat scroll 0% 0% #E5E5E7; overflow:hidden; line-height: 2.5em; height: 2.5em; margin-bottom: 1em } .rarrows a, .rarrows a:visited { text-decoration: none; width: 1.3em; font-size: 2em; text-align: center; display: inline-block; border-left: 1px solid #FFF; color: #999; } .rarrows a:hover {background:#DBDBDB} .rarrows, #rpager {float:right} #rpager {margin-right: .5em;} #rpager a {margin-right:.5em;} #rpager .activeSlide {text-decoration:none;color:#000;} .article_rating_column_right .name, .article_rating_column_right .date { font-weight: bold; } .auszeichnungen { display:flex; flex-wrap:wrap; align-items: center; } /* .auszeichnungen>div, .auszeichnungen>img { margin-bottom:1em; }*/ .cards { display: flex; flex-wrap: wrap; justify-content: space-between; } .cards .card { background: #fff; border: 1px solid #eee; /*margin: 10px 10px 10px 0;*/ margin-bottom:1em; padding: 0 10px; flex: 1 1 auto; } /*.cards div a,.cards div a:visited {text-decoration:underline;} .cards div a:hover {text-decoration:none;}*/ .cards img {margin-top:10px;} .features { display:flex; flex-wrap: wrap; /*border-bottom: 1px solid #ddd;*/ margin-bottom: 1em; } .features ul {padding:1em;} .features .downloads {list-style: none;} @media (min-width:500px){ .cards .card { width: 48%; flex: 0 1 auto; } .features div { flex-basis: 33%; border-bottom: 1px solid #ddd; padding-right: 2em; margin-bottom: 1em; } } @media(min-width:768px) { .cards .card { width: 32%; flex: 0 1 auto; } } .icon-facebook.btn {width:200px;} .LiveShoppingTag { background: #FF6600; color: white; padding: 2px; } /* Howdy box */ #howdy a, #howdy a:visited { color: #000 } #howdy a:hover, #howdy a:active { text-decoration: none; } .howdydo-style { background: #FCD86D; -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8); -moz-box-shadow: 0 0 2px rgba(0,0,0,.8); box-shadow: 0 0 2px rgba(0,0,0,.8); color: #000; } .howdydo-style p { float: left; margin: 10px 10px 10px 70px; padding: 0; } #howdy_int { clear: both; margin: 0 auto; width: 900px; } .howdydo-style p span { color: #FF6600; } .howdydo-style .versand { float: left; padding-top: 5px; } .howdydo-style img { margin: 0 auto; } #howdydo-wrapper { z-index: 9999; overflow: visible; padding: 0; width: 100%; } .howdydo-box { display: none; padding: 0; width: 100%; } #howdydo-close { position: absolute; right: 10px; bottom: 0; } #howdydo-close a {color:#000;text-decoration:none;font-size:2em;} #howdydo-open { visibility: hidden; } .howdydo-hover { position: absolute; top: 0; left: 0; } .howdydo-scroll { position: fixed; top: 0; left: 0; } .howdydo-push { position: relative; float: left; clear: both; /*margin-bottom: 1px;*/ } .brand_logo { float:right; margin:0 0 0 20px; padding: 10px; background: #fff; border: 1px solid #ccc; } .big_box {position:relative;} .titel {position:relative;} .titel_link { position: absolute; top: 0px; height: 34px; right: 0px; width: 130px; text-align: right; line-height: 32px; padding-right: 10px; /*background:#3B3B43*/ } .banner_callto {position:relative;} .banner_callto .button { position: absolute; bottom: 15px; right: 10px; } /* gallery element */ #imageModal button { position: absolute; right: 10px; background: #ffffff; width: 30px; height: 30px; opacity: 1;} .gallery { display:flex; list-style:none; flex-wrap:wrap; justify-content: flex-start; padding: 0; } .gallery li { flex-basis: 49%; margin-right: 1%; margin-bottom: 10px; cursor: pointer; } @media (min-width: 80.0rem) { .gallery li { flex-basis: 24%; margin-right: 1%; margin-bottom: 10px; } } /* price and discount single item */ .priceBox { display: flex; margin-bottom: 1em; align-items: center; } .discountBox { display: flex; flex-direction: column; line-height: 1; font-family: 'Kanit', sans-serif; font-weight: 500; letter-spacing: .05em; color: #777; border-left: 1px solid #ddd; padding-left: 1em; } .priceBox .price { flex-shrink: 0; margin-right: 10px; } .discountPercent { color: #FF6600; font-size: 1.5em; } /* public wishlist */ .PlentyWebItemWishlist .PlentyTableLayout>div { display: flex; width: 90%; justify-content: space-between; } .PlentyWebItemWishlist .ItemsHeaderRow { padding: .5em 1em; font-size: 1em; } .PlentyWebItemWishlist .ItemsContentRow { background: #fff; padding: 10px; border: 1px solid #dddddd; border-top: none; } .PlentyWebItemWishlist .ItemsPrice { font-weight: 700; margin-left: 1em; } .PlentyWebItemWishlist .ItemsDescription { flex-basis: 50%; display: flex; flex-wrap: wrap; justify-content: space-between; } .PlentyWebItemWishlist .ItemsImage { flex-basis: 20%; text-align: center; } .PlentyWebItemWishlist .ItemsRow {margin-bottom:1em;} .PlentyWebItemWishlist .ItemWishListAddBasket {display:none} /* action buttons content pages */ .button.big { background-color: #f60; color: #fff; font-weight:700; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); font-size: 13px; line-height: 22px; display: inline-block; height: 34px !important; margin-bottom: 0; padding: 5px 10px; cursor: pointer; transition: all .3s ease; text-align: center; vertical-align: middle; border-width: 1px; border-style: solid; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .05); } .button.big:hover {background-color:#ff7a22} .button.big {text-decoration:none !important; margin-left: 0; } .button.big:hover {color:#fff !important;} .regulation { line-height: 1.5; color: #666; display: flex; margin-top: .5em; } .regulation img { margin: 0 1em 0 0; } .reg--en, .reg--en a, .reg--en a:hover, .reg--en a:visited { color:#E5004F; } .reg--en a, .reg--en a:hover, .reg--en a:visited {text-decoration:underline;} /* delivery days */ .definition--delivery { display:grid; grid-template-columns: auto 50px auto 50px; border:1px solid #aaaaaa; border-bottom:0; border-right:0; width:100%; } @media(min-width:768px) { .definition--delivery { width:50%; } } @media(min-width:992px) { .definition--delivery { width:400px; } } .definition--delivery dt, .definition--delivery dd { padding:7px; border-bottom:1px solid #aaaaaa; margin:0 } .definition--delivery dt { border-right:1px solid #aaaaaa; font-weight:normal; } .definition--delivery dd { border-right:1px solid #aaaaaa; } .definition--header { background:#efefef; font-weight:bold !important; } /* size tables */ .table__explanation { border-bottom: 2px solid #333 } .table__explanation img { max-width: 100%; height: auto; } .table__explanation--inner dl { display: grid; grid-template-columns: 25% 75%; grid-template-rows: auto; grid-column-gap: 10px; } .table__explanation--inner dt { text-transform: uppercase; font-weight: 700 } .table__sizes--inner { display: grid; border-top: 2px solid #333; border-bottom: 2px solid #333; margin-bottom: 3em; } .eight { grid-template-columns: repeat(7, 1fr); } .seven { grid-template-columns: repeat(6, 1fr); } .six { grid-template-columns: repeat(5, 1fr); } .five { grid-template-columns: repeat(4, 1fr); } .four { grid-template-columns: repeat(3, 1fr); } .three { grid-template-columns: repeat(2, 1fr); } .table__sizes--inner .table__sizes--range { grid-column-start: span 7; font-size: 1em; margin: 0; text-align: center; border-top: 1px solid #666; border-bottom: 1px solid #666; text-transform: uppercase; font-weight: 700; } .table__sizes--inner .strong { font-weight: 700 } .table__sizes--inner>div { padding: .5em 0 } .table__sizes--inner>div>span { display: block } @media (min-width: 60.0rem) { .table__explanation { display: grid; grid-template-columns: 40% 60%; grid-template-rows: auto; } .table__explanation--inner { margin-top: 3em; margin-bottom: 3em; } .table__sizes--inner { border-bottom: 1px solid #333; } .table__sizes--inner .strong:first-child { grid-column-start: 2; grid-column-end: 3; } .eight { grid-template-columns: repeat(8, 1fr); } .seven { grid-template-columns: repeat(7, 1fr); } .six { grid-template-columns: repeat(6, 1fr); } .five { grid-template-columns: repeat(5, 1fr); } .four { grid-template-columns: repeat(4, 1fr); } .three { grid-template-columns: repeat(3, 1fr); } .table__sizes--inner .table__sizes--range { grid-column-start: span 1; text-align: left; border-top: 0; border-bottom: 0; text-transform: uppercase; } .table__sizes--inner>div, .table__sizes--inner .table__sizes--range { border-bottom: 1px solid #333; } .table__sizes--inner>div>span { display: inline } } /* widget bottom */ .widget_container_text_only { border-top: 1px solid #ddd; padding-top: 10px; } .trustami_textOnly_content_inner { font-size: 12px !important; } .trustami_textOnly_content { text-align: left !important; } .trustami_textOnly_box { color:#666 !important; } /* Neuer Model Hinweis */ .description--inner { clear: both; border-top: 1px solid #ddd; padding-top: 1em; } .notice__box { border-left: 1px solid #f60; padding: 0 1em; /*float: left;*/ margin-bottom: 1em; } .notice__box h4 { color:#f60; } .notice__box:before { content: "!"; background: #f60; display: inline-block; color: #fff; font-size: 1.3em; padding: 0 .4em; font-weight: 700; margin-left: -.8em; } #accordion .ui-icon.ui-icon-triangle-1-e, #accordion .ui-icon-triangle-1-s { float: left; margin-right: 1em; } /* jobs teaser on homepage */ .jobs { background: #f60; color: #fff; padding: .5em 1em; margin-bottom: 1em; display: block; font-weight: 500; font-family: 'Kanit', sans-serif; text-transform: uppercase; font-size: 1.1em; letter-spacing: .05em; } .jobs:hover { text-decoration: none; background: #e60; } .jobs .svg-icon { height: 1.5em; vertical-align: text-bottom; margin-right: 1em; fill: #fff; } /* content page spares */ .hero { background: #cccccc url(/documents/category/647/spares1-home-back.jpg) top left / cover no-repeat; min-height: 300px; margin-bottom: 2em; color:#ffffff; margin-top:1em; } .hero a { text-decoration:none; } .hero__main { padding: 2em; } .hero__main p { margin-bottom: 2em; } .hero__logo { margin: 0 2em; } .link-to-category { background: #f60; color: #fff; font-weight: 700; padding: .5em; display: block; border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); font-size: 13px; cursor: pointer; transition: all .3s ease; text-align: center; vertical-align: middle; border-width: 1px; border-style: solid; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 2px rgba(0, 0, 0, .05); text-decoration:none; } .link-to-category:hover { background-color: #ff7a22; text-decoration:none; } @media (min-width: 60.0rem) { .hero { display: flex; flex-direction: row-reverse; justify-content: space-between; } .hero__main, .center .link-to-category { max-width:50%; } } .ui-widget { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px; } /* ------ Content ------- */