@font-face {
	font-family: 'Pe-icon-7-stroke';
	src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
	src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
		url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
		url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
		url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
	font-weight: normal;
	font-style: normal;
}
  
 
.fl{float:left}
.fr{float:right}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
#bierathekcarticonwrapper{width:45px;height:45px;cursor: pointer; position:relative}

#bierathekcarticonwrapper::before{
	display: inline-block;
	font-family: 'Pe-icon-7-stroke';
	font-style: normal;
	font-weight: bold;
	line-height: 45px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e66e";
	font-size: 22px;
	speak: none;
	top: -2px;
	left: 0;
	background: 0;
	padding: 0;
	color:#fff;
}

#carticonbadge{
	width:20px;height:20px;
	background:#ffffff;
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
	color:#002f71;
	position:absolute;
	right:10px; 
	top:5px; line-height:20px;
	text-align:center;
	cursor: pointer;
}

.theme-bluex #carticonbadge{
	width:20px;height:20px;
	background:#ffffff;
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
	color:#002f71;
	position:absolute;
	right:10px; 
	top:5px; line-height:20px;
	text-align:center;
	cursor: pointer;
}
.theme-grey .is--sticky.is--sticky-extend #carticonbadge{
	width:20px;height:20px;
	background:#002f71;
	border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
	color:#ffffff;
	position:absolute;
	right:10px; 
	top:5px; line-height:20px;
	text-align:center;
	cursor: pointer;
}

.theme-grey .is--sticky.is--sticky-extend #bierathekcarticonwrapper::before{
	
	color:#002f71;
}

#cartwrapper{z-index:900;width:0px; position:fixed;top:80px;right:0;bottom:0; overflow:hidden;-webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);
box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);}
#cartcontent{height:100%; width:350px; position:absolute;right:0px;background: #e8e8e8;}  
 
#cartheader{width:100%; position:absolute; top:0; height: 80px;}
#cartiframe {
    position: absolute;
    top: 80px;
    height: calc(100% - 170px);
    width: 100%;
}
#cartfooter{    width: 100%;
    position: absolute;
    bottom: 0;
    height: 80px;
}
.cartfooterSubtotal{ background-color:transparent}
.cartheadertitel{float:left; font-size: 35px; color: #767676; margin:15px}
.cartheaderclose{float:right; font-size: 35px; color: #767676; cursor: pointer;margin:15px}
.cartcheckout{font-size: 15px; color:#fff;background:#002f71; width:300px; margin:0 auto; padding:15px; text-align:center; cursor: pointer }
.cartcheckout a {dsiplay:block; color:#fff; text-decoration:none}
.Qtyaction  {background: #d2d3d5;width:37px; height:37px; border:1px solid #000; display:block; line-height:37px; text-align:center;cursor: pointer}
.Qty    {border:1px solid #000;} 
.actQty  {width:74px !important; height:35px !important; border:1px solid #000; display:block; line-height:37px; text-align:center; padding: 0} 
.ProductItemWrapper {padding: 15px 0 15px 0;}
.ProductItemIcon {width:40px; height:40px; }
.ProductItemText {display:block; line-height:37px;width:320px;font-size: calc(1rem + 2px); font-weight: 500;}
.ProductItemPrice {line-height:37px;padding-right:10px; font-weight:bold;width: 100px;font-size: calc(1rem + 2px); font-weight: 700;}

.gebindeimage::before {
    content: "";
    background-color: rgba(0,0,0,.8);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    width: 40px;
    height: 40px;
    top: auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-image: none !important;
	-webkit-mask-image: url(../images/flasche.svg);
	mask-image: url(../images/flasche.svg);
}

.gebindeimage-11::before, .gebindeimage-12::before, .gebindeimage-13::before, .gebindeimage-14::before {
    -webkit-mask-image: url('../images/fass.svg');
    mask-image: url('../images/fass.svg');
}

.gebindeimage-6::before, .gebindeimage-7::before, .gebindeimage-8::before, .gebindeimage-9::before, .gebindeimage-42::before {
    -webkit-mask-image: url('../images/12er-tray.svg');
    mask-image: url('../images/12er-tray.svg');
}
.gebindeimage-38::before, .gebindeimage-39::before {
    -webkit-mask-image: url('../images/pinolkiste.svg');
    mask-image: url('../images/pinolkiste.svg');
}
.gebindeimage-44::before, .gebindeimage-45::before, .gebindeimage-46::before, .gebindeimage-47::before, .gebindeimage-48::before{
	
	-webkit-mask-image: url(../images/gebinde-icons-bottle.svg);
	mask-image: url(../images/gebinde-icons-bottle.svg);
	
}

.gebindeimage-50::before, .gebindeimage-54::before{
	
	-webkit-mask-image: url(../images/gebinde-icons-jar.svg);
	mask-image: url(../images/gebinde-icons-jar.svg);
	
}

.gebindeimage-149::before ,.gebindeimage-51::before{
	
	-webkit-mask-image: url(../images/gebinde-icons-fanecke.svg);
	mask-image: url(../images/gebinde-icons-fanecke.svg);
	
}

.gebindeimage-52::before,.gebindeimage-55::before,.gebindeimage-56::before,.gebindeimage-57::before,.gebindeimage-58::before, .gebindeimage-59::before {
	
	-webkit-mask-image: url(../images/gebinde-icons-glass.svg);
	mask-image: url(../images/gebinde-icons-glass.svg);
	
} 
.gebindeimage-53::before{
	
	-webkit-mask-image: url(../images/gebinde-icons-sweets.svg);
	mask-image: url(../images/gebinde-icons-sweets.svg);
	
}

.gebindeimage-97::before{
	
	-webkit-mask-image: url(../images/gebinde-icons-stamperl-v2.svg);
	mask-image: url(../images/gebinde-icons-stamperl-v2.svg);
	
}

.gebindeimage-98::before{
	
	-webkit-mask-image: url(../images/gebinde-icons-accessories.svg);
	mask-image: url(../images/gebinde-icons-accessories.svg);
	
}

.gebindeimage-108::before{
	
	-webkit-mask-image: url(../images/gebinde-icons-erlebnistage.svg);
	mask-image: url(../images/gebinde-icons-erlebnistage.svg);
	
}

.bierathekcartcount{width:20px !important; height:20px !important; }