body{
margin:auto;
padding:50px;
background-color:#eee;
font-family: 'Sintony', sans-serif;
font-size:0.9em;
}

h1{font-size:1.3em;}
h2{font-size:1.2em;}
h3{font-size:1.1em;}
h4{font-size:1.0em;}

.top_link{visibility:hidden;}
/*----------------------------*/

/* PayPal - Logo*/
.sp_links_unten{
	border:0px solid red;
	margin-top:-60px;
	padding-bottom:30px;
	padding-left:30px;
	clear:both;
}

.rabatt{
 font-size:1.2em;
 font-weight:900;
 color:red;
}

#plz_check{
border:0px solid red;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background:rgba(0,0,0,0.7) 0%;
z-index:100;
}
#plz_check #center_box{
/*margin:20% auto;*/
position:absolute;
top:50%;
left:50%;
margin-top:-150px;
margin-left:-150px;

padding:1%;

border:1px solid #fff;
width:30%;
min-width:200px;
max-width:400px;
max-height:300px;
border-radius:5px 5px 5px 5px;
background-color:#D0DBE2;
text-align:center;
overflow:auto;
background: -moz-linear-gradient(-45deg,  rgba(234,187,133,0.8) 0%, rgba(232,218,157,0.55) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(234,187,133,0.8)), color-stop(100%,rgba(232,218,157,0.55))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(234,187,133,0.8) 0%,rgba(232,218,157,0.55) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(234,187,133,0.8) 0%,rgba(232,218,157,0.55) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(234,187,133,0.8) 0%,rgba(232,218,157,0.55) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(234,187,133,0.8) 0%,rgba(232,218,157,0.55) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cceabb85', endColorstr='#8ce8da9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#plz_check #center_box a:link,#plz_check #center_box a:visited{
text-decoration:none;
color:#000;
}
#plz_check #center_box a:hover{
font-weight:900;
}

#plz_check #center_box .plz_check_gross{
font-size:1.3em;
}

#plz_check #center_box .txtfeld{
width:50%;
min-width:100px;
border-radius:3px 3px 3px 3px;
padding:0 2% 0 2%;
}
#plz_check #center_box #stadtteile{
	border:0px solid red;
	text-align:left;
	margin-left:2%;
	line-height:25px;
}


.plz_orts_lst{
border:0px solid orange;
display:table-cell;
vertical-align:top;
padding:2px;
width:20%;
}
.plz_orts_lst p{
background: rgba(0,0,0,0.2);
margin:2px;
padding:10px;
}

.plz_login{
border:0px solid green; 
display:table-cell;
padding:2px;
vertical-align:top;
width:10%;
}

.plz_login p{
background: rgba(0,0,0,0.2);
margin:2px;
padding:10px;
}

/*
.plz_login a:link,.plz_login  a:visited{font-weight:200!important;}
.plz_login a:hover{font-weight:200!important;background: rgba(0,0,0,0.1)!important; color:#fff!important;}
*/





.lformular_zeile{
  border:0px solid #ccc;
  background: rgba(255,255,255,0.4);
  clear:both;
  padding:2%;
  margin-top:1%;
}

.lformular_zeile .lformular_links{
  width:30%;
  float:left;
  border:0px solid blue;
}

.ltext_feld {
  width:60%;
  padding-left:2%;
  margin-left:12px;
  float:left;
  border-radius: 3px 3px 3px 3px;
  background-color:#fff;
  color:#000;
  border:0px solid #ccc;
}

.l_button a{
border:0px solid #ccc;
padding:1% 5%;
border-radius: 3px 3px 3px 3px;
float:left;
margin:0.5%;
margin-left:10%;

font-weight:900;
}
.l_button a:link,.l_button a:visited{
background: rgba(0,0,0,0.2);
}
.l_button a:hover{
background: rgba(255,255,255,0.2);
}




.submit_button{}

/*----------------------------*/
#container{
  margin:0 auto;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
  width:100%;
  max-width:1000px;
  min-width:320px;
  color:#000;
  border:0px solid black;

background: rgba(255,255,255,0.7); 
}
/*----------------------------*/
header{
border-radius: 5px 5px 0px 0px;
background: -moz-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%, rgba(232,218,157,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(234,187,133,0.6)), color-stop(100%,rgba(232,218,157,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99eabb85', endColorstr='#4de8da9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*------------------------------*/
nav{
float:left;
padding:0;
border:0px dotted green;
}
#header_box{
  border-bottom:3px solid #000;
  border-radius: 5px 5px 0px 0px;
}
#oeffnungsz_u_login_mobile{
  float:right;
  border:0px solid red;
  padding:1% 2% 1% 2%;
  margin:1% 2% 2% 2%;
  font-size:0.7em;
  width:40%;
  line-height:25px;
  text-align:center;
  display:none;
  min-width:139px;
}
#oeffnungsz_u_login_mobile a:link,#oeffnungsz_u_login_mobile a:visited{
border:1px solid #000;
border-radius: 3px 3px 3px 3px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
margin:2% 3% 2% 0;
padding:1% 2%;
text-decoration:none;
color:#fff;
background-color:#471308;  
}
#oeffnungsz_u_login_mobile a:hover{color:#000;background-color:#F4F1C1;}

/*--------*/
#header_box_left{
  float:left;
  width:25%;
  height:auto;
  border:0px dotted blue;
  }
  #header_box_left img{
    width:100%;
    max-width:249px;
    height:auto;
	margin-bottom:0;
	border-radius: 5px 0px 0px 0px;
    }
#header_box_right{
  float:right;
  width:auto;
  border:0px dotted orange; 
}

#header_slogan{
  font-family: 'Dancing Script', cursive;
  border:0px solid red;
  /*
  text-shadow: 
	0px -2px 1px #fff, 
	2px  0px 1px #fff, 
	0px  2px 1px #fff, 
	-2px 0px 1px #fff;
  */
  margin:3% 3% 0 0;
  /*
  letter-spacing:0.12em;
  font-size:3.3em;
  font-size: 4.5vw; 
  font-weight:900;
  */
  
  letter-spacing:0.15em;
  font-size:3.0em;
  
  font-weight:900;
  
  
  color:#000;
  float:right;
}
/*-------*/

#HauptNav{
  border:0px solid red;
  margin-right:4%;
  margin-top:3%;
  margin-bottom:2%;
  margin-left:2%;
  float:right;
  vertical-align:bottom;
}
#HauptNav ul{
  padding:0;
  margin:0;
  list-style-type:none;
  border:0px solid yellow;
  float:left;
}
#HauptNav li{
  float:left;
}
#HauptNav li a{
  text-decoration:none;
  font-family: 'Dancing Script', cursive;
  font-size:1.5em;
  letter-spacing:0.07em;
  font-weight:900;
  /*
  background-color:#000;
  */
  background: rgba(0,0,0,0.6);
  color:#fff;
  padding:2px 10px 2px 10px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  margin:0px 4px 0px 4px;
  border:0px solid #fff;
  line-height:35px;
}
#HauptNav li:hover > a {
  /*
  background-color:#F4F1C1;
  */
  background: rgba(255,255,255,0.7);
  color:#000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  margin:0px 3px 0px 5px;
}

/*----------------------------*/
#content{
  border-top:0px solid #fff;
  min-height:200px;
  /*
  display:table;
  table-layout: fixed;
  
  display: -wekit-flex;
  display: flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  */
  /*
  width:100%;
  */
  }

  #content_left{
    
	display:table-cell;
    
    width:10%;
	min-width:240px;
	vertical-align:top;
	border:0px solid blue;
	border-right:1px solid #000;
	font-size:0.9em;
	background: -moz-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%, rgba(232,218,157,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(234,187,133,0.6)), color-stop(100%,rgba(232,218,157,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99eabb85', endColorstr='#4de8da9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
	#content_left_login, #content_left_oeffnungsz_status_closed, #content_left_oeffnungsz_status_open, #content_left_warenkorb, #content_left_content{padding:4% 7% 4% 7%;}
	
	#content_left_login, #content_left_oeffnungsz_status_closed, #content_left_oeffnungsz_status_open, #content_left_warenkorb, #content_left_content{
	  padding:8% 7% 8% 7%;
	  border-right:0px solid #eee;
     overflow:hidden;
	}
	
	#content_left_oeffnungsz_status_open,
	#content_left_oeffnungsz_status_closed{
	text-align:center;
	border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	border:0px solid red;
	background: rgba(35, 147, 0, 0.18);
	width:78%;
	margin:6% 4%;
	}
	#content_left_oeffnungsz_status_closed{background: rgba(0, 0, 0, 0.18);}
	
	#content_left_login{
	border-top:1px solid #ccc;
	line-height:28px;
	text-align:center;
	}
	#content_left_login a:link,#content_left_login a:visited{
    border:0px solid #fff;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    margin-left:2%;
    padding:1% 2%;
    text-decoration:none;
    color:#fff;
	background: rgba(0,0,0,0.6);
    }
	#content_left_login a:hover{
	background: rgba(255,255,255,0.7);
	color:#000;
	}
	
	
	#content_left_warenkorb{
	border:0px solid red;
	}
	#content_left_warenkorb h3{margin:0 0 2% 0;}
	#content_left_warenkorb .zeile, #content_left_warenkorb .zeile_beil{
	clear:both;
	padding-top:5px;
	border: 0px solid blue;
	}
	#content_left_warenkorb .zeile_beil{
	line-height:15px;
	margin-left:5px;
	padding-top:2px;
	border: 0px solid green;
	}
	#content_left_warenkorb .trennlinie{
	clear:both;
	margin:2px 0 2px 0;
	border-top: 1px solid #555;
	}
	
	#content_left_warenkorb .links, #content_left_warenkorb .links_beil{
	float:left;
	/* width:65% -5px;*/
	border: 0px solid red;
	}
	#content_left_warenkorb .links_beil{
	border: 0px solid red;
	}
	
	#content_left_warenkorb .rechts{
	float:right;
	text-align:right;
	width:20%;
	min-width:60px;
	border: 0px solid blue;
	}
    
	
	#content_left_warenkorb a{
	text-decoration:none;
	background-color: #471308;
	color:#fff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	}
	#content_left_warenkorb a:hover{
	background-color: #F4F1C1;color:#000;
	}
	
	#content_left_warenkorb .rechts_button a,#content_left_warenkorb .button_warenkorb_leeren a{
	  width:50%;
	  min-width:75px;
	  text-align:center;
	  display:block;
	  border: 0px solid orange;
	  padding:4px 2px 4px 2px;
	  }
	#content_left_warenkorb .rechts_button a{float:right;}  
	#content_left_warenkorb .button_warenkorb_leeren a{float:left;}  
	
	
	.hidden_sp_links{font-size:0.8em;} /*Bestellnummer im Warenkorb (siehe:min-width:650px)*/
	
	.zeile_abholung_o_lieferung{
	border:0px solid green;
	border-radius:0 0 5px 5px;
	margin:-4%;
	padding:4%;
	clear:both;
	background-color:#F2E2BF;
	}
	
	.abholung,.lieferung{ color:#000; background-color:#F2E2BF; border-radius:5px 5px 0 0; padding:5%;}
	
	.abholung{float:right; text-align:right; border:0px solid yellow; margin-right:-4%;}
	.lieferung{float:left; text-align:left; border:0px solid orange; margin-left:-4%;}
	
	.abholung a:link,.abholung a:visited,.lieferung a:link,.lieferung a:visited{
	 text-decoration:none;
	 border:0px solid #fff;
	 border-radius:3px 3px 3px 3px;
	 margin:-3%;
	 padding:2%;
	 text-align:center;
	 background-color:#471308;
	 color:#fff;
	 display:block;
	 }
	.abholung a:hover,.lieferung a:hover{
	 background-color:#F4F1C1;
	 color:#000;
	 }
	
	.icon-cancel{
	font-size:0.9em;
	}
	
	
	
	#content_left_content{
	}
	
    #content_left ul{
      padding:0%;
      margin:0%;
      list-style-type:none;
      border:0px solid yellow;
    }
	
	
	#content_left ul a:link,#content_left ul a:visited{
	color:#000;
	font-weight:900;
	padding:4% 7%;
	display: block; 
	border-bottom:1px solid #bbb;
	}
	#content_left ul a:hover{
	background-color:#fff;
	border-radius:3px 3px 3px 3px;
	}
	
    #content_left li{
	  }
	#content_left li a{	
	  text-decoration:none;
	  color:#000;
	  }
  
  #content_right{
    display:table-cell;	
  }
  
  #content_main, #content_prg{
   padding:2%;
  }

/*------------------------------*/
#fixed_line{
width:96%;
height:30px;
background-color:#471308;
color:#fff;
padding:2%;
padding-top:4%;
position: fixed;
bottom: 0;
left: 0;
right: 0;
clear:both;
display:none;
}

.fixed_info{font-size:0.6em;margin-left:42px;}
.fixed_seiten_anf{font-size:0.5em; }
 
#fixed_line [class^="icon-"]:before, #fixed_line[class*=" icon-"]:before {
font-size:1.5em;
}

#fixed_line a{color:#fff; text-decoration:none;}

.fixed_left,
.fixed_left_abholung,
.fixed_left_lieferung{float:left; border:0px solid blue;}
.fixed_right{float:right; border:0px solid green; text-align:center; margin-right:2%;}

.fixed_left_abholung,.fixed_left_lieferung{margin-left:10%;}
.fixed_left_abholung .icon-truck{color:#444;}
.fixed_left_lieferung .icon-male{color:#444;}
.fixed_info_loa{font-size:0.48em;margin-top:2%;}
/*------------------------------*/

footer{
padding:1% 3% 1% 3%;
border-top:1px solid #000;
border-radius: 0px 0px 5px 5px;
background: -moz-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%, rgba(232,218,157,0.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(234,187,133,0.6)), color-stop(100%,rgba(232,218,157,0.3))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(234,187,133,0.6) 0%,rgba(232,218,157,0.3) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99eabb85', endColorstr='#4de8da9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#footer_button{float:right; width:200px; text-align:right; border:0px solid red;}
#footer_text{float:right;}

/*
footer a:link, footer a:hover{
  text-decoration:underline;
  color:#000;
}
*/

#footer_button a:link, #footer_button a:visited{
  text-decoration:none;
  border:0px solid red;
  border-radius:3px 3px 3px 3px;
  padding:0 5px 0 5px;
  background: rgba(0,0,0,0.2);
  color:#000;
  font-size:0.8em;
}

#footer_button a:hover{
background: rgba(255,255,255,1);
}


footer .escreation{
border-top:1px solid #ccc;
font-style:oblique;
margin:1% 0 0 0;
padding:1%;
text-align:center;
color:#666;
}

.status_open{
  font-weight:900;
  color:green;
}
.status_closed{
  font-weight:900;
  color:red;
}

.mindestbestellwert{
font-size:0.8em;
border:0px solid red;
}

#fade_info{
  border:1px solid #fff;
  padding:2%;
  width:105%;
  margin:2%;
  margin-left:-5%;
  padding-left:5%;
  background-color:rgba(119,221,104,0.20);
  overflow:hidden;
  position:relative;
}

/*-----------------*/


#wrapper,
#content_warenkorb,
#oeffnungsvermerk, 
.box, 
.box_tinyhg,
.formular_zeile, 
.formular_zeile_fehler, 
.formular_zeile_required{
border:0px solid #fff;
border-radius: 5px 5px 5px 5px;
margin:2% 0% 0% 0%;
padding:2%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.9)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(0,0,0,0.9) 0%,rgba(0,0,0,0.4) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#66000000',GradientType=0 ); /* IE6-9 */
color:#fff;
  }
#wrapper{
padding:2%;
margin-bottom:2%;
color:#000;
}
.formular_zeile{background: rgba(0,0,0,0.6);}
.formular_zeile_fehler{background-color: rgba(146, 0, 0, 0.75);} 
.formular_zeile_required{background-color: rgba(0, 0, 0, 0.78);}

#content_warenkorb a{color:#fff;}

/*vordevinierte container tinymce*/
.tinybox_links{
  border: 1px solid red; 
  text-align: center; 
  color: red; 
  font-weight: 900; 
  font-size: 1.4em; 
  width: 95%; 
  max-width: 200px; 
  padding: 1% 2% 3% 2%; 
  float: left;
}





/* min-width ******************************************************************* */
/*------------------------------------------------------------- min-width:960px */
@media screen and (min-width:960px){
  body{
  background:url(../img/Holz_Texture_1000_th.jpg) 0% 50% repeat-y fixed;
  background-size:cover;
  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 1800px;
  }
  /*
  #header_slogan{font-size:2.3em;}
  */
}

/* min-width ******************************************************************* */
/*------------------------------------------------------------- min-width:1050px */
@media screen and (min-width:1500px){
  body{
  background:url(../img/Holz_Texture_1920x1080b.jpg) 0% 50% repeat-y fixed;
  background-size:cover;
  }
  /*
  #header_slogan{font-size:2.3em;}
  */
}

/* max-width ****************************************************************** */
/*------------------------------------------------------------- max-width:960px */
@media screen and (max-width:960px){
	body{padding:0px;
	background: rgb(250,223,94); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(250,223,94,1) 0%, rgba(112,46,12,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(250,223,94,1)), color-stop(100%,rgba(112,46,12,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,223,94,1) 0%,rgba(112,46,12,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  rgba(250,223,94,1) 0%,rgba(112,46,12,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  rgba(250,223,94,1) 0%,rgba(112,46,12,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  rgba(250,223,94,1) 0%,rgba(112,46,12,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadf5e', endColorstr='#702e0c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    /*aus max-width:1050px*/
	}
	#container{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);}
	footer, #container, #header_box, #header_box_left img{ border-radius: 0px 0px 0px 0px;} /*--------------------------------------------------------------- ???*/
	footer{ background-color:#ddd;} /*aus max-width:1050px*/
	#content{ font-size:0.8em; border:0px solid red; padding:0;}
	
}

/*------------------------------------------------------------- max-width:900px */
@media screen and (max-width:900px){
	header{
	background:url(../img/panorama_hg_th914.jpg) 50% 0% no-repeat;
    background-size:cover;
	}
}





/*------------------------------------------------------------- max-width:860px */
@media screen and (max-width:860px){
    #HauptNav{ margin:3%;}
	#plz_check #center_box{font-size:0.8em; margin-left:-100px;}
	#plz_check #center_box a{border:0px solid red; line-height:22px;} 
}



/*------------------------------------------------------------- min-width:650px */
@media screen and (min-width:650px){
  /*Betellnummer verstecken, wenn Warenkorb links*/
  #content_left .hidden_sp_links{display:none;}
}

/*------------------------------------------------------------- max-width:650px */
@media screen and (max-width:650px){
	
	/* PayPal - Logo*/
   .sp_links_unten{
	border-bottom:1px solid #000;
	padding-top:10px;
	padding-bottom:5px;
	padding-left:0px;
	margin-bottom:10px;
	clear:both;
    }
	
    #height_ipad{display:none;}
	#content_left, #content_right{display:display:block; float:left; width:100%; border:0px;}
	
	#header_box_left, #content_left{}
	
	#content_left li{ float:left;}
	
	#header_box_right, #content_right{ width:100%; overflow:visible; border:0px solid red;} /*neu*/
	#content_left{ margin:0px;}
	#HauptNav{margin-top:2%;}
	
	#content_left_warenkorb{
	font-size:1.2em;
	padding:3% 4% 3% 4%;
	margin:0;
	}
	
	#content_left_content{
	font-size:1.2em;
	padding:2%;
	margin:0;}
	
	
	#content_left ul li{
	border:0px solid red;
	margin:1%;
	padding:0;
	}
	
	#content_left ul a:link,#content_left ul a:visited{
	border:1px solid #bbb;
	border-radius:3px 3px 3px 3px;
	background: rgba(200,200,200,0.5);
	margin:2px;
	padding:10px 20px;
	/*Achtung, margin/padding in % richtet sich anhand der größe des links...*/
	}
	
	#content_left ul a:hover{
	background: rgba(360,360,360,0.5);
	}
	
	
	#content_left_login{display:none;}
	#content_left_oeffnungsz_status_open, #content_left_oeffnungsz_status_closed{display:none;}
    #oeffnungsz_u_login_mobile{display:block;}
    
	#header_box_left{width:50%;}

	#header_slogan{
    margin:3% 0 0% 4%;
    font-size:1.2em;
	font-size: 4vw;
	}
  
 	#content_main, #content_prg{
    float:left;
	width:100%;
	padding:0%;
	margin:0%;
	border:0px solid green;
    }
	/*
	#content_main{
	padding:3%;
	width:94%;
	}
	*/
	
	
	/*vordevinierte container tinymce*/
.tinybox_links{
  border: 1px solid red; 
  text-align: center; 
  color: red; 
  font-weight: 900; 
  font-size: 1.4em; 
  width: 95%; 
  max-width: 200px; 
  padding: 1% 2% 3% 2%; 
  float: left;
}
	
	
	.box_tinyhg, .box{
	margin:0;
	width:96%;
	border-radius:0;
	}
	
	#wrapper,
    #content_warenkorb,
	#oeffnungsvermerk, 
	.box, 
	.box_tinyhg{
	border-radius:0;
	}
	
	.top_link{
	visibility:visible;
	clear:both;
	}
	.top_link a:link,.top_link a:visited{
	text-decoration:none;
	border:1px solid #bbb;
	border-radius:3px 3px 3px 3px;
	padding:1% 3%;
	margin:5% 0 15% 3%;
	background: rgba(200,200,200,0.5);
	color:#000;
	}
	.top_link a:hover{
	background: rgba(360,360,360,0.5);
	}
	
	
}

/*------------------------------------------------------------- max-width:530px */
@media screen and (max-width:530px){
    /* startseite.. zentriert  */
   .center_responsive{
    border:0px solid #000;
	min-width:340px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	}
	
	#fixed_line{display:block;}
	#content_left_warenkorb{display:none;}
	.kategorie .top_link{display:none;}
}