/****************************************************************************************************************
Copyright 2014 clever commerce GmbH. Alle Rechte vorbehalten.
Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrueckliche schriftliche Zustimmung ist untersagt.
Jegliche Zuwiderhandlungen werden juristisch verfolgt.
****************************************************************************************************************/

/* Lars Lorenz | clevercommerce normalize css based on: normalize.css v2.1.3 | MIT License | git.io/normalize */
/* css reset html5 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0 none; font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
a {background: transparent; text-decoration: none;}
a:focus, a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
mark {background: #ff0; color: #000;}
code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;}
pre {white-space: pre-wrap;}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
fieldset {border: 0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0;}
button, input {line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; width:auto !important;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
table {border-collapse: collapse; border-spacing: 0;}
* {margin: 0; padding: 0;}
li{list-style:none inside none}
body {font-size: 80%;}

@font-face {
    font-family: 'icons';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*########################################################### */
/*################! normalize.css ENDE ###################### */
/*########################################################### */


/*################custom CSS Start ###################### */
/* hellgrau: #ececec; dunkelgrün link stanni: #33081d; hellgrün hover: #670f39; border: #dfdfdf*/

/* allgemeine styles */
#tpl {width:100%; height:100%; background: #f5f5f5;}
#tpl * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-size:1em;}
#tpl sup, #headerouter sup {font-size: 75%;}
a, #toplinks a, a:visited {color: #33081d}
a:hover, a:active, a:focus, #toplinks a:hover {color:#670f39; text-decoration:none;}
#toggle {display: none;}
.clearfix:before, .clearfix:after {display: table; content: " "; }
.clearfix:after, .cf {height:0px; font-size:0px; line-height:0px; clear:both;}
.icon {font-family:icons; vertical-align:middle; text-transform:none !important; font-weight:normal !important; line-height:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


/* kopfzeile */
#headerouter {width: 100%; background:#670f39;}
#header {width: 100%; max-width: 960px; padding:0px 10px; margin: auto; position:relative; height:116px;}
#toplinks {line-height:28px; display:block; text-align:center; color:#fff;}
#toplinks span.icon {font-size:22px; line-height:22px; margin:0px 5px 0 0;}
#logo {float:left; width:24%; height:85px; background:url(gfx/logo.gif) no-repeat center center; background-size: contain; margin-top:-13px;}

#search {float:left; padding:19px 64px 0px 40px; width:53%;}
#search form#suchform {border:1px solid #e2e2e2; position:relative}
#search form .icon {position:absolute; left:0; line-height:42px; font-size:1.6em; width:32px; text-align:center; color:#4b4b4b;}
#search form input#suche-eingabe {border:0px none; background:#fff; height:42px; line-height:42px; width: 80%; color:#4b4b4b; float:left; text-indent:35px; padding:12px 0;}
::-webkit-input-placeholder {color:#4b4b4b;}
::-moz-placeholder {color:#4b4b4b; opacity:1}
:-ms-input-placeholder {color:#4b4b4b;}

#search form #los_btn {width:20%; height:42px; float:left; overflow:hidden; background:#4b4b4b; color:#fff; text-align:center; line-height:38px; border:2px solid #fff; font-size:1.1em;}
#search #los_btn:hover {background:#670f39;}

#headerInfo {color:#fff; font-weight:700; line-height:24px; font-size:1.2em; float:left; width:23%;}
#headerInfo strong {font-size:1.2em; position:absolute; margin-top:-26px;}
#headerInfo span {font-weight:normal; line-height:16px; font-size:0.8em; display:block;}
#headerInfo span.icon {position:absolute; display:inline; font-size:1.3em; line-height:24px; margin-left:-30px;}
#headerInfo a {display:block; color:#fff !important;}

#navBG {background:#33081d; position:absolute; height:40px; display:block; width:100%;}
#topnav {width: 100%; max-width: 960px; margin: 0 auto; background:#33081d; position:relative; text-align:center;}
#topnav ul {padding:0px 10px;}
#topnav ul li {display: inline-block; height: 40px; line-height:40px; margin:0px 2px;}
#topnav ul li a {padding:0px 15px; font-size: 14px; font-weight:700; color:#fff; display:block;}
#topnav ul li:hover a, #topnav ul li.aktiv a {text-decoration:none; background:#4b4b4b;}

/* grundlayout */
#workarea, .pagecontainer table table:nth-child(2n), .disclaimer {margin: auto; width: 100%; max-width: 960px; background-color: #fff;}
#wrapper {width: 100%; padding:5px 0 0;  overflow:hidden;}

/* spalten */
#LeftPanel {float: left; width: 20%; padding-bottom:1000em; margin-bottom:-1000em; padding-top:8px;}
#content {float: left; padding:0px 2%; width: 80%; padding-top:8px;}

/* links */
#LeftPanel .lcat strong.boxhead {display:none;}
#LeftPanel .lcat {margin-bottom:10px;}
#LeftPanel .lcat ul li {list-style: none outside none; margin:0 0 2px 0}
#LeftPanel .lcat ul li span.cnt, #LeftPanel .all_cats {display:none;}
#LeftPanel .lcat ul li a {color:#fff; display: block; padding:9px 5px 9px 22px; margin-left:10px; background:#4d0b2b; position:relative; font-weight:normal;}
#LeftPanel .lcat ul li a:after {content:"l"; font-family:icons; font-size:1.9em; position:absolute; top:50%; margin-top:-13px; left:0px;}
#LeftPanel .lcat ul li a.aktiv.sub:after {-moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
#LeftPanel .lcat ul li a:hover, #LeftPanel .lcat ul li a.aktiv {background:#33081d; color:#fff;}
/* ebene 2 */
#LeftPanel .lcat ul.lev2 li a {background:#d0cece; color:#4b4b4b}
#LeftPanel .lcat ul.lev2 li a:hover, #LeftPanel .lcat ul.lev2 li a.aktiv {background:#d0cece; color:#33081d}
#LeftPanel .lcat ul.lev3 li a {background:#f5f5f5; padding-left:32px}
#LeftPanel .lcat ul.lev3 li a:after {content:"";}
#LeftPanel .lcat ul.lev3 li a:hover, #LeftPanel .lcat ul.lev3 li a.aktiv {background:#f5f5f5;}
#LeftPanel .lcat ul ul {height:0px; overflow:hidden; margin-top:2px; opacity:0; -moz-transition:all 0.3s linear; -webkit-transition:all 0.3s linear; transition:all 0.3s linear}
#LeftPanel .lcat ul ul.aktiv {opacity:1;}


/* contentbereich */
h1.artikeltitel {color:#4b4b4b; font-size:1.8em !important; line-height:normal; font-weight:700; padding:0px 5px; margin:0px 0 10px 0;}
#artikeloben .bilder {float: left; width:63%;}
#artikeloben .bilder #pic {width: 100%; background:#fff;}
/* lightbox und thumbnails */
#m_lb {position: fixed; font-size: 0px; z-index: 100000 !important; width: 100%; text-align: center; cursor: pointer; left: 0px; top: 0px; height: 100%; padding-top:4%;}
#m_lb img {-webkit-box-shadow: 1px 1px 9px 7px rgba(0,0,0,0.4); -moz-box-shadow: 1px 1px 9px 7px rgba(0,0,0,0.4); box-shadow: 1px 1px 9px 7px rgba(0,0,0,0.4); max-width: 100%; background-color:#fff;}
#m_lb #lb_holder {position:relative; display:inline-block; max-width:96%}
#closer {height: 34px; width: 34px; line-height:30px; color:#525252; font-size:25px; position:absolute; right:-16px; top:-16px; background:#fff; border-radius:50%; border:2px solid #525252; text-align:center;}

.bild_middle_holder {display:block; padding-bottom:100%; position:relative}
#bild_middle {position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-size:contain; display:block; background-repeat:no-repeat;}

#thumbnails {display:block; overflow:hidden; margin-bottom:10px; position:relative; height:86px;}
#thumbs {white-space:nowrap; display:inline-block; position:absolute;}
#thumbnails .scrollBtn {display:none; position:absolute; height:100%; width:34px; left:0; top:0; cursor:pointer; -webkit-box-shadow: 19px 0 19px 0 rgba(255, 255, 255, 1) inset; -moz-box-shadow: 19px 0 19px 0 rgba(255, 255, 255, 1) inset; box-shadow: 19px 0 19px 0 rgba(255, 255, 255, 1) inset; z-index:1000; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
#thumbnails .scrollBtn.sright {left:auto; right:0px; -webkit-box-shadow: -19px 0 19px 0 rgba(255, 255, 255, 1) inset; -moz-box-shadow: -19px 0 19px 0 rgba(255, 255, 255, 1) inset; box-shadow: -19px 0 19px 0 rgba(255, 255, 255, 1) inset;}
#thumbnails.slideAktiv {padding:0px 40px;}
#thumbnails.slideDeaktiv #thumbs {margin:0px !important;}
#thumbnails.slideAktiv .scrollBtn {display:block;}
#thumbnails.slideAktiv .scrollBtn span {position:absolute; top:50%; margin-top:-18px; width:34px; height:34px; border-radius:50%; border:2px solid #525252; background:#fff; font-size:28px; text-align:center; line-height:30px; text-indent:-2px}
#thumbnails.slideAktiv .scrollBtn.sright span {text-indent:2px}
.thumbpic {width: 86px; height:86px; display:inline-block; background-repeat: no-repeat; background-position:center center; background-size:contain; border: 1px solid #dfdfdf; margin: 0px 5px 0px 0px; overflow: hidden; cursor:pointer;}
.thumb_aktiv, .thumbpic:hover {border-color: #670f39}
/* hier kann das Bildformat konfiguriert werden indem der padding-bottom wert geändert wird */

#artobenrechts {float: left; width: 37%; padding-left:2%}
#artikelinfos {background:#f5f5f5; padding:30px 0 10px 40px; position:relative; color:#4b4b4b; margin:10px 0 20px;}
#artikelinfos span {display:block; margin-bottom:6px; }
#artikelinfos span.pseudo {font-size: 18px;}
#artikelinfos span i {font-style:normal; text-decoration:line-through;}
#artikelinfos span.icon {font-size:7em; position:absolute; right:13px; top:-45px; color:#ca0202;}
#artikelinfos span.price {color:#670f39; font-size:3.2em; font-weight:700; font-family:oswald; display: none;}
#artikelinfos span.mwsthint {margin-bottom:20px; display: none;}
#artikelinfos span#unitprice {display: none;}
#artikelinfos span.deliveryinfo span {background:#670f39; border-radius:50%; width:16px; height:16px; display:inline-block; margin:0 4px -3px 0;}
#artikelactions {text-align:right;}
.greybutton {background: #4d0b2b; background: -moz-linear-gradient(top,  #4d0b2b 0%, #33081d 100%); background: -webkit-linear-gradient(top,  #4d0b2b 0%,#33081d 100%); background: linear-gradient(to bottom,  #4d0b2b 0%,#33081d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0b2b', endColorstr='#33081d',GradientType=0 ); color: #fff !important; font-size:1.3em !important; text-decoration: none; border-radius: 4px; display:block; margin-bottom:10px; line-height:50px; text-align:center; position:relative;}
.greybutton:hover {background: none repeat scroll 0 0 #4d0b2b;}
.greybutton .icon {position:absolute; line-height:50px; left:15px; font-size:1.4em !important; opacity:0.8;}
.greybutton:hover .icon {opacity:1;}

strong.tab {font-weight:700; color: #4d0b2b; display: inline-block; padding: 5px 0px; font-size:1.5em !important;}
.content {border-top:1px solid #dfdfdf; padding: 15px 0px; margin-bottom:15px; line-height:130%; color:#525252;}
#longdesc {font-size:1.2em; color:#000}
#longdesc .subtitel {display:block; margin-bottom:5px;}
#longdesc ul, #longdesc ol, #longdesc p, #longdesc table {margin-bottom: 10px;}
#longdesc li {list-style: outside; margin-left: 15px;}
#longdesc table {overflow-y: auto;}
#longdesc table tr td:first-child {background: #DFDFDF; font-weight: bold;}
#longdesc table tr td {padding: 2px 4px; border: 1px solid #b5b5b5}

#versand b, #versand + .content b {display:block;}
#versand span, #versand + .content span {display:block; max-width:415px; height:50px; background:url(gfx/vkbanner.gif) no-repeat; margin:10px 0;}
#versand #vk_dhlbanner, #versand + .content #vk_dhlbanner {background-position:0 -50px;}

#abwicklung span.paym, #abwicklung + .content span.paym {display:block; margin-bottom:20px;}
#abwicklung span.paym .icon, #abwicklung + .content span.paym .icon{float:left; margin-right:15px; font-size:50px !important;}
#abwicklung span.paym b, #abwicklung + .content span.paym b {display:block;}

/* footer allgemein */
#footerouter {width: 100%; background:#131418; color:#fff;}
#mountains  {background: #fff url('gfx/bg-body-footer.png') no-repeat center bottom; height: 115px; background-size: cover;}
#footer {width: 100%; max-width: 960px; margin: auto; padding:0 2%}
#footer ul {margin: 0%; padding: 1% 1% 1% 0%; float:left; width:20%;}
#footer ul li {display: inline; }
#footer ul li.f_header {font-size:1.2em; font-weight:700; display:block; line-height:30px;}
#footer a {color: #fff; display:block; line-height:26px;}
#footer a:hover {text-decoration: none; color:#aaa;}

#footer #f_pm {width:35%;}
#footer #f_pm a div {display:block; float:left; border-radius:6px; background:#fff; line-height:20px; text-align:center; width: 28%; min-width:45px; ; color:#525252; margin:0 2% 2% 0; text-align:center; padding-top: 4px;}
#footer #f_vk a span {display:block; float:left; border-radius:6px; background:#fff; line-height:45px; text-align:center; width: 28%; min-width:45px; font-size:30px; color:#525252; margin:0 2% 2% 0; text-align:center;}
#footer #f_pm a div span {font-size:30px; display: block;}
#footer #f_vk {width:25%;}
#footer #f_vk a span {width:41%; min-width:87px; background:#fff url(gfx/vkbanner.gif) no-repeat -232px -52px; height:45px;}
#footer #f_vk a span.vk_dpd {background-position: -166px -52px;}

/* copyright & powerdBy */
#copy_hint {text-align:left; margin-top:10px; clear:both;}
#copy_hint * {padding:0px; margin:0px; line-height:24px; font-size:.9em;}
#copy_hint #copyright {float:left; padding:0px;}
#copy_hint #poweredby {float:right;}
#copy_hint #poweredby #cc_logo {background:url(gfx/cc_copy.png) no-repeat center; padding:8px 12px; margin-bottom:-4px; display:inline-block;}
.disclaimer {padding: 5px 20px; line-height: 1.7; font-size: 11px !important;}

/* retina queries */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  #copy_hint #poweredby #cc_logo {background-image:url(gfx/cc_copyx2.png); background-size:16px 16px !important;}
}

/* rwd media queries */
/* 1px weniger als die ausgangsbreite */
@media screen and (max-width: 959px) {
    /*Icons und Banner der Tools ausblenden*/
    .toggle1, #xgal, #ds_div > center, #xgal + br + center, #tpl ~ p {display:none !important;}
    #logo {width:35%; height:70%; margin-top:0px;}
    #search {width:65%; padding-right:0;}
    #topnav {overflow: hidden;}
    #artobenrechts {padding:0;}
    #artikeloben .bilder, #artikeloben #artobenrechts {float: none; width: 100%}
    h1.artikeltitel {background:none;}
}

@media screen and (max-width: 768px) {
    .toggle2 {display:none !important;}

	#LeftPanel {width: 30%}
	#content {width: 70%}
	#artikeloben #price {text-align: center;}
    #versand #vk_dhlbanner {background-position:0 100%;}
    #versand span {height:auto; padding-bottom:11.5%; background-size:100% auto;}
}

@media screen and (max-width: 560px) {
    .toggle3 {display:none !important;}
}

@media screen and (max-width: 500px) {
    .toggle4 {display:none !important;}

    #header #logo, #header #search {float:none; display:block; margin:10px auto; padding:0px; width:100%}
    #header #logo {height:40%;}
    #toggle {display: block; background: #000; padding:0px 10px; color:#fff; line-height:50px; cursor:pointer; margin:0px !important}
    #toggle span.icon {display: inline-block; margin-right:1%; font-size:40px; height:30px; line-height:28px;}
    #LeftPanel {float: none; display:block; padding:0px; margin:-5px 0px 0; background:none; width:auto;}
    #LeftPanel .lcat {background:#525252; position:absolute; width:100%; z-index:10000; border-bottom:6px solid #670f39;}
    #LeftPanel .lcat ul {padding: 0; margin: 0 !important;}
    #LeftPanel .lcat ul li {border: 0; background:none; margin:0; border-bottom:1px solid #424242}
    #LeftPanel .lcat ul li a {background:none; display: block; padding:0; font-size: 1.2em; color:#fff; line-height: 34px; margin-left:20px;}
    #LeftPanel .lcat ul li a::after {margin:-18px 0 0 -21px;}
    #LeftPanel .lcat ul li a:hover, #LeftPanel .lcat ul li a.aktiv {color:#aaa !important; background:none !important;}
    #LeftPanel .lcat ul.lev2 li a {padding:0 0 0 10px; font-size:1em; background:none; color:#fff;}
    #LeftPanel .lcat ul.lev2 li a::after {margin:-18px 0 0 -11px;}
    #LeftPanel .lcat ul.lev3 li a {padding:0 0 0 20px;}
    #content {float: none; width: 100%}
    #m_lb {padding-top:10%;}
    .aktionbutton, .greybutton {display:block; padding:8px 0; text-align:center;}

    #footer ul {width:50% !important; float:left;}
    #footer a {display:block;}
    #copy_hint {text-align:center;}
    #copy_hint * {float:none !important; display:inline-block}
}

@media screen and (max-width: 360px) {}
/* firefox hack */
@-moz-document url-prefix() {}