* {
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif;
    line-height: 150%;
    margin:0;
    padding:.2em;
}


select { background-color:#FFF; }

a {color:#000;text-decoration: none;}
table { width:100%;padding:0;}
tr,td,th { padding:0;}
.fullfeld, select,textarea{width:98%;}
h1 { font-size: 1.1em; }
h2 { font-size: 1.05em; }
h3 { font-size: 1em;}
h4 { font-size: 1em;}
h5 { font-size: 1em;}
h6 { font-size: 1em;}
p { font-size: 1em;}

.vollimg {
width:98%;
height:250px;
-moz-box-shadow: 0 0 5px #383e42;
-webkit-box-shadow: 0 0 5px #383e42;
box-shadow: 0 0 5px #383e42;
}

@media only screen and (max-width: 450px) {
.vollimg {
width:98%;
height:200px;
-moz-box-shadow: 0 0 5px #383e42;
-webkit-box-shadow: 0 0 5px #383e42;
box-shadow: 0 0 5px #383e42;
}
}

.imgtx{
   position: relative; 
   width: 98%; /* for IE 6 */
}
.imgtxx {
position: absolute; 
bottom: 0; 
left: 0; 
width: 98%; 
background: rgba(56, 62, 66, 0.9);
color:#FFF;
}

.warenkorb { width:50%; }

.submit
	{
	background-color:#383e42;
	border:1px solid #333;
	color:#FFF;
	padding: 4px;
	font-size:13px;
	padding-left:12px;
	padding-right:12px;
	}

.imgpro {
width:98%;
height:250px;
-moz-box-shadow: 0 0 5px #383e42;
-webkit-box-shadow: 0 0 5px #383e42;
box-shadow: 0 0 5px #383e42;
}

#contant {
 padding:.4em;
}

.head {
padding:0em;
border-bottom:2px solid #383e42;
}


.div33{
width:33%;
float:left;
}

.div49{
width:49%;
float:left;
}

.logo{
width:60%;
}


.sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #383e42;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 50px;
}

.sidebar a {
  padding: 8px 8px 8px 28px;
  text-decoration: none;
  color: #FFF;
  display: block;
  transition: 0.3s;
}

.sidebar a:hover {
  color: #FFF;
}

.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  margin-left: 50px;
  font-size:2em;
}

.openbtn {
  cursor: pointer;
  border: none;
  background-color:#FFF;
  font-weight: bold;
}


#main {
  transition: margin-left .5s;
}


#bottom{
  border-top:1px solid #000;
	text-align:center;
  	font-size:0.8em;
  	background-image:url(https://www.luxbach.de/dateien/footerbggrey.png);
	color:#FFF;
}

.fbig {font-size: 1.1em;}
.preisst {font-size: 1.1em;border:0px;width:100px;text-align:right;}

.awhite
	{ color:#FFF;}

.collapsible {
  cursor: pointer;
  width: 98%;
  border: none;
  text-align: left;
  outline: none;
  padding:0.3em;
  border-top:1px solid #000;
  background:#FFF;
  
}


.collapsible:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px;

}

.active:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding-top:10px;
}

.articleimagesmallzb
	{
	height:80px;
	-moz-box-shadow: 0 0 5px #383e42;
	-webkit-box-shadow: 0 0 5px #383e42;
	box-shadow: 0 0 5px #383e42;
	margin-bottom:4px;
	margin-right:14px;
	margin-left:10px;
	}


.mySlides {display: none}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color: rgba(56, 62, 66,0.9);
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  line-height:10px;font-size:10px;color:#717171;
}

.active, .dot:hover {
  background-color: #717171;}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




#eu_cookiebox {
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 0px;
	min-height: 20px;
	max-height:auto;
	overflow:scroll;
	padding: 10px;
	margin: 0;
	width: 90%;
	color:#666;
	font-size:11px;
	border: 1px solid #000;
	border-bottom: none;
	background: #fff;
	-moz-box-shadow: 0 0 6px #111;
-webkit-box-shadow: 0 0 6px #111;
box-shadow: 0 0 6px #111;
}


.eu_button
	{
	width:90%;height:40px;background-color:#0a0; 
	border:1px solid #333;
	color:#fff;
	padding: 3px;
	font-size:13px;
	font-weight:600;
	padding-left:12px;
	padding-right:12px;
	cursor: pointer;
	}
	
.eu_no_button
	{
width:90%;background-color:#eee;
	border:1px solid #ccc;
	color:#888;
	padding: 3px;
	font-size:11px;
	padding-left:12px;
	padding-right:12px;
	cursor: pointer;
	}
	
.numberCircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #383e42;
    color: #fff;
    text-align: center;
    margin-top:8px;
}
	
	.tooltip {
    display:inline-block;
    position:relative;
    text-align:left;
}

.tooltip h3 {margin:12px; color:#fff;}
.tooltip p {margin:12px; color:#fff;font-size:14px;}

.tooltip .bottom {
    width:300px;
    /*max-width:400px;*/
    top:45px;
    left:50%;
    transform:translate(-50%, 0);
    padding:0px;
    color:#fff;
    background-color:#383e42;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    -moz-box-shadow: 0 0 5px #383e42;
	-webkit-box-shadow: 0 0 5px #383e42;
	box-shadow: 0 0 5px #383e42;
    display:none;
    margin-left:-20px;
}

.tooltip:hover .bottom {
    display:block;
}

.tooltip .bottom img {
    width:294px;
    height:120px;
}

.tooltip .bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
}

.tooltip .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:60%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#383e42;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}


.accordion {
  background-color:#FFF;
  color: #B90000;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  border-bottom:1px solid #B90000;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 11px;
  color: #B90000;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.active, .accordion:hover {
}

.panel {
  padding: 0 25px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.panel-cont {
margin-top:18px;
margin-bottom:18px;
text-align:left;
}

#pe_name
{
max-width:100px;
height:20px;
overflow:auto;
}

.diagonal-shape.tl-to-br {

  height: 0;
  border-style: solid;
  border-width: 0 90vw 80px 0;
  border-color: transparent transparent #383e42 #383e42;
  float:left;

}
.diagonal-shape.br-to-tl {
  height: 0;
  border-style: solid;
  border-width: 80px 0 0 90vw;
  border-color: #383e42 #383e42 transparent transparent;
  float:left;

}
.diagonal-shape.block {
	background-color:#383e42;
	color:#FFF;
	padding-left:30px;
	float:left;
}

.accordm {
  cursor: pointer;
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #000;
  margin-top:10px;
  line-height:32px;
}
section p {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: 0.5s;
    margin-bottom:10px;
  margin-left:10px;
}
section:target p {
  height:110px;
  opacity: 1;
}
.sid
	{
	float:right;
	  font-weight:900;
  margin-right:10px;
	}