:root {
  --primary-color: 12, 143, 158;
  --primary-color-light: #10bacd;
  --primary-color-dark: #08646f;
  
  --secondary-color : #3AEAE2;
  --secondary-color-light : #68efe9;
  --secondary-color-dark : #17dad1;

  --tertiary-color : #0D1E33;
  --tertiary-color-light : #17365c;
  --tertiary-color-dark : #0a1e36;
}
.d-absolute{
	position: absolute;
} 

.d-fixed{
	position: fixed;
	left : 3%;
	right : 3%;
} 
.bottom{
	bottom : 5px;
}

body.backdrop-open{
	overflow: hidden;
}
.backdrop{
	display : none;
	width : 100%;
	height : 100%;
	background : rgba(0, 0, 0, 0.5);
	position: fixed;
	top : 0px;
	left : 0px;
	z-index : 999999;

	
}
.backdrop-content{
	width : 475px;
	height : 100%;
	float: right;
	background : #fff;
	margin-right: -475px !important;
	transition: margin-right 0.150s ease-in-out;
	z-index : 9999999;
	position: fixed;
	top : 0px;
	right : 0px;
	padding : 25px;
}

.backdrop-content-body{
	position: relative;
}


.backdrop-content .warenkorb-content .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: transparent;
}

.backdrop-content .warenkorb-content .col-xs-12 {
    padding : 0px;
}
.backdrop-content .warenkorb-content .strong  {
   font-weight: normal !important;
}

.backdrop-content .bg {
  font-size : 16px;
}

.backdrop-content .wk-artikel-title  {
  font-size : 14px;
}

.backdrop-content .WKimgSmall  {
  border : none;
  background : transparent;
  width : 85px;
}
.backdrop-content .versandinfo  {
  color : #666;
}

.backdrop-content .wk-complete-total .strong {
  	font-weight: bold !important;
}
.backdrop-content .wk-complete-total  {
  	border-top: 2px solid #292929;
	font-size: 16px;
	font-weight: bold !important;
}

.backdrop-content .deleteProduct  {
  font-size: 20px;
}
.backdrop-content .bestellunguber  {
  font-size : 20px;
  font-weight: bold;
  font-family: 'Fjalla One';
}

.backdrop-content .wk-ampel-container, .backdrop-content .wk-gesamt-preis-container  {
  display : none;
}
.wk-control-button-inline{
	display: none;
}

.wk-control-button-inline .wk-go-to-cart, .wk-control-button-inline .wk-checkout{
	font-size: 20px;
	line-height: 20px !important;
	padding : 15px !important;
	width : 100%;
	border : none;
	border-radius: 0px;
	margin : 10px 0px;
	font-family: 'Fjalla One';
	text-transform: uppercase;
}

.backdrop-content .wk-control-button-inline{
	display : table-row;
}

.backdrop-content .wk-control-button, 
.backdrop-content .wk-ec-rate{
	display : none;
}

/*wk-checkout wk-go-to-cart*/
.backdrop-content .wk-control-button-inline{
  border : none;
}

body.backdrop-open .backdrop{
	display : block;
}
body.backdrop-open .backdrop-content{
	margin-right: 0px !important;
	overflow: auto;
}

.b-none{border:none;}

a{color : #000;}
a:hover{color : #303030;}
a.highlight{background : #DDDDDD; padding:2px 5px;}

.bg-primary{
	background-color : rgb(var(--primary-color));
}

.outline-primary{
	color : rgb(var(--primary-color));
	border : 5px solid rgb(var(--primary-color));
}



a.bg-primary:visited, button.bg-primary:visited{
	background-color : var(--primary-color-dark);
}
a.btn.bg-primary:visited, button.btn.bg-primary:visited{
	background-color : rgb(var(--primary-color));
}

a.bg-primary:focus, a.bg-primary:active,
button.bg-primary:focus, button.bg-primary:active{
	background-color : var(--primary-color-dark);
}

.outline-primary{
	color : rgb(var(--primary-color));
	border : 5px solid rgb(var(--primary-color)) !important;
	background-color : #fff;
}
.outline-primary:hover{
	background-color : rgb(var(--primary-color));
	border : 5px solid rgb(var(--primary-color)) !important;
	color : #fff;
}

a.bg-primary:hover, 
button.bg-primary:hover,
input.bg-primary:hover{
	background-color : var(--primary-color-light) !important;
	color : #fff !important;
}







.bg-secondary{
	background-color : var(--secondary-color);
}
.bg-tertiary{
	background-color : var(--tertiary-color);
}

.color-primary{
	color : rgb(var(--primary-color));
}

a.color-primary:hover{
	color : var(--primary-color-dark);
}

a.color-primary:focus, a.color-primary:active, a.color-primary:visited{
	color : var(--primary-color-dark);
}


a.color-secondary:hover{
	color : var(--secondary-color-dark);
}

a.color-secondary:focus, a.color-secondary:active, a.color-secondary:visited{
	color : var(--secondary-color-light);
}

.color-secondary{
	color : var(--secondary-color);
}

.color-tertiary{
	color : var(--tertiary-color);
}


a.color-tertiary:hover{
	color : var(--secondary-color-dark);
}

a.color-tertiary:focus, a.color-tertiary:active, a.color-tertiary:visited{
	color : var(--tertiary-color-light);
}

.color-white{
	color : #fff;
}
.bg-white{
	background-color : #fff;
}



.text-highlight, .modal-title, .sideBarTitle, .backdrop-content .heading5 {
   background: linear-gradient(to right, var(--tertiary-color) 0%, var(--secondary-color) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color : transparent;
    display: inline-block;
}

.backdrop-content .blockTitle, .backdrop-content .blockTitle span{
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	font-size: 28px !important;
	font-family: 'Fjalla One';
}
.sideBarTitle{
	font-size : 22px;
	font-weight: bold;
	font-family: 'Fjalla One';
	display : block;
}

.subkatanzeige .productView .thumbnail{
	border : 5px solid #fff;
	transition: none;
}

.border-highlight, .modal-content, .artikeluebersicht:hover .artikel-extended, .backdrop-content, 
.subkatanzeige .productView:hover .thumbnail{
	border : 5px solid;
	border-image-source: linear-gradient(45deg, var(--tertiary-color) 0%, var(--secondary-color) 100%);
	border-image-slice: 1;
}

.login-form{
	border-right: 2px solid #dedede;
}


.modal-content{
	padding : 60px;
	padding-bottom : 30px;
}
.modal-header, .modal-body, .modal-footer{
	padding : 0px;
	border : none;
}
.modal-footer{margin-top:10px;}

.modal-title{
	text-transform: uppercase;
	margin-bottom : 20px;
	font-size: 28px;
	font-weight: bold;
	font-family: 'Fjalla One';
}

.backdrop-content .close, .modal-dialog .close{
	font-size: 40px;
	color: #292929;
	opacity: 1;
	position : absolute;
	top : 20px;
	right : 20px;
	top: 5px;
	right: 15px;
	font-weight: normal;
	z-index: 1;
}

._email_kunde_{display:none!important;}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans-Regular'),
	url(./fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans'), local('OpenSans-Bold'),
	url(./fonts/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans'), local('OpenSans-ExtraBold'),
	url(./fonts/OpenSans-ExtraBold.ttf) format('truetype');
}

/* latin-ext */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./fonts/FjallaOne-Regular.ttf) format('truetype');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fjalla One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
   src: url(./fonts/FjallaOne-Regular.ttf) format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
	font-family 	: 'Open Sans', Arial, Helvetica, sans-serif;
	color 			: #292929;
	background		: #F3F3F3;
	font-size  		: 16px;
	padding-top 	: 112px;
	overflow-x: hidden; /* Prevent scroll on narrow devices */
}

.text-lg, .text-lg > *{
	font-size : 18px;
}



h1, .h1,
h1 > *, .h1 > *{
	font-size: 60px;
	font-weight: bold;
}
h2, .h2,
h2 > *, .h2 > *{
	font-size: 50px;
	font-weight: bold;
}
h3, .h3,
h3 > *, .h3 > *{
	font-size: 42px;
	font-weight: bold;
}
h4, .h4,
h4 > *, .h4 > *{
	font-size: 34px;
	font-weight: bold;
}
h5, .h5,
h5 > *, .h5 > *{
	font-size: 28px;
	font-weight: bold;
}
h6, .h6,
h6 > *, .h6 > *{
	font-size: 20px;
	font-weight: bold;
}
.h7,
.h7 > *{
	font-size: 24px;
	font-weight: bold;
}

.panel-title, .panel-title > *{
	font-size : 24px !important;
}

.fjalla{font-family: 'Fjalla One'}

.flex{
	display : flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
}
.flex .h100p{
	height : 100%;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.anyForm img{max-width : 100%;}
.anyForm label.required:after{
	content : "*";
	font-size : 14px;
	color : red;
	margin-left : 10px;
	line-height : 14px;
}
.anyForm input[type="checkbox"],
.anyForm input[type="radio"]{margin-left : 10px !important;}
.anyForm .radiogroup label{
	display : block;
	padding-left : 35px;
	font-weight: normal;
	margin-bottom : 0px;
}
.anyForm .has-error .radiogroup label{
    color:#843534;
    font-weight: bold;
}

.anyForm .text-content{margin-bottom : 10px !important;}

img{max-width : 100%;}
#myModal{z-index:999999}
#myModal .modal-xlg{width : 1000px;max-width:100%;}
#message{position:fixed;top:0px;left:0px;right:0px; display:none;z-index:1999999;}
#message .alert{width:100%;}
#message .alert h4{margin:0px;}
#searchForm{margin : 0px;}
.pt0,.p0	{padding-top 	: 0px;}
.pr0,.p0	{padding-right 	: 0px;}
.pb0,.p0	{padding-bottom : 0px;}
.pl0,.p0	{padding-left 	: 0px;}
.pt5,.p5	{padding-top 	: 5px;}
.pr5,.p5	{padding-right 	: 5px;}
.pb5,.p5	{padding-bottom : 5px;}
.pl5,.p5	{padding-left 	: 5px;}
.pt10,.p10	{padding-top 	: 10px;}
.pr10,.p10	{padding-right 	: 10px;}
.pb10,.p10	{padding-bottom : 10px;}
.pl10,.p10	{padding-left 	: 10px;}
.pt15,.p15	{padding-top 	: 15px;}
.pr15,.p15	{padding-right 	: 15px;}
.pb15,.p15	{padding-bottom : 15px;}
.pl15,.p15	{padding-left 	: 15px;}
.pt20,.p20	{padding-top 	: 20px;}
.pr20,.p20	{padding-right 	: 20px;}
.pb20,.p20	{padding-bottom : 20px;}
.pl20,.p20	{padding-left 	: 20px;}
.pt25,.p25	{padding-top 	: 25px;}
.pr25,.p25	{padding-right 	: 25px;}
.pb25,.p25	{padding-bottom : 25px;}
.pl25,.p25	{padding-left 	: 25px;}
.pt30,.p30	{padding-top 	: 30px;}
.pr30,.p30	{padding-right 	: 30px;}
.pb30,.p30	{padding-bottom : 30px;}
.pl30,.p30	{padding-left 	: 30px;}
.pt35,.p35	{padding-top 	: 35px;}
.pr35,.p35	{padding-right 	: 35px;}
.pb35,.p35	{padding-bottom : 35px;}
.pl35,.p35	{padding-left 	: 35px;}
.pt40,.p40	{padding-top 	: 40px;}
.pr40,.p40	{padding-right 	: 40px;}
.pb40,.p40	{padding-bottom : 40px;}
.pl40,.p40	{padding-left 	: 40px;}
.pt45,.p45	{padding-top 	: 45px;}
.pr45,.p45	{padding-right 	: 45px;}
.pb45,.p45	{padding-bottom : 45px;}
.pl45,.p45	{padding-left 	: 45px;}
.pt50,.p50	{padding-top 	: 50px;}
.pr50,.p50	{padding-right 	: 50px;}
.pb50,.p50	{padding-bottom : 50px;}
.pl50,.p50	{padding-left 	: 50px;}

.mt0,.m0	{margin-top 	: 0px;}
.mr0,.m0	{margin-right 	: 0px;}
.mb0,.m0	{margin-bottom : 0px;}
.ml0,.m0	{margin-left 	: 0px;}
.mt5,.m5	{margin-top 	: 5px;}
.mr5,.m5	{margin-right 	: 5px;}
.mb5,.m5	{margin-bottom : 5px;}
.ml5,.m5	{margin-left 	: 5px;}
.mt10,.m10	{margin-top 	: 10px;}
.mr10,.m10	{margin-right 	: 10px;}
.mb10,.m10	{margin-bottom : 10px;}
.ml10,.m10	{margin-left 	: 10px;}
.mt15,.m15	{margin-top 	: 15px;}
.mr15,.m15	{margin-right 	: 15px;}
.mb15,.m15	{margin-bottom : 15px;}
.ml15,.m15	{margin-left 	: 15px;}
.mt20,.m20	{margin-top 	: 20px;}
.mr20,.m20	{margin-right 	: 20px;}
.mb20,.m20	{margin-bottom : 20px;}
.ml20,.m20	{margin-left 	: 20px;}
.mt25,.m25	{margin-top 	: 25px;}
.mr25,.m25	{margin-right 	: 25px;}
.mb25,.m25	{margin-bottom : 25px;}
.ml25,.m25	{margin-left 	: 25px;}
.mt30,.m30	{margin-top 	: 30px;}
.mr30,.m30	{margin-right 	: 30px;}
.mb30,.m30	{margin-bottom : 30px;}
.ml30,.m30	{margin-left 	: 30px;}
.mt35,.m35	{margin-top 	: 35px;}
.mr35,.m35	{margin-right 	: 35px;}
.mb35,.m35	{margin-bottom : 35px;}
.ml35,.m35	{margin-left 	: 35px;}
.mt40,.m40	{margin-top 	: 40px;}
.mr40,.m40	{margin-right 	: 40px;}
.mb40,.m40	{margin-bottom : 40px;}
.ml40,.m40	{margin-left 	: 40px;}
.mt45,.m45	{margin-top 	: 45px;}
.mr45,.m45	{margin-right 	: 45px;}
.mb45,.m45	{margin-bottom : 45px;}
.ml45,.m45	{margin-left 	: 45px;}
.mt50,.m50	{margin-top 	: 50px;}
.mr50,.m50	{margin-right 	: 50px;}
.mb50,.m50	{margin-bottom : 50px;}
.ml50,.m50	{margin-left 	: 50px;}


.pt0i,.p0i	{padding-top 	: 0px !important;}
.pr0i,.p0i	{padding-right 	: 0px !important;}
.pb0i,.p0i	{padding-bottom : 0px !important;}
.pl0i,.p0i	{padding-left 	: 0px !important;}
.pt5i,.p5i	{padding-top 	: 5px !important;}
.pr5i,.p5i	{padding-right 	: 5px !important;}
.pb5i,.p5i	{padding-bottom : 5px !important;}
.pl5i,.p5i	{padding-left 	: 5px !important;}
.pt10i,.p10i	{padding-top 	: 10px !important;}
.pr10i,.p10i	{padding-right 	: 10px !important;}
.pb10i,.p10i	{padding-bottom : 10px !important;}
.pl10i,.p10i	{padding-left 	: 10px !important;}
.pt15i,.p15i	{padding-top 	: 15px !important;}
.pr15i,.p15i	{padding-right 	: 15px !important;}
.pb15i,.p15i	{padding-bottom : 15px !important;}
.pl15i,.p15i	{padding-left 	: 15px !important;}
.pt20i,.p20i	{padding-top 	: 20px !important;}
.pr20i,.p20i	{padding-right 	: 20px !important;}
.pb20i,.p20i	{padding-bottom : 20px !important;}
.pl20i,.p20i	{padding-left 	: 20px !important;}
.pt25i,.p25i	{padding-top 	: 25px !important;}
.pr25i,.p25i	{padding-right 	: 25px !important;}
.pb25i,.p25i	{padding-bottom : 25px !important;}
.pl25i,.p25i	{padding-left 	: 25px !important;}
.pt30i,.p30i	{padding-top 	: 30px !important;}
.pr30i,.p30i	{padding-right 	: 30px !important;}
.pb30i,.p30i	{padding-bottom : 30px !important;}
.pl30i,.p30i	{padding-left 	: 30px !important;}
.pt35i,.p35i	{padding-top 	: 35px !important;}
.pr35i,.p35i	{padding-right 	: 35px !important;}
.pb35i,.p35i	{padding-bottom : 35px !important;}
.pl35i,.p35i	{padding-left 	: 35px !important;}
.pt40i,.p40i	{padding-top 	: 40px !important;}
.pr40i,.p40i	{padding-right 	: 40px !important;}
.pb40i,.p40i	{padding-bottom : 40px !important;}
.pl40i,.p40i	{padding-left 	: 40px !important;}
.pt45i,.p45i	{padding-top 	: 45px !important;}
.pr45i,.p45i	{padding-right 	: 45px !important;}
.pb45i,.p45i	{padding-bottom : 45px !important;}
.pl45i,.p45i	{padding-left 	: 45px !important;}
.pt50i,.p50i	{padding-top 	: 50px !important;}
.pr50i,.p50i	{padding-right 	: 50px !important;}
.pb50i,.p50i	{padding-bottom : 50px !important;}
.pl50i,.p50i	{padding-left 	: 50px !important;}

.mt0i,.m0i	{margin-top 	: 0px !important;}
.mr0i,.m0i	{margin-right 	: 0px !important;}
.mb0i,.m0i	{margin-bottom : 0px !important;}
.ml0i,.m0i	{margin-left 	: 0px !important;}
.mt5i,.m5i	{margin-top 	: 5px !important;}
.mr5i,.m5i	{margin-right 	: 5px !important;}
.mb5i,.m5i	{margin-bottom : 5px !important;}
.ml5i,.m5i	{margin-left 	: 5px !important;}
.mt10i,.m10i	{margin-top 	: 10px !important;}
.mr10i,.m10i	{margin-right 	: 10px !important;}
.mb10i,.m10i	{margin-bottom : 10px !important;}
.ml10i,.m10i	{margin-left 	: 10px !important;}
.mt15i,.m15i	{margin-top 	: 15px !important;}
.mr15i,.m15i	{margin-right 	: 15px !important;}
.mb15i,.m15i	{margin-bottom : 15px !important;}
.ml15i,.m15i	{margin-left 	: 15px !important;}
.mt20i,.m20i	{margin-top 	: 20px !important;}
.mr20i,.m20i	{margin-right 	: 20px !important;}
.mb20i,.m20i	{margin-bottom : 20px !important;}
.ml20i,.m20i	{margin-left 	: 20px !important;}
.mt25i,.m25i	{margin-top 	: 25px !important;}
.mr25i,.m25i	{margin-right 	: 25px !important;}
.mb25i,.m25i	{margin-bottom : 25px !important;}
.ml25i,.m25i	{margin-left 	: 25px !important;}
.mt30i,.m30i	{margin-top 	: 30px !important;}
.mr30i,.m30i	{margin-right 	: 30px !important;}
.mb30i,.m30i	{margin-bottom : 30px !important;}
.ml30i,.m30i	{margin-left 	: 30px !important;}
.mt35i,.m35i	{margin-top 	: 35px !important;}
.mr35i,.m35i	{margin-right 	: 35px !important;}
.mb35i,.m35i	{margin-bottom : 35px !important;}
.ml35i,.m35i	{margin-left 	: 35px !important;}
.mt40i,.m40i	{margin-top 	: 40px !important;}
.mr40i,.m40i	{margin-right 	: 40px !important;}
.mb40i,.m40i	{margin-bottom : 40px !important;}
.ml40i,.m40i	{margin-left 	: 40px !important;}
.mt45i,.m45i	{margin-top 	: 45px !important;}
.mr45i,.m45i	{margin-right 	: 45px !important;}
.mb45i,.m45i	{margin-bottom : 45px !important;}
.ml45i,.m45i	{margin-left 	: 45px !important;}
.mt50i,.m50i	{margin-top 	: 50px !important;}
.mr50i,.m50i	{margin-right 	: 50px !important;}
.mb50i,.m50i	{margin-bottom : 50px !important;}
.ml50i,.m50i	{margin-left 	: 50px !important;}

.py-5{
	padding-top : 5%;
	padding-bottom : 5%;
}
.px-5{
	padding-right : 5%;
	padding-left : 5%;
}
.my-5{
	margin-top : 5%;
	margin-bottom : 5%;
}
.mx-5{
	margin-right : 5%;
	margin-left : 5%;
}

.strong{font-weight:bold;} 
.upper{text-transform: uppercase;}
.bg{font-size : 18px;}

.parm3 p{margin-bottom : 3px;}

#allaround{
	position			:relative;
    box-shadow			: none;
}
#mdMainNav{margin-bottom : 0px;}
#mdMainNav ul li.dropdown:hover .dropdown-menu{display : block;}
#maindiv{margin-top : 10px; margin-bottom : 10px;}

/*==== Alerts - Start ====*/
.alert{
	font-weight 		: bold;
	border-radius 		: 0px;
	color				: #fff;
	position			: relative;
}
.alert.alert-xs{padding:5px 10px;}
.alert h4 > span{
	line-height : 28px;
	margin-left : 25px;
}
.alert h4 > span:before{
	position		: absolute;
	left 			: 10px;
	display			: inline-block;
	font-family		: 'Glyphicons Halflings';
	font-style		: normal;
	font-weight		: 400;
	line-height		: 28px;
	font-size 		: 24px;
	margin-right	: 10px;
	-webkit-font-smoothing	: antialiased;
	-moz-osx-font-smoothing	: grayscale;
}
.alert-success{
	background-color	: #85C800;
	border 				: 1px solid #97DA22;
}
.alert-success h4 > span:before{
	content : '\e084';
}

.alert-danger{
	background-color	: rgb(var(--primary-color));
	border 				: 1px solid var(--primary-color-dark);
}
.alert-danger h4 > span:before{
	content : '\e083';
}

.alert-warning{
	background-color	: #E8990F;
	border 				: 1px solid #FAA822;
}
.alert-warning h4 > span:before{
	content : '\e101';
}

.alert.alert-noicon h4 > span{margin-left : 0px;}
.alert.alert-noicon h4 > span:before{content : "";}
/*==== Alerts - End ====*/

/*==== Teaser - Start ====*/
.emotion_img{width : 100%;}
#teaserinhalt, div.ems_slider{
	display 		: inline-block;
	position		: relative;
	width 			: 100%;
	padding 		: 0px;
	margin-top 		: 0px;
	margin-bottom 	: 10px;
	overflow 		: hidden;
}
#teaserinhalt ul, div.ems_slider ul{
	width : 100%;
	margin : 0px;
	padding : 0px;
}
#teaserinhalt ul li, div.ems_slider ul li{
	list-style : none;
	width : 100%;
}
#teaserinhalt ul li img, div.ems_slider ul li img{
	max-width : 100%;
	width : 100%;
}
/*==== Teaser - End ====*/

.emption_text{
	background: linear-gradient(to right, rgb(var(--primary-color)) 0%, var(--secondary-color) 100%);
	color : #fff;
}
.emption_text .breadcrumb {
	background: transparent;
}
.emption_text ol li a{
	color : #ffffff;
	text-transform: uppercase;
	font-family: 'Fjalla One';
	font-size: 16px;
}
.emption_text ol li a:hover,
.emption_text ol li a:hover,
.emption_text ol li a:focus,
.emption_text ol li.active a{
	background : transparent;
	color : var(--secondary-color);
	text-decoration: none;
}



/*==== Special Button - Start ====*/
.btn-green{color : #005195;}
.btn-green:hover{color :#005ba5;}

.btn.btn-green{background-color : #005195; color : #ffffff; border: 1px solid #005ba5;}
.btn.btn-green:hover{background-color :#005ba5; color : #ffffff;}
/*==== Special Button - End ====*/



/*==== fixedTop - Start ====*/
#headerdiv{
	background : #fff;
}
#headerdiv .ul1{
	float : none;
	margin : 0px auto;
	text-align: center;
	padding-top: 20px;
}
#headerdiv .ul1 > li{
	float : none;
	display : inline-block;
}
#headerdiv .ul1 > li > a{
	color : #292929;
	font-weight : bold;
}
#headerdiv .ul1 li a:hover,
#headerdiv .ul1 li a:focus,
#headerdiv .ul1 li a:active{
	background : transparent;
	color : rgb(var(--primary-color));

}
#headerdiv .ul1 > li.dropdown:hover .dropdown-menu{display : block;}


#headerdiv .login_ul > li > a{font-size : 16px; padding : 10px; line-height : 18px; border-right : 1px solid #000000;}
#headerdiv .login_ul li a:hover{background : transparent; color : #ffffff;}
#headerdiv .login_ul li a{background : transparent; color : #ffffff; font-size : 24px; line-height : 24px;}
#headerdiv .login_ul li {padding : 0px;}
#headerdiv .login_ul li:last-of-type a {border : none;}


#headerdiv, #headerdiv.min, 
#headerdiv #headerlogo a img, #headerdiv.min #headerlogo a img, 
#headerdiv #mdMainNav ul.nav>li,#headerdiv.min #mdMainNav ul.nav>li, 
#headerdiv.min .moreBox, #headerdiv .moreBox, 
#headerdiv.min .ul1, #headerdiv .ul1
{
	transition: all 0.1s linear, left 0.2s linear, right 0.2s linear;
}
#headerdiv{
	position : fixed;
	top : 0px;
	left : 0px;
	right : 0px;
	padding : 10px 0px 0px 0px ;
	z-index : 1040;
}
#headerdiv #headerlogo{padding: 0px 0px 0px 15px;}
#headerdiv .moreBox{padding: 15px 15px 0px 0px;}

.row-offcanvas.active #headerdiv{
	left : 50%;
	right : -50%;
}

#headerdiv.min{
	padding : 5px 0px 0px 0px;	
}
#headerdiv.min #headerlogo{padding: 0px 0px 0px 8px;}
#headerdiv.min .moreBox{padding: 0px 8px 0px 0px;}
#headerdiv #headerlogo a img{
	max-height : 80px;
	margin-top : 0px;
}
#headerdiv.min #headerlogo a img{
	max-height : 50px;
	margin-top : 7px;
}

#headerdiv.min .ul1{
	padding-top: 0px;
}

#mdMainNavChildren{
	margin-top : -2px;
	z-index : 20px;
	padding : 0px;
}
#mdMainNavChildren > div{
	position : absolute;
	z-index : 20;
	min-height : 0px;
	height : 0px;
	padding : 0px;
	/*-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25 ease-in-out;*/
}

#mdMainNavChildren > div:hover, #mdMainNavChildren > div.active{
	min-height: 350px;
    background : #fff;
	height : unset;
	/*-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25 ease-in-out;*/
	box-shadow : 0px 7px 7px 0px rgba(0,0,0,0.33);
}

#mdMainNavChildren > div{
}
#mdMainNavChildren .menu{
	xpadding : 20px 0px;
	display : none;
	padding: 30px 15px 50px 15px;
	min-height : 350px;
}
#mdMainNavChildren .menu.active, #mdMainNavChildren .menu:hover{
	display : block;
}
#mdMainNavChildren ul{
	padding : 0px;
	margin : 0px 0px 10px 0px;
}

#mdMainNavChildren, #mdMainNavChildren h3, #mdMainNavChildren .h3{
	color : #000;
}
#mdMainNavChildren h3, #mdMainNavChildren .h3{
	color : #000;
	font-size : 26px;
	font-weight : bold;
	position : relative;
	margin-bottom : 20px;
}

#mdMainNavChildren h3:after, #mdMainNavChildren .h3:after{
	content : "";
	display : block;
	height : 2px;
	width : 66px;
	background-color: rgb(var(--primary-color));
	margin-top : 10px;
}

#mdMainNavChildren ul.compact{
	min-height : 36px;
}

#mdMainNavChildren ul ul{
	padding-left : 20px;
}

#mdMainNavChildren ul li{
	padding : 0px;
	margin : 0px;
	list-style : none;
}
#mdMainNavChildren ul li a{
	padding : 5px 7px;
	color : #000;
	display : block;
	font-size : 14px;
	line-height: 16px;
	text-transform: uppercase;
}
#mdMainNavChildren ul li ul li a{
	text-transform: none;
}
#mdMainNavChildren ul.ul-level-1 > li > a{
	font-weight : bold;
}
#mdMainNavChildren .ems_slider{
	min-height : 250px;
}


#headerdiv.min #mdMainNav ul.nav>li{
	margin: 0 5px;
}

@media(min-width: 768px){

	.navigation_hauptkategorien li .dropdown-menu{
		background-color : #c40027;
		width : 500px;
		border-top : none;
		-webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, .175);
		box-shadow: 0 8px 12px rgba(0, 0, 0, .175);
		margin-left : -1px;
	}
	.navigation_hauptkategorien li .dropdown-menu li{
		width : 50%;
		display : inline-block;
	}
	#mdMainNav  ul.navigation_hauptkategorien li .dropdown-menu li a{
		font-size: 18px;
		line-height: 20px;
		padding: 5px 10px;
	}
	#mdMainNav  ul.navigation_hauptkategorien li .dropdown-menu li a:hover{
		background : transparent;
		text-decoration : underline;
	}
	#mdMainNav  ul.navigation_hauptkategorien li .dropdown-menu li.active a{background : transparent;}
	#headernavi_top ul li:hover  .dropdown-menu, .navigation_hauptkategorien li:hover .dropdown-menu{
		display : block;
	}
	.loginrechts .login_ul li:hover .dropdown-menu{
		display 				: block;
		border-top-left-radius 	: 5px;
		margin-top 				: 0px;
		border 					: 1px solid #ffffff;
	}
	.loginrechts .login_ul li:hover .dropdown-menu{
		width 	: 400px;
		padding : 10px;
	}
}
/*==== fixedTop - End ====*/
/*==== BackToTop - Start ====*/
.backToTop{
	display 				: none;
	position 				: fixed;
	right 					: 32px;
	bottom 					: 0px;
	font-size				: 22px;
	line-height 			: 22px;
	padding 				: 5px 20px;
	text-align				: center;
	color 					: #ffffff;
	background-color 		: rgb(var(--primary-color));
	z-index					: 99999;
	border-top-left-radius 	: 3px;
	border-top-right-radius : 3px;
	border 					: 1px solid var(--primary-color-dark);
	border-bottom 			: 0px;
}
.backToTop:hover,.backToTop:active, .backToTop:focus{
	color 				: #ffffff;
	background-color 	: var(--primary-color-dark);
	border 				: 1px solid rgb(var(--primary-color));
	border-bottom 		: 0px;
}
@media(max-width: 992px){
	.artikeluebersicht:hover .artikel-extended.with-images{
		width: 100% !important;
	}
	.col-mobile-12{
		width : 100%;
	}
	.backdrop-open .backdrop-content{
		width : 100%;
	}
	.filter_selector{
		border-top-right-radius : 0px;
		border-bottom-right-radius : 0px;
	}
	.filter_selector, .backToTop.rounded{
		border-top-left-radius : 10px;
		border-bottom-left-radius : 10px;
	}
	.filter_selector.rounded{
		border-top-right-radius : 10px;
		border-bottom-right-radius : 10px;
	}

}
/*==== BackToTop - End ====*/
/*==== Kopfzeile, Logo & Hotline - Start ====*/
.loginrechts{
	display : inline-block;
	float : left;
	padding: 0px;
}
.warenkorbshortbg a span {
    background: rgb(var(--primary-color)) none repeat scroll 0 0;
    border-radius: 50px;
    display: inline-block;
    font-size: 15px;
    padding: 5px 11px;
    position: absolute;
    right: 5px;
    top: -10px;
	color : #ffffff;
}
#warenkorbshort{padding : 0px; display : inline-block;float : left;} 
.warenkorbshortbg{padding : 10px 20px 10px 10px; position : relative; display : inline-block;}
.warenkorbshortbg a{font-size : 16px;}
.warenkorbshortbg a i{font-size : 26px; color : #ffffff}
.verleih_warenkorbshortbg a span {
    background: rgb(var(--primary-color)) none repeat scroll 0 0;
    border-radius: 50px;
    display: inline-block;
    font-size: 15px;
    padding: 5px 11px;
    position: absolute;
    right: 5px;
    top: -10px;
	color : #ffffff;
}
#verleih_warenkorbshort{padding : 0px; display : inline-block;float : left;} 
.verleih_warenkorbshortbg{padding : 10px 20px 10px 10px; position : relative; display : inline-block;}
.verleih_warenkorbshortbg a{font-size : 16px;}
.verleih_warenkorbshortbg a i{font-size : 26px; color : #ffffff}

.werkstatt_warenkorbshortbg a span {
    background: rgb(var(--primary-color)) none repeat scroll 0 0;
    border-radius: 50px;
    display: inline-block;
    font-size: 15px;
    padding: 5px 11px;
    position: absolute;
    right: 5px;
    top: -10px;
	color : #ffffff;
}
#werkstatt_warenkorbshort{padding : 0px; display : inline-block;float : left;} 
.werkstatt_warenkorbshortbg{padding : 10px 20px 10px 10px; position : relative; display : inline-block;}
.werkstatt_warenkorbshortbg a{font-size : 16px;}
.werkstatt_warenkorbshortbg a i{font-size : 26px; color : #ffffff}
/*==== Kopfzeile, Logo & Hotline - End ====*/
/*==== Herstellerlogos - Start ====*/

#scroller img, #scroller a{
	max-height 	: 60px;
}
#scroller{
	margin 		: 0px;
	line-height	: 75px;
	padding : 0px;
	background : #ffffff;
}
/*==== Herstellerlogos - End ====*/

/*==== Hauptnavigation - Start ====*/
#mdMainNav{
	background 		: #363638;
	padding 		: 0px;
	border-radius 	: 0px;
	border 			: none;
	min-height 		: 34px;
	text-align		: center;
	margin-top 		: 10px;
}
#mdMainNav.fixed{
	position : fixed;
	top 	 : 40px;
}
#mdMainNav ul.nav{
	display : inline-block;
}
#mdMainNav ul.nav>li>a{
	color 				: #ffffff;
	text-decoration 	: none;
	font-size			: 16px;
	padding 			: 10px 15px;
	line-height			: 18px;
	font-weight			: normal;
	text-transform 		: uppercase;
	font-family: 'Fjalla One';
}
#mdMainNav ul.nav>li							{padding 	: 0px;margin: 0;}
#mdMainNav ul.nav>li:hover						{xbackground-color : rgb(var(--primary-color));}
#mdMainNav ul.nav>li:hover	a,
#mdMainNav ul.nav>li.selected	a					{background-color : #fff; color: rgb(var(--primary-color));}

#headerdiv.min #mdMainNav ul.nav>li{
	margin: 0px;
}
/*==== Hauptnavigation - End ====*/

/*==== Suche & Marken - Start ====*/
.moreBox{padding : 0px 0px 0px 60px;}
.suchenBox{display : inline-block;float : left;padding: 10px;}
.suchenBox{
	display: relative;
	padding-bottom : 5px;
}
.suchenBox > a, .suchenBox > a:hover{
	color : #292929;
	font-size : 24px;
}
.suchenBox .wrapper{
	display : none;
	position : absolute;
	left : -150px;
	top : 50px;
	padding : 10px;
	background : #ffffff;
	border-radius : 5px;
	width : 300px;
	z-index : 999;
}
.suchenBox .wrapper:after{
	content : "";
	display : block;
	position : absolute;
	top : 0px;
	right : 50px;
	width: 0; 
	height: 0; 
	margin-top : -10px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	
}
.suchenBox .nopadding{
	padding : 0px;
}
.suchenBox:hover .wrapper, .suchenBox .wrapper:hover{
	display : block;
}
.suchenBox .wrapper #suchfeld, .suchenboxXS #suchfeld{
	border-right : none;
}
.suchenBox .wrapper .btn, .suchenboxXS .btn{
	background-color : rgb(var(--primary-color));
	color : #ffffff;
	border : 1px solid var(--primary-color-light);
	border-top-left-radius : 0px;
	border-bottom-left-radius : 0px;
}
.suchenBox .wrapper .btn:hover, .suchenboxXS .btn:hover{
	background-color : var(--primary-color-light);
}
.suchenboxXS #schnellsuche{
	padding : 0px;
}
.searchPreview {
	display : none;
}
#headersucher {
    background		: transparent none repeat scroll 0 0;
    border-radius	: 0px;
    margin 			: 0px 0px 30px 0px;
    padding			: 0px;
    position		: relative;
}

#headersucher #schnellsuche {
    border			: none;
    margin-bottom	: 10px !important;
    padding			: 1px !important;
	box-shadow 		: none;
}
#headersucher input {
    background: #f1f1f1 none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    color: #000000;
    font-size: 12px;
    height: 29px;
    line-height: 29px !important;
    padding: 7px 15px;
	box-shadow	: none;
}
#headersucher .btn {
    background-color: #f1f1f1;
    border: none;
    border-radius: 0;
    color: #000000;
	font-size : 15px;
	line-height	: 15px;
	padding : 6px 10px;
}

#headersucher select {
    background: #f1f1f1;
    border: none;
    border-radius: 0;
    color: #000000;
    font-size: 12px;
    height: 29px;
    line-height: 29px !important;
    padding: 7px 15px;
}
/*==== Suche & Marken - End ====*/
/*==== Sidebar - Start ====*/
	/*== Navigation - Start == */
#navidiv{
	background : #ffffff;
	padding : 10px;
}
#navidiv ul li {
	list-style-type : none;
	position : relative;
}	
#navidiv ul {
	padding : 0px;
	margin : 0px 0px 20px 0px;
}	
#navidiv ul.Navi_mainkat > li {
    background		: transparent;
}

#navidiv ul li a {
    color			: #252525;
    display			: block;
    font-size		: 16px;
    padding			: 7px;
	padding 		: 15px;
	line-height 	: 18px;
	font-weight 	: 300;
	position 		: relative;
}
#navidiv > ul > li > a, #navidiv > div > ul > li > a{
	font-family: 'Fjalla One';
	padding: 7px 20px;
	font-size: 18px !important;
}
#navidiv > ul > li > a:after, #navidiv > div > ul > li > a:after{
	content : "\f054";
	font-family : "FontAwesome";
	position : absolute;
	left : 5px;
	top : 7px;
	font-size : 14px;
	font-weight : 300;
}
#navidiv ul li a:hover{text-decoration: underline;}
#navidiv ul ul{
	padding-left : 15px;
	margin-bottom : 10px;
}
#navidiv ul ul ul{
	margin-top : 10px;
}
#navidiv ul ul li a {
	padding 		: 5px 15px;
	font-weight 	: 300;
	font-style		: italic;
}
#navidiv ul ul ul li a {
    font-size 		: 14px;
}
#navidiv ul.Navi_mainkat > li{margin-bottom : 1px;}
#navidiv ul.Navi_mainkat > li > a {
    background		: transparent;
	border 			: none;
}
#navidiv ul ul.Navi_subkat_1{
	margin-bottom : 0px;
	padding-bottom : 10px;
}
#navidiv ul li.NaviItem_mainkatSelected > a{
	background 	: transparent;
	color 		: #292929
}
#navidiv ul ul li.active > a{
	background 	: #E6E6E6;
	color 		: rgb(var(--primary-color));
	position : relative;
}
#navidiv ul ul li.active > a:after{
	content : "";
	width : 7px;
	height : 12px;
	border : 2px solid #999 ;
	border-top : none;
	border-left : none;
	position : absolute;
	right : 20px;
	top : 5px;
	display : block;
	transform: rotate(45deg);
}
#navidiv ul li.NaviItem_mainkatSelected{margin-top : 1px;}
#navidiv > ul > li.NaviItem_mainkatSelected > a,
#navidiv > div > ul > li.NaviItem_mainkatSelected > a{
	border : none !important;
}

	/*== Navigation - End == */
/*==== Sidebar - End ====*/
/*=== Footer - Start ====*/
.logo-list img, .logo-list a{
	float 	: left;
	height 	: 50px;
	margin 	: 10px;
}
.logo-list a img{
	margin : 0px;
}
.logo-list{
	margin-bottom : 20px;
}

.logo-list-zahlung a, .logo-list-zahlung img{
	margin : 10px 0px;
	padding : 0px;
	background-color: #fff;
}
.logo-list-zahlung a img{
	padding : 10px;
	background-color: #fff;
}

#footer{
	background-color 	: #292929;
	color 				: #fff;
	padding-top 		: 75px;
	padding-bottom 		: 0px;
	font-size 			: 14px;
	padding : 25px 50px 0px 50px; 
}

#footer .sn img, #footer .sn a{
	height : 36px;
	margin : 10px;
}
#footer .sn a img{
	margin : 0px;
}

#footer .kontaktBox span{display : block;}
#footer .kontaktBox a{color : #fff !important;}
#footer .icon_home, #footer .icon_mail{
	margin-bottom : 20px;
}
#footer hr{
	border-color : #fff ;
	margin : 60px 0px;
}
#footer .socialmediaLinks{
	display : block;
	text-align : center;
}
#footer .socialmediaLinks a{
	padding : 20px;
	background : #fff;
	display : inline-block;
	margin : 20px;
	border-radius : 64px;
}
#footer .socialmediaLinks a img{
	max-width : 32px;
	line-height : 32px;
}
#footer .socialmediaLinks a:hover{
	background : #fff;
}
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6, #footer .footer_heading, #footer .clrWhite{
	padding 	: 0px;
	margin 		: 0px 0px 20px 0px;
	font-size 	: 13px;
	font-weight : bold;
	color 		: rgb(var(--primary-color));
	display 	: block;
	text-transform : uppercase;
	font-style	 : normal;
}
#footer .clrWhite{
	text-transform : unset;
}
#footer ul.nav.nav-stacked a {
    background: transparent;
    color: #fff;
    font-size: 14px;
	line-height : 16px;
    padding: 3px 0px;
}

#footer ul.nav.nav-stacked a:hover {
    background: transparent;
	text-decoration : underline;
}
#footer .zm ul{
	padding : 0px;
	margin: 0px;
	display : block;
	width : 100%;
}
#footer .zm ul li {
    display: inline-block;
    float: left;
    margin: 5px;
    max-width: 100px;
    padding: 0;
    width: 50%;
}
#footer .zm ul li img {
    width : 100%;
}
/*=== Footer - End ====*/
/*=== Warenkorb - Start ===*/
.WKimgSmall{
	max-width 	: 300px;
	box-sizing 	: border-box;
}
.WKimgSmall img{
	width : 100%;
}
.deleteProduct {
    background	: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color		: #333333;
    font-size	: 2em;
    text-align	: center;
}
#warenkorb div, #warenkorb a {
    padding-bottom	: 7px;
    padding-top		: 7px;
}
/*=== Warenkorb - End ===*/

/*=== Registrierien - Start ===*/
.zipCity input {
    float: left;
    width: 70%;
}
.zipCity input:first-of-type {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: 30%;
}
.zipCity input:last-of-type {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
	border-left : none;
}

/*=== Registrierien - Start ===*/

/*=== Artikel allgemein - Start ===*/	
.productNewReduced{
	z-index		: 99;
	position 	: absolute;
	top : 10px;
	left : 10px;
	right : 10px;
}
.productNewReduced > *{float:left;}
.productNewReduced .artikelangebot{
	float : right;
}
.productNewReduced .siesparen{
	float : right;

}
.artikeldetail p{font-size : 12px;}

.preisanzeige{
	display		: block;
    font-size	: 18px;
    font-weight	: bold;
    padding		: 0;
	font-family : Verdana, sans-serif;
}

.siesparen {
    background-color		: rgb(var(--primary-color));
    color 		: #fff;
    padding 	: 5px;
    font-size	: 14px;
	line-height	: 15px;
	display 	: inline-block;
	font-weight: bold;
}
.siesparen:empty, .preisanzeigealt:empty{
	display : none;
}

.highlight_price{
	color : #C80D47;
	display: inline-block;
	width: auto;
}

.preisanzeigealt{position: relative; display : inline-block; margin-right : 20px; font-weight: normal;}
.preisanzeigealt:after{
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	position: absolute;
	border-bottom: 2px solid;
	top: 50%;
	margin-top: 1px;
}

.mehrinfoDiv{font-weight : normal; display : block; color : #000000; font-size : 14px; margin : 10px 0px;}
.mehrinfoDiv span{display : inline-block; margin-top : 5px; float:left;}
.mehrinfoDiv i{float:left;}
.mehrinfoDiv i.mt7{margin-top : 7px;}




/*==== Artikelliste - start ====*/
.artikelbeschreibung{
	min-height : 96px;
	max-height : 133px;
	overflow: hidden;
}
.herstellerlogo-span-top img{
	margin : 0px 5px;
	max-height : 36px;
}
.main-artikel-link{
	height : 100%;
	width : 100%;
	position: relative;
	z-index : 2;
	display: block;
}
.artikel-extended{
	position: absolute;
	top : 0px;
	background : #fff;
	height : 100%;
	overflow : hidden;
	border : 5px solid #ffff;
	min-width:100%;
}
.artikel-extended-images{
	left : 0px;
	top : 0px;
	width : 150px;
	display: none;
	position: absolute;
	padding : 5px 10px;
}
.artikel-extended-images img{
	margin : 5px 0px;
}
.artikeluebersicht:hover{
	z-index : 999;
}
.artikeluebersicht:hover .artikel-extended{
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
	min-height: 100%;
	height : unset;
	overflow: visible;
	z-index : 1;	
}

.artikeluebersicht:hover .hasChildren{
	display : block;
}


.artikeluebersicht:hover .artikel-extended.with-images{
	left : -150px;
	padding-left : 150px;
	width: calc(100% + 150px);
}

.angebote_startseite .artikeluebersicht:hover .artikel-extended.with-images,
.more_artikel_list .artikeluebersicht:hover .artikel-extended.with-images{
	left : 0px;
	padding-left : 0px;
	width : 100%;
}


.artikeluebersicht:hover .artikel-extended .artikel-extended-images{
	display : block;
}

.angebote_startseite .artikeluebersicht:hover .artikel-extended .artikel-extended-images{
	display : none;
}
.artikeluebersicht .thumbnail {
    background: #ffffff;
	border : none;
    border-radius: 0;
	color : #292929;
	padding : 0px;
	margin : 0px;
	position: relative;
	height : 100%;
}

.angebote_startseite .artikeluebersicht .thumbnail  {
    min-height: 450px !important;
}



.artikeluebersicht {
	padding 	: 10px;
	position	: relative;
	min-height 	: 450px !important;
}

.angebote_startseite .artikeluebersicht {
	padding : 0px 5px;
	min-height 	: 450px !important;
}

.angebote_startseite .artikel-extended{
	position: relative;
	width : 100%;
	height : 100%;
	min-height: 450px !important;
}
.angebote_startseite .main-artikel-link{
	display : none;
}

.artikeluebersicht .artikelbild{
	padding-top : 10px;
}
.artikeluebersicht .artikelbild .artikellink {
    padding: 0px 10px;
	display	: block;
	min-height : 225px;
}
.artikellink {
    word-wrap: break-word;
	word-break: break-word;
}
.artikeluebersicht .artikellink img{
	max-width : 100%;
	max-height : 225px;
}

.angebote_startseite .artikeluebersicht .artikellink{
	height : 175px;
}

.angebote_startseite .artikeluebersicht .artikellink img{
	max-height : 175px;
	max-width : 100%;
}

.artikeluebersicht .artikelampel{
	margin-bottom : 20px;
}
.artikeluebersicht .preis_info{
	margin-bottom : 20px;
}

.preisanzeige{
	font-size : 16px;
}

.artikeluebersicht p {
    font-size: 12px;
}

.artikeluebersicht .hasChildren{
	margin : 85px 0px 20px 0px;
	font-weight: normal;
	color : #292929;
	font-size: 14px;
	position: relative;
	bottom : 0px;
	display : none;
	width : 100%;
	padding : 10px;
}


.artikeluebersicht .alert{
	font-size 		: 14px;
	word-wrap 		: normal;
	padding 		: 5px 10px;
	background 		: #82C300;
	color 			: #fff;
	margin 			: 0px;
	border-radius 	: 0px;
	font-weight 	: bold;
}
/*==== Artikelliste - end ====*/




	/*=== Warenkorb - start ===*/
.warenkorbmenge {
	width 				: 100%;
    border-radius		: 0px;
    font-size			: 10px;
	margin-bottom 		: 10px;
	padding 			: 0px;
	background 			: transparent;
}
.warenkorbmenge .label{
	display: block;
	font-size: 16px;
	border-radius: 0px;
	font-family: 'Fjalla One';
	padding: 10px; 
}
.warenkorbmenge input, .warenkorbmenge .input-group-addon{
	display : none !important;
}

.warenkorbmenge .btn {
    border 			: none;
	color 			: #ffffff;
	text-transform 	: uppercase;
	font-size 		: 22px;
	line-height 	: 24px;
	font-weight 	: normal;
	background 		: rgba(var(--primary-color));
	width 			: 100%;
	font-family 	: 'Fjalla One';
	padding 		: 15px;
	border-radius 	: 0px;
}

	/*=== Warenkorb - end ===*/


	/*== Top Artikel & Neuheiten - Start ==*/
#angebote_startseite .slick-list {
    border:  none;
}

.productView .caption{
	padding: 0px;
}

.productView .caption p{
	min-height 	: 54px;
	max-height 	: 54px;
	line-height	: 18px;
	font-size 	: 16px;
	overflow 	: hidden;
}
	
.productView{
	padding: 7px;
}
.productView.topArtikel{margin-bottom : 0px;}
.productView.topArtikel .thumbnail {margin-bottom : 0px;}

.productView .thumbnail{
	border-radius 	: 0px;
	border 			: none;
	background		: transparent;
	padding 		: 20px;
	background 		: #ffffff;
	
	transition: all 0.2s linear;
}


.productView h3{
	font-size 		: 20px;
	line-height		: 22px;
	margin-top		: 10px;
	margin-bottom 	: 10px;
	font-weight	 	: normal;
	height 			: 44px;
	overflow 		: hidden;
}

.productView {
	color : #000000;
}

.productView h3 a{
	color : #000000;
	font-size : 20px;
}

.productView .artikellink{
	min-height	: 175px;
	height 		: 175px;
	display 	: block;
}

.productView .artikellink img{
	height 		: auto;
	max-height 	: 175px;
}
	/*== Top Artikel & Neuheiten - End ==*/


	
/*=== Artikel allgemein - End ===*/

/*=== Tabs -  Start ===*/
.nav-tabs, .nav-no-tabs{
	border : none; 
	margin-top : 20px; 
	background: linear-gradient(to right, var(--tertiary-color) 0%, var(--secondary-color) 100%);
	text-align : center;
}

.nav-tabs li, .nav-no-tabs li{
	float:none;
	border-radius 	: 0px;
	border 			: none;
	margin 			: 0px 5px;
	display 		: inline-block;
}
.nav-tabs li a, .nav-tabs li.active a,
.nav-no-tabs li a, .nav-no-tabs li.active a{
	background 		: none !important;
	border 			: none !important;
	color 			: #fff;
	font-family 	: 'Fjalla One';
	padding 		: 30px;
	font-size 		: 20px;
	margin 			: 0px;
	border-radius 	: 0px;
	font-weight 	: bold;
	text-transform 	: uppercase;
}

.nav-tabs li.active{
	background 		: #1A1919 !important;
	color 			: #ffffff;
}
.nav-tabs li.active a{
	color 			: #ffffff !important;	
}
.nav-tabs li:hover, .nav-tabs li:focus, .nav-tabs li:hover a, .nav-tabs li:focus a{
	background 		: transparent;
	color 			: #1A1919;
}

.tab-pane{
	border 			: none;
	padding 		: 15px;
	padding-top 	: 30px;
	min-height 		: 200px;
}


.tab-content{
	margin-bottom : 25px;
}

/*=== Tabs - Ende */

/*=== Shopbewertung - Start ===*/
.bewertung_logo {
    background: rgba(0, 0, 0, 0) url("img/logo_shopbewertung_neu.png") no-repeat scroll 0 0;
    height: 180px;
	padding : 75px 10px 10px 10px;
	width : 180px;
}
.bewertung_logo a {
    color: #1c79bb;
    font-weight: bold;
    text-align: center;
	display : block;
}
/*=== Shopbewertung - End ===*/

/*====== Anpassung für handies ======*/
.ems_slider  .camera_caption *{
	font-size: 2.0vw !important;
}
@media(max-width: 1199px){
	#mdMainNav{
		width : 100%;
		float : left;
	}
	.ems_slider  .camera_caption{
		top: 0 !important; 
		left: 0 !important; 
		transform: translate(0%, 0%) !important; 
		right: 0 !important; 
		bottom: 0 !important;
	}
}
@media(max-width:767px){
	.moreBox{
		width : 100%;
	}
	h1, .h1,
	h1 > *, .h1 > *{
		font-size: 36px;
		font-weight: bold;
		word-wrap: break-word;
		word-break: break-word;
	}
	h2, .h2,
	h2 > *, .h2 > *{
		font-size: 34px;
		font-weight: bold;
	}
	h3, .h3,
	h3 > *, .h3 > *{
		font-size: 32px;
		font-weight: bold;
	}
	h4, .h4,
	h4 > *, .h4 > *{
		font-size: 30px;
		font-weight: bold;
	}
	h5, .h5,
	h5 > *, .h5 > *{
		font-size: 26px;
		font-weight: bold;
	}
	h6, .h6,
	h6 > *, .h6 > *{
		font-size: 20px;
		font-weight: bold;
	}
	.h7,
	.h7 > *{
		font-size: 24px;
		font-weight: bold;
	}

	.highlight-background{
		display : none;
	}

	.modal-dialog{margin : 0px;}
	.modal-content{
		padding: 10px;
	}

	.moreBox{padding : 0px !important;}
	#headerdiv{
		padding : 10px 5px 5px 5px !important;
	}
	#headerdiv .verleih_warenkorbshortbg,
	#headerdiv .werkstatt_warenkorbshortbg{
		margin-top: 10px;
		margin-right: 15px;
	}
	#headerdiv .moreBox{width : 100%; margin-top : 10px;}
	#headerdiv #headerlogo{text-align : center;width:100%;}
	#headerdiv #headerlogo a{text-align : center;margin : 0px auto;}
	#headerdiv.min #headerlogo a img, 
	#headerdiv #headerlogo a img{xmax-height : 50px;margin : 0px auto;}
	
	.kundenBlock .loginrechts{display : none;}
	.kundenBlock, .kundenBlock #warenkorbshort, .kundenBlock .warenkorbshortbg, .kundenBlock #warenkorbshort_inhalt,
	.kundenBlock, .kundenBlock #verleih_warenkorbshort, .kundenBlock .verleih_warenkorbshortbg, .kundenBlock #verleih_warenkorbshort_inhalt,
	.kundenBlock, .kundenBlock #werkstatt_warenkorbshort, .kundenBlock .werkstatt_warenkorbshortbg, .kundenBlock #werkstatt_warenkorbshort_inhalt
	{display : block; width : 100%;}
	#sidebar{padding : 0px;z-index :1041;} 
	#sidebar h4{color : #ffffff;}
	#sidebar ul, #sidebar  div{
		padding : 0px !important;
		margin : 0px!important;
		float : none !important;
		clear : both !important;
		width : 100% !important;
	}
	#sidebar ul{margin : 0px !important;}
	#sidebar ul ul{padding : 0px 0px 0px 15px !important;}
	#sidebar div{margign : 0px;}
	#sidebar ul li {
		display : block !important;
		width : 100% !important;
		padding : 0px !important;
	}
	#sidebar ul li a{
		display : block !important;
		width : 100% !important;
		padding : 10px 15px !important;
		color : #ffffff !important;
		font-size : 16px !important;
		border : none  !important;
	}
	#sidebar ul li.NaviItem_mainkatSelected > a, #sidebar ul li.active > a{
		color : rgb(var(--primary-color)) !important;
	}	
	#sidebar ul li a:hover{
		background-color : rgb(var(--primary-color)) !important;
		color : #ffffff !important;
	}
	
	#sidebar #collapsable-2 ul li a .fa{
		display : none;
		margin : 0px;
		
	}

	#inhaltdivstart{padding : 5px !important;}
	
	#footer > div > div > div > .pull-right{
		float : left !important;
	}
	#footer > div > div > div.pr30, #footer > div > div > div.pl30{
		padding : 0px 0px 0px 15px !important;
	}
	.moreBox{
		padding-left : 0px;
	}
	.moreBox .warenkorbshortbg{
		margin : 10px 15px 0px 0px;
	}
	
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		 -o-transition: all .25s ease-out;
			transition: all .25s ease-out;
	}
	.row-offcanvas-right {right: 0;}
	.row-offcanvas-left {left: 0;}
	.row-offcanvas-right .sidebar-offcanvas {right: -50%;}
	.row-offcanvas-left .sidebar-offcanvas {left: -50%;}
	.row-offcanvas-right.active {right: 50%;}
	.row-offcanvas-left.active {left: 50%;}
	.sidebar-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
			 -o-transition: all .25s ease-out;
				transition: all .25s ease-out;
		position: fixed;
		top: 0px;
		width: 50%; /* 6 columns */
		background-color : #292929;
		bottom : 0px;
		-webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.33);
		box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.33);
	}
	.container-fluid.row-offcanvas.row-offcanvas-left.active{overflow : hidden !important;}	
	.container-fluid.row-offcanvas.row-offcanvas-left.active .sidebar-offcanvas{left: 0%; overflow-y:auto;}
	.sidebar-offcanvas ul{clear:both !important;width : 100% !important;}
	.sidebar-offcanvas>ul{border: none !important; display : block !important; width : 100% !important; padding:0px !important; margin:0px !Important;}
	.sidebar-offcanvas div ul{margin:0px !Important;}
	.sidebar-offcanvas div {padding-top:0px !important; padding-bottom:0px !Important;}
	.sidebar-offcanvas ul.Navi_mainkat{border-top: none !important;}
	.sidebar-offcanvas ul li{padding : 0px !important; display : block !important; }
	.sidebar-offcanvas ul ul{padding-left:15px !Important;}
	#toggleCanvasBtn{outline:none !important;}
	#toggleCanvasBtn .icon-bar{
		display:block;
		width: 20px;
		height: 2px;
		background-color: #000000;
		margin : 3px 0px;
	}
	#toggleCanvasBtn:hover, #toggleCanvasBtn:focus{
		background : rgb(var(--primary-color)) ;
		border : 1px solid rgb(var(--primary-color));
	}
	.ems_slider  .camera_caption *{
		font-size : 3vw !important;
		margin : 0px !important;
	}
	.ems_slider  .camera_caption{
		top: 0 !important; 
		left: 0 !important; 
		transform: translate(0%, 0%) !important; 
		right: 0 !important; 
		bottom: 0 !important;
	}
	.ems_slider  .camera_caption div{
		padding : 5px !important;
	}
	
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color:transparent;}
}

@media only screen and (max-device-width: 960px) {
	#footer a[href^="tel"]:link,
	#footer a[href^="tel"]:visited,
	#footer a[href^="tel"]:hover {
		text-decoration: underline;
		color: #ffffff;
	}
}

.ecRateRechnerInfo{
	display : inline-block;
	padding: 10px;
	text-align : left;
	background : #eeeeee;
}
#warenkorb .ecRateRechnerInfo{
	text-align : right;
}
.ecRateRechnerInfo .ecRateRechnerPreis{
	color : #ed6501;
	font-weight : bold;
}
.ecRateRechnerInfo a{
	color : #0066b3;
}
/* Cookie Information */
#cookie_information{
	position:fixed;bottom:0px;left:0px;right:0px; z-index:1999999;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
}
#cookie_information_link{
	padding-top:10px;
	padding-bottom:10px;
}
#cookie_information, #cookie_information > div {
	background-color:#000000;
	color:#ffffff;
}
#cookie_information_text  a{color:#ffffff;text-decoration:underline;}
#cookie_information_link a{color:#ffffff;text-decoration:none;border:1px solid;padding:5px;}
#cookie_information_link a{display:inline-block;margin-left:5px;}
#cookie_information_link a.accept_cookie_btn{color:#fff; background-color:#008446; border-color:#008446;}
#cookie_information{z-index:9999999;}

.anyForm .radiogroup label input, .anyForm [data-type="Checkbox"] input:not([name="Checkbox_Datenschutz"]){
	float:left;
	margin: 3px 10px 0px 0px !important;
}
.anyForm > div > label {
    max-width: 90%;
}
 .artikel-extended-images {
	height: 100%;
	overflow: auto;
}