@font-face {
    font-family: 'RobotoCondensed';
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed';
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed';
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-Medium.ttf) format('truetype');
}

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

@font-face {
    font-family: 'RobotoCondensed';
    font-style: normal;
    font-weight: 800;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-Bold.ttf) format('truetype');
}


@font-face {
    font-family: 'RobotoCondensed';
    font-style: italic;
    font-weight: 300;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-LightItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'RobotoCondensed';
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-RegularItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed';
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed';
    font-style: italic;
    font-weight: 600;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'RobotoCondensed';
    font-style: italic;
    font-weight: 800;
    src: url(./fonts/RobotoCondensed/RobotoCondensed-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'JosefinSans';
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/JosefinSans/JosefinSans-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'JosefinSans';
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/JosefinSans/JosefinSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'JosefinSans';
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/JosefinSans/JosefinSans-Medium.ttf) format('truetype');
}

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

@font-face {
    font-family: 'JosefinSans';
    font-style: normal;
    font-weight: 800;
    src: url(./fonts/JosefinSans/JosefinSans-Bold.ttf) format('truetype');
}


@font-face {
    font-family: 'JosefinSans';
    font-style: italic;
    font-weight: 300;
    src: url(./fonts/JosefinSans/JosefinSans-LightItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'JosefinSans';
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/JosefinSans/JosefinSans-RegularItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'JosefinSans';
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/JosefinSans/JosefinSans-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'JosefinSans';
    font-style: italic;
    font-weight: 600;
    src: url(./fonts/JosefinSans/JosefinSans-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'JosefinSans';
    font-style: italic;
    font-weight: 800;
    src: url(./fonts/JosefinSans/JosefinSans-BoldItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Petrona';
    font-style: normal;
    font-weight: 300;
    src: url(./fonts/Petrona/Petrona-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Petrona';
    font-style: normal;
    font-weight: 400;
    src: url(./fonts/Petrona/Petrona-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Petrona';
    font-style: normal;
    font-weight: 500;
    src: url(./fonts/Petrona/Petrona-Medium.ttf) format('truetype');
}

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

@font-face {
    font-family: 'Petrona';
    font-style: normal;
    font-weight: 800;
    src: url(./fonts/Petrona/Petrona-Bold.ttf) format('truetype');
}


@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 300;
    src: url(./fonts/Petrona/Petrona-LightItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 400;
    src: url(./fonts/Petrona/Petrona-RegularItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 500;
    src: url(./fonts/Petrona/Petrona-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 600;
    src: url(./fonts/Petrona/Petrona-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Petrona';
    font-style: italic;
    font-weight: 800;
    src: url(./fonts/Petrona/Petrona-BoldItalic.ttf) format('truetype');
}

.Petrona{
    font-family: 'Petrona';
}

.JosefinSans{
    font-family: 'JosefinSans';
}

.RobotoCondensed{
    font-family: 'RobotoCondensed';
}

.italic{
	font-style: italic;
}
.normal{
	font-weight: 400;
}

.light{
	font-weight: 300;
}

.bold{
	font-weight: 800;
}

.medium{
	font-weight: 500;
}

body{
	font-size: 18px;
}


.uppercase{
	text-transform: uppercase;
}

.h0, .h0 > *{
	font-size: 40px;
}
h1, h2, h3, h4, h5, h6{
	overflow-wrap: break-word;
	hyphens: auto;
}
h1, .h1,
h1 > *, .h1 > *{
	font-size: 40px;
}

h2, .h2,
h2 > *, .h2 > *{
	font-size: 32px;
}

h3, .h3,
h3 > *, .h3 > *{
	font-size: 26px;
}

h4, .h4,
h4 > *, .h4 > *{
	font-size: 24px;
}

h5, .h5,
h5 > *, .h5 > *{
	font-size: 22px;
}

h6, .h6,
h6 > *, .h6 > *{
	font-size: 20px;
}

.smaller{
	font-size: 76%;
}

:root {
	--text-color:#000;
	--headerdiv-link-color:#000;

	/* --primary-color: 20, 198, 186;
	--primary-color-hex: #14C6BA;
	--primary-color-light: #16e0d3;
	--primary-color-dark: #11ada3; */
	
	--primary-color: 0, 158, 226;
	--primary-color-hex: #009ee2;
	--primary-color-light: #00b2ff;
	--primary-color-dark: #008dc9;
  
	--secondary-color : #f5f6f8;
	--secondary-color-light : #ffffff;
	--secondary-color-dark : #c2c3c4;

	/* --tertiary-color : #0D1E33;
	--tertiary-color-light : #17365c;
	--tertiary-color-dark : #0a1e36; */
}

html.menu-active{
	overflow: hidden !important;
}

.d-absolute{
	position: absolute;
} 
.d-grid{
	display : grid;
} 
.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: 999999;
	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 var(--text-color);
	font-size: 16px;
	font-weight: bold !important;
}

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

.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;
	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-dark) !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;
}
.pull-right{float:right;}
.pull-left{float:left;}


.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;
}
.sideBarTitle{
	font-size : 30px;
	font-weight: bold;
	display : block;
}

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

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


.modal-content{
	padding: 60px;
	padding-bottom: 60px;
	border-radius: 0;
	border: 10px solid var(--secondary-color);
}
.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;
}

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

._email_kunde_{display:none!important;}


body{
	font-family 	: 'JosefinSans',Arial,sans-serif;
	color 			: var(--text-color);
	background		: #ffffff;
	font-size  		: 18px;
	padding-top 	: 120px;
	font-weight 	: 300;
	overflow-x 		: hidden; /* Prevent scroll on narrow devices */
	line-height 	: 1.5;
}

body.no-scroll{
	overflow: hidden;
}

a {color:var(--text-color);}
a:hover{color:rgb(var(--primary-color));}

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



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

.text-center{text-align: center;}
.text-bold{font-weight: bold;}
.txt-20, .txt-20 a{font-size: 20px;}
.txt-30, .txt-30 a{font-size: 20px;}
.txt-40, .txt-40 a{font-size: 40px;}

.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;}
#Checkbox_Datenschutz a{
	text-decoration: underline;
}

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;}

.mtauto{
	margin-top: auto;
}
.py-5{
	padding-top : 5%;
	padding-bottom : 5%;
}
.py-2{
	padding-top : 2%;
	padding-bottom : 2%;
}
.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%;
}

.emotion-wrapper{
	position: relative;
}
.emotion-content{
	width: 750px;
	max-width: calc(100% - 60px);
	color : #fff;
	padding : 40px;
	background: #000;
	position: relative;
	margin : 30px 30px 0px auto;
	line-height: 1.5;
}

.emotion_img ~ .emotion-content{
	position: absolute;
	right: 30px;
	bottom : 30px;
	margin : 0px;
}

.emotion-content h1{
	font-size : 32px;
	font-weight: bold;
	margin : 0px;
	padding : 0px 0px 30px 0px;
}
#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 ====*/

.breadcrumb > li + li::before {
	padding: 0 5px;
	color: #000;
	content: "----";
	letter-spacing: -2px;
  }

.emption_text{
	background: transparent;
	padding: 10px 0px;
}
.emption_text .breadcrumb {
	background: transparent;
	padding-left:20px;
}
.emption_text .breadcrumb_extended {
	background: transparent;
	padding-left:20px;
}
.emption_text ol li a{
	color : var(--text-color);
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 500;
}
.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 : rgb(var(--primary-color));
	text-decoration: none;
}

#artikelsuchbox{
	background: var(--secondary-color);
	padding:10px 0px;
}
#markenauswahl_banner{padding-right:10px;}
#schnellsuche_banner{padding-right:10px;}

#artikelsuchbox .input-group input{
	height:32px;
}
#artikelsuchbox .input-group, #schnellsuche_banner .input-group, #markenauswahl_banner select{
	text-transform: uppercase;
	border:1px solid #000;	
	color: #000;
	box-shadow:none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
#markenauswahl_banner select.form-control{
	height:36px;
}

#artikelsuchbox input, #schnellsuche_banner input{
	color: #000;
	text-transform: uppercase;
	border:0px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#artikelsuchbox .input-group button, #schnellsuche_banner .input-group button{
	color: #000;
	border:0px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*==== 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.min{
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25);
}

#headerdiv .header-main{
	padding : 5px 50px;
	background-color: #ffffff;
	color : #fff;
	width : 100%;
	display : flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 20px;
	align-items: center;
	transition: all 0.1s linear, left 0.2s linear, right 0.2s linear;
}
#headerdiv .header-main .logo img{
	max-height: 150px;
}

#headerdiv.min .header-main{
	padding : 10px;
}

#headerdiv.min .header-main .logo img{
	height: 50px;
}

#headerdiv .header-main > div{
	display : flex;
	flex-direction: row;
	gap: 15px;
	align-items: center;
}
#headerdiv .header-main > div:first-of-type{
	flex-shrink: 0;
}
.toggle-menu{
	background: transparent;
	border: none;
	padding: 10px;
}
.toggle-menu svg{
	color: #000;
	width : 32px;
	height : 32px;
}

.sidebar-heading .toggle-menu svg{
	color: #fff;
}

#sidebar .sidebar-heading > img{
	max-height: 40px;
	flex-shrink: 1;
	min-width: auto !important;
	width: 100%;
	object-fit: contain;
	object-position: top left;
}

#headerdiv .navigation_hauptkategorien, 
#headerdiv .ul1{
	float : none;
	margin : 0px;
	text-align: center;
}
#headerdiv .navigation_hauptkategorien > li,
#headerdiv .ul1 > li{
	float : none;
	display : inline-block;
}
#headerdiv .navigation_hauptkategorien > li > a,
#headerdiv .ul1 > li > a{
	color : #000000;
	font-weight : 500;
	text-transform: none;
	font-size: 18px;
	padding: 7px 10px;
	text-transform: uppercase;
}
#headerdiv .navigation_hauptkategorien li a:hover,
#headerdiv .navigation_hauptkategorien li a:focus,
#headerdiv .navigation_hauptkategorien li a:active,
#headerdiv .ul1 li a:hover,
#headerdiv .ul1 li a:focus,
#headerdiv .ul1 li a:active{
	background : transparent;
	color : rgb(var(--primary-color));
}

#headerdiv .navigation_hauptkategorien > li > a .caret,
#headerdiv .ul1 > li > a .caret{
	display: none;
}
#headerdiv .navigation_hauptkategorien > li.dropdown:hover .dropdown-menu,
#headerdiv .ul1 > li.dropdown:hover .dropdown-menu{
	display: block;
	right: unset;
	float: none;
	left: unset;
	right: 0px;
}
#headerdiv .navigation_hauptkategorien > li a,
#headerdiv .cmsSubUl1 > li a{
	font-size: 15px;
}
#headerdiv .navigation_hauptkategorien > li a, #headerdiv .cmsSubUl1 > li a{
	font-size: 18px;
	font-weight: 500;
	font-family: 'JosefinSans';
	text-transform: uppercase;
}
#headerdiv .dropdown-menu > li a{
	font-size: 15px;
}
#headerdiv .login_ul li a:hover{background : transparent; color : rgb(var(--primary-color));}
#headerdiv .login_ul li a{
	background : transparent; 
	color : var(--headerdiv-link-color); 
	font-size : 24px; 
	line-height : 24px;
	padding : 0px;
}
#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 #mdMainNav, #headerdiv.min #mdMainNav, 
#headerdiv .moreBox, #headerdiv.min .moreBox, 
#headerdiv .ul1, #headerdiv.min .ul1
{
	transition: all 0.1s linear, left 0.2s linear, right 0.2s linear;
}
#headerdiv{
	position : fixed;
	top : 0px;
	left : 0px;
	right : 0px;
	padding : 0px ;
	z-index : 1040;
}

#headerdiv .moreBox{padding: 0px 40px 0px 0px;float:right;}

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


.floating-menu{
	position: fixed;
	left: 0px;
	top : 20%;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border : 1px solid rgb(var(--primary-color));
	border-left: none;
	overflow: hidden;
	z-index : 999;
	background : #fff;

	height : 85px;
	width: 150px;
	top : 30%;

	transition: all 200ms ease-in-out;
    transition-property: top, width;
}

.floating-menu.open{
	height : calc(100% - 20%);
	width : 350px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .25);
	top : 20%;
}

.floating-menu-title{
	color : #000;
	display: inline-block;
	background : rgb(var(--primary-color));
	width: 100%;
	padding : 10px;
	position: relative;
	/* padding-left: 35px; */
	cursor: pointer;
	font-weight:500;
}

.floating-menu-title i{
	font-size: 20px;
	/* position : absolute; */
	/* left : 10px; */
	/* top : 8px; */
}
.floating-menu-items{
	height: calc(100% - 45px);
	width : 100%;
	overflow-y: scroll;
	overflow-x : hidden;
}


.floating-menu-items ul{
	list-style: none;
}
.floating-menu-items ul.nav li a{
	padding: 5px 12px;
	display: block;
}
.floating-menu-items ul.nav ul{
	padding-left: 15px;;
}
.floating-menu-items ul.nav li a:hover{
	color: inherit;
	text-decoration: underline;
	background-color : transparent;
}

.floating-menu-items ul.nav li.NaviItem_mainkatSelected > a, .floating-menu-items ul.nav li a.active{
	color: rgb(var(--primary-color));
}

@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 					: 15px;
	bottom 					: 35px;
	font-size				: 22px;
	line-height 			: 22px;
	padding 				: 10px 12px;
	text-align				: center;
	color 					: #ffffff;
	background-color 		: rgb(var(--primary-color));
	z-index					: 99999;
	border 					: 1px solid var(--primary-color-dark);
}
.backToTop:hover,.backToTop:active, .backToTop:focus{
	color 				: #ffffff;
	background-color 	: var(--primary-color-dark);
	border 				: 1px solid var(--primary-color-dark);
}
@media(max-width: 992px){
	#headerdiv .header-main{
		flex-direction: column;
		align-items:start;
		padding : 10px;
	}
	#headerdiv .header-main > div{
		width: 100%;;
	}
	/* .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;
	}

	#footer .footer_payment ul{
		float: left !important;
	}

}
/*==== BackToTop - End ====*/
/*==== Kopfzeile, Logo & Hotline - Start ====*/
.loginrechts_XXX{
	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: 0px;
    top: -10px;
	color : #ffffff;
}
#warenkorbshort{padding : 0px; display : inline-block;float : left;} 
.warenkorbshortbg{padding : 10px 10px 0px 0px; position : relative; display : inline-block;}
.warenkorbshortbg a{font-size : 16px;}
.warenkorbshortbg a i{font-size : 24px; line-height: 24px; color : var(--headerdiv-link-color);}
.warenkorbshortbg a i:hover{color : rgb(var(--primary-color));}
.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: 0px;
    top: -10px;
	color : #ffffff;
}
#verleih_warenkorbshort{padding : 0px; display : inline-block;float : left;} 
.verleih_warenkorbshortbg{padding : 10px 10px 0px 0px; position : relative; display : inline-block;}
.verleih_warenkorbshortbg a{font-size : 16px;}
.verleih_warenkorbshortbg a i{font-size : 24px; line-height: 24px; color : var(--headerdiv-link-color);}
.verleih_warenkorbshortbg a i:hover{color : rgb(var(--primary-color));}

.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: 0px;
    top: -10px;
	color : #ffffff;
}
#werkstatt_warenkorbshort{padding : 0px; display : inline-block;float : left;} 
.werkstatt_warenkorbshortbg{padding : 10px 10px 0px 0px; position : relative; display : inline-block;}
.werkstatt_warenkorbshortbg a{font-size : 16px;}
.werkstatt_warenkorbshortbg a i{font-size : 24px; line-height: 24px; color : var(--headerdiv-link-color);}
.werkstatt_warenkorbshortbg a i:hover{color : rgb(var(--primary-color));}
/*==== 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 		: var(--secondary-color);
	padding 		: 0px;
	border-radius 	: 0px;
	border 			: none;
	min-height 		: 34px;
	text-align		: center;
	margin-top 		: 10px;
}
#headerdiv.min #mdMainNav{
	margin-top 		: 5px;
}
#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			: 16px;
	font-weight			: normal;
	text-transform 		: uppercase;
}
#mdMainNav ul.nav>li {padding 	: 0px;margin: 0;}
#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;
	padding: 10px 0px 0px 0px;
}
.suchenBox{
	display: relative;
}
.suchenBox > a{
	color : var(--headerdiv-link-color);
	font-size : 24px;
}
.suchenBox > a:hover{
	color : rgb(var(--primary-color));
}
.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 : var(--secondary-color);
	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 {
    display			: block;
    font-size		: 16px;
    padding			: 7px;
	padding 		: 15px;
	line-height 	: 18px;
	position 		: relative;
	text-transform: uppercase;

}

#navidiv ul li > a.selectedKategorie{
	background 	: #F9F9F9;
}
#navidiv ul li > a.selectedKategorie: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 > a, #navidiv > div > ul > li > a{
	padding: 7px 20px;
	font-size: 20px !important;
	font-weight: bold;
}
#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-size: 18px !important;
}
#navidiv ul ul ul li a {
    font-size 		: 16px;
}
#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 		: var(--text-color)
}
#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;
}

#sidebar, #sidebar-backdrop{
	position: fixed;
	background: #000;
	color : #fff;
	width : 450px;
	max-width: 100%;
	left: -100%;
	top: 0px;
	bottom: 0px;
	z-index: 1050;
	visibility : hidden;
	transition: left 150ms ease-in-out;
}

#sidebar-backdrop{
	z-index: 1049;
	width: 100%;
}

#sidebar.active, #sidebar-backdrop.active{
	left: 0px;
	
	visibility : visible;
	transition: left 150ms ease-in-out;
}

#sidebar-backdrop.active{
	background-color:  rgba(0, 0, 0, 0.5);
}

#sidebar .sidebar-heading{
	display : flex;
	gap: 20px;
	padding : 10px 40px;
	align-items: center;
	border-bottom: 1px solid #333333;
}
#sidebar .sidebar-wrapper{
	width: 100%;
	height: calc(100% - 80px);
	
	display: flex;
	flex-direction: row;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	flex-wrap: wrap;
	justify-content: start;
	align-content: start;
}
#sidebar .sidebar-container {
	padding : 10px 40px;
	height: 100%;
	width: 100%;
	flex-shrink: 0;
	background-color: #000;
	overflow-y : auto;
	
}
#sidebar .sidebar-container[data-ebene]:not([data-ebene="0"],[data-ebene="cms"]){
	position: absolute;
	top : 0px;
	left : 100%;
	bottom : 0px;
	transition: left 150ms ease-in-out;
	z-index: 10;
}
#sidebar .sidebar-container[data-ebene]:not([data-ebene="0"],[data-ebene="cms"]).active{
	left : 0px;
}

#sidebar .sidebar-container[data-ebene="0"],#sidebar .sidebar-container[data-ebene="cms"]{
	height: unset;
	flex-shrink: 1;
	flex-grow: 0;
	z-index: 0;
}

#sidebar .sidebar-container[data-ebene="cms"] .dropdown-menu{
	position: relative;
	background: transparent;
	width: 100%;
}
#sidebar .sidebar-container[data-ebene="cms"] .dropdown-backdrop{
	display: none;
}
#sidebar .sidebar-container[data-ebene="cms"] .dropdown-menu li a{
	font-weight: 300;
	font-size: 18px;
}

#sidebar .sidebar-container[data-ebene="cms"] .nav > li > a:focus{
	text-decoration: none;
  	background-color: transparent !important;
}

#sidebar .sidebar-container-header {
	display: flex;
	font-size: 28px;
	gap: 10px;
	align-items: center;
	cursor: pointer;
}

#sidebar .sidebar-container-header svg {
	height: 28px;
}
#sidebar .sidebar-container-header svg:hover{
	color : rgb(var(--primary-color));
}

#sidebar .sidebar-container-header a{
	color : #fff;
}

#sidebar .sidebar-container-header a:hover{
	color : rgb(var(--primary-color));
	text-decoration: none;
}

#sidebar ul.sidebar-menu, [data-ebene="cms"] ul{
	padding : 0px;
	margin : 0px;
	list-style: none;
}
#sidebar ul.sidebar-menu li, [data-ebene="cms"] ul li{
	padding : 7px 10px;
}
#sidebar ul.sidebar-menu li a, [data-ebene="cms"] li a{
	color : #fff;
	font-size: 18px;
	position: relative;
	display: block;
	padding : 0px;
}
#sidebar ul.sidebar-menu li a[data-toggle]::after{
	content: "\f054";
	font-family: "FontAwesome";
	position: absolute;
	top : 1px;
	right : 15px;
}
#sidebar ul.sidebar-menu li a:hover, [data-ebene="cms"] ul li a:hover,
#sidebar ul.sidebar-menu li:focus a, [data-ebene="cms"] ul li:focus a{
	color: rgb(var(--primary-color));
	text-decoration: none;
	background: transparent;
}
#sidebar .nav .open > a{
	background: transparent !important;
	text-decoration: underline;
}

	/*== 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;
}
.logo-list-zahlung a img{
	padding : 10px;
}

#footer{
	background-color 	: var(--secondary-color);
	font-size 			: 17px;
	padding 			: 50px 5% 50px 10%; 
	color 				: #000000;
}

#footer a{
	color : #000;
	display : inline-block;
	padding: 5px 0px;
}

#footer .footer_heading{
	position:relative;
}

#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 : #000 !important;}
#footer .icon_home, #footer .icon_mail{
	margin-bottom : 20px;
}
#footer hr{
	border-color : #fff ;
	margin : 60px 0px;
}
#footer .footer_socialmedia ul{float:left;list-style-type:none;padding-left:0px;}
#footer .footer_socialmedia li{float:left;padding:0px 20px 0px 0px}
#footer .footer_socialmedia img{
	max-width : 32px;
	line-height : 32px;
}

#footer .footer_payment ul{float:right;list-style-type:none;padding-left:0px;}
#footer .footer_payment li{float:left;padding:10px 10px;}
#footer .footer_payment img{
	max-width : 80px;
}

#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6, #footer .footer_heading, #footer .clrWhite{
	padding	: 0px 0px 15px 0px;
	margin	: 0px;
	display	: block;
	font-size: 22px;
}
#footer .clrWhite{
	text-transform : unset;
}
#footer ul.nav.nav-stacked a {
    background: transparent;
	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 .icon:before{
	font-family: "FontAwesome";
	font-weight: bold;
	margin-left: 1px;
	font-size: 25px;
	top: 6px;
	position: relative;
	margin-right: 10px;
}
#footer .icon_telefon:before{
	content: "\f095";
}
#footer .icon_mail:before{
	content: "\f003";
}

#footer .produktcloud {text-align: center;}
#footer .produktcloud ul{ display: inline-block;margin-left: auto; margin-right: auto;float:none}
#footer .produktcloud ul li{}

/*=== 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;
	/* height: 25px; */
}
.productNewReduced > *{float:left;}
.productNewReduced .artikelangebot{
	float : right;
}
.productNewReduced .siesparen{
	float : left;

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

.preisanzeige{
	display		: block;
    font-size	: 22px;
    font-weight	: bold;
    padding		: 0;
	font-family : 'Trebuchet MS', sans-serif;
}

.siesparen {
    color: #fff;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 1;
	display: inline-block;
	font-weight: normal;
	margin-top: 0px;
	background: #c40000;
	border-radius: 10px;
}
.siesparen:empty, .preisanzeigealt:empty{
	display : none;
}

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

.preisanzeigealt{
	position: relative; 
	display : inline-block; 
	margin-right : 0px; 
	font-weight: normal;
}


.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{
	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{
	/* top : 0px; */
	/* background : #fff; */
	/* height : 100%; */
	/* overflow : hidden; */
	/* border : 5px solid #ffff; */
	/* min-width:100%; */
	padding: 20px 30px;
}
.artikel-extended-images{
	left : 0px;
	top : 0px;
	width : 150px;
	display: none;
	position: absolute;
	padding : 5px 10px;
}
.artikel-extended-images img{
	margin : 5px 0px;
}
.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;
}


.artikeluebersicht .thumbnail {
    /* background: #ffffff; */
	border : none;
    border-radius: 0;
	color : var(--text-color);
	padding : 0px;
	margin : 0px;
	position: relative;
	height : 100%;
}


.artikeluebersicht {
	padding 	: 20px 10px;
	position	: relative;
	border : 1px solid transparent
}
.artikeluebersicht .thumbnail {
	border: 1px solid #000;
  	border-radius: 15px;
}
.artikeluebersicht:hover .thumbnail {
	border : 1px solid rgb(var(--primary-color))
}

.angebote_startseite .artikeluebersicht {
	padding : 0px 5px;
}

.angebote_startseite .artikel-extended{
	position: relative;
	width : 100%;
	height : 100%;
}
.angebote_startseite .main-artikel-link{
	display : none;
}

.artikeluebersicht .artikelbild{
	padding-top : 0px;
	/* max-height: 200px; */
	/* min-height: 200px; */
}
.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 : 200px;
}

.angebote_startseite .artikeluebersicht .artikelbildzusatz, 
#artikel .artikeluebersicht .artikelbildzusatz
{
	display: flex;
	justify-content: center;
	align-items: center;
	max-height:60px;
	min-height:60px;
}
.angebote_startseite .artikeluebersicht .artikelbildzusatz .artikelbildzusatz_ampel, 
#artikel .artikeluebersicht .artikelbildzusatz .artikelbildzusatz_ampel
{float:left;}
.angebote_startseite .artikeluebersicht .artikelbildzusatz .herstellerlogo, 
#artikel .artikeluebersicht .artikelbildzusatz .herstellerlogo
{float:left;padding: 0px 0px 0px 20px;}


.angebote_startseite .artikeluebersicht .artikellink img, 
#artikel .artikeluebersicht .artikellink img
{
	/* max-height : 175px; */
	max-width : 100%;
}

.artikeluebersicht h2{
	font-size: 22px;
	font-weight: 300;
}
.artikeluebersicht h2 a{
	font-size: 22px;
	font-weight: 300;
}

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

.preisanzeige{
	font-size : 22px;
}

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

.artikeluebersicht .hasChildren{
	/* font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	bottom : 0px;
	width : 100%;
	padding : 10px;
	font-weight: bold; */
}

.artikeluebersicht a.hasChildren{
	padding: 8px 0px;
	border-radius: 7px;
	border: none;
	display: inline-block;
	line-height: 1.15;
	margin-top: 15px;
}

.artikeluebersicht a.hasChildren:hover{
	color: rgb(var(--primary-color));
	text-decoration: none;
}
.artikeluebersicht a.hasChildren::before{
	content : "----------------";
	margin-right: 10px;
	letter-spacing: -4px;
}


.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 				: 50%; */
    border-radius		: 0px;
    font-size			: 10px;
	margin-bottom 		: 10px;
	padding 			: 0px;
	background 			: transparent;
}
.warenkorbmenge .label{
	display: block;
	font-size: 16px;
	border-radius: 0px;
	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%;
	padding 		: 15px;
	border-radius 	: 0px;
}

.addToWarenkorbShortView{}
.addToWarenkorbShortView_parent{
	display:flex;
}
.addToWarenkorbShortView_icon{
	font-size: 30px;
	padding: 0px 10px;
}
.addToWarenkorbShortView_icon i{
	font-size: 30px;
	padding: 14px 10px;
}
.addToWarenkorbShortView_details{}
.addToWarenkorbShortView_details h2{
	margin-top:0px;
}
.addToWarenkorbShortView_details h2 span{
	font-size: 26px;
	font-weight: normal;
}
.addToWarenkorbShortView_details p{
	color: var(--secondary-color-dark);
	font-size: 26px;
	font-weight: bold;
}

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


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

.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; 
	border-bottom: 1px solid #000;
	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 0px;
	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 			: #000;
	padding 		: 10px 20px;
	font-size 		: 26px;
	margin 			: 0px;
	border-radius 	: 0px;
	/* font-weight 	: bold; */
	text-transform 	: none;
	font-weight: 400;
}

.nav-tabs li a:hover, .nav-tabs li.active a:hover,
.nav-no-tabs li a:hover, .nav-no-tabs li.active a:hover{
	background 		: transparent;
	color 			: rgba(var(--primary-color));;
}

.nav-tabs li.active, .nav-tabs li.active a:active, .nav-tabs li.active a:focus{
	background 		: transparent !important;
	color 			: rgba(var(--primary-color)) !important;	
}
.nav-tabs li:hover, .nav-tabs li:focus, .nav-tabs li:hover a, .nav-tabs li:focus a, 
.nav-tabs li.active a{
	background 		: transparent;
	color 			: rgb(var(--primary-color));
}

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


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

/*=== Tabs - Ende */

/*=== Buttons - Ende */
.btn {
	border-radius: 0px;
	padding:10px 20px;
}
#toggleCanvasBtn {
	border-radius: 0px;
	padding:10px 10px;
}
.btn-primary, .btn-primary:visited, .btn-default, .btn-default:visited{
	background-color: rgb(var(--primary-color));
	border-color: rgb(var(--primary-color));
	text-transform: uppercase;
	color:#fff;
}

.btn-primary.active, .btn-default.active{
	background-color: var(--primary-color-dark);
	border-color: var(--primary-color-dark);
	text-transform: uppercase;
	color:var(--text-color);
}
.btn-primary:active, .btn-primary:hover, .btn-primary:focus, 
.btn-default:active, .btn-default:hover, .btn-default:focus
{
	background-color: var(--primary-color-dark);
	border-color: var(--primary-color-dark);
	color:#fff;
}


.btn-grey{
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
	text-transform: uppercase;
	color:#000;
}

.btn-grey.active{
	background-color: var(--secondary-color-dark);
	border-color: var(--secondary-color-dark);
	text-transform: uppercase;
	color:var(--text-color);
}
.btn-grey:active, .btn-grey:hover, .btn-grey:visited, .btn-grey:focus
{
	background-color: var(--secondary-color-dark);
	border-color: var(--secondary-color-dark);
}

.btn-suche{
	background-color:#fff;
	padding: 7px 12px;
}
/*=== Buttons - 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;
	}
	#footer{
		padding : 50px 10px 50px 10px; 
	}
}
@media(max-width: 992px){
	#footer{
		padding : 50px 10px 50px 10px; 
	}
	#footer .produktcloud ul{float:left;}
	#footer .produktcloud {text-align: left;}

	.artikeluebersicht{
		padding-left:0px;
		padding-right:0px;
	}
	
	#serviceBoxWrapper .slick-arrow.slick-next, 
	#serviceBoxWrapper .slick-arrow.slick-prev{
		top: 225px;
	}
	#serviceBoxWrapper .slick-arrow.slick-next, 
	#startseiteTopartikel .slick-arrow.slick-next,
	#startseiteMostviewed .slick-arrow.slick-next,
	#startseiteMostsaled .slick-arrow.slick-next,
	
	#serviceBoxWrapper .slick-arrow.slick-prev, 
	#startseiteTopartikel .slick-arrow.slick-prev,
	#startseiteMostviewed .slick-arrow.slick-prev,
	#startseiteMostsaled .slick-arrow.slick-prev{
		right: -15px;
		width : 50px;
		height: 50px;
	}

	#serviceBoxWrapper .slick-arrow.slick-prev{
		right: unset;
		left: -15px;
	}
	
	#startseiteTopartikel .slick-arrow.slick-next,
	#startseiteMostviewed .slick-arrow.slick-next,
	#startseiteMostsaled .slick-arrow.slick-next{
		right: -30px;
	}

	#startseiteTopartikel .slick-arrow.slick-prev,
	#startseiteMostviewed .slick-arrow.slick-prev,
	#startseiteMostsaled .slick-arrow.slick-prev
	{
		right: unset;
		left: -30px;
	}
	#serviceBoxWrapper ul li{
		padding: 15px 20px !important;
	}
}
@media(max-width:767px){
	html{
		overflow-x: hidden;
	}
	html:has(body.no-scroll){
		overflow: hidden !important;
	}
	
	
	.moreBox{
		width : 100%;
	}

	.loginrechts{
		float: none !important;
		margin-left: 10px;
	}

	.highlight-background{
		display : none;
	}

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

	.moreBox{padding : 0px !important;}
	#headerdiv .verleih_warenkorbshortbg,
	#headerdiv .werkstatt_warenkorbshortbg{
		margin-top: 0px;
		margin-right: 0px;
	}
	
	#headerdiv .moreBox{width : 100%; margin-top : 10px;}
	#headerdiv #headerlogo{text-align : center;width:100%;padding: 0px 0px 0px 8px;}
	#headerdiv #headerlogo a{text-align : center;margin : 0px auto;}
	#headerdiv.min #headerlogo a img, 
	#headerdiv #headerlogo a img{margin : 0px auto;}
	
	.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%;}
	#footer {
		padding: 20px 0px 50px 0px;
	}

	#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 0px 0px 0px;
	}

	.suchenboxXS #schnellsuche {
		padding: 0px 0px 0px 0px;
	}

	.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: #000000;
	}
}

.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%;
}

@media(min-width: 1200px){
	#footer > div > div:not(.pl0){
		padding-left: 25px;
	}

	#footer > div > div:not(.pr0){
		padding-right: 25px;
	}
}

.xxs{
	font-size: 14px !important;
}