@charset "utf-8";
/* CSS Document */

/* --------- FONTS -----------------------------------------------------------------------------*/
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(woff/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2'), url(woff/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(woff/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format('woff2'), url(woff/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url(woff/jIXlqT1WKafUSwj6s9AzVyqWG1TIildrkra2taUxHyT3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'), url(woff/jIXlqT1WKafUSwj6s9AzV6XnXbwdDC8wAz6IIzmCDUP3rGVtsTkPsbDajuO5ueQw.woff) format('woff');
}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- ROOT STYLE FOR ALL SITES ----------------------------------------------------------*/
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: none;-moz-text-size-adjust: none;text-size-adjust: none;}
body {font-size:0.75em;color: #666666;padding: 0;font-family: Arial,Helvetica,sans-serif;}
a {text-decoration: none;color: #666666;}
a:hover {text-decoration: none;}
table {font-size: 1em;width: 100%;cellpadding:0; cellspacing:0;}
.word-wrap {word-wrap: break-word;}
.lineThrough {text-decoration: line-through;}
input, textarea, select {border-radius: 0px;} //-webkit-appearance: none;-moz-appearance: none;appearance: none;
select, input[type="radio"] {background: #ffffff;}
input, select {color: #666666;}
input[type="number"] {-moz-appearance:textfield;appearance:textfield;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
button {width: 100%;}
input[type="radio"] {border: 0px !important;outline: none !important;border: 0px solid #ffffff; !important;box-shadow: none !important;}
.rot {background-color: #ffd2ce; border: 1px solid #b01204;}
.gruen {background-color: #eaf7c6;border-color: #709212;}
.hidden {display: none;}
.categoryPreview img, .articlePreview img, .articlePreviewSmall img, #weekHighlight img {max-width: 100%;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- CHECKOUT --------------------------------------------------------------------------*/
.checkoutShippingLabelActive {background: #A4C640 !important;color: #fff !important;}
.checkoutPaymentLabelActive {background: #A4C640 !important;color: #fff !important;}
.checkoutPaymentLabelDisabled {color: #ccc !important;cursor: not-allowed !important;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- TRANSITIONS -----------------------------------------------------------------------*/
.transition-1 {-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- SLIDER POSITION ------------------------------------------------------------------ */
.sliderChoose {display: none;resize: vertical;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- ROWS INPUT ------------------------------------------------------------------------*/
.cosmo-row input[type=text], .cosmo-row input[type=email], 
.cosmo-row input[type=password], .cosmo-row input[type=submit], 
.cosmo-row input[type=button], .cosmo-row input[type=number], .cosmo-row input[type=date],
.cosmo-row select, .cosmo-row textarea {width: 100% !important;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- MEGAMENUCONTAINER -----------------------------------------------------------------*/
.megamenuColumns-1 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
.megamenuColumns-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.megamenuColumns-3 {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.megamenuColumns-4 {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.megamenuColumns-5 {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;}
.megamenuColumns-6 {-webkit-column-count: 6;-moz-column-count: 6;column-count: 6;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- FONTS -----------------------------------------------------------------------------*/
.font-1 {font-family: "Open Sans Condensed",sans-serif;font-size: 16px;font-weight: 800;text-transform: uppercase;letter-spacing: 0.4px;}
.font-2 {font-family: "Open Sans Condensed",sans-serif;font-size: 14px;font-weight: 800;text-transform: uppercase;}
.font-3 {font-family: "Open Sans Condensed",sans-serif;font-size: 50px;font-weight: 800;}
.font-4 {font-family: "Open Sans Condensed",sans-serif;font-size: 25px;font-weight: 800;text-transform: uppercase;}
.font-5 {font-family: "Open Sans Condensed",sans-serif;font-size: 36px;font-weight: 800;}
.font-6 {font-family: "Open Sans Condensed",sans-serif;font-size: 27px;font-weight: 800;text-transform: uppercase;}
.font-7 {font-family: "Open Sans Condensed",sans-serif;font-size: 36px;font-weight: 400;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BACKGROUNDCOLORS ------------------------------------------------------------------*/
.bg-color-1 {background-color: #e8e8e8;}
.bg-color-2 {background-color: #444953;}
.bg-color-3 {background-color: #23252b;}
.bg-color-4 {background-color: #ffffff;}
.bg-color-6 {background-color: #3b6ea2;}
.bg-color-7 {background-color: #494949;}
.bg-color-8 {background-color: #494949;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- LEFT NAVIGATION BG COLORS ---------------------------------------------------------*/
.left-nav-bg-color{background-color: #ffffff;}
.left-nav-bg-color:hover {background-color: #E05048;color: #ffffff;}
.left-nav-bg-color.active > a{background-color: #E05048;color: #ffffff;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- DETAILANSICHT REITER --------------------------------------------------------------*/
.activeTab {background: #E05048;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BUTTONS ---------------------------------------------------------------------------*/
.button {cursor: pointer;padding: 5px 10px;border: none;margin-bottom: 5px;text-align:center; display: block;width: 100%;}

.btn-color-1 {background-color: #7F7F7F;} /*GREY*/
.btn-color-1:hover {background: #23252B;}

.btn-color-2 {background: #E05048;} /*RED*/
.btn-color-2:hover {background: #cd463f;}

.btn-color-3 {background: #8AB71B;} /*GREEN*/
.btn-color-3:hover {background: #7ba318;}

.btn-color-4 {background: #F0B017;} /*ORANGE*/
.btn-color-4:hover {background: #e2a40e;}

.btn-color-5 {background: #587FFC;} /*BLUE*/
.btn-color-5:hover {background: #3c68f4;}

.btn-color-6 {background: #FB4A4A;} /*LIGHTRED*/
.btn-color-6:hover {background: #FB4A4A;}

.btn-color-7 {background: #63A5EE;} /*LIGHBLUE*/
.btn-color-7:hover {background: #2A7AE5;}

.btn-color-8 {background: #AEC85A;} /*LIGHT GREEN*/
.btn-color-9 {background: #F0B017;} /*YELLOW*/

.btn-color-10 {background: #f5f5f5;border: 1px solid #dadadd;} /*GREY*/
.btn-color-10:hover {background: #eeeeee;} /*Light Grey*/

.stepNext {padding: 10px 18px;width: 100%;}
.stepShopping {padding: 2px;width: 100%;}
.stepMerk {padding: 2px;width: 100%;}
.stepBack {padding: 2px;width: 100%;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- FONTCOLORS ------------------------------------------------------------------------*/
.color-1 {color: #FFFFFF;}
.color-2 {color: #666666;}
.color-3 {color: #424245;}
.color-4 {color: #767474;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BOXSHADOWS ------------------------------------------------------------------------*/
.bs-1 {}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BORDERCOLOR -----------------------------------------------------------------------*/
.border-1 {border: 1px solid #dadadd;}
.border-2 {border-width: 0px 1px 1px 1px;border-color: #dadadd; border-style: solid;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- DISTANCEHOLDER --------------------------------------------------------------------*/
.distanceHolder {width: 100%; height: 10px;clear: both;}
.placeHolder {width: 100%; height: 1px;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- INPUTS TEXT NUMBER SELECT ---------------------------------------------------------*/
input[type="text"],input[type="email"],input[type="password"], input[type="number"], input[type="radio"], input[type="date"], select, textarea {
border-color: #999999 #cccccc #e6e6e6;
-webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.2);
box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.2);
border-style: solid;
border-width: 1px;
padding: 8px 6px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
width: 100%;
}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- DETAILANSICHT STAFFELPREISE -------------------------------------------------------*/
.articleBlockPrice .price {margin-left: 5px;}
.articleBlockPrice {line-height: 20px;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BOX STYLES ------------------------------------------------------------------------*/
.box-1 {border-width: 1px 1px 1px 1px;border-color: #dadadd; border-style: solid;padding: 12px;background: #ffffff;}
.box-2 {border-width: 0px 1px 1px 1px;border-color: #dadadd; border-style: solid;padding: 12px;background: #ffffff;overflow: hidden;}
.box-3 {border-width: 1px 1px 1px 1px;border-color: #dadadd; border-style: solid;padding: 5px;background: #F5F5F5;overflow: hidden;width: 100%;}

/* Anpassung Druckkostenkalkulator */
.cartTableBox {border-width: 1px 1px 0px 1px;border-color: #dadadd; border-style: solid;background: #ffffff;overflow: hidden;width: 100%;padding: 10px;}
.cartTableBoxHeader {border-width: 1px 1px 0px 1px;border-color: #dadadd; border-style: solid;background: #F5F5F5;overflow: hidden; padding: 10px;font-weight: bold;}
.cartTableBoxFooter {border-width: 1px 1px 1px 1px;border-color: #dadadd; border-style: solid;background: #F5F5F5;overflow: hidden; padding: 10px;font-weight: bold;}
.cartTableBox:last-child {border-width: 1px 1px 1px 1px;}
.cartTableFloat {min-height: 0.1em;} /* keep empty divs from collapsing */

.errorBox {background: #F2DEDE; border: 1px solid #ebccd1; color: #a94442;padding: 5px;overflow: hidden;}
.infoBox {background: #D9EDF7; border: 1px solid #bce8f1; color: #31708f;padding: 5px;overflow: hidden;}
.successBox {background: #DFF0D8; border: 1px solid #c9efb9; color: #3C763D;padding: 5px;overflow: hidden;}
.secondInfoBox {background: #f5f5f5; color: #666666;padding: 5px;overflow: hidden;border: 1px solid #dadadd;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- TEXT SHADOW  ----------------------------------------------------------------------*/
.tsW {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.tsB {
text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
-moz-text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
-webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BORDER RADIUS ---------------------------------------------------------------------*/
.brA {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.brT {
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}
.brB {
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
}
.brL {
border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;
}
.brR {
border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
-webkit-border-radius: 0px 5px 5px 0px;
}
.brLO {
border-radius: 5px 0px 0px 0px;
-moz-border-radius: 5px 0px 0px 0px;
-webkit-border-radius: 5px 0px 0px 0px;
}
.brLU {
border-radius: 0px 0px 0px 5px;
-moz-border-radius: 0px 0px 0px 5px;
-webkit-border-radius: 0px 0px 0px 5px;
}
.brRO {
border-radius: 0px 5px 0px 0px;
-moz-border-radius: 0px 5px 0px 0px;
-webkit-border-radius: 0px 5px 0px 0px;
}
.brRU {
border-radius: 0px 0px 5px 0px;
-moz-border-radius: 0px 0px 5px 0px;
-webkit-border-radius: 0px 0px 5px 0px;
}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- AMPEL -----------------------------------------------------------------------------*/
.inStock {text-align: center;width: 100%;}
.inStockGreen {background: none repeat scroll 0 0 #aec85a;}
.inStockYellow {background: none repeat scroll 0 0 #f0b017;}
.inStockRed {background: none repeat scroll 0 0 #ee4e10;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- BADGES ----------------------------------------------------------------------------*/
.badgesBox {position:absolute; right:10px; top:10px;}
.badge {margin-bottom: 3px;padding: 2px 8px;text-align: center;}
.badgeGreen {background: #8ab71b;}
.badgeRed {background: #ee4e10;}
.badgeBlue {background: #2aa1d3;}
.badgeYellow {background: #f0b017;}
.badgeGrey {background: #525863;}
/* -----------------------------------------------------------------------------------------------*/

/* --------OWL CAROUSEL SLIDER -------------------------------------------------------------------*/
.owl-theme .owl-controls .owl-page span {background: none repeat scroll 0 0 #e05048;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- UI JQUERY UI DIALOG ---------------------------------------------------------------*/
.ui-dialog {border: medium none !important;border-radius: 0 !important;padding: 0px !important;}
.ui-widget-header {margin: 5px !important;background: #494949 !important;border: 1px none #aaa !important;color: #ffffff !important;font-weight: bold !important;border-radius: 0px !important;
font-family: "Open Sans Condensed",sans-serif !important;
font-size: 14px !important;
font-weight: 800 !important;
text-transform: uppercase !important;padding: 9px 14px !important;}
.ui-widget-content {color: #666666 !important;}
.ui-widget {color: #666666 !important;font-family: Arial,Helvetica,sans-serif !important;font-size: 1em !important;}
.ui-widget-overlay {background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") repeat scroll 50% 50% #000 !important;opacity: 0.75 !important;z-index: 20012 !important;}
.ui-state-default::before .ui-icon::before {
display: inline-block !important;
font-family: "cs" !important;
font-size: 45px !important;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
line-height: 2em !important;
margin-left: 0.2em !important;
margin-right: 0.2em !important;
text-align: center !important;
text-decoration: inherit !important;
text-transform: none !important;
width: 7em !important;
background: none !important;
}
.ui-front {z-index: 20013}
.ui-icon::before {
  content: "" !important;
}
.ui-corner-all {border-radius: 0px !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;}
.ui-dialog .ui-dialog-titlebar-close {
  height: 30px !important;
  margin: -15px 0 0 !important;
  padding: 1px !important;
  position: absolute !important;
  right: 0.3em !important;
  top: 50% !important;
  width: 30px !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: none repeat scroll 0 0 #fff !important;
  border: 1px none #d3d3d3 !important;
  color: #555 !important;
  font-weight: normal !important;
}
[aria-describedby="dialog-form-kostenstelle"].ui-widget.ui-widget-content {top: 26% !important;position: fixed !important;}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- LIVESHOPPING CALENDAR -------------------------------------------------------------*/
.liveshoppingCalenderArticle {
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	min-height: 395px;width: 100%;
	position:relative;
	display:block;
}

.liveshoppingCalenderArticle .imageContainer {
	transition: 0.5s ease-out;
	-webkit-transition: 0.5s ease-out;
	-moz-transition: 0.5s ease-out;
	-o-transition: 0.5s ease-out;
	-ms-transition: 0.5s ease-out;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;

	/* content backface is visible so that static content still appears */
	backface-visibility: visible;
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-o-backface-visibility: visible;
	-ms-backface-visibility: visible;
	position:relative;
	width: 100%;
	height: 100%;
	
}
.liveshoppingCalenderArticle.applyflip .imageContainer {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
}

.liveshoppingCalenderArticle .imageContainer .imageCover, .liveshoppingCalenderArticle .imageContainer .imageContent {
	/* Backface visibility works great for all but IE. As such, we mark the backface visible in IE and manage visibility ourselves */
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.liveshoppingCalenderArticle .imageContainer .imageCover, .liveshoppingCalenderArticle.applyflip .imageContainer .imageCover {
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
}

.liveshoppingCalenderArticle .imageContainer .imageContent, .liveshoppingCalenderArticle.applyflip .imageContainer .imageContent {
	transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
}

.liveshoppingCalenderArticle .imageContainer .imageCover, .liveshoppingCalenderArticle.applyflip .imageContainer .imageContent {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: visible;
}
.liveshoppingCalenderArticle.applyflip .imageContainer .imageCover, .liveshoppingCalenderArticle .imageContainer .imageContent {
	/* IE Hack. Halfway through the card flip, set visibility. Keep other browsers visible throughout the card flip. */
	animation: stayvisible 0.5s both;
	-webkit-animation: stayvisible 0.5s both;
	-moz-animation: stayvisible 0.5s both;
	-o-animation: stayvisible 0.5s both;
	-ms-animation: donothing 0.5s;
	-ms-transition: visibility 0s linear 0.17s;
	visibility: hidden;
}

.liveshoppingCalenderArticle .imageContainer .imageCover {position: relative;}

#liveshopping img {max-width: 100%;}
#liveshopping .liveshoppingArticle {overflow: hidden;margin-bottom: 10px;border-bottom: 1px solid #dadadd;padding-bottom: 10px;}
#liveshopping .liveshoppingArticle:last-of-type {margin-bottom: 0;border: 0;padding-bottom: 0;}

@keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-webkit-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-moz-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-o-keyframes stayvisible { from { visibility: visible; } to { visibility: visible; } }
@-ms-keyframes donothing { 0% { } 100% { } }
/* -----------------------------------------------------------------------------------------------*/

/* ----------- DROPDOWN RESPONSIVE MENU KATEGORIEN -----------------------------------------------*/
#categoriesTop > ul > li > a > .categorieName {float: left;}
#categoriesTop .mobileBtn {float: left;margin-right: 11px;}
#categoriesTop .categroyHasSub {float: right;display: inline;}
#categoriesTop,
#categoriesTop ul,
#categoriesTop ul li,
#categoriesTop ul li a,
#categoriesTop .menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;z-index:20009;}
#categoriesTop:after,
#categoriesTop > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#categoriesTop .menu-button {display: none;}
#categoriesTop > ul > li {float: left;}
#categoriesTop.align-center > ul {font-size: 0;text-align: center;}
#categoriesTop.align-center > ul > li {display: inline-block;float: none;}
#categoriesTop.align-center ul ul {text-align: left;}
#categoriesTop.align-right > ul > li {float: right;}
#categoriesTop > ul > li > a {padding: 17px;text-decoration: none;height: 47px;}
#categoriesTop > ul > li:hover > a {color: #fff;}

#categoriesTop > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
#categoriesTop ul ul {position: absolute;left: -9999px;}
#categoriesTop.align-right ul ul {text-align: right;}
#categoriesTop ul ul li {height: 0;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#categoriesTop li:hover > ul {left: auto;}
#categoriesTop.align-right li:hover > ul {left: auto;right: 0;}
#categoriesTop li:hover > ul > li {height: 35px;}
#categoriesTop ul ul ul {margin-left: 100%;top: 0;}
#categoriesTop.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#categoriesTop ul ul li a {border-bottom: 1px solid #545454;padding: 11px 15px;width: 240px;font-size: 12px;text-decoration: none;color: #ddd;font-weight: 400;font-family: Arial,Helvetica,sans-serif;text-transform: none;}
#categoriesTop ul ul li:last-child > a,
#categoriesTop ul ul li.last-item > a {border-bottom: 0;}
#categoriesTop ul ul li:hover > a,
#categoriesTop ul ul li a:hover {color: #fff;}

#categoriesTop.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
#categoriesTop ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}
@media only screen and (min-width : 220px) and (max-width : 768px) {
  #categoriesTop {width: 100%;}
  #categoriesTop ul {width: 100%;display: none;}
  #categoriesTop.align-center > ul {text-align: left;}
  #categoriesTop ul li {width: 100%;border-top: 1px solid #545454;}
  #categoriesTop ul ul li,
  #categoriesTop li:hover > ul > li {height: auto;}
  #categoriesTop ul li a,
  #categoriesTop ul ul li a {width: 100%;border-bottom: 0;}
  #categoriesTop > ul > li {float: none;}
  #categoriesTop ul ul li a {padding-left: 25px;}
  #categoriesTop ul ul ul li a {padding-left: 35px;}
  #categoriesTop ul ul li a {color: #ddd;background: none;}
  #categoriesTop ul ul li:hover > a,
  #categoriesTop ul ul li.active > a {color: #fff;}
  #categoriesTop ul ul,
  #categoriesTop ul ul ul,
  #categoriesTop.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
  #categoriesTop > ul > li.has-sub > a:after,
  #categoriesTop > ul > li.has-sub > a:before,
  #categoriesTop ul ul > li.has-sub > a:after,
  #categoriesTop ul ul > li.has-sub > a:before {display: none;}
  #categoriesTop .menu-button {display: block;cursor: pointer;padding: 10px;}
  #categoriesTop .menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: #fff;}
  #categoriesTop .menu-button.menu-opened:before {top: 23px;background: #fff;width: 15px;}
  #categoriesTop .submenu-button {position: absolute;z-index: 20010;right: 0;top: 0;display: block;height: 46px;width: 46px;cursor: pointer;}
  #categoriesTop ul ul .submenu-button {height: 34px;width: 40px;}

  #categoriesTop .submenu-button.submenu-opened:before {display: none;}
}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- DROPDOWN RESPONSIVE MENU ZUSATZSEITEN ---------------------------------------------*/
.addMenu > ul > li > a > .categorieName {float: left;}
.addMenu .mobileBtn {float: left;margin-right: 11px;}
.addMenu .categroyHasSub {float: right;display: inline-block;}
.addMenu,
.addMenu ul,
.addMenu ul li,
.addMenu ul li a,
.addMenu .menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;z-index:20011;}
.addMenu:after,
.addMenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.addMenu .menu-button {display: none;}
.addMenu > ul > li {float: left;}
.addMenu.align-center > ul {font-size: 0;text-align: center;}
.addMenu.align-center > ul > li {display: inline-block;float: none;}
.addMenu.align-center ul ul {text-align: left;}
.addMenu.align-right > ul > li {float: right;}
.addMenu > ul > li > a {padding: 17px;text-decoration: none;height: 47px;}
.addMenu > ul > li:hover > a {color: #fff;}

.addMenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
.addMenu ul ul {position: absolute;left: -9999px;}
.addMenu.align-right ul ul {text-align: right;}
.addMenu ul ul li {height: 0;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
.addMenu li:hover > ul {left: auto;}
.addMenu.align-right li:hover > ul {left: auto;right: 0;}
.addMenu li:hover > ul > li {height: 35px;}
.addMenu ul ul ul {margin-left: 100%;top: 0;}
.addMenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
.addMenu ul ul li a {border-bottom: 1px solid #545454;padding: 11px 15px;width: 240px;font-size: 12px;text-decoration: none;color: #ddd;font-weight: 400;font-family: Arial,Helvetica,sans-serif;text-transform: none;}
.addMenu ul ul li:last-child > a,
.addMenu ul ul li.last-item > a {border-bottom: 0;}
.addMenu ul ul li:hover > a,
.addMenu ul ul li a:hover {color: #fff;}

.addMenu.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
.addMenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}
@media only screen and (min-width : 220px) and (max-width : 768px) {
  .addMenu {width: 100%;}
  .addMenu ul {width: 100%;display: none;}
  .addMenu.align-center > ul {text-align: left;}
  .addMenu ul li {width: 100%;border-top: 1px solid #545454;}
  .addMenu ul ul li,
  .addMenu li:hover > ul > li {height: auto;}
  .addMenu ul li a,
  .addMenu ul ul li a {width: 100%;border-bottom: 0;}
  .addMenu > ul > li {float: none;}
  .addMenu ul ul li a {padding-left: 25px;}
  .addMenu ul ul ul li a {padding-left: 35px;}
  .addMenu ul ul li a {color: #ddd;background: none;}
  .addMenu ul ul li:hover > a,
  .addMenu ul ul li.active > a {color: #fff;}
  .addMenu ul ul,
  .addMenu ul ul ul,
  .addMenu.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
  .addMenu > ul > li.has-sub > a:after,
  .addMenu > ul > li.has-sub > a:before,
  .addMenu ul ul > li.has-sub > a:after,
  .addMenu ul ul > li.has-sub > a:before {display: none;}
  .addMenu .menu-button {display: block;cursor: pointer;padding: 10px;}
  .addMenu .menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: #fff;}
  .addMenu .menu-button.menu-opened:before {top: 23px;background: #fff;width: 15px;}
  .addMenu .submenu-button {position: absolute;z-index: 20012;right: 0;top: 0;display: block;height: 46px;width: 46px;cursor: pointer;}
  .addMenu ul ul .submenu-button {height: 34px;width: 40px;}

  .addMenu .submenu-button.submenu-opened:before {display: none;}
}
/* -----------------------------------------------------------------------------------------------*/

/* ----------- DROPDOWN RESPONSIVE CHECKOUT MENU ZUSATZSEITEN ------------------------------------*/
#checkoutMenu .mobileBtn {float: left;margin-right: 11px;}
#checkoutMenu .categroyHasSub {float: right;display: inline-block;}
#checkoutMenu,
#checkoutMenu ul,
#checkoutMenu ul li,
#checkoutMenu ul li a,
#checkoutMenu .menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;z-index:20011;}
#checkoutMenu:after,
#checkoutMenu > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#checkoutMenu .menu-button {display: none;}
#checkoutMenu > ul > li {float: left;}
#checkoutMenu.align-center > ul {font-size: 0;text-align: center;}
#checkoutMenu.align-center > ul > li {display: inline-block;float: none;}
#checkoutMenu.align-center ul ul {text-align: left;}
#checkoutMenu.align-right > ul > li {float: right;}
#checkoutMenu > ul > li > a {padding: 17px;text-decoration: none;height: 47px;}
#checkoutMenu > ul > li:hover > a {color: #fff;}

#checkoutMenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
#checkoutMenu ul ul {position: absolute;left: -9999px;}
#checkoutMenu.align-right ul ul {text-align: right;}
#checkoutMenu ul ul li {height: 0;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease;}
#checkoutMenu li:hover > ul {left: auto;}
#checkoutMenu.align-right li:hover > ul {left: auto;right: 0;}
#checkoutMenu li:hover > ul > li {height: 35px;}
#checkoutMenu ul ul ul {margin-left: 100%;top: 0;}
#checkoutMenu.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#checkoutMenu ul ul li a {border-bottom: 1px solid #545454;padding: 11px 15px;width: 240px;font-size: 12px;text-decoration: none;color: #ddd;font-weight: 400;font-family: Arial,Helvetica,sans-serif;text-transform: none;}
#checkoutMenu ul ul li:last-child > a,
#checkoutMenu ul ul li.last-item > a {border-bottom: 0;}
#checkoutMenu ul ul li:hover > a,
#checkoutMenu ul ul li a:hover {color: #fff;}

#checkoutMenu.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
#checkoutMenu ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}
@media only screen and (min-width : 220px) and (max-width : 768px) {
  #checkoutMenu {width: 100%;}
  #checkoutMenu ul {width: 100%;display: none;}
  #checkoutMenu.align-center > ul {text-align: left;}
  #checkoutMenu ul li {width: 100%;border-top: 1px solid #545454;}
  #checkoutMenu ul ul li,
  #checkoutMenu li:hover > ul > li {height: auto;}
  #checkoutMenu ul li a,
  #checkoutMenu ul ul li a {width: 100%;border-bottom: 0;}
  #checkoutMenu > ul > li {float: none;}
  #checkoutMenu ul ul li a {padding-left: 25px;}
  #checkoutMenu ul ul ul li a {padding-left: 35px;}
  #checkoutMenu ul ul li a {color: #ddd;background: none;}
  #checkoutMenu ul ul li:hover > a,
  #checkoutMenu ul ul li.active > a {color: #fff;}
  #checkoutMenu ul ul,
  #checkoutMenu ul ul ul,
  #checkoutMenu.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
  #checkoutMenu > ul > li.has-sub > a:after,
  #checkoutMenu > ul > li.has-sub > a:before,
  #checkoutMenu ul ul > li.has-sub > a:after,
  #checkoutMenu ul ul > li.has-sub > a:before {display: none;}
  #checkoutMenu .menu-button {display: block;cursor: pointer;padding: 10px;}
  #checkoutMenu .menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: #fff;}
  #checkoutMenu .menu-button.menu-opened:before {top: 23px;background: #fff;width: 15px;}
  #checkoutMenu .submenu-button {position: absolute;z-index: 20012;right: 0;top: 0;display: block;height: 46px;width: 46px;cursor: pointer;}
  #checkoutMenu ul ul .submenu-button {height: 34px;width: 40px;}

  #checkoutMenu .submenu-button.submenu-opened:before {display: none;}
}
/* -----------------------------------------------------------------------------------------------*/

.dsBox {font-weight: 400;text-transform: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 5px 0 15px 0;overflow: hidden;min-height: 20px;}
.dsBox [name="dsCheck"] {position: relative; top: 2px;float: left;}
.dsBox a {text-decoration: underline;}
.dsBox label span {display: inline-block;float: left;top: 1px;position: relative;left: 3px;}

/* -----------------------------------------------------------------------------------------------*/