/* ===== EXTERNCSS INCLUDE FANCYBOX ===== */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	  border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
 overflow: hidden !important;
 width: auto;
}

.fancybox-lock body {
 overflow: hidden !important;
}

.fancybox-lock-test {
 overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	 -moz-border-radius: 15px;
	  border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	 only screen and (min--moz-device-pixel-ratio: 1.5),
	 only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* ===== body ===== */
body {
 color: #333;
 margin: 0; padding: 0; 
 font-family: 'Roboto', sans-serif;
 font-weight: 400;
 font-size:16px;
	line-height:1.42857em;
 background-repeat: repeat-x;
 background-color: white;
 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {font-weight:normal; color: #333333; text-decoration:none;}
a:visited { font-weight:normal; color: #333333; text-decoration:none; }
a:focus { font-weight:normal; color: #333333; text-decoration:none; }
a:active { font-weight:normal; color: #333333; text-decoration:none; }

a:hover { font-weight:normal; color: #333333; text-decoration:underline; }

a.underline {text-decoration:underline!important;}

.gray {color:#aaaaaa;}


/* ===== bootstrapmodifikation ===== */
@media print {
a[href]:after {content: none;}
} /* kein Link beim drucken */


.navbar .nav > li > a {
 background-color: #DC2B19;
}


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

.form-group { margin-bottom:7px;}

.alert-danger {background:none; background-color:white; }
.alert {border: 2px solid; }

.breadcrumb {margin-bottom:0px; padding-left:0px; background-color: #FFFFFF;}






/* ===== font ===== */
@font-face {
 font-family: 'Roboto';
 font-style: normal;
 font-weight: 400;
src: url('https://shop.heholz.at/font/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
 src: local(''),
  url('https://shop.heholz.at/font/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('https://shop.heholz.at/font/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('https://shop.heholz.at/font/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('https://shop.heholz.at/font/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('https://shop.heholz.at/font/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* ===== fontawsomemodifikation ===== */
.icon-file-pdf-o:before {
 content: "\f1c1";
}


.nav-anmeldung .icon-login, .icon-login a:hover {
 background-color: #DC2B19;
 border-radius: 4px;
 color: white;
 padding: 2px 5px;
}

.nav-anmeldung .fa-gear, .fa-gear a:hover {
 background-color: #DC2B19;
 border-radius: 4px;
 color: white;
 padding: 2px 3px;
}



.fa-15x {font-size:1.5em; }

.fa-13x {font-size:1.3em; }

.fa-PDF:before {
 content: "\f1c1";
}

/* ===== html ===== */
html { height: 101%; margin:0px; padding:0px; border:0px;}

/* ===== ui-jquery ===== */
.ui-autocomplete {
 cursor: default;
 position: absolute;
}

.ui-front {
	z-index: 100;
}

.ui-autocomplete.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #870D00;
}
.ui-widget-content a {
	color: #DC2B19;
  cursor: default;
}

.ui-corner-all {

 border-top-left-radius: 4px;
 border-top-right-radius: 4px;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;

}

.ui-menu {
 list-style: none outside none;
 padding: 2px;
 margin: 0px;
 display: block;
 outline: medium none;
}

.ui-state-focus {
 color: #DC2B19;
}

.ui-menu-item {
 padding:4px;
}

/* ===== menue-links ===== */
#leftnavigation
{
display:inline-block;
margin-top:10px;
width:100%;
}


/* MENUE LEFTNAVIGATION */

/* ouverroulen anfang */

#menue-links ul li a {
 padding-top: 10px !important;
 padding-bottom: 10px !important;
 font-size: 16px!important;
  font-weight:normal;
}

#menue-links ul li a {
border-bottom: 1px solid #dddddd !important;}



#menue-links .selected .last-item > a { background-color:#DC2B19; color:white;}

/* ouverroulen ende */


.menue-links-rahmen {
 margin-bottom: 0;
 margin-left: 0px;
 margin-right: 0;
 /* margin-top: 5px; */
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
 /* width: 200px; */
}


#menue-links {
 float: none;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 /* padding-right: 16px; */
 padding-top: 0;
 text-align: left;
 min-width: 220px;
 letter-spacing:-0.1px;
}


#menue-links em {
 float: none;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 16px;
 padding-top: 0;
 text-align: left;
 color: #E0007A;
 font-size: 0.8em;
 font-style: normal;
 font-weight: bold;
 padding-left: 10px;

}

#menue-links a {
	text-decoration: none;
	font-weight: bold;
	
}















#menue-links ul li ul li a,
#menue-links ul li ul li ul li a {
height: 12px;
line-height:1.5em;
}



#menue-links ul li ul, 
#menue-links ul li ul li ul, 
#menue-links ul li ul li ul li ul, 
#menue-links ul li.selected ul li ul,
#menue-links ul li.selected ul li.selected ul li ul,
#menue-links ul li.selected ul li.selected ul li.selected ul li ul,
#menue-links ul li.selected ul li.selected ul li.selected li.selected ul li ul
{
 display: none;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
}
#menue-links ul li.selected ul, 
#menue-links ul li.selected ul li.selected ul,
#menue-links ul li.selected ul li.selected ul li.selected ul,
#menue-links ul li.selected ul li.selected ul li.selected ul li.selected ul {
 display: block;
}
#menue-links ul li.selected ul.expand li ul {
 display: block;
}





#menue-links ul {
 background-color: #FFFFFF;
 float: none;
 margin-bottom: 0px;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 overflow-x: hidden;
 overflow-y: hidden;
 padding-bottom: 0px;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0px;
 /* width: 200px; */
}



/* ==================================== Ebene 0 ====================================*/
#menue-links ul li {
 border-bottom-color: #AAAAAA;
 border-bottom-style: solid;
 border-bottom-width: 0px;
 display: inline;
 float: left;
 height: auto;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 overflow-x: hidden;
 overflow-y: hidden;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0px;
 padding-top: 0;
 width: 100%;
position:relative;
}


#menue-links ul li a {
 -moz-text-blink: none;
 -moz-text-decoration-color: -moz-use-text-color;
 -moz-text-decoration-line: none;
 -moz-text-decoration-style: solid;
 background-attachment: scroll;
 background-clip: border-box;
 background-color: #FFFFFF;
 background-image: none; 			/*url(https://shop.heholz.at//images/menupfeilrechts.gif);*/
 background-origin: padding-box;
 background-position: -15px top;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #333333;
 display: block;
 float: none;
 font-size: 14px;
 font-weight: 400;
 line-height: 1.5em;
 padding-bottom: 5px;
 padding-left: 10px;
 padding-right: 18px;
 padding-top: 4px;
 border-bottom-color: #EFEFEF;
 border-bottom-style: solid;
 border-bottom-width: 3px;
 text-decoration: none;
}

#menue-links ul li a:hover {
 background-color: #dc2b19;
 background-position: 0 -21px;
 color: #FFFFFF;
}


#menue-links ul li.selected a {
 background-attachment: scroll;
 background-clip: border-box;
 
 background-image: none;   	/* url(https://shop.heholz.at//images/menuselected.gif); */
 background-origin: padding-box;
 background-position: left top;
 background-repeat: no-repeat;
 background-size: auto auto;
 color:#DC2B19; 
 border-bottom-color: #EFEFEF;
 background-color: #FFFFFF;
}




/* ==================================== Ebene 1 ====================================*/

#menue-links ul li ul li, #menue-links ul li.selected ul li {
 border:none;
 height: auto;
 min-height: 17px;
}

#menue-links ul li ul li a, #menue-links ul li.selected ul li a {
 background-attachment: scroll;
 background-clip: border-box;
 
 background-image: none; 			/*url(https://shop.heholz.at//images/menupfeilrechtssubmenu.gif);*/
 background-origin: padding-box;
 background-position: -20px top;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #333333;
 font-size: 13px;
 font-weight: 300;
 /* line-height: 12px; */
 padding-bottom: 1px;
 padding-left: 10px;
 padding-right: 18px;
 padding-top: 1px;
 text-decoration: none;
 background-color: #FFFFFF;
 height:auto;
}

#menue-links ul li ul li a:hover, #menue-links ul li.selected ul li a:hover { 
 background-position: 0 -17px;
 color: #FFFFFF;
 background-color: #dc2b19;
}


#menue-links ul li ul li.selected a {
 background-attachment: scroll;
 background-clip: border-box;
 background-image: none;  /* url(https://shop.heholz.at//images/menuselected.gif); */
 background-origin: padding-box;
 background-position: -5px -101px;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #000000;;
 font-size: 13px;
 font-weight: 400;
 /* line-height: 12px; */
 text-decoration: none;
 border-bottom-width: 1px;
 background-color: #FFFFFF;
 display:block;
padding-top:0px;
padding-bottom:0px;
}


/* #menue-links ul li ul li.selected a:hover { */
/* background-color: #314d74; */
/* background-position: -5px -101px; */
/* color: #ont-sizeFFFF; */
/* } */




/* ==================================== Ebene 2 ====================================*/
#menue-links ul li ul li ul li, #menue-links ul li.selected ul li ul li {
 height: auto;
 min-height: 17px;
 
}
#menue-links ul li ul li ul li a, #menue-links ul li.selected ul li ul li a {
 color: #333333;
 font-size: 12px;
 font-weight: 400;
 padding-bottom: 1px;
 padding-left: 20px;
 padding-right: 18px;
 padding-top: 1px;
 text-decoration: none;
 border-bottom-width: 1px;
 border-bottom-color: #FFFFFF;
 background-color: #FFFFFF;
}

/* , #menue-links ul li.selected ul li ul li a:hover */
#menue-links ul li ul li ul li a:hover{
 background-attachment: scroll;
 background-clip: border-box;
 background-color: #FFFFFF;
 background-image: none;
 background-origin: padding-box;
 background-position: 0 -17px;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #FFFFFF;
}



#menue-links ul li ul li ul li.selected a {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: #FFFFFF;
 background-image: none;
 background-origin: padding-box;
 background-position: 15px 1px;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #000000;

 /* line-height: 12px; */
 font-weight: 400;
 text-decoration: none;
 display:block;

}


/* #menue-links ul li ul li ul li.selected a:hover { */
/* background-color: #1e2c4a; */
/* background-position: 15px 1px; */
/* color: #FFFFFF; */
/* } */



/* ==================================== Ebene 3 ====================================*/
#menue-links ul li ul li ul li ul li, #menue-links ul li.selected ul li ul li ul li {
 height: auto;
 min-height: 17px;
}
#menue-links ul li ul li ul li ul li a, #menue-links ul li.selected ul li ul li ul li a {
 color: #333333;
 font-size: 12px;
 font-weight: 400;
 padding-bottom: 1px;
 padding-left: 30px;
 padding-right: 18px;
 padding-top: 1px;
 text-decoration: none;
 border-bottom-width: 1px;
 background-color: #FFFFFF;
}


#menue-links ul li ul li ul li ul li a:hover, #menue-links ul li.selected ul li ul li ul li a:hover {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: #dc2b19;
 background-image: none;
 background-origin: padding-box;
 background-position: 0 -17px;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #FFFFFF;
}



#menue-links ul li ul li ul li ul li.selected a {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: #FFFFFF;
 background-image: none;
 background-origin: padding-box;
 background-position: 15px 1px;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #000000;

 /* line-height: 12px; */
 font-weight: 400;
 text-decoration: none;
 display:block;

}

/* ==================================== Ebene 4 ====================================*/
#menue-links ul li ul li ul li ul li ul li, #menue-links ul li.selected ul li ul li ul li ul li {
 height: auto;
 min-height: 17px;
}
#menue-links ul li ul li ul li ul li ul li a, #menue-links ul li.selected ul li ul li ul li ul li a {
 color: #333333;
 font-size: 11px;
 font-weight: 400;
 padding-bottom: 1px;
 padding-left: 40px;
 padding-right: 18px;
 padding-top: 1px;
 text-decoration: none;
 border-bottom-width: 1px;
 background-color: #FFFFFF;
}


#menue-links ul li ul li ul li ul li ul li a:hover, #menue-links ul li.selected ul li ul li ul li ul li a:hover {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: #dc2b19;
 background-image: none;
 background-origin: padding-box;
 background-position: 0 -17px;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #FFFFFF;
}



#menue-links ul li ul li ul li ul li ul li.selected a {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: #FFFFFF;
 background-image: none;
 background-origin: padding-box;
 background-position: 15px 1px;
 background-repeat: no-repeat;
 background-size: auto auto;
 color: #000000;

 /* line-height: 12px; */
 font-weight: 400;
 text-decoration: none;
 display:block;

}

#menue-links .menue-open {

 display: inline;
 position: absolute;
 right: 3px;
 top: 0;
 margin-right:2px;
}



/*nur aktive Menues einblenden */

#menue-links ul li {display:none;}

#menue-links ul li.selected {
 display: block !important;
}



#menue-links ul li.selected ul li {
 display: block;
}


/* ===== topmenue ===== */
.topmenu {
 display: inline;
	background-color:black;
 width: 100%;
}



.topmenu ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 margin:0;

 width:100%;
 background-color: #000000;
 display:inline;
 

}

.topmenu ul li { float: left; margin-bottom: 4px; }
.topmenu ul li:first-Child { margin-left:0px;}



.topmenu ul li a {
 color: #FFFFFF;
 background-color: #333333;
 border-left: 1px solid #444444;
 display: inline-block;
 font-size: 0.9em;
 font-weight: 400;
 line-height: 25px;
 padding-left: 10px;
 padding-right: 10px;
 text-decoration: none; 
}




.topmenu ul li img {
 float: left;
 padding-top:0em;
 padding-right:0em;
 border:0;
}
.topmenu ul li a:hover {
 color: #FFFFFF;
 background-color:black!important;
 border-left: 1px solid #000000;

} 

.topmenu ul li.selected a {
 color: #FFFFFF;
 background-color:#333333;
}

.topmenu a#pull { 
 display: none; 
} 

#searchmobile a#pull2 { 
 display: none; 
} 


#topmenulogo, #topmenulogo2 {height:98px; }

#topmenulogo img { position:relative; left:30px; top: 25px; width:200px!important; height:48px!important; max-width:none; }

#topmenulogo2 img{ position: relative; float:right; top:24px; right: 30px; width: 128px!important; height:48px!important; max-width:none; }

.topmenu #home {margin-left: 30px !important;}
.topmenu #home {background-color:black;}










/* ===== search ===== */
#search-wrapper {
 height: auto;
 position: relative;
 top: 5px;
}

#search { display: block;}



#search-wrapper .beratunghinweis {display:block; text-align:left; top:-10px;position:relative;}



#search input { margin-right:0; margin-bottom:0; border:0; }

.searchprofi { display: block; padding-left:0.5em; font-size:0.75em; }
.searchprofi a { color:#FFFFFF;}
.searchprofi a:hover {color:#A54237; }



	
#topsearch {
 outline: none; 
 -webkit-box-shadow: none !important;
 -moz-box-shadow: none !important;
 box-shadow: none !important;
 border: 1px solid silver!important;
 border-right: 0!important;
}


.input-group input#topsearch#topsearch {
 background-color: white;
}



#suchergebnis {
 background-color: silver;
 display: block;
 left: 35%;
 position: absolute;
 width: 50%;
 z-index: 999;
}


#suchlupen .headline {
 padding-right: 10px;
 padding-top: 10px;
}

.show-checked, .selected .show-unchecked {display:none;}
.selected .show-checked, .show-unchecked {display:inline;}




#suchergebnisheader {
 color: #333333;
 font-size: 1.7em;
 font-weight: 400;
 line-height: 2em;
 text-transform: uppercase;
}


.suchlupe { background-color: #932826!important; cursor: pointer; color:white;}

#topsearchbutton.btn {background:none; background-color:white;}

#button-remove.input-group-addon {background:none; background-color:white; border-left: 0; border-color: rgba(126, 126, 126, 0.5);}

.ui-menu-item b.ui-menu-item-wrapper {padding-left:0; padding-right:0}
.ui-menu-item b.ui-menu-item-wrapper.ui-state-active {background-color:unset;border:0;font-weight:bold;color:black; margin:0;}


/* ===== clearfix ===== */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ===== menue-open ===== */
ul li .menue-open {
 float: right;
 display:inline;
}


.menue-open {
 display:none;
}

/* ===== logo ===== */
.logo {
 bottom: -42px;
 position: absolute;
 width: 175px;
}



/* ===== topheader ===== */
.topheader { background-color: #FFFFFF; padding-left:3%; padding-right:3%; }

/* ===== ul ===== */
ul { list-style-type:none;}

.beitragstext ul { list-style-type:disc;}

/* ===== footer ===== */
#footer {
	font-size: 1em;
	display: block;
 margin-top: 25px;
 color: #efaba4;
}


#footer a, #footer .text, #footer-end .text {
	-moz-text-blink: none;
	-moz-text-decoration-color: -moz-use-text-color;
	-moz-text-decoration-line: none;
	-moz-text-decoration-style: solid;
	color: #efaba4;
	padding-top: 1em;
	text-decoration: none;
 display: inline-block;
 vertical-align:top;
	
}
#footer img {
	padding-top: 0.5em;
	padding-right: 0.2em;
	border: 0;
}
#footer a:hover, #footer ul li.act a {
	color: #efaba4;
 text-decoration: underline;
}
#footer .content-wrapper .headline {
	color: #FFFFFF;
	display: block;
	border-bottom: 2px solid #efaba4;
	margin-bottom: 0.5em;
 font-weight:normal;
 font-size:16px;
 text-transform:uppercase;
}

#footer .content-wrapper .headline span::after {
 background-color: #FFFFFF;
 content: "";
 display: block;
 height: 2px;
 margin-bottom: -1px;
 margin-top: 5px;
 position: relative;
}

#footer .content-wrapper .headline span {

 display: inline-block;

}


#footer .content-wrapper .content {
	color: #870D00;
	display: block;
}

#footer [class^="icon-"]:before {
	display: inline !important;
	margin-right: 1em;
}
#footer .content [class^="icon-"]:before {
	vertical-align: top;
}
#footer .text {
	display: inline-block!important;
/* margin-left:0.5em; */
}

#footer .content-wrapper {min-height:160px; padding-top:2em;}


#footerkontakt .content i {vertical-align:top; margin-top: 0.25em;}

.facebook, .youtube { font-size:35px; float:left; margin-right:10px; }
#footer .facebook a, 
#footer .youtube a {color: #DC2B19;}

#thawteseal img { display: block;
 height: auto;
 max-width: 100%;
}

#footerueberuns .text { font-size:14px; color: white; }




/* ===== carousel ===== */
.sliderprodukttext {
 width: 100px;
 text-align:center;
 }

.allinone_contentSlider_texts {
	position:absolute;
	z-index:2;
	display: none;
	width:100%;
}
.allinone_contentSlider_text_line {
	position:absolute;
}



/* ===== showgrid ===== */
.showgrid {

 background-color: #fff;
 background-repeat: repeat-y;
 margin-bottom: 20px;
 background-image: url(https://shop.heholz.at/images/16_col.gif);

}

/* ===== header1-6 ===== */
h1 {color: #DC2B19; border-bottom:2px solid #eeeeee;}
h2 {color: #DC2B19; border-bottom:2px solid #eeeeee;}

h2:first-child {
 margin-top: 0;
}

h1, h2 {  
 font-size: 24px!important;
 font-weight: bold;
 line-height: 36px;
 margin: 0;
 padding: 0;
 margin-top:40px;
}

h1 span, h2 span {display: inline-block;}

h1 span::after, h2 span::after {
 background-color: #DC2B19;
 content: "";
 display: block;
 height: 2px;
 margin-bottom: -1px;
 margin-top: 5px;
 position: relative;
}


h3 { font-size: 21px; font-weight: 400; color: #DC2B19; }

form h3 {

 display: inline-block;
 padding-bottom: 0;
 padding-top:0;
 margin-top:0em;
 margin-bottom: 0.75em;
 font-weight: 400;
 color: #DC2B19;

}

#systemmeldung h3 {

 display: inline-block;
 padding-bottom: 0;
 padding-top:0;
 margin-top:0;
 margin-bottom: 1.5em;
 font-weight: 400;
 color: #DC2B19;

}





h4 { color: #DC2B19; font-weight: normal; }

/* Systemmeldungen */
h5 { color: black; font-size: 1em; font-weight: normal; line-height:2em; }
h6 { color: #b9b298; font-weight: normal; }

.header3 { color: #073873; font-size: 14px; font-weight: bold; line-height: 14px;}

/* ===== inwarenkorbgelegt ===== */
#inwarenkorbgelegt .artikmc {
 font-weight:bold;
}


#inwarenkorbgelegt .table-left {
 display: inline-block;
 margin-left: auto;
 margin-right: auto;
 padding-right: 2em;
 text-align: center;
 width: 120px;
 height:120px;
 float:left;

}

#inwarenkorbgelegt .button-left,
#inwarenkorbgelegt .button-right {
 display: inline;
}

#inwarenkorbgelegt .button-left {margin-right:1em;}
#inwarenkorbgelegt .button-right {margin-left:1em;}





/* ===== tabellen ===== */
table {
  border-spacing: 0px;
  color:black;
  

}



.table select.small {

 margin-top: 0.5em;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0;

}

.table .nowrap {

  white-space: nowrap;

}

.table-center { text-align: center !important;}
.table-right { text-align: right!important; }
.table-left { text-align: left!important; }




/* ===== hr ===== */
hr { border-color:#DC2B19; margin-bottom: 0;margin-top: 10px; }

/* ===== buttons ===== */
.btn { text-shadow:none!important;
-webkit-box-shadow:none;
box-shadow:none;
}

}

a.btn {
 color: ;
 font-weight:400;
 text-decoration:none;
	}

a.btn.small {
	font-size: 0.8em;
	line-height: 1.1em !important;
	white-space: nowrap;

}


a.btn:hover, a.btn:active, a.btn:focus {
 color: [SNIPPET.FARBE_BUTTON_SCHRIFT]]!important;
 text-decoration:none!important;
	background-color:#870D00!important;
}

.btn.btn-default
{ color: #fff!important;
 background-color: #870D00!important;
 border-color: #870D00!important;
 background-image:none;text-shadow:none!important;
-webkit-box-shadow:none;
box-shadow:none; }

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus
{ color: #fff!important;
 background-color: #A82416!important;
 border-color: #A82416!important;
 background-image:none;text-shadow:none!important;
-webkit-box-shadow:none;
box-shadow:none; }





.btn.active {
 font-weight:bold;
}

a.btn-default {

 color: #555 !important;

}

a.buttonaendern {font-size: 0.85em; color:#7F7F7F;}

.btn.btn-top {
 background-color: white;
 color: #DC2B19;
 padding: 10px 20px;
 margin-bottom: 20px;
 min-height: 20px;
 border: 1px solid #DC2B19;
}

.btn.btn-grau:hover { background-color: #fafafa!important; border: 1px solid transparent!important; }
.btn.btn-grau {background-color: #eeeeee; color: #333333;border: 1px solid #ebece6!important;}















/* ===== a ===== */
a { color:#333333; text-decoration:none; outline-color: -moz-use-text-color; outline-style: none; outline-width: medium; }

a:hover { color:#DC2B19; text-decoration:underline;}

/* ===== box ===== */
/*.shadowbox, .rundeecken {
 -webkit-box-shadow: 0px 1px 10px rgba(76, 76, 76, 0.7);
 -moz-box-shadow: 0px 1px 10px rgba(76, 76, 76, 0.7);
 box-shadow:  0px 1px 10px rgba(76, 76, 76, 0.7);
}


.shadowbox1 {
 -webkit-box-shadow: 0px -1px 25px #0F3193;
 -moz-box-shadow: 0px -1px 25px #0F3193;
 box-shadow:  0px -1px 25px #0F3193;
}

.shadowbox.with-table {
 -webkit-box-shadow: 0px 1px 10px rgba(76, 76, 76, 0.7);
 -moz-box-shadow: 0px 1px 10px rgba(76, 76, 76, 0.7);
 box-shadow:  0px 1px 10px rgba(76, 76, 76, 0.7);
 border: 2px none transparent;
}
*/



.shadowbox.with-space {
 padding:15px;

}

.with-space { padding:17px; }
.with-space-lr {padding: 0px 17px 0px 17px; }



.shadowbox {
	z-index:2;
	top:0;
	left:0
}


.shadowbox-big {

 margin-bottom: 20px;
 padding: 0px;
 position: relative;
}

.box-medium, .box-medium-produktdisplay, .box-white {
 padding:0px
}

.box-white { background-image:none; background-color: white; border-radius:4px; }



.box-medium-artikelliste { 
 padding:0px;
}


.box-small { 

 padding: 0px;
}




/* ===== #logo ===== */
#logo { }

/* ===== breadcrumb ===== */
.breadcrumb-wrapper {
 
 margin-bottom: 25px;
 margin-top: 25px;
}


.breadcrumb a, .breadcrumb > li + li::before { color:#DC2B19;}


/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
 content: " ";
 display: block;
 width: 0;
 height: 0;
 border-top: 17px solid transparent;
 border-bottom: 17px solid transparent;
 border-left: 10px solid white;
 position: absolute;
 top: 50%;
 margin-top: -17px;
 left: 100%;
 z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
 content: " ";
 display: block;
 width: 0;
 height: 0;
 border-top: 17px solid transparent;
 border-bottom: 17px solid transparent;
 border-left: 10px solid rgb(173, 173, 173);
 position: absolute;
 top: 50%;
 margin-top: -17px;
 margin-left: 1px;
 left: 100%;
 z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
 padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
 padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
 padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
 border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
 border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
 border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
 border-left: 10px solid #adadad;
}




/* ===== katalogwahl ===== */
#katalogwahl {
border-radius: 4px 4px 4px 4px;
 position: relative;
 margin-top: 30px;
 color:#696969!important;
 background-color: #f3f3f3;
white-space: nowrap;
min-width: 220px;
}

#katalogwahl select {display: inline-block; border: 0px; font-size:1em; background-color: #f3f3f3; margin-bottom: 0; position: relative; top: 5px;
 background-color: #f3f3f3;
 background-image: linear-gradient(to bottom, #f3f3f3, #f3f3f3);
 background-repeat: repeat-x;
 border: 1px solid silver;
 border-radius: 4px 4px 4px 4px;
 width: 70% !important;
 margin-right:0.7em;


 }


#katalogwahl .icon-book {
 float:left;
 padding: 5px 0 5px 10px;
 color: #FFFFFF;

}



/* ===== viewoptions ===== */

.viewoptions .pagination {
 float:right;
 margin:0
}

.viewoptions .sortierung {
 float:left;
 margin-right:1em;
}


/* ===== topfilter-wrapper ===== */


.topfilter-wrapper .sortierung {

}


/* ===== id_ajax_update_zone ===== */
#id_ajax_update_zone form {
 margin: 0;
}

/* ===== buttongroup ===== */
.btn-group.no-margin {
 margin-left: -15px !important;
 margin-right: -15px !important;
}

/* ===== mobile-logo ===== */
.mobile-logo {
 height: 27px;
 width: auto;
 top: 15px;
}

/* ===== infosprite ===== */
.infosprite { padding-left: 2px; padding-top:2px; }

/* ===== saleinfo ===== */
.saleinfo {

	background-color: transparent;
 color: #DC2B19;
 font-size: 14px;
 font-weight: bold;
 line-height: 1.5em;
 text-align: center;
 text-transform: uppercase;

 padding: 0;
 left: 5px;
 position: absolute;
 top: 5px;

}

.viewgrid .saleinfo {

}
.viewgrid .saleinfo2 {
 padding-bottom: 0;
 padding-left: 4px;
 padding-right: 4px;
 padding-top: 0;
 right: 0px;
 position: absolute;
 top: 3px;
 left:auto;

}


.saleinfo2 {
 color: #333333;
 padding-bottom: 0;
 position: relative;
 text-align: right;
 font-size:14px;
}

.saleinfo2 small { margin-top:-5px; display:block; }







/* ===== systeminfo ===== */
.systeminfo {
 color: #333333;
 font-weight: normal;
 display: block;
 margin: 100px 15%;
 text-align: center;
 width: 70%;
}

.systeminfo i {
 color: #333333!important;
}

.systeminfo .text {
 display: inline-flex;
 line-height: 1.9em;
 vertical-align: bottom;
}




/* ===== iddynamicfiltertext ===== */
#iddynamicfiltertext .add-on {
 cursor: pointer!important;
}

/* ===== ampel ===== */
.ampelROT, .ampelGRUEN, .ampelGELB { /* padding-left:3px; */ }

.ampell a, .ampelGRUEN a, .green { color: #45ac51!important; cursor: default; }
.ampelROT a { color: #ff0000!important; cursor: default; }
.ampelb a, .ampelORANGE a {color: #ff8c00!important; cursor: default; } 
.ampell2 a, .ampelGELB a {color: #FFFF00!important; cursor: default; } 


.ampellegende {height: 2em; font-size:0.95em;}

.ampellegende .ampelGRUEN, 
.ampellegende .ampelROT,
.ampellegende .ampelGELB,
.ampellegende .ampelORANGE{ float:left; display:inline-block; padding-right:2em; }

.ampellegende i {
margin-right: 5px;
}

/* ===== bootstrap_carousel ===== */
.carousel-inner img {
 margin: auto;
}

.carousel-control { width: 7%; border-radius:5px; }
.carousel-indicators { display: none; }

.carousel-control.left, .carousel-control.right {background-image: none}

/* ===== last_viewed_products ===== */
.last_viewed_products {font-size:0.9em}
.last_viewed_products .artik_mc {font-weight:600}
.last_viewed_products .artik_cd {font-size:0.9em}
.last_viewed_products .wrapper {display: inline-block;}
.last_viewed_products .headline {border-bottom: 1px dotted silver; font-size:1em; margin-bottom:1em; }



/* ===== tab-artikel ===== */
table#tab-artikel td, table#tab-zubehoer td { 

}

table#tab-artikel thead td, table#tab-zubehoer thead td { 
	background-color: #DC2B19;
 color:#efaba4;
}

/* ===== zusatzinfo ===== */
.zusatzinfo {
 border: 1px solid #C0C0C0;
 border-radius: 4px;
 display: inline-block;
 height: 1.5em;
 line-height: 1.5em;
 margin-bottom: 0.5em;
 margin-right: 0em;
 padding-left: 0.5em;
 padding-right: 0.5em;
 position: relative;
 white-space:nowrap;
 background-color:white;
 font-size: 1em;
 font-weight: 400;
 text-align:center;
}

/* ===== filter_wrapper ===== */
.filter_wrapper {
 display: inline-block;
 float: left;
 margin-right: 1em;
 width: auto;
}


.filter_wrapper label {
	font-size:0.85em;
 margin-bottom:0;
}


/* ===== nav ===== */

.navbar-header {position: relative;top: 5px;}

#nav001.navbar {margin-top: 0; margin-bottom: 0;}

#nav001 .navbar-fixed-top {
 top: 0;
 z-index: 1030;
 border-radius: 0;
 border-width: 0 0 1px;
 left: 0;
 position: fixed;
 right: 0;
}





#nav001 .nav > li > a,
.nav-anmeldung a {
 font-weight:normal;
color:white;
text-shadow:inherit;
}


#nav001 .navbar-nav > .open > a, 
#nav001 .navbar-nav > .open > a:focus, 
#nav001 .navbar-nav > .open > a:hover, 
.nav-anmeldung > a:hover {
/* background-color: #DC2B19; */
 color: #000;
 background-image:none;
}

#nav001 .navbar-nav .open .dropdown-menu > li > a:focus, 
#nav001 .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: #870D00;
 color:#FFFFFF;
}




#nav001 .navbar-toggle, 
#nav001 .navbar-toggle:focus {
 background-color: white;
 border: none;
 color: #DC2B19;
 margin-right: 0px;
}


#nav001 .navbar-toggle:hover {
 background-color: white;
}

#nav001 .navbar-toggle .icon-bar {
 background-color: white;
}


#nav001 .navbar .nav > li > a {
 background-color: #FFFFFF;
}

#nav001 .nav > li > a:hover {
 color: #DC2B19;
 background-color: white;
}



#nav001 .nav > li > a {
 padding: 7px 10px!important;
 -webkit-font-smoothing:antialised;
 -moz-osx-font-smoothing: grayscale;
}

.nav-anmeldung > a {
 padding: 7px 0px!important;
}

.nav-anmeldung a {
 font-weight: normal;
 float: right;
 font-size: 16px;
 margin-right: 15px;
 color: white!important;
 text-decoration:none;




}

.nav-anmeldung a:hover {

color: black!important;
text-decoration:none;


}

/* .nav-anmeldung a:hover i { color:black!important; background-color:white; } */

#nav001.navbar {min-height:36px}

nav {
 font-size: 18px;
 font-weight: bold;
}



#nav001 .nav > li.selected:after {
 border-bottom: 8px solid #509e2f;
 border-left: 9px solid transparent;
 border-right: 9px solid transparent;
 bottom: -1px;
 content: "";
 font-size: 0;
 height: 0;
 left: 5px;
 line-height: 0;
 position: absolute;
 width: 0;
}

#nav001 .nav > li:hover::after {
 border-color: transparent transparent #870D00;
}

#nav001 .nav > li.selected:after {
 border-color: transparent transparent #DC2B19;
}


.nav.navbar-nav > li.selected a {
 background-color: white !important;
 color: #DC2B19!important;
}




.nav-anmeldung .icon-login, .icon-login a:hover {
 background-color: #DC2B19;
 border-radius: 4px;
 color: white;
 padding: 2px 3px;
}







/* ===== dropdown ===== */
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
 background-color: #870D00;
 background-image: none;
 background-repeat: repeat-x;
	color:#FFFFFF;
}







/* ===== loginblock ===== */
#loginblock { margin-top:1.5em }



/* ===== warenkorbmenge ===== */
#warenkorbmenge .artikeltext {text-align:left; }
#warenkorbmenge .staffel_preise {display:block;font-size:0.9em}


#warenkorbmenge .preis, #belegposaddoverlay .preis {font-size:18px; font-weight:bold; color:#DC2B19; padding-top:20px;}

/* ===== hgrmenue ===== */
#hgrmenue {text-transform:none;}
#hgrmenue ul li a {background-color: #333333!important;}

/* ===== topspace ===== */
.topspace {padding-top:15px;}



/* ===== staffel ===== */
.staffel_preise { display:block; margin-bottom:20px; }


.staffel_header {
 background-color: #ececec;
 font-weight: 400;
 padding: 2px;
 text-align: center;
}
.staffel_header, .staffel_col, .staffel_col.preis, .staffel_header.preis {
 float: left;
 overflow: hidden;
 padding-left: 2px;
 padding-right: 2px;
 text-align: center;
 white-space:nowrap;
 font-size: 0.9em;
}

/* ===== centerme ===== */
.centerme {
width: 150px;
 height: 150px;
 background: transparent;
 margin: auto;
 position: absolute;
 top: 50%; 
 left: 50%;
 -webkit-transform: translate(-50%,-50%);
 -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

/* ===== home ===== */
.home-image { position:relative; top:8px; left:5px; }

/* ===== markenshopsliste ===== */
.markenshopsliste ul {margin:0; padding:0; display: block;}

.markenshopsliste ul li {float:left; margin-right:10px; margin-bottom:10px;}

.markenshopsliste img { display: inline-block;height: auto;width: auto; }

.markenlogo { border: 1px solid silver; padding:5px; opacity: 1; width:100px; height:100px; }

.markenlogo:hover { opacity: 1; border: 1px solid black; }

.markenshoptitel > h3 {margin: 0;padding: 0;}




/* ===== logocarousel ===== */
#logoCarousel {margin-top: 5px}

/* #logoCarousel .carousel-control {display:none; } */

#logoCarousel .carousel-control {
 color: #222;
 font-size: 60px;
 font-weight: 100;
 opacity: 0.5;
 position: absolute;
 text-align: center;
 top: 20px;
 border:0;
	background:none;
 top: 40%;

}

#logoCarousel .carousel-control:hover, #logoCarousel .carousel-control:focus { color:#999!important; }


#logoCarousel .carousel-control.left { color:#333; left:-20px;}
#logoCarousel .carousel-control.right { color:#333; right:-20px;}


#logoCarousel .carousel-inner {
 margin-left: 0px;
 margin-right: 0px;
 overflow: hidden;
 position: relative;
 width: 100%;
}

#logoCarousel .thumbnails > li {margin-left: 0;margin-right: 2.0%;}

#logoCarousel .thumbnails li:last-child {
 margin-right: 0;
}

.container1033p {
 display: inline-block;
 width: 10%;
}



/* ===== leftnav ===== */
.leftnav_headline { display: block; }

.leftnav_headline > img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 max-height: 100px;
}

/* ===== artikbildmengeedit ===== */
.artikbildmengeedit { width:200px; height:auto; }

/* ===== overlay ===== */
.artikbildoverlay {width:50%; height:50%; }

#belegposaddoverlay label.col-sm-2 {
 font-size: 12px;
 padding-top: 0;
 text-align: left !important;
 width: 100% !important;
}

/* ===== zahlungsart ===== */
.zahlungsart {
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 border-color: #DC2B19;
 border-image: none;
 border-radius: 3px;
 border-style: solid solid none;
 border-width: 2px 2px 0;
 display: inline-block;
 padding: 0;
 position: relative;
}

.zahlungsart p {
 background-color: #870D00;
 bottom: -10px;
 color: white;
 display: inline-block;
 padding: 0 10px;
 position: relative;
 z-index: 0;
	width:140px;
	text-align:center;
 font-size: 14px;
 line-height: 1.5em;
}
 

.zahlungsart i {
 display: block;
 height: 40px;
 opacity: 1;
 position: relative;
 text-align: center;
}
 


/* ===== navigationmarkenshop ===== */
#navigationmarkenshop{

 background-image: url(https://shop.heholz.at/images/brushbg_medium.png);
 background-repeat: no-repeat;
	background-size:100% 100%;
	width:100%;
	height:100%;
 box-sizing: border-box;
 padding:10px;
	display:inline-block;
 margin-bottom: 45px;

}

#navigationmarkenshop .markenshoplogo {float:left;}

#navigationmarkenshop .filter-entfernen {float:right; bottom: 0; position: absolute;}

#navigationmarkenshop .markenshoptitel {float:left;}

#navigationmarkenshop .markenshoptitel h1 {padding-top: 22px!important;}

#navigationmarkenshop .markenshoplogo img {height: 100px;width: 100px; }


/* ===== leftnavigation ===== */
#leftnavigation
{
display:inline-block;
margin-top:0px;
width:100%;
}


#leftnavigation.box-medium { padding:0px; }

#leftnavigation .markenshoplogo {text-align:center;}
#leftnavigation .markenshoptitel h1 {margin-top:0; text-align:center;}
#leftnavigation .markenshoplogo img {height: auto;width: auto; }

#leftnavigation .filter-entfernen {text-align:left;}

/* ===== switch-wrapper ===== */
.switch-wrapper { bottom: 25px; position: absolute; right: 15px; }

a.switch_list, a.switch_grid { color:#DC2B19; }
a.switch_list.active,
a.switch_list:hover,
a.switch_grid.active,
a.switch_grid:hover
{ color:#870D00; }



/* ===== aktion ===== */
.aktion > img {
 width: 100px !important;
}

.aktion {
 position: absolute;
 top: 10px;
}

.aktiontabelle {
 display: inline;
 float: left;
 margin-right: 0.5em;
}

.aktiontabelle img {
 position: relative;
 top: -2px;
}

/* ===== meinkonto ===== */
#meinkonto .col-sm-4 {
 margin-bottom: 15px;
 margin-top: 15px;
}

#meinkonto .fa {
 background-color: #870D00;
 border-radius: 3px;
 color: white;
 height: 70px;
 padding: 14px;
 width: 70px;
 margin:15px;
}

#meinkonto .icontext {
	color:#DC2B19;
}

/* ===== submit_container ===== */
.submit_container .btn {margin-top: 10px;}

/* ===== topnavigation ===== */
#topwarenkorbinfo {
 display: inline-block;
 position: relative;
 right: 0px;
}

.wkbinfo-mobile #topwarenkorbinfo {top:-3px; left:55px; position: relative; display:block;}


#topwarenkorbinfo a:hover { text-decoration:none;}



#topwarenkorbinfo .wrapper-left {
float: left;
}

#topwarenkorbinfo .wrapper-right {
float: right;
display:inline-block;
}

#topwarenkorbinfo .zeile1 {
 color: #DC2B19;
 font-size: 18px;
 font-weight:400;
 margin-right: 0px;
 position:relative;
 top:15px;
 height: 1em;
}


#topwarenkorbinfo .zeile2 {
color: #DC2B19;
font-size:0.75em;
}

#warenkorbquickviewpositionen {
 position: absolute;
 right: -18px;
 top: 0;
 font-weight: normal;
}

#topwarenkorbinfo .badge {
 background-color: #870D00;
 border: 2px solid #FFFFFF;
 border-radius: 18px;
 color: #ffffff;
 font-size: 1em;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 1px;
}

#warenkorbquickviewpositionen_mobile.badge { font-size:14px; }


#topwarenkorbinfo .warenkorbsymbol {

 color: #DC2B19;
 position: absolute;
 left: -50px;
 top:2px;

}


.badge-number {
 position: relative;
 top: 1px;
 font-weight:normal;
}




#topsuche {
 padding-bottom: 22px;
 padding-top: 22px;
}

#topsuche .form-group {
 margin-bottom: 0;
}


#topwgr {
 background-color: #870D00;
}



#topwgr .open .wgr::before {

 border-style: solid;
 border-width: 0 7px 7px;
 top: 40px;
 left:13px;
 content: "";
 font-size: 0;
 height: 0;
 line-height: 0;
 position: absolute;
 width: 0;
 border-color: transparent transparent #fff;

}

#topheader { background-color: #eeeeee; font-size:14px; }

#topheader div span {color: #DC2B19; }




/* ===== schnellbestellung ===== */
#schnellbestellung .row {margin-bottom: 15px;}

/* ===== filter ===== */
.filter-entfernen a, .filter-entfernen i {
 font-size: 14px; color:#DC2B19;
}

/* ===== ui-autocomplete ===== */
.ui-autocomplete { z-index:99999; max-height: 50%; overflow-y: scroll; min-width:255px; }

.ui-autocomplete-loading { background: white url(https://shop.heholz.at/images/ui-anim_basic_16x16.gif) right center no-repeat; }

.ui-autocomplete.ui-widget-content a {
 cursor: pointer;
 display: inline-block;
 font-size: 12px;
 white-space: nowrap;
}


/* .ui-autocomplete li a:hover {background-color: silver; }*/

.ui-autocomplete .quicktext {display: inline-block;line-height: 1em;margin-left: 1em; }

.ui-helper-hidden-accessible {display: none;}

/* ===== gutschein ===== */
.gutschein { font-weight:bold; }

/* ===== warenkorbpreview ===== */
#warenkorbpreview ul li {font-weight:bold; width:25%}
#warenkorbpreview li li {color:red;}

.verfuegbar-menge-rueckstand { font-size:12px; color: darkorange; font-weight:bold;}
.verfuegbar-menge-null, .verfuegbar-menge-null a { font-size:12px; color:#DC2B19; font-weight:bold;}


/* ===== icons ===== */
.icontext {white-space:nowrap;}

/* ===== profisuche ===== */
#profisuche .profisuch-wrapper {

 padding-top:0.5em;
 padding-bottom:0.5em;
 
}





/* ===== bgrlogo ===== */
.bgrlogo { /* background-image:url(https://shop.heholz.at/images/bgrlogo.png); background-repeat:no-repeat; background-position:right top; */ }

/* ===== urlheadline ===== */
.urlheadline { margin-bottom:20px;}

.urlheadline h1 {margin-top: 0px; }

/* ===== artikelauswahl ===== */
#artikelauswahl .form-group {
 margin-bottom: 5px;
}

/* ===== tab-artikelinfo ===== */
#tab-artikelinfo {margin-top:40px; }

.artikelinfo.active a {
 color: #DC2B19 !important;
}

/* ===== branchenshopsliste ===== */
.branchenshopsliste ul {margin:0; padding:0; display: block;}

.branchenshopsliste ul li {float:left; margin-right:10px; margin-bottom:10px;}

.branchenshopsliste img { display: inline-block;height: auto;width: auto; }

.branchenlogo { border: 1px solid silver; padding:5px; opacity: 1; width:100px; height:100px; }

.branchenlogo:hover { opacity: 1; border: 1px solid black; }

.branche {margin-top:1em;}

a .branche { color:#DC2B19; }



/* ===== colors ===== */
.hell { color: #B9B298!important;}
.dunkel { color: #494238!important;}

/* ===== #accordion ===== */
#accordion {display: block;}

#accordion {
 color: #333333;
}

#accordion h3 {
 
 font-weight: bold;
 padding-top: 0em;
 padding-bottom: 0.5em;
 border: 0px transparent none;
 line-height: 1.5em;
 
}


#accordion h3 a {
	color: #DC2B19;
}



#accordion p {

 line-height: 1.3em;
 padding-bottom: 1em;
 width:100%;
}

/* ===== checkout ===== */
#lieferadresse h3{
 padding-top: 15px;
}


#rechnungsadresse span a, #lieferadresse span a { font-size: 0.8em; padding-left: 2em; text-decoration: underline;}

.zahlungsart label { line-height: 2em; vertical-align: middle; }
.zahlungsart input { margin-top: 0.2em; vertical-align: middle; }
.zahlungsart img { float: left; padding-right: 100px; height:120px;}


/* yyyyyy Checkout2 yyyyyy */

textcheckout {padding-left: 0;border: 0px white none; color: #494238; }
textcheckout.klein {width:58px; }
textcheckout.mittel{width:151px; }	
textcheckout.xmittel{width:240px; }
textcheckout.gross {width:331px; }
textcheckout.xgross {width:423px; }

textcheckout {
 color: #B9B298;
 font-family:"Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
 line-height: 1em;
 padding-bottom: 0.2em;
 padding-left: 0.2em;
 padding-right: 0.2em;
 padding-top: 0.2em;
 display: inline-block;
 margin-right: 20px;
 font-size: 0.9em;

}


#sucheninheader { clear:right; display:block; float:right; margin-top: 1em;}

#sucheninheader label { font-size: 0.8em; }


#sucheninheader input { 
background-image: url(https://shop.heholz.at/apollo/images/icons/fugue/magnifier.png);
background-repeat:no-repeat;
background-position:left;
font-size: 0.8em; margin-right:0;
padding-left:20px;

}

.beleg {font-size:10px; color:silver;}

.dbfeld { border-bottom: 1px dotted #C0C0C0;display: inline-block;width: 100%; }

.container50 {float:left; width:48%; padding-left:10px; display:block;}

.bestellanmerkung { margin-right: 1em; margin-left: 115px; display:block;}


.checkoutbox {
display:inline-block; text-align:left; width:100%; background-color:#F3F3F3; padding:1em; border-radius:4px; margin-bottom:20px;
}

 
 


/* ===== manuellerbeitrag ===== */
.manuellerbeitrag.box-medium {
background-image: url(https://shop.heholz.at/images/brushbg_lg_2000h_6col.png);
}


.manuellerbeitrag { padding: 0px; }

.manuellerbeitrag h2 {
 padding-bottom: 10px;
 padding-top: 30px;
 font-weight:normal;
 border:none;
 margin:0;
}


/* ===== topcrumb ===== */
#topcrumb {
 color:#333333;
margin-left:50px;
margin-right:50px;
margin-bottom: 4px;
}


#topcrumb, #topcrumb a {color:#333333; text-decoration: none; font-weight:400;}

#topcrumb ul {
 display: inline-block;
 margin:0;
}

#topcrumb li {
 margin-right: 1em;
 margin-left: 1em;
 display:inline-block;
}





/* ===== etikettenmenu ===== */
#etikettenmenu .infotext {display: block; padding-bottom: 1em; padding-top: 2em; text-align: left; width: 100%;}


/* ===== placeholder ===== */
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color: #DC2B19;
 opacity: 0.5;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #DC2B19;
 opacity: 0.5;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: #DC2B19;
 opacity: 0.5;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #DC2B19;
 opacity: 0.5;
}

/* ===== wgrX-dropdown ===== */
.dropdown-wgr ul li > a {
/* display: none; */
}

.dropdown-wgr ul li > a {
 display: none;
 display: block;
 text-align: center;
}

.dropdown-wgr .dropdown-menu {
 position:absolute;
 top:45px;
 border:none;
 }

.dropdown-wgr .dropdown-menu > li > ul { padding-left:30px }

.dropdown > ul {font-size: 16px;}
.dropdown > ul li a {padding-top:5px; padding-bottom:5px;}






.dropdown-menu {
 width: 100%;
}
.dropdown-menu a:hover {
 color:#DC2B19;
}


.dropdown-menu ul li ul li {
 display:inline-block;
 min-width: 250px;
width:250px;
 margin-top: 15px;
	margin-bottom:15px;
/* float: left; */
}

.dropdown-menu ul li {
 margin-left: 0;
}

.dropdown-menu ul li ul li ul li a {
 font-weight: normal !important;

}
.dropdown-menu ul li ul li a {
 font-weight: 700;
 text-align:left;
}

.dropdown-menu ul li ul {
display:inline-block;
 margin: 0 !important;
 padding: 0 !important;
vertical-align:top;
}

.dropdown-menu ul li ul li ul li {
 margin: 0;
/* clear: left;*/
 display: block;
 margin: 0;

}

ul.dropdown-menu ul li ul li ul li ul {
 display: none;
}




#wgr6-dropdown.dropdown-menu,
#wgr7-dropdown.dropdown-menu,
#wgr8-dropdown.dropdown-menu,
#wgr9-dropdown.dropdown-menu,
#wgr10-dropdown.dropdown-menu
{ top: 90px; }

#wgr11-dropdown.dropdown-menu
{ top: 135px; }






/* ===== produktdetail ===== */
#produktdetail { color: black; display: block;}
#produktdetail h2 { font-size:1.5em; font-weight: normal; display:block; color: #EEEEEE;}
#produktdetail h3, #produktdetail p { display: inline; }
#produktdetail h4 { font-size: 1em; color: #b9b298; margin-bottom:0.7em; }
#produktdetail h3 { font-size:1.2em; font-weight: normal; text-transform: uppercase; color: #870D00; }
#produktdetail p { font-size:1em; font-weight: normal; line-height:1.4em; letter-spacing: normal; }
#produktdetail img { margin-right: 30px;}
 


.produktdetail_links { vertical-align: top; height: 300px; display: block; /* float: left; */ margin-bottom:1em;}
.produktdetail_rechts { vertical-align: top;	display: inline-block; }


#produktinfo { display: block; width :100%; padding-top:0px; text-align: right; }
#produktinfo ul { display:block;}
#produktinfo ul li { float:left; width:380px; }
#produktinfo ul li li { float:left; width:100px;}



#produktinfo select { margin-bottom: 20px; padding-right:5px; font-size:1em; font-family:"Times New Roman", Times, serif, Arial, Helvetica, sans-serif; color: black;}

#produktinfo option { font-family:"Times New Roman", Times, serif, Arial, Helvetica, sans-serif; color: black; padding-left:5px; padding-right:5px;}

.preisproduktinfo {color: black; font-size: 1em; font-weight: normal; margin-bottom:20px; display:inline-block;}

#produktinfo label {font-size:1em; }
#produktinfo .buttonback {float: left;}

#bildliste {display: inline-block; }

#bildliste ul { max-width:350px; margin: 10px 0 0; }
#bildliste li { float:left; }

#bildliste img { margin: 0 5px 0 0; padding: 2px 2px 2px 2px; border: 1px #aaaaaa dotted; }

#bildliste li img { width:60px; }

.noorder { font-size: 1em; color: black; text-align: right; }
.notavailable { display: block;}



#produktgroesse { margin-bottom: 0.5em; }


#produktgroesse ul {
	/* width: 300px; */
	margin-left:10px;
}


#produktgroesse li a {
	text-decoration:none;
}



#produktgroesse li {
 float: left; 
 height: 16px!important;
 vertical-align: middle;
 text-align: center;
 width: 40px!important;
 margin-right: 5px;
 margin-left:0;
 margin-top:5px;
 font-size: 1em;
 font-family:Verdana, Geneva, Tahoma, sans-serif;
 color: #B9B298;
 padding:0!important;
}



#produktgroesse li:hover {
 font-weight: bold;	
 cursor:pointer;
}



#produktgroesse .rot {
	background-color: #e7d0cc;
}

#produktgroesse .rot:hover, #produktgroesse .rot.sizeselected {
	background-color: red;
}


#produktgroesse .gruen {
	background-color: #dfe9cc;
}

#produktgroesse .gruen:hover, #produktgroesse .gruen.sizeselected {
	background-color:#b5e956;
}


#produktgroesse .gelb {
	background-color: #eee4bd;
}

#produktgroesse .gelb:hover, #produktgroesse .gelb.sizeselected {
	background-color: #eed05a;
}

/* ===== ArtikelListe ===== */
#tab-artikelinfo .tab-pane {padding: 20px;}

#artikelliste .wgrbild {padding-bottom: 1em;}

#artikelliste a {color:#DC2B19;}

#artikelliste {margin-top: 20px;}

.zubehoer-item {margin-bottom:20px; text-align: center;}

.gpreis {font-size:0.95em; color:gray;}
.vpreis {color:#DC2B19;}


#produktinformation ul { padding-top:0; padding-bottom:0; margin-bottom:0; }
#technischemerkmale ul { padding-top:0; padding-bottom:0; margin-bottom:0;}

#produktinformation ul li {list-style-type:disc;}
#technischemerkmale ul li {list-style-type:disc;}


#produktinformation ul br {display:none; }
#produktinformation ul li br {display:block;}
#produktinformation br {display:block;}


#technischemerkmale ul br {display:none; }
#technischemerkmale ul li br {display:block;}
#technischemerkmale br {display:block;}

.standort_legende > a {
 color: #333333!important;
 float: right;
}

#artikelliste .form-control {
 display: inline;
 position: relative;
 top: -2px !important;
}



.img-artikelliste {max-width:100px; max-height:100px; }

.artikbild {max-width:100px;}
.artik_txt {font-size:14px; line-height:1.2em;}


.objekt-artikel {margin-top:1em; font-size:12px;}


























/* ===== werbungbanner ===== */
.werbungbanner img {border-radius:4px; }

/* ===== detailinfo ===== */
#detailinfo { display: block; margin-top: -8px; }

#detailinfo a.fancyoverlay { text-decoration: underline; color:#DC2B19; }

#detailinfo a.fancyoverlay:hover { text-decoration: underline; color: #333333; }

/* ===== loginseite ===== */
.logincenter {
 width: 400px;
 height: 300px;
 position: absolute;
 left: 50%;
 top: 50%; 
 margin-left: -200px;
 margin-top: -200px;
 background-color: #FAFAFA;
}



.nologin { font-size: 0.8em; color:red; padding-bottom:2em; }

.notice { padding-top:70px; background-color:transparent; border: 0px white none; }
.reminder { font-size: 0.9em; text-decoration: underline; }

/* ===== topsprachauswahl ===== */
#topsprachauswahl {
 height: 15px;
 font-size:0.8em;
 display:block;
}
#topsprachauswahl ul {
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0;
 line-height: 1.4em;
 float:right;
 
}
#topsprachauswahl ul li {
 float: left;
 line-height: 1.5em;
 padding-left: 1em;
}
#topsprachauswahl ul li a {
 -moz-text-blink: none;
 -moz-text-decoration-color: -moz-use-text-color;
 -moz-text-decoration-line: none;
 -moz-text-decoration-style: solid;
 color: #FFFFFF;
 float: left;
 padding: 0.5em 0em 0.5em 0.5em;
 text-decoration: none;
}
#topsprachauswahl ul li img {
 float: left;
 padding-top:0.5em;
 padding-right:0.2em;
 border:0;
}
#topsprachauswahl ul li a:hover, #topcrum ul li.act a {
 color: #A54237;
}







/* ===== warenkorb ===== */
.warenkorbbild { vertical-align: middle; width:60px; }

#warenkorb .artikeltext, #warenkorb .artikcd { font-size:14px; }
#warenkorb .einzelpreis { text-align:right; white-space:nowrap;}
#warenkorb .zeilensumme { text-align:right; white-space:nowrap;}
#warenkorb .anz_menge { text-align:right; white-space:nowrap;}
#warenkorb .edit { white-space: nowrap;}

.warenkorbverfuegbar { color: red; }

#warenkorb #artikelliste .artikbild
{
float:left;
padding-right:1em;
overflow:hidden;
/* height:85px; */
width:70px;
 margin-left: auto;
 margin-right: auto;
margin-bottom: 5px;
}

#warenkorb th { color:#ffffff;}










/* ===== fancyoverlay ===== */
.fancy_pic { text-align:center }
.fancybox-skin { background-color:#FFFFFF;}


/* ===== tiny-mce ===== */
.mce-tinymce.mce-container.mce-panel {
 display: inline-block;
 width: 960px!important;
}


.mce-container.mce-panel.mce-floatpanel.mce-window.mce-in {
height:auto!important;
}



#tinymce.mce-content-body h3 {
 color: yellow;
}


/* ===== top-link-button ===== */
#top-link-block.affix-top {
 position: absolute; /* allows it to "slide" up into view */
 bottom: -82px; /* negative of the offset - height of link element */
 right: 1em; /* padding from the left side of the window */
}
#top-link-block.affix {
 position: fixed; /* keeps it on the bottom once in view */
 bottom: 0.5em; /* height of link element */
 right: 1em; /* padding from the left side of the window */
 z-index:99999;
}

/* ===== cmsbeitrag ===== */
.cmsheadline, .beitragstext > h2 { 

 font-size: 21px;
 font-weight: 400;

	color:#DC2B19!important; 
 	-moz-border-radius: 4px; /* Firefox */ 
 	-webkit-border-radius: 4px; /* Safari, Chrome */ 
 	border-radius: 4px; /* CSS3 */ 

 	background-color: #870D00;
 	padding: 0.5em;
 	margin-bottom: 1em;
	margin-top:25px;
}


.beitragstext { padding-top: 0; padding-bottom: 0; color: #333333; }

.beitragstext a { text-decoration: underline; }



.beitragstext table td {
 vertical-align: top;
}



.beitragstext h3:first-child {
 margin-top: 0;
}

.beitragstext h4:first-child {
 margin-top: 0;
}

.beitragstext h5:first-child {
 margin-top: 0;
}

.beitragstext h6:first-child {
 margin-top: 0;
}



/* ===== keywords ===== */
.keywords {
	font-size: 0.833em;
	line-height: 2.2em;
	}
	.keywords li {
		display: inline-block;
		background: #A1FFA2;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
		-webkit-background-clip: padding-box;
		line-height: 1.6em;
		border-radius: 0.4em;
		padding: 0.2em 0.5em;
		font-weight: bold;
		color: white;
		/* text-transform: uppercase; */
		white-space: nowrap;
		}
		/* IE class */
		.ie7 .keywords li {
			display: inline;
			margin-right: 0.3em;
		}
		.keywords li.blue-keyword { background-color: #A6CEFF; }
		.keywords li.purple-keyword { background-color: #cc0066; }
		.keywords li.red-keyword { background-color: #FFA6A6; }
		.keywords li.orange-keyword { background-color: #FFD089; }
		.keywords li.green-keyword { background-color: #A1FFA2; }
		.keywords li a {
			margin: -0.4em -0.5em;
			padding: 0.4em 0.5em;
			color: white;
		}
		.keywords li img {
			margin-bottom: -4px;
		}
		/* IE class */
		.ie7 .keywords li img {
			margin-bottom: 0;
			vertical-align: middle;
		}
		
		.table tbody th .keywords,
		.table tbody td .keywords {
			margin: -0.3em -0.2em;
		}

/* ===== kollektionen ===== */
.kollektionheadline { font-size: 1.0em; text-transform: uppercase; padding-bottom: 1em; }

.kollektionbeschreibung { padding-bottom: 1em; font-size: 0.85em; letter-spacing: 0.08em; }

/* ===== tableaddress ===== */
.tableaddress { width:100%; }

.tableaddress tbody td { font-size: 0.95em; border-bottom: 1px dotted #DC2B19; margin-bottom: 1em; padding-bottom: 1em; }

/* ===== mengeedit ===== */
.mengeedit_wrapper { display: inline-block; }
.mengeedit_wrapper .mengeneinheit, .mengeedit_wrapper .anzmenge { margin-right: 1em; }
.mengeedit_wrapper input {text-align: right;}

/* ===== laenderauswahl ===== */
.laenderauswahl {width:400px;height:300px;overflow:auto;}

/* ===== systemmeldung ===== */
#systemmeldung .boxalign { height:200px; display:block; width:auto; text-align:center; margin:0 auto;}
#systemmeldung .text {display: inline; text-align: center; top:40%; position:relative; }
#systemmeldung .button {text-align:center; position:relative; bottom:0;}

.systemmeldung h5 {color: #333333!important;font-size:1em!important; display: block!important;; margin-right:1em; line-height:2em!important; }
#systemmeldung h4 {color: #333333; font-size: 1.1em; display: block;} 




/* ===== gruppierteliste ===== */
#gruppierteliste h5:first-child { font-size: 1.2em; padding-top: 0; }
#gruppierteliste h5 { font-size: 1.2em; padding-top: 1.5em; }
#gruppierteliste ul { display: block; padding-top: 0.5em; padding-bottom:0.5em; }
#gruppierteliste li { font-size: 0.7em; line-height: 1.2em; height: 1.2em; letter-spacing: 0.1em; }
#gruppierteliste .name { float: left; width:300px; overflow :hidden; display: inline; }
#gruppierteliste .stadt { float: left; width:180px; overflow: hidden; display: inline; }
#gruppierteliste .telefon { float: right; text-align:right; overflow: hidden; display: inline; }

/* ===== adressdetail ===== */
#adressdetail ul { display:block; }
#adressdetail h5 { font-size: 2em; color: #B9B298; padding-bottom: 1em; }
#adressdetail .bildblock { float:left; width: 400px; }
#adressdetail .bildblock img { max-width: 380px;}
#adressdetail .adressblock {float:left; width: 300px; }
#adressdetail .adressblock p { line-height: 1.1em; }

/* ===== pressetext ===== */
#pressetext ul { display: block; }
#pressetext li { white-space: nowrap; overflow: hidden; vertical-align:middle; font-size: 0.85em; }
#pressetext .bild { width: 50px; float: left; }
#pressetext .bild img { max-height: 100px; display: inline; box-shadow: 2px 1px 11px #D4D4D4; }
#pressetext .headline { overflow: hidden; float: left; width:350px; display: inline;}
#pressetext .datum { overflow: hidden; float: left; display: inline; }
#pressetext .link { float: right; display: inline; }
#pressetext .link a { text-decoration:underline; display: inline; }
#pressetext .trenner { padding-top: 0.25em; border-bottom: thin gainsboro dotted; line-height: 0.5em; }

/* ===== Newsletter ===== */
.cr_site {
 margin: 0;
 padding: 75px 0 0 0;
 text-align: center;
 background-color: #eeeeee;
}

.cr_font {
 font-size: 14px;
 font-family: Arial;
}

.cr_body h2,
.cr_header h2 {
 font-size: 22px;
 line-height: 28px;
 margin: 0 0 10px 0;
}

.cr_body h1,
.cr_header h2 {
 font-size: 28px;
 margin-bottom: 15px;
 padding: 0;
 margin-top: 0;
}

.wrapper,
.cr_page {
 margin: 0 auto 10px auto;
 text-align: left;
 border-radius: 4px;
}

.cr_header {
 text-align: center;
 background: transparent !Important;
}

.cr_body label {
 float: none;
 clear: both;
 display: block;
 width: auto;
 margin-top: 8px;
 text-align: left;
 font-weight: bold;
 position: relative;
}

.cr_button {
 display: inline-block;
 font-family: 'Helvetica', Arial, sans-serif;
 width: auto;
 white-space: nowrap;
 height: 32px;
 margin: 5px 5px 0 0;
 padding: 0 22px;
 text-decoration: none;
 text-align: center;
 font-weight: bold;
 font-style: normal;
 font-size: 15px;
 line-height: 32px;
 cursor: pointer;
 border: 0;
 -moz-border-radius: 4px;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 vertical-align: top;
}

.cr_button {
 background-color: #333;
 color: #ffffff;
}

.cr_button:hover,
.cr_button-small:hover {
 opacity: 0.7;
 filter: alpha(opacity=70);
}

.powered {
 padding: 20px 0;
 width: 560px;
 margin: 0 auto;
}

.formbox {
 line-height: 150%;
 font-family: Helvetica;
 font-size: 12px;
 color: #333333;
 padding: 20px;
 background-color: #ffffff;
 border-radius: 6px 6px 6px 6px;
}

.cr_ipe_item label {
 line-height: 150%;
 font-size: 14px;
}

.cr_ipe_item textarea {
 background: none repeat scroll 0 0 #eeeeee;
 border: 1px solid #aaa;
 font-family: Helvetica;
 font-size: 16px;
}

.cr_ipe_item input {
 background: none repeat scroll 0 0 #eeeeee;
 border: 1px solid #aaa;
 padding: 5px;
 font-family: Helvetica;
 font-size: 16px;
}

.cr_ipe_item select {
 background: none repeat scroll 0 0 #eeeeee;
 border: 1px solid #aaa;
 display: block;
 margin: 0;
 padding: 5px;
 width: 100%;
 font-family: Helvetica;
 font-size: 16px;
}

.cr_ipe_item input.cr_ipe_radio,
input.cr_ipe_checkbox {
 -moz-binding: none;
 -moz-box-sizing: border-box;
 background-color: -moz-field !important;
 border: 2px inset threedface !important;
 color: -moz-fieldtext !important;
 cursor: default;
 height: 13px;
 padding: 0 !important;
 width: 13px;
}

.cr_ipe_item input.cr_ipe_radio {
 -moz-appearance: radio;
 border-radius: 100% 100% 100% 100% !important;
 margin: 3px 3px 0 5px;
}

.submit_container {
 text-align: center
}

.cr_ipe_item {
 padding: 1px 10px;
 margin: 1px 10px;
}

.cr_ipe_item.inactive {
 display: none;
}

.imprint {
 font-size: 0.8em;
}

.cr_captcha {
 padding-left: 130px;
}

.cr_error {
 font-size: 1.1em;
 padding: 10px;
}

.clever_form_error {
 background-color: #f99;
 color: #000;
 border: 1px solid #f22 !important
}

.clever_form_note {
 margin: 26px 0 0 3px;
 position: absolute;
 display: inline;
 padding: 2px 4px;
 font-weight: bold;
 background-color: #f2ecb5;
 color: #000;
 font-size: 12px !important;
}

.cr_site {
 background-color: #eee;
}

.cr_header {
 color: #000000;
}

.cr_body {
 background-color: #ffffff;
 font-size: 12px;
 color: #000000;
}

.cr_hr {
 background-color: #ccc;
}

.cr_site a {
 color: #0084ff;
}

.imprint {
 color: #000;
}


.cr_page {
 width: 640px;
}



/* ===== containerproduktlist ===== */
#containerproductlist { margin-bottom: 0; margin-left: auto; margin-right: auto;margin-top: 0;}

#containerproductlist ul.display {
 background-attachment: scroll;
 background-clip: border-box;
 background-color: transparent;
 background-image: none;
 background-origin: padding-box;
 background-position: 0 0;
 background-repeat: repeat;
 background-size: auto auto;
 list-style-image: none;
 list-style-position: outside;
 list-style-type: none;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0;
 
}
#containerproductlist ul.display li {
 float: left;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
padding:0;

/* width: 180px; */
 width:33.33%;
 background-color: transparent;
 
}

#containerproductlist ul.display.markenshop li {
width:20%;
}



#containerproductlist ul.display li .artikeltext a {
 color: white;
 margin-bottom: 0;
 margin-left: 0;
 margin-right: 0;
 margin-top: 0;
 padding-bottom: 0;
 padding-left: 0;
 padding-right: 0;
 padding-top: 0;
 text-align: center;
 min-width: 140px;
 text-decoration:none; 
}



#containerproductlist ul.display li .content_block {
 margin: 10px 20px 10px 0;
 position:relative;
 /* display:inline; */
/* height: 230px; */

}


#containerproductlist .display.viewgrid {
 margin-right: -20px !important;
}




#containerproductlist ul.display li .content_block a img {
	padding: 5px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	max-height: 150px !important;
	line-height: 150px;
	
}



#containerproductlist ul.display li .more-caret {
 float: none;
 padding:0;
 display: none;
 text-align: center;
}





#containerproductlist .artikeltext {padding: 4px; color:#DC2B19; overflow:hidden; font-weight:normal; vertical-align:middle; text-align:center; display:inline-block; }


#containerproductlist .productlist_preis { padding-left:5px; font-size: 1.3em; color: #333333; }

#containerproductlist .nichtverfuegbar {text-align:center; color:#DC2B19; }

#containerproductlist .orderview { background-color: white; display: inline-block; height: 60px; position: absolute; left: 0; top: 188px; width: 100%; text-align: center; }

#containerproductlist ul.display li .productlist_textblock {
 color: #DC2B19;
 bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 position: absolute;
 text-align: center;
 width: 100%;
 opacity:0.8;
 background-color:white;
}




/* LISTENANSICHT */

#containerproductlist ul.display.viewliste li {
 display: inline-block;
 float:none;
 width: 100%;
 padding: 5px 0;
}




#containerproductlist ul.display.viewliste li .content_block {
 height: auto;
 margin: 0;
 padding: 0;
 position: relative;
 margin-top: 5px;
}

#containerproductlist ul.display.viewliste li .shadowbox {
	background-image: none;
}

#containerproductlist ul.display.viewliste li .productlist_textblock {
 background-color: #DC2B19;
 border-radius: 4px;
 color: #ffffff;
 font-size: 1.3em;
 line-height: 2em;
height:2.4em;
overflow:hidden;
 margin-left: auto;
 margin-right: auto;
 position: relative;
 text-align: left!important;
 width: 100%;
 opacity:1;
}


#containerproductlist ul.display.viewliste li .grp_image {

 float:left;

 max-width:50px;
	height: 50px;
 padding-top:10px;
 border: none;
 
 overflow: hidden;
 text-align: center;
 vertical-align: middle;

 display: none;

}

#containerproductlist ul.display.viewliste li .more-caret {
 position: absolute;
 right: 0;
 top: 0;
 padding: 0.25em 0.5em;
 display: none;
 
}

#containerproductlist ul.display.viewliste .artikeltext {
	padding: 4px 4px 4px 15px;
 color: #ffffff;
 text-align:left;
}

a .grp_image:hover {
 background-size: 120% auto!important;
 -webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
 	-moz-transition: all 0.3s ease-in-out; /* Firefox */
 	-o-transition: all 0.3s ease-in-out; /* IE 9 */
 	-ms-transition: all 0.3s ease-in-out; /* Opera */
 	transition: all 0.3s ease-in-out;
}



#containerproductlist ul.display li .grp_image {

/* width: 150px; */
/* max-width:150px; */
width:100%;

	height: 180px;
 padding-top:10px;
 border: none;
 display: inline-table;
 overflow: hidden;
 text-align: center;
 vertical-align: middle;
 background-repeat:no-repeat; background-position:center; background-size:180px;
 -webkit-transition: all 0.3s ease 0s; /* Safari and Chrome */
 	-moz-transition: all 0.3s ease 0s; /* Firefox */
 	-o-transition: all 0.3s ease 0s; /* IE 9 */
 	-ms-transition: all 0.3s ease 0s; /* Opera */
 	transition: all 0.3s ease 0s;

}














/* ===== menuelevel2 ===== */

.menuelevel2 {
 margin-top: 15px;
}

#menuelevel2 option {
 padding: 5px 12px !important;
}

/* ===== no-margin ===== */
table .no-margin, table.no-margin {margin:0!important;}
form.no-margin, form .no-margin {margin:0!important;}


/* ===== orderfilter ===== */
#orderFilter {width: auto;}

/* ===== etikettenedit ===== */
#etikettenedit {font-size:0.9em}
#etikettenedit .bildblock {width:170px; margin-left: auto; margin-right: auto; text-align: center;}


/* ===== social ===== */
.social { display: inline; float:left; }

.social ul li { float:left; margin-top:3px; }

.social ul li a {color: #313131; margin-right:0.5em}

 a.twitter:hover {color: #5EC3DF; }
 a.facebook:hover { color:#3C5FAC; }
 a.youtube:hover { color:#C8312B; }

/* ===== wgrinfo ===== */
#wgrinfo {display:block; margin-top: 20px; }
#wgrinfo .gruppenbild { float:left; padding-right:2%; width:28%; padding-bottom:1em;}
#wgrinfo .wgr4info {float:left; width: 70%; padding-bottom:1em;}
#wgrinfo .wgrbild {float:left; display:block; margin-bottom: 11px;}

.wgrbild img {
 border-radius: 3px;
}

#wgrinfo .wgrlogo {display:block; margin-bottom:0em;}

#wgrinfo .wgrzusatzinfo {float:right; display: inline-block; margin-left:1em; margin-bottom: 1em;}
.norm { background-color:#515151; color:white; display:block; }
.wgrinfo-1 { background-color:#515151; color:white; float:none; display:block; }
.wgrinfo-2 { background-color:#515151; color:white; float:none; display:block; }
.wgrinfo-3 { background-color:#515151; color:white; float:none; display:block; }



.wgrtext ul  	  {
padding-top:1em;
	  }

.wgrtext ul li {
list-style-type:disc;
	  }

.wgrtext ul br {display:none; }
.wgrtext ul li br {display:block;}


.wgr {

 border: 1px solid #DC2B19;
 float: left;
 font-size: 14px;
 font-weight: normal;
 padding: 7px;
 text-align: center; 
-webkit-font-smoothing: antialiased;
-moz-osc-font-smoothing: grayscale;
  position:relative;
 text-transform:uppercase;
 letter-spacing: 0.06em;
width:19.5%!important;

 border-radius: 3px;
 margin-bottom: 3px;
 margin-right: 0.5%;
 margin-top: 3px;

}


.wgr {background-color: #870D00; color:white; }
.wgr:hover, .wgr.active, .dropdown-wgr.open button {background-color: #A82416; color:#ffffff; }
.wgr a {text-decoration: none}


.down-triangle::before {
 border-left: 5px solid transparent;
 border-right: 5px solid transparent; 
 border-top: 7px dashed #DC2B19;
 content: "";
 height: 0;
 left: -4.5px;
 position: absolute;
 top: -11px;
 width: 0;
}

.down-triangle {
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-top: 10px dashed #fff;
 height: 0;
 width: 0;
 position: absolute;
 left: -8px;
 bottom: -11px;
 display:none;
 margin-left:50%;

}



.wgr1 .down-triangle::before { border-top: 7px dashed #DC2B19;}
.wgr2 .down-triangle::before { border-top: 7px dashed #009ee3;}
.wgr3 .down-triangle::before { border-top: 7px dashed #efaba4;}



@supports (-webkit-text-size-adjust:none) and (not (-ms-ime-align:auto))
and (not (-moz-appearance:none))
{

.down-triangle::before {
 border-left: 5px solid transparent;
 border-right: 5px solid transparent; 
 border-top: 7px dashed #DC2B19;
 content: "";
 height: 0;
 left: -4px;
 position: absolute;
 top: -12px;
 width: 0;
}

}


.down-triangle.active { display:inline;}














/* ===== button-leiste ===== */
.button-leiste {margin-top:35px }

/* ===== fancybox ===== */
.fancybox-skin { border: 5px solid silver; color:#333333; }



/* ===== printstyle ===== */
@media print { 

#menuelinks {display: none; }
.logo img {display:block!important;}

}

/* ===== dumpinfo ===== */
.dumpinfo {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;
 height: 600px;
 overflow-x: scroll;
 overflow-y: scroll;
 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 5px;
 position: absolute;
 right: 0;
 top: 10px;
 white-space: nowrap;
 width: 235px;
 }

/* ===== debuginfo ===== */
.debuginfo {
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px;

 padding-bottom: 5px;
 padding-left: 5px;
 padding-right: 5px;
 padding-top: 5px;
 color:#333333;

 }

/* ===== owl_slider ===== */
.owl-item .item {
 margin: 0px 5px 0px 0px;
 text-align:center;
}

.owl-item a, .owl-item a:hover { text-decoration:none; color:#DC2B19; }



.owl-img-wrapper { display:inline-block; text-align:center; }
#aktionen .owl-img-wrapper { width:100%; }

.customNavigation{
 text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


 .owl-buttons div {
 position: absolute;
}

 .owl-nav button {
 position: absolute;
}

.owl-carousel .owl-wrapper-outer {

 z-index: 1;
}

 .owl-buttons div {
 border-radius:0;
 opacity:0.5;
 border: 0;
 color: white;
 cursor: pointer;
 font-size: 40px;
 height: 55px;
 margin-top: -27px;
 padding: 0;
 position: absolute;
 text-decoration: none;
 top: 45%;
 width: 55px;
 background-color:transparent;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
 border-radius:0;
 opacity:0.5;
 border: 0;
 color: white;
 cursor: pointer;
 font-size: 40px;
 height: 55px;
 margin-top: -27px;
 padding: 0;
 position: absolute;
 text-decoration: none;
 top: 45%;
 width: 55px;
 background-color:transparent;
}


#owl-produktdisplay-zubehoer.owl-theme .owl-controls .owl-buttons div,
#owl-produktdisplay.owl-theme .owl-controls .owl-buttons div,
#owl-markenslider.owl-theme .owl-controls .owl-buttons div {
 color: gray;
 margin-top: -45px;
}




.owl-buttons .owl-prev{
 left: -0px;
 z-index:100;
}
 
.owl-buttons .owl-next{
 right: -0px;
 z-index:100;
}


.owl-nav .owl-prev{
 left: -0px;
 z-index:100;
}
 
.owl-nav .owl-next{
 right: -0px;
 z-index:100;
}



.owl-prev i {
 padding-right: 10px;
 padding-top: 8px;
}

.owl-next i {
 padding-left: 10px;
 padding-top: 8px;
}


#owl-markenslider .owl-item .item img{
 display: block;
 height: auto;
 max-width:150px;
 max-height:150px;
 margin-left:auto;
 margin-right:auto;
}


#topangebote-fix {display:block;}
#topangebote-fix .owl-item {width: 20%;}




#owl-markenslider .owl-item .item {
 margin: 5px;
 text-align: center;
}


.promoslider__1 .item img{
	display: block;
 width: 100%;
 height: 550px;
 max-width:none;
 max-height:none;
 margin-left:0;
 margin-right:0;
}

.promoslider__1 .owl-pagination {
 bottom: 20px;
 position: absolute;
 right: 15px;
 z-index: 1;
	background-color: white; 
 border-radius: 7px;
}



.promoslider__1 .owl-page.active span {
 background-color:#870D00!important;
 opacity: 1!important;
}


.promoslider__1 .owl-page span {
 background-color:#DC2B19!important;
 opacity: 1!important;
 position: relative;
 top: 3px;
}

.promoslider__1 .item img, .promoslider__2 .item img, #owl-produktdisplay .item img{
	display: inline;
 width: 100%;
 height: 550px;
 max-width:none;
 max-height:none;
 margin-left:0;
 margin-right:0;
}

.promoslider__1 .owl-item.loading,.promoslider__2 .owl-item.loading {
 min-height: 32px;
}



#owl-produktdisplay .aktvkpr { color: #870D00!important; font-weight:bold;}

#owl-produktdisplay .artikmc-wrapper {
 background-color: white;
 bottom: 0;
 opacity: 0.8;
 position: absolute;
 width: 100%;
}


#owl-produktdisplay .artikmc {
 height: 3em;
 overflow: hidden;
}

#owl-produktdisplay .owl-img-wrapper { min-height:100px; }

#owl-produktdisplay-zubehoer .item img {
	display: inline;
 width:auto;
 margin-left:0;
 margin-right:0;
 max-height:none;
 max-width: 130px;
}


#owl-produktdisplay-zubehoer .item {
height: 250px;
position: relative;
max-width: 240px;
margin-left: auto;
margin-right: auto;
}



#owl-produktdisplay-zubehoer .owl-item a .artikmc { font-size:12px; }
#owl-produktdisplay-zubehoer.aktvkpr { color: #333333!important; font-weight:bold;}

#owl-produktdisplay .owl-item a .artikmc { font-size:12px; }
#owl-produktdisplay .aktvkpr { color: #333333!important; font-weight:bold;}

#owl-produktdisplay .artikmc-wrapper {
 color:#333333!important;
 width: 100%;
 font-weight:normal;
 text-align:left;
 position: absolute;
 bottom: 0;
 padding-left: 15px;
 padding-right: 15px;
}

#owl-produktdisplay-zubehoer .artikmc-wrapper {
 color:#333333!important;
 width: 100%;
 font-weight:normal;
 text-align:left;
 position: absolute;
 bottom: 0;
 padding-left: 15px;
 padding-right: 15px;
}

#owl-produktdisplay-zubehoer .owl-img-wrapper { min-height:100px; }

.wgr-bestseller-headline {font-weight:bold; padding-top:10px; padding-bottom:30px; text-align:center; width:100%;}

/* ===== required ===== */
.required:after { content: "* "; padding-left: 0.2em; }

.required {zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before" );}

.required .ie-before {zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '<span class="red">*</span>');}

/* ===== responsive_table ===== */
	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
 tbody tr { background: #fafafa; }
	tbody tr:nth-of-type(even) { 
		background: #f0f0f0; 
  
	}
	th { 
		background: #DC2B19; 
		color: #333333; 
		font-weight: normal;
  border: 0px solid #fff;
	}
	td, th { 
  
		padding: 6px; 
		border: 0px solid #fff; 
		text-align: left;
  vertical-align:top;
 }

 tfoot td { padding:6px 0px; }

 #tab-warenkorb td {vertical-align:top; }


.table-silver tbody tr {
 background: #fafafa none repeat scroll 0 0;
}


/* ===== TableFilter ===== */
.flt {
 width: auto;
}


input.flt[type="text"] {
 font-size: 1em;
 height: 20px;
 margin: 0;
 padding: 0;
 width: 100%;
}

select.flt {
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 font-size: 1em;
 height: 22px;
 margin: 0;
 padding: 3px 1px 2px 0;
 text-align: center;
 vertical-align: middle;
 width: 99%;
}

#mdiv_tabelle > select, #mdiv_zubehoertabelle > select{ width: auto; }

#inf_tabelle .helpBtn, #inf_zubehoertabelle .helpBtn {display:none;}

#tabelle, #zubehoertabelle {font-size:0.8em;}
 
#tabelle input.input-btn-mini[type="text"], #zubehoertabelle input.input-btn-mini[type="text"] {
 font-size: 1em;
 height: 14px !important;
 line-height: 14px !important;
 margin-bottom: 0 !important;
 width: 2.558em !important;
}

#tabelle .tabheader, #zubehoertabelle .tabheader {
 display: inline-block;
 line-height: 1.1em;
 vertical-align: middle;
}


div.tot {
 border-right: medium none;
 height:auto;
}

/* ===== fontgroessen ===== */
#warenkorb .edit { font-size:0.8em; line-height:1em; }

#topcrumb, #search-wrapper { font-size:0.9em;}

#alle_filter label, .filterwort label {font-size: 0.85em;font-weight: 400;}



/* ===== kaufen-block ===== */
.kaufen-block {position:relative; width:130px;}

/* ===== neu ===== */
.neu{
 position: absolute;
 top: 50px;
 right: 30px;
 color: white;
 background-color: #DC2B19;
 text-align: center;
 padding: 2px;
}

.neu:before, .neu:after {
 content: "";
 width: 0;
 height: 0;
 border-left: 0.8em solid transparent;
	left: -12px;
 position: absolute;
 top: 0;
 border-top: 0.8em solid #DC2B19;
}

.neu:after {
 top: auto;
 bottom: 0;
 border-top: none;
 border-bottom: 0.8em solid #DC2B19;
}

/* ===== cookie-info ===== */
#cookieInfo {
	background-color: #A54237;
 bottom: 0;
 color: white;
 left: 0;
 margin: 0;
 padding: 4px;
 position: fixed;
 text-align: center;
 width: 100%;
 z-index: 99999;

}

#cookieInfo a {
 color: white;
}

/* ===== werbungdisplay ===== */
#werbungdisplay { width:100%;}

#werbungdisplay ul { margin:0; padding:0;overflow: hidden; }

#werbungdisplay ul li { /* width:25%; */ background-color: white; float:left;}



#werbungdisplay .vorschlagheadline{ }
#werbungdisplay .vorschlaginfoline{ }
#werbungdisplay .vorschlageinprodukt-wrapper { margin: 5px; border: 0px solid #073873; }
#werbungdisplay .vorschlageinprodukt { 
 background-color: white; display: block; overflow: hidden; position: relative; border-radius: 10px 10px 10px 10px; }
#werbungdisplay .vorschlagfooter{ }

/* ===== werbungproduktdisplay ===== */
#werbungproduktdisplay { font-size:0.85em; }

#werbungproduktdisplay ul { margin:0; padding:0; overflow: hidden; }

#werbungproduktdisplay ul li { background-color: white; float:left; min-width: 119px;}

#werbungproduktdisplay .vorschlageinprodukt-wrapper { margin: 5px; border: 1px dotted #DDDDDD; }

#werbungproduktdisplay .vorschlageinprodukt { 
 background-color: white; display: block; overflow: hidden; position: relative; }

#werbungproduktdisplay .vorschlagfooter{ }

#werbungproduktdisplay .saleinfo2 { right:0!important; left:auto;}
#werbungproduktdisplay .artikmc {height: 40px; overflow: hidden; font-weight:bold; margin-left: 0.5em; margin-right: 0.5em; }
#werbungproduktdisplay .aktvkpr {padding-top:10px; color:#DC2B19; font-weight:800; font-size:16px; }

#werbungproduktdisplay a { text-decoration:none;}
#werbungproduktdisplay a:hover { text-decoration:none; color:black;}
#werbungproduktdisplay .artikbild {margin-top:5px; margin-bottom:5px; }
.werbungdisplay {width:150px; height:150px;}







/* ===== standardclasses ===== */






a:active,a:focus {
outline: none;
}


.float-left {
	float:left!important;
}

.float-right {
	float: right!important;
}

.nopadding {
 padding: 0 !important;
 margin: 0 !important;
}

.top-buffer { margin-top:20px; }
.top-buffer-2 { margin-top:40px; }

.top-buffer-0 { margin-top:0px; }
.top-buffer-5 { margin-top:5px; }
.top-buffer-10 { margin-top:10px; }
.top-buffer-15 { margin-top:15px; }
.top-buffer-25 { margin-top:25px; }
.top-buffer-30 { margin-top:30px; }
.top-buffer-35 { margin-top:35px; }
.top-buffer-40 { margin-top:40px; }
.top-buffer-45 { margin-top:45px; }

.padding-10 { padding:10px; }
.padding-20 { padding:20px; }

.shorten-long-text {
 white-space: nowrap;
 overflow: hidden;
 width: 100%;
 text-overflow: ellipsis;
}

.nowrap {white-space:nowrap;}


.fade {
opacity: 0;
-webkit-transition: opacity 1.25s linear;
 -moz-transition: opacity 1.25s linear;
 -ms-transition: opacity 1.25s linear;
	-o-transition: opacity 1.25s linear;
	 transition: opacity 1.25s linear;
}


.error .help-inline {
 display: inline-block;
}

.hinweis {
 font-size: 12px;
 padding: 10px 0;
}


.help-inline {
 display: none;
 font-size: 0.9em;
 font-weight: 400;
 margin-bottom: 1em;
}

.help-inline .col-xs-12 > div {
 margin-top: -10px !important;
}





/* ===== aenderung_suche_20_02_2020 ===== */
.input-group-btn.bs-dropdown-to-select-orderby::before {
 Content: "Sortiert nach:";
 color: black;
 font-size: 14px;
 vertical-align: middle;
 margin-right: 2px;
}
.input-group-btn.bs-dropdown-to-select-anz::before {
 Content: "Artikel pro Seite:";
 color: black;
 font-size: 14px;
 vertical-align: middle;
 margin-right: 2px;
}

ul.abmessungen:empty{
 display: none;
}

#containerproductlist ul.display li .content_block{
width:100%;
}

.main .dropdown-menu{
width:auto;
}


#mengenstaffel{
height:22px;
}

.pagination .btn{
font-size:20px;
}

#artikelliste .artik-bild-wrapper .aktion {
 position: absolute;
 top: 40px;
 left: 34px;
}

#artikelliste .viewliste .artik-bild-wrapper .aktion { 
top: 35px;
}

#artikelliste .artik-bild-wrapper .aktion > img {
 width: 70px !important;
}


.staffel_preise { display:block; margin-bottom:20px; }


.staffel_header {
 background-color: #ececec;
 font-weight: 400;
 padding: 2px;
 text-align: center;
}
.staffel_header, .staffel_col, .staffel_col.preis, .staffel_header.preis {
 float: left;
 overflow: hidden;
 padding-left: 2px;
 padding-right: 2px;
 text-align: center;
 white-space:nowrap;
 font-size: 0.9em;
}

 #produktdetail .staffel_preise{
  margin-top: 20px;
}
#produktdetail div.staffel_preise div.col-xs-12 div.col-xs-4 {
 padding: 0px 2px;
}
#produktdetail .staffel_header{
width:100%;
}

.top-buffer-20{
margin-top:20px;
}
.button-navi { padding-bottom: 20px;}
.produktdetail-zusatzlinks i { padding-right:15px; }

#produktdetail .lager1, #produktdetail .lager2, #produktdetail .lagerfuehrungj { margin:0;}
#produktdetail .preis {font-size:24px; text-align:right; padding-top:5px;}



#produktdetail .vehcd a {
 text-decoration: none;
 color: #333;
}

#produktdetail .vehcd a:hover {
 text-decoration: none;
 color: #999;
}


.detailbild .zoom {
 position: absolute;
 left: 10px;
 bottom: 10px;
 color: silver;
}

.detailbild .zoom i {color:#f0f0f0;;}

a.seitenlink {color:#333; }


#bildliste {display: block; }

#bildliste ul { text-align: center; display: inline-block; padding:0; margin:10px 0; }
#bildliste li { float:left; height:90px; width:90px;}
#bildliste li img { width:100%; height:100%; object-fit: contain; padding: 2px 2px 2px 2px; border: 1px #aaaaaa dotted; margin: 0 5px 0 0; }
#bildliste li .active img {border: 2px #aaaaaa solid; }

.info-zeile ul, .objektliste ul {
 padding: 0;
 margin: 0;
}

.info-zeile li, .objektliste li {
 display: inline-block;
 padding-right: 5px;
 padding-left:5px;
 border-left:1px solid #e3e3e3;
}

.objektliste ul li:first-child {border: none;}

.info-zeile i, .objektliste i { 
 margin-right: 4px;
}
.info-zeile { padding:5px; border-bottom: 2px solid #eeeeee; padding-bottom: 20px; }
.info-zeile li { font-size:16px; }
.beschreibung-wrapper {
 border: 2px solid #dedede;
 display: inline-block;
 width:100%;
}

.last-viewed ul {
 padding: 0;
}

.last-viewed ul li {
 display: inline-block;
 width: 150px;
 text-align:center;
 float: left;
}

.last-viewed ul li p {

 margin-top: 5px;
 height: 5em;

}

.last-viewed ul li img {

 height: 100px;
 width: auto;
 max-width: 130px;

}


#btn-bewerten {margin-right:15px;}

.bewertung-teaser-wrapper {
 width: 50%;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 position: relative;
}

.bewertung-teaser-text {
 position: absolute;
 top: 105%;
 font-size: 18px;
 margin-left: auto;
 margin-right: auto;
 font-style: italic;
 font-weight: bold;
 color: #333;
 width: 100%;
}

.thumbnails {
	overflow: hidden;
	margin: 1em 0;
	padding: 0;
	text-align: center;
}

.thumbnails li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.thumbnails img {
	display: block;
	min-width: 100%;
	max-width: 100%;
}

.toggle {
	display: block;
	margin: 10px auto 1.5em;
}

.detailbild {border: 2px solid #eeeeee;}


.display.viewgrid .row.grid-produkt:hover {
 border: 2px solid #cccccc;
}


.fa-shopping-cart span{
font-size: 16px;
font-family: Roboto, sans-serif;
}

.filter-wert .fa-cubes{
color:#FFFF00!important;
}

#INSTOCKBestellware{
color:#ff8c00!important;
}

#INSTOCKLagerware{
color:limegreen !important;
}


.grid-produkt .saleinfo2 {
 right: 32px;
 top: 40px;

}

.aktiontabelle {
float: none;
min-height: 81px;
}
.aktiontabelle img{
top: 8px;
display:block;
margin:0 auto;
vertical-align:middle;
}
#artikelliste li.productli:nth-of-type(even){
background: #f0f0f0;
}
#artikelliste li.productli:nth-of-type(odd){
background: #fafafa;
}

#artikelliste {
margin-top: 36px;
clear:both;
}
.display.viewliste{
padding-left: 15px;
}

.viewliste .grid-produkt .grid-zeile .form-group{
margin-top: 9px;
padding-right: 7px;
}

ul.abmessungen{
 padding: 5px 0px;
 min-height: 81px;
 font-size: 16px;
 margin: 5px 0 0 0;
}

ul.abmessungen li{
display:block;
width:100% !important;
margin: 0 !important;
}

.wgrtext a{
color: #DC2B19;
}

.faecher {padding-top:20px;padding-bottom:10px;}
.faecher h2 {padding:0; margin:0;}
.display.viewgrid li {
width:32%;
 display: inline-flex;
margin: 0px 2px;
}

.auswahl span {
float: right;
position: absolute;
top: 5px;
right: 5px;
}

.auswahl {
background-color: transparent;
padding: 5px 5px 5px 5px;
display: block;
color: #333333;
}

.auswahl:hover {
background-color: #870D00;
color: #777777;
cursor: pointer;
}

.faecher:hover {cursor:pointer;}

.alleanzeigen {
cursor: pointer;
position: relative;
font-size: 14px;
text-decoration: underline;
color: #777777;
margin-bottom: 19px;
top: 4px;
}

.alleanzeigen i {
margin-right: 5px;
position: relative;
top: 2px;
}

ul.term-list {
margin: 0;
padding: 0;
}

.term-list .more { cursor: pointer; text-decoration:underline; padding:10px 0 20px 5px; font-size:14px;}
.term-list li {font-size:14px; position:relative;}
.centerme {
width: 150px;
height: 150px;
background: transparent;
margin: auto;
position: absolute;
top: 50%; 
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


.filter-wert {display:inline; margin-right: 7px;}

.artiktxt {overflow:hidden;}
.artiktxt {font-weight:600; color:#333333; text-decoration:none; font-size:16px;}

.preis {font-weight: 600;font-size: 16px; white-space:nowrap;}
.preis span {font-size: 12px;}
.uvp {white-space:nowrap; color:#777; font-size:12px;}
.line {padding-top: 10px;border-bottom: 1px solid #cccccc;display: block;margin-bottom: 10px;}
.menge-wrapper {width: 120px;}
.lager1 i, .lager2 i {font-size: 11px;}

.lager1, .lager2, .lagerfuehrungj {font-size: 12px; text-align:left; line-height: 1.5em; overflow: hidden; color: #777;}
.lager1 {margin-right: 0px;}

.input-menge {text-align:center; font-size:12px; font-weight:500; min-width:50px;}

.lagerfuehrungj {display:block; text-transform:uppercase; margin-left: -15px;}
.lagerfuehrungj i {color:green; font-size:14px;}


.vehcd.btn {background: none; border: 0; text-transform:uppercase;}


.artikcd, .artikmarke, a .artikcd, a:hover.artikcd, .liefartikcd, .mwst {font-size:0.9em; color:#777; text-decoration:none;}
.mwst {font-size: 10px; line-height: 12px;}

.artik-zusatzlinks a { color:#000;}


.fhead {border-bottom: 1px solid #eee; font-size: 18px; padding:5px; }
.fhead span {float:right; }
.fhead span i.fa-angle-down {font-size: 22px !important;}


.display.viewgrid .grid-zeile {display:block; width:100%;}

.display.viewgrid .row.grid-produkt {margin:0px; border: 1px solid silver; padding-right:2px; padding-bottom: 15px;}

.display.viewgrid .line {display:none;}
.artik-bild-wrapper {margin-left: 15px;margin-right: -15px; padding:10px 0px;}
.display.viewgrid .artik-bild-wrapper {margin-left:0; margin-right:0; padding: 15px;}
.display.viewgrid .artik-bild-wrapper img {margin-left:auto; margin-right:auto; text-align:center; height: auto; width: auto; }
.display.viewgrid .artik-zusatzlinks a {font-size:12px;}



#artikelliste ul.display.viewgrid {padding-right:15px; padding-left:15px;}


.col-md-3.varianten {padding-right: 50px;}


.ampelLAGER1_JA a, .ampelLAGER2_JA a, .ampelLAGER3_JA a, .green { color: #45ac51!important; cursor: default; }
.ampelROT a { color: #ff0000!important; cursor: default; }
.ampelLAGER1_NEIN a, .ampelLAGER2_NEIN a, .ampelLAGER3_NEIN a {color: #FFFF00!important; cursor: default; } 

.ampellegende {height: 2em; font-size:0.95em;}

.ampellegende .ampelGRUEN, 
.ampellegende .ampelROT,
.ampellegende .ampelGELB { float:left; display:inline-block; padding-right:2em; }

.ampelGRUEN .fa {color:limegreen;}
.ampelROT .fa {color:orange;}


.ampelROT span.lagernd {display:none;}
.ampelGRUEN span.lagernd {display:inline;}
.ampelROT span.nichtlagernd {display:inline;}
.ampelGRUEN span.nichtlagernd {display:none;}

.ampelGRUEN span, .ampelROT span{ font-size:12px;}


.display.viewgrid .row.grid-produkt:hover {
-webkit-box-shadow: inset 0px 0px 0px 10px #ccc;
-moz-box-shadow: inset 0px 0px 0px 10px #ccc;
box-shadow: inset 0px 0px 0px 2px #ccc;
}
.display.viewgrid .row.grid-produkt:hover {
border: 1px solid silver;
}

.img-responsive.zoom-img { height:500px;}


/**
 * EasyZoom core styles
 */
.easyzoom {
	position: relative;

	/* 'Shrink-wrap' the element */
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.easyzoom img {
	vertical-align: bottom;

}

 .img-responsive.zoom-img {
  height:auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.img-responsive{width: 100%;}
}


.easyzoom.is-loading img {
	cursor: progress;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error img {
	cursor: not-allowed;
}

.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	line-height: 2em;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
	position:absolute;
	z-index: 100;
	overflow: hidden;
	background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	margin-left: 20px;
}

@media 
only screen and (max-width: 1200px)
{
#artikelliste ul.display.viewgrid {
padding:0px;
}
.fa-shopping-cart span {
 font-size: 13px;
}

} 
@media 
only screen and (max-width: 992px)
{
.preis { margin-left:0px;}
.filter-wrapper {display:none;}
.display.viewgrid li {
display: inline-flex;
width: 32%;
}
}

@media 
only screen and (max-width: 767px)
{
.display.viewgrid li {
display: inline-block;
width: 48%;
vertical-align: top;
}
}

/* ===== none-responsive ===== */
/* neu */

/* ===== responsive ===== */
@media (max-width: 768px){
.artikbild {
 max-width: 217px;
 right: 0;
}
.ampellegende{
height:auto;
}
#ampellegende-mobil{
	background-color: #eeeeee;
 border: 1px solid #ebece6!important;
}
.fragezumprodukt{
margin-top:40px;
}
.container {
 width: auto !important;
}
#containerproductlist ul.display li {
width:50%;
}
}
@media (max-width: 992px){
h1, h2 {
 font-size: 20px!important;
}
.artikbild {
 max-width: 217px;
 right: 0;
}
.ampellegende{
height:auto;
}
.container {
 width: auto !important;
}
#topheader{
font-size:10px;
}
#containerproductlist ul.display li {
width:50%;
}
.fragezumprodukt{
margin-top:40px;
}
}

.mm-offcanvas {display:none;}

.mm-listview li {
 background-color: #DC2B19;
 font-size: 15px;
}

.mm-listview li:hover {
 background-color: #870D00;
}

.menu-mobile ul{
margin-bottom: 0px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before
{
	background-color:white;
}

@media(max-width:767px){
.logo {
bottom: auto;
width: auto;
}
#topheader{
font-size:10px;
}
.kaufen-block {
 padding: 10px 0px;
width:auto;
}
#tab-artikel td{
text-align:right !important;
}

#headlinezahlung .checkbox input[type=checkbox],#headlinezahlung .checkbox-inline input[type=checkbox],#headlinezahlung .radio input[type=radio],#headlinezahlung .radio-inline input[type=radio]{
margin:0;

}

	/* 
	Generic Styling, for Desktops/Laptops 
	*/
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
 tbody tr { background: white; }
	tbody tr:nth-of-type(even) { 
		background: #f8f8f8; 
  
	}
	th { 
		/*background: #DC2B19;*/ 
		background: #ededed;
		color: #333333; 
		font-weight: normal;
  border: 0px solid #fff;
	}
	td, th { 
  
		padding: 6px; 
		border: 0px solid #fff; 
		text-align: left;
  vertical-align:top;
 }

 tfoot td { padding: 6px 0; }

 #tab-warenkorb td {vertical-align:top; }
 .tab-artikel th {vertical-align:bottom; }


@media 
	only screen and (max-width: 767px)
 {

  #tab-warenkorb .btn-mobile,#tab-artikel .btn-mobile { display:block;} 


tfoot td {/* visibility: hidden;*/ }
  tfoot td.table-label {float:left; visibility:visible; width: 35%;}
  tfoot td.table-value {float:right; visibility:visible; width: 65%;}
  tfoot td.table-text {text-align:left; clear:both; visibility:visible; width: 100%;}
  tfoot tr {clear: both; }

	
		/* Force table to not be like tables anymore */
		table, thead, tbody, tfoot, th, td, tr { 
			display: block; 
		}
		

/*
		td, th {
 		 display: table-cell;
		}
*/
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tbody tr, thead tr { border-bottom: 1px solid #ccc; }


		
		tbody td{ 
			/* Behave like a "row" */
text-align:right;
			border: none;
/* border-bottom: 1px solid #eee; */
			position: relative;
			padding-left: 50%;
		}


		tbody td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
 
			padding-right: 10px; 
			white-space: nowrap;
  font-weight:normal;
		}

  tbody tr:nth-of-type(even) td { 
		border-color:white;
  }

  .beitragstext tbody td {
  padding-left: 0;
  }

		.ui-datepicker table, .ui-datepicker thead, .ui-datepicker tbody, .ui-datepicker tfoot, .ui-datepicker th, .ui-datepicker td, .ui-datepicker tr{
  display: table;
  }
		
  .ui-datepicker thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  }

  .ui-datepicker tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
  }

  .ui-datepicker tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
  }

  .ui-datepicker td, .ui-datepicker th {
  display: table-cell;
  vertical-align: inherit;
  }

		#techtable table, #techtable thead, #techtable tbody, #techtable tfoot, #techtable th, #techtable td, #techtable tr{
  display: table;
  }
		
  #techtable thead {
  display: table-header-group;
  vertical-align: middle;
  border-color: inherit;
  }

  #techtable tbody {
  display: table-row-group;
  vertical-align: middle;
  border-color: inherit;
  }

  #techtable tr {
  display: table-row;
  vertical-align: inherit;
  border-color: inherit;
  }

  #techtable td, #techtable th {
  display: table-cell;
  vertical-align: inherit;
  }
	}



/* E N D E n o r m i e r t e s C S S */