/* --------------------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------------------- */
/* -- neus menü für die auswahl im shop -------------------------------------------------------------------------------- */

@media (min-width: 501px) {
.produkt_shop_menue{
text-align: left;
	float: left;
	position: relative;
	width: 96%;
	padding: 1%;
	font-size: 75%;
	 
padding-left: 1%;	
border: 0px solid #000000;	
}
}

@media (max-width: 500px) {
.produkt_shop_menue{
text-align: left;
	float: left;
	position: relative;
	width: 98%;
	padding: 1%;
	border: 0px solid #000000;	
	color: #666666;	
	font-size: 95%;
	font-weight: normal;	

}
}

.produkt_shop_menue a{
float: left;
position: relative;
color: #057199;
font-weight: normal;
font-size: 135%;
border-radius: 16px;
min-height:16px;
padding-left: 5px;
margin-right: 1%;
text-align: center;
min-width: 10%;
border-left: 3px solid #fdab00;
display: block;
}

@media (max-width: 500px) {
.produkt_shop_menue a{
border-radius: 13px;
min-height:13px;
font-size: 100%;
margin-bottom: 1%;
margin-bottom: 1%;
font-weight: normal;
padding-left: 7px;
}
}
/* neue boxen für text und links im shop ---------------------------------------------------------------------------------- */
.box_produkt_shop_itemLists_text{
	float: left;
	position: relative;
	width: 100%;	
	padding-top: 1%;	
	padding-bottom: 1%;
	border: 0px solid #000000;	
	border-radius: 10px;
	font-size: 85%;
}
.box_produkt_shop_itemLists_headline{
	float: left;
	position: relative;
	width: 100%;	
	padding-top: 0px;	
	margin-bottom: 0%;
	border: 0px solid #000000;	
	border-radius: 10px;
	font-size: 110%;
	}

.box_produkt_shop_itemLists_text a{
	float: left;
	position: relative;
	width: 100%;	
	padding-top: 0px;	
	margin-bottom: 0%;
	border: 0px solid #000000;	
	border-radius: 10px;
}


/* neue box für direkte Produktdetailseiten ---------------------------------------------------------------------------------- */
/* box um alle bilder und texte einer zeile */	
.produkt_shop_box{
	float: left;
	position: relative;
	width: 100%;
	border: 0px solid #000000;	
	padding-bottom: 0px;
}
	
/* box um je 2 bilder und texte einer zeile */	
.produkt_shop_two_box{
	float: left;
	position: relative;
	width: 50%;
	border: 0px solid #000000;	
	padding-bottom: 0px;
}
@media (max-width: 1029px) {
.produkt_shop_two_box{
width: 100%;
}
}			
	
	
	
/* kleine box um bilder und texte in der zeile */ 
.produkt_shop_box_inner{
	float: left;
	position: relative;
	width: 50%;
	border: 0px solid #000000;	
	margin-bottom: 2%;
	padding-left:0%;	
}
@media (max-width: 1030px) { 
.produkt_shop_box_inner{

	float: left;
	position: relative;
	width: 49%;
	padding-bottom: 0px;	
	padding:0%;		
}
}

 










.ws_box_shop_img, .ws_box_shop_img_right, .ws_box_shop_img_klein, .ws_box_shop_img_right_klein{
	float: left;
	position: relative;
	width: 99%;
	margin-bottom: 1%;	
	text-align: center;
	overflow: hidden;
	background-color: #ffffff;
	height: 250px;	
	background-image: url(https://www.xxl-styles.de/images_all/buttos-box/img-shop-1.gif);
	background-repeat: no-repeat;
	background-position: bottom center;	
	border: 1px solid #f1f3f3;
border-radius: 5px;
border-top-left-radius: 55% 7px;
box-shadow: 0px 8px 6px -6px #f1f3f3, 0px -8px 6px -6px #f1f3f3;

}
/*   */
 
@media (max-width: 1030px) { 
.ws_box_shop_img, .ws_box_shop_img_right, .ws_box_shop_img_klein, .ws_box_shop_img_right_klein{
height: 350px;
}
}
@media (max-width: 500px) { 
.ws_box_shop_img, .ws_box_shop_img_right{
height: 250px;
}
}
@media (max-width: 500px) { 
.ws_box_shop_img_klein, .ws_box_shop_img_right_klein{
height: 210px;	
}
}
.ws_box_shop_img_right, .ws_box_shop_img_right_klein{
float: right;	
}

span.ws_box_shop_img img, span.ws_box_shop_img_right img, span.ws_box_shop_img_klein img, span.ws_box_shop_img_right_klein img{
margin: auto;
width: auto;

padding-top: 5px;
height: 220px;	
float: left;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;	
	padding-bottom: 25px;	
	border: 0px solid #f1f3f3;
border-radius: 5px;

		background-image: url(https://www.xxl-styles.de/images_all/fehler-bild.gif);
	background-repeat: no-repeat;
	background-position: center top;

	
}
 
@media (max-width: 1030px) { 
span.ws_box_shop_img img, span.ws_box_shop_img_right img, span.ws_box_shop_img_klein img, span.ws_box_shop_img_right_klein img{
height: 320px;
border: 0px solid #000000;
}
}
@media (max-width: 500px) { 
span.ws_box_shop_img img, span.ws_box_shop_img_right img, span.ws_box_shop_img_klein img, span.ws_box_shop_img_right_klein img{
height: 220px;
}
}

span.ws_box_shop_img_klein img, span.ws_box_shop_img_right_klein img{
margin: auto;
width: auto;
border: 0px solid #999999;
padding-top: 5px;
padding-bottom: 65px;
height: 140px;	
float: left;
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

@media (max-width: 1030px) { 
span.ws_box_shop_img_klein img, span.ws_box_shop_img_right_klein img{
border: 0px solid #000000;	
height: 270px;
}
}

@media (max-width: 500px) { 
span.ws_box_shop_img_klein img, span.ws_box_shop_img_right_klein img{
height: 140px;	
}
}

.ws_box_shop_inf_1, .ws_box_shop_inf_1_right, .ws_box_shop_inf_2, .ws_box_shop_inf_2_right, .ws_box_shop_inf_3, .ws_box_shop_inf_3_right{
	float: left;
	position: relative;
	width: 97%;	
	margin-bottom: 1%;	
	text-align: left;
	color : #49505d;
	padding: 1%;
	border: 1px solid #f1f3f3;
	border-radius: 10px;
	background-color: #ffffff;		
}

.ws_box_shop_inf_1_right, .ws_box_shop_inf_2_right,.ws_box_shop_inf_3_right{
	float: right;
}

.ws_box_shop_inf_1 a, .ws_box_shop_inf_1_right a{

text-align: left;
	float: left;
	position: relative;

	background-image: url(https://www.xxl-styles.de/images_all/buttos-box/preis-amazon.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 16px;
	/*box-shadow: 2px 2px 3px #F4EEE2, -1px -1px 1px #F4EEE2;*/
	min-height: 80px;
	color: #666666;
text-decoration: none;
font-size: 80%;
line-height: 120%;
}
/*--------neue box für die linke Seit ------------font-size: 80%;-----------*/
.left_w_box{
float: left;
position: relative;
width: 98%;
padding: 1%;
padding-top: 10px;
text-align: left;
background-color: #ffffff;		
background-image: url(https://www.xxl-styles.de/images_all/buttos-box/preis-amazon.gif);
background-repeat: no-repeat;
background-position: bottom right;
padding-bottom: 10px;
}
.left_w_box_title{
float: left;
position: relative;
width: 100%;
font-size: 85%;
margin-bottom: 8px;
color: #666666;
font-weight: bold;
font-family: Open Sans, Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
}
@media (max-width: 1030px) { 
}
.left_w_box_content, .left_w_box_content_site{
float: left;
position: relative;
width: 100%;
margin-bottom: 10px;
padding-bottom: 5px;
color: #666666;
text-decoration: none;

font-size: 85%;	
}
.left_w_box_content a, .left_w_box_content_site a{
color: #666666;
text-decoration: none;
}
.left_w_box_link {
float: left;
position: relative;
width: 100%;
font-weight: normal;
text-decoration: underline;
padding-bottom: 2%;
margin-bottom: 1%;	
color: #1481C5;
font-size: 115%;	
}
.left_w_box_link a:hover {
color: #666666;
}







span.ws_box_shop_text{
	float: left;
	position: relative;
	left: 2%;
	width: 95%;
	padding: 1%;	
	text-align: left;
	border: 0px solid #000000;
	border-radius: 6px;
	font-size: 100%;
	background-color: #FFFFFF;
	margin-bottom: 1%;
}
@media (max-width: 1030px) { 
.ws_box_shop_text {
   	width: 100%;
	 font-size: 90%;
  }
}

@media (max-width: 500px) { 
span.ws_box_shop_text {
   	width: 98%;
	padding: 1%;
	 font-size: 95%;
	 border: 0px solid #666666;
  }
}