/*anfrage*/
#body{
	padding: 0;
	margin: 0;
}
#wrapper {
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;
	margin-top: 15px; 
}

#orginal{
	width: 1035px;
	height: 748px;
    float: left;
}
p{
	font-family: Arial, sans-serif;
	color: black;
}
#header{
	display: block;
	position: fixed;
}
#menubar{
	display: block; 
	position: fixed;
}
#footer{
	display: block;
}
p{
	font-family: Arial, sans-serif;
	color: black;
}

.h_header{
	display: none;
}
.h_menubar{
	display: none;
}
.fixed {
	position: fixed; 
	background: #C39983;   
}
#h_footer{
	display: none;
}
#hs001{
	display: none;
}

.box{
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	float: left;
	width: 200px;
}
.box1{
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
	float: left;
	width: 200px;
}
.groetab{
	display: none;
}
/*@media screen and (max-width: 800px){*/
@media all and (max-width: 799px) {

#hs001{
	display: block;
}
#orginal {
	display: none;
}
#header{
	display: none;
}
#menubar{
	display: none;
}
#bodytab{
	position: absolute;
	top: 7em;
	left: 0;
	width: 100%;
	background: #C39983;
}
.tablet{
	display: block;
}
.handy{
	display: none;
}
.groetab{
	display: block;
	width: 20%;
}

.header{
	position: fixed;
	z-index: 20;
	width: 100%;
	margin: 0 auto;
	height: 4em;
	background: #1d2120;
    top: 0;
	left: 0;
}

.bild{
	width: 60%;	
	z-index: auto;
}
.h_header{
	display: block;
}
.h_menubar{
	display: block;
}

.h_header{
	position: fixed;
	z-index: 20;
	width: 100%;
	margin: 0 auto;
	height: 4em;
	background: #1d2120;
    top: 0;
	left: 0;
}
.h_header img{
	max-width: 99%;
}

.h_menubar{
	position: fixed;
	top: 4em;
	height: 3.2em;
	z-index: 10;
	width: 100%;
	left: 0;
	background: #1d2120;
	border-top : 4px solid #bcd5d1;                                                              
	box-shadow: inset 0 1em 1em rgba(255,255,255,0.3);
}
.h_menubar table{
	width: 95%;
	font-size: 1.2em;
}
.h_menubar td{
	padding: 0.2em 0.5em 0.5em 0.5em;
} 
.oben{
	position: absolute;
	z-index:10;
}
.runter{
	position: absolute;
	top: 24em;
}
.box{
	display: none;
}
.box2{
	display: block;
	width: 100%;
	float: left;	
}

.box3{
	display: block;
	width: 100%;
	float: left;
}
.box1{
	display: block;
}
/*--Button--*/   
.select-wrapper{
	width: 99%;
	
}
.ausw {
  -moz-appearance: none;
  -webkit-appearance: none;
   appearance: none;
   border: none;
   width: 120%;
   height: 30px;
   padding-left: 1px;
   background-color: #B68469;
   color: white;
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
   border-radius: 3px;
   outline: none;
   cursor: pointer;
}
.ausw::-ms-expand {
   display: none;
}
.ausw-wrapper::before {
  font-family: arial;
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 10px;
  color: #FFFBB1;
  pointer-events: none;
}
/*--ENDE--*/
#content {
	position: absolute;
	top: 7em;
    left: 0;
	width: 100%;
	font-family: Arial;
	background: #C39983;	
}
#content img{
	max-width: 99%;
}
a{
		text-decoration: none;
}
.prodtiteh{
	padding: 0.4em;
	border-bottom: 1px solid rgba(0,0,0,0.3);
    box-shadow: inset 0 0.3em 0.5em rgba(255,255,255);
    font-weight: bold;
    font-family: Arial;
    color: rgba(255,255,255);
}
.prodviewh{
    width: 100%;
}

.clear{
	clear: both;
}

#h_footer{
	display: block;
	width: 100%;
	background: #1d2120;
	color: #FFFFFF;
}
.h_fot{
	width: 100%;
	color: #FFFFFF;
	margin: 1em 0em 0.5em 0em;
	padding-bottom: 2em;
}
.h_fot td{
	width: 60%;
	color: #FFFFFF;
}
a{
	text-decoration: none;
}
.searchbutn1{
    border: 1px solid rgba(255,255,255,0.35);
    width: 25%;
    padding: 0.1em;
    background: #0049FF;
    color: #FFFFFF;
    font-family: Arial;
    box-shadow:inset 0 0.2em 0.2em rgba(255,255,255,2);
    border-radius: 0.2em;
    
    transition: ease-in-out all 150ms;

}
	
}

/*@media screen and (max-width: 500px){*/
@media all and (max-width: 530px) {
#bodytab{
	position: absolute;
	top: 7em;
	left: 0;
	width: 100%;
	background: #C39983;
}
#hs001{
    /*flex-direction: column;*/
	display: block;
}
#header{
	display: none;
}
#menubar{
	display: none;
}
#orginal {
	display: none;
}

.tablet{
	display: none;
}

.h_header{
	display: block;
}
.h_menubar{
	display: block;
}
#produkt_pic{
	display: block;
}
.oben{
	position: absolute;
	z-index:10;
}
.runter{
	width: 100%;
	top: 23.5em;
	z-index:0;
}
.box{
	display: none;
}
.box2{
	display: block;
	width: 100%;
	float: left;	
}

.box3{
	display: block;
	width: 100%;
	float: left;
}
.box1{
	display: block;
}


.header{
	position: fixed;
	z-index: 20;
	width: 100%;
	margin: 0 auto;
	height: 4em;
	background: #1d2120;
    top: 0;
	left: 0;
}
.h_header img{
	max-width: 99%;
}

.h_menubar{
	position: fixed;
	top: 4em;
	height: 3em;
	z-index: 10;
	width: 100%;
	left: 0;
	background: #1d2120;
	border-top : 4px solid #bcd5d1;                                                              
	box-shadow: inset 0 1em 1em rgba(255,255,255,0.3);
}

/*--Button--*/   
.select-wrapper{
	width: 99%;
	
}
.ausw {
  -moz-appearance: none;
  -webkit-appearance: none;
   appearance: none;
   border: none;
   width: 120%;
   height: 30px;
   padding-left: 1px;
   background-color: #B68469;
   color: white;
   font-family: 'Open Sans', sans-serif;
   font-size: 12px;
   box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
   border-radius: 3px;
   outline: none;
   cursor: pointer;
}
.ausw::-ms-expand {
   display: none;
}
.ausw-wrapper::before {
  font-family: arial;
  content: "\f107";
  font-size: 20px;
  position: absolute;
  right: 5px;
  top: 10px;
  color: #FFFBB1;
  pointer-events: none;
}
/*--ENDE--*/

#content {
	position: absolute;
	top: 7em;
    left: 0;
	width: 100%;
	font-family: Arial;
	background: #C39983;	
}
#content img{
	max-width: 99%;
}
.prodtiteh{
	padding: 0.4em;
	border-bottom: 1px solid rgba(0,0,0,0.3);
    box-shadow: inset 0 0.3em 0.5em rgba(255,255,255);
    font-weight: bold;
    font-family: Arial;
    color: rgba(255,255,255);
}
.prodviewh{
    width: 100%;
}

.clear{
	clear: both;
}

#h_footer{
	display: block;
	width: 100%;
	background: #1d2120;
	color: #FFFFFF;
}
.h_fot{
	width: 100%;
	color: #FFFFFF;
	margin: 1em 0em 0.5em 0em;
	padding-bottom: 2em;
}
.h_fot td{
	width: 60%;
	color: #FFFFFF;
}
a{
		text-decoration: none;
}
.searchbutn1{
    border: 1px solid rgba(255,255,255,0.35);
    width: 25%;
    padding: 0.1em;
    background: #0049FF;
    color: #FFFFFF;
    font-family: Arial;
    box-shadow:inset 0 0.2em 0.2em rgba(255,255,255,2);
    border-radius: 0.2em;
    
    transition: ease-in-out all 150ms;

}
	
}