/* merriweather-sans-300 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/merriweather-sans-v22-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/merriweather-sans-v22-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/merriweather-sans-v22-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/merriweather-sans-v22-latin-300.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-600 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/merriweather-sans-v22-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/merriweather-sans-v22-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/merriweather-sans-v22-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/merriweather-sans-v22-latin-600.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/merriweather-sans-v22-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/merriweather-sans-v22-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/merriweather-sans-v22-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/merriweather-sans-v22-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

/* merriweather-sans-600italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/merriweather-sans-v22-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/merriweather-sans-v22-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/merriweather-sans-v22-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/merriweather-sans-v22-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/merriweather-sans-v22-latin-600italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}

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

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}


#cookiedb a {color:#000; text-decoration:underline;}

#cookiedb a:hover {text-decoration:underline;}

#cookiedb div {padding:10px; padding-right: 70px;}

#cookiedb { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #F3F3F3; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedbCloser {
   color: #000000;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 10px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedbCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}
    



@media (min-width: 10px) and (max-width: 1150px) {
#flexbox-main {		/* Grundbox der gesamten Seite Browser Rand löschen bei Darstellungen kleiner 1150 Pixel Breite*/
	padding: 0;  /*Rand im Browser, opt muss 5% werden da sonst inhalt nach oben geht*/
	padding-right: 1%;
	padding-top: 5%;
	}
}





#katbildbox{
/*Hauptbilder auf der Site*/
width:auto;
}

#katbildboxkleiner{
/*Hauptbilder auf der Site*/
width:100%;
}

#katbildboxsmartphone{
/*Hauptbilder auf der Site*/
width:100%;
}

@media (min-width: 10px) and (max-width: 640px)  {
#katbildboxkleiner{display:none;}
#katbildbox{display:none;}
#katbildboxsmartphone{width:100%;}
}

@media (min-width: 641px) and (max-width: 1106px) {
#katbildbox{display:none;}
#katbildboxsmartphone{display:none;}
}

@media (min-width: 1107px)  {
#katbildboxkleiner{display:none;}
#katbildboxsmartphone{display:none;}
}

@media (min-width: 701px) {
.umenufix{
	width: 170px; 
	display:block; 
	float:left;
	font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
	}
}

.anpassen{
/*width:100%;*/
height:100%;
}


.menudiv{
z-index: 99;
}

menudiv{
z-index: 99;
}

#menudiv{
z-index: 99;
}

#headerlinediv{
color: #666666;
width:100%;
display: table;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
background-color: #fff;
padding-bottom:10px;
padding-left:10px;
padding-right:0px;
margin-right:30px;
}

#headerlinedivmobil{

color: #333;
width:100%;
display: table;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
background-color: #fff;

padding-bottom:0px;
padding-left:5px;
padding-right:5px;
margin-right:0px;
}

@media (max-width: 900px) {
#headerlinediv{display:none;}

}

@media (min-width: 901px) {
#headerlinedivmobil{display:none;}
}

#menudiv{
color: #000;
width:100%;
display: table;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
background-color: #56C9FF;
padding-right:0px;
padding-bottom:0px;
margin-top:0px;
}

.produktsuche {
color: #F3F3F3;
background-color: #fff;
text-align:center;
padding-left: 2px;
padding-right: 7px;
padding-top: 8px;
padding-bottom: 10px;
margin-left: 10px;
border-radius: 6px 6px 6px 6px;
}

.inputfield {
color: #000;
font-size: 13px;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
/*background-color: #F7CBDE;*/
background-color: #fff;
padding: 5px;
margin-top:15px;
border: 1px;
border-style:solid;
border-color:#000000;
border-radius: 6px 6px 6px 6px;
}

.inputfieldhell {
color: #999999;
font-size: 13px;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
/*background-color: #F7CBDE;*/
background-color: #fff;
padding: 5px;
margin-top:15px;
border: 1px;
border-style:solid;
border-color:#999999;
border-radius: 6px 6px 6px 6px;
}

.button {
color: #fff;
font-size: 15px;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
background-color: #E72422;
padding: 5px;
margin-top:20px;
cursor: pointer;
border: 1px;
border-style:solid;
border-radius: 6px 6px 6px 6px;
}

.button a {
color: #fff;
}

.buttongrey {
color: #fff;
font-size: 15px;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
background-color: #666666;
padding: 5px;
margin-top:20px;
cursor: pointer;
border: 1px;
border-style:solid;
border-radius: 6px 6px 6px 6px;
}

.buttongrey a {
color: #fff;
}


.buttonzahlungversand {
	color: #fff;
	font-size: 15px;
	font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
	background-color: #999999;
	padding: 5px;
	width: 350px;
	height:20px;
	padding:5px;
	margin:5px;
	margin-left:0px;
	border: 1px;
	border-style:solid;
	border-radius: 6px 6px 6px 6px;
	}

.buttonzahlungversand a {
color: #fff;
}

.buttonzahlungversandactive {
	color: #fff;
	font-size: 15px;
	font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
	background-color: #56C9FF;
	padding: 5px;
	width: 350px;
	height:20px;
	padding:5px;
	margin:5px;
	margin-left:0px;	
	border: 1px;
	border-style:solid;
	border-radius: 6px 6px 6px 6px;
	}

.buttonzahlungversandactive a {
color: #fff;
}


.buttonbestellen {
	color: #fff;
	font-size: 15px;
	font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
	background-color: #E72422;
	padding: 5px;
	width: 350px;
	height:40px;
	padding:5px;
	margin:5px;
	border: 1px;
	border-style:solid;
	border-radius: 6px 6px 6px 6px;
	}


/*Container div für Kategoriewahlen auf Hauptseite */



	.containerkategmain  {
	margin: 0 auto;
	width: 100%;
	text-align:center;
	display:inline-block;
	background-color:#fff	;
	height:auto;  
	}
	




@media (max-width: 799px)  
{

.containerkategmain  {
	padding-right	: 0px;
	padding-top		: 5px;
	}

	.kategmain {
    display: inline-block;
	width: 150px;
	height: 115px;
	vertical-align:top;
    margin-right: 5px;
    margin-bottom: 5px;	
	}	


	.turnanzug {
	background:url("./images/turnanzug-ss-kat.jpg");
	background-size: 150px 115px;		
	}		

	.voltigieranzug {
	background:url("./images/voltigieranzug-ss-kat.jpg");
	background-size: 150px 115px;		
	}		
	
	.hosen {
	background:url("./images/hosen-ss-kat.jpg");	
	background-size: 150px 115px;		
	}		

	.schuhe {
	background:url("./images/schuhe-ss-kat.jpg");	
	background-size: 150px 115px;		
	}		

	.sonstiges {
	background:url("./images/sonstiges-ss-kat.jpg");	
	background-size: 150px 115px;		
	}			


	.kategmain a {width:100%; height:100%; display:block; text-decoration:none;}
	.kategmain a span {display:block; width:100%}	
	

}	


@media (min-width: 800px)  
{

	.kategmain {
    display: inline-block;
	width: 285px;
	height: 220px;
	vertical-align:top;
    margin-right: 5px;
    margin-left: 0px;	
    margin-bottom: 5px;	
	background-size: 285px 220px;	
	}	

	
	.turnanzug {background:url("./images/turnanzug-ss-kat.jpg") bottom right;}
		
		
	.voltigieranzug {background:url("./images/voltigieranzug-ss-kat.jpg") bottom right;}	
	
	
	.hosen {background:url("./images/hosen-ss-kat.jpg") bottom right;}	
	
	
	.schuhe {background:url("./images/schuhe-ss-kat.jpg") bottom right;}	
	
	
	.sonstiges {background:url("./images/sonstiges-ss-kat.jpg") bottom right;}		
			
	
	.kategmain a {width:100%; height:100%; display:block; text-decoration:none;}
	.kategmain a span {display:block; width:100%}
}	





/*Container div für SERVICE Anzeigen auf Hauptseite */


	.containerservicesmain  {
	margin: 0 auto;
	width: 100%;
	text-align:center;
	display:inline-block;
	background-color:#fff	;
	height:auto;  
	}
	




@media (max-width: 799px)  
{

.containerservicesmain  {
	padding-right	: 0px;
	padding-top		: 5px;
	}

	.servicesmain {
    display: inline-block;
	width: 150px;
	height: 115px;
	vertical-align:top;
    margin-right: 5px;
    margin-bottom: 5px;	
	}	


	.vorteile {
	background:url("./images/vorteileA.jpg");
	background-size: 150px 115px;		
	}		

	.design {
	background:url("./images/designA.jpg");
	background-size: 150px 115px;		
	}		
	
	.clubshop {
	background:url("./images/clubshopA.jpg");	
	background-size: 150px 115px;		
	}		

	.sponsor {
	background:url("./images/sponsorA.jpg");	
	background-size: 150px 115px;		
	}		
	


	.servicesmain a {width:100%; height:100%; display:block; text-decoration:none;}
	.servicesmain a span {display:block; width:100%}	
	

}	

/*
// Mit mouse- over Effekt, Überarbeitung der Darstellung erforderlich
@media (min-width: 800px)  
{

	.servicesmain {
    display: inline-block;
	width: 285px;
	height: 220px;
	vertical-align:top;
    margin-right: 5px;
    margin-left: 0px;	
    margin-bottom: 5px;	
	background-size: 285px 220px;	
	}	

	.vorteile {background:url("./images/cont_adv1B.jpg");}		
	.vorteile:hover {background:url("./images/vorteileA.jpg") bottom right;}

	.design {background:url("./images/cont_adv1B.jpg");}		
	.design:hover {background:url("./images/designA.jpg") bottom right;}

	.clubshop {	background:url("./images/cont_adv1B.jpg");}		
	.clubshop:hover {background:url("./images/clubshopA.jpg") bottom right;}

	.sponsor {background:url("./images/cont_adv1B.jpg");}		
	.sponsor:hover {background:url("./images/sponsorA.jpg") bottom right;}
	
	.servicesmain a {width:100%; height:100%; display:block; text-decoration:none;}
	.servicesmain a span {display:block; width:100%}
}	
*/


@media (min-width: 800px)  
{

	.servicesmain {
    display: inline-block;
	width: 285px;
	height: 220px;
	vertical-align:top;
    margin-right: 5px;
    margin-left: 0px;	
    margin-bottom: 5px;	
	background-size: 285px 220px;	
	}	

	
	.vorteile {background:url("./images/vorteileA.jpg") bottom right;}


	.design {background:url("./images/designA.jpg") bottom right;}


	.clubshop {background:url("./images/clubshopA.jpg") bottom right;}

	
	.sponsor {background:url("./images/sponsorA.jpg") bottom right;}
	
			
	
	.servicesmain a {width:100%; height:100%; display:block; text-decoration:none;}
	.servicesmain a span {display:block; width:100%}
}	




.boxinhalteabstand
{	display: inline-block;
	max-width: *;
	border: none; /*thin #eaeaea solid;*/
	height:*;
	color: #000000;
	margin-left: 4%;
	margin-top: 20px;
	font-style:normal;
	text-align:left;	
	vertical-align:bottom;
	}
	
	
	
/* floating box angebote umschließt div bildvorschau - CSS für Produktliste*/

.floating-box-angebote {
    display: inline-block;
	border: none; /*thin #eaeaea solid;	*/
	width: 300px;
	height: 700px;
	font-style:normal;
	text-align:left;	
	vertical-align:bottom;
    margin: 4px;
	padding-left:4px;
	}



.floating-box-full {
    display: inline-block;
	max-width: 300px;
	border: none; /*thin #eaeaea solid;*/
	height:500px;
	color: #000000;
	font-style:normal;
	text-align:left;	
	vertical-align:bottom;
    margin-left: 0px;
    margin-right: 8px;	
    margin-bottom: 28px;	
	border-radius:0px;
	padding-top:20px;
	padding-left:0px;	
	}



.floating-box-angebote_main {
    display: inline-block;
	max-width: 300px;
	border: none; /*thin #eaeaea solid;*/
	height:500px;
	color: #000000;
	font-style:normal;
	text-align:left;	
	vertical-align:bottom;
    margin-left: 0px;
    margin-right: 12px;	
    margin-bottom: 28px;	
	border-radius:0px;
	padding-top:20px;
	padding-left:0px;	
	}


	
a.floating-box-angebote_main:hover,visited{
 	color: #000000;
}



@media (max-width: 640px)  {
.floating-box-angebote_main {
	/*background-color: #EBEBEB;
	border: thin #eaeaea solid;
	margin-top: 10px;	
	max-width: 200px;	*/
	}
}
	


@media (max-width: 640px)  {
.floating-box-angebote_main {
	/*background-color: #EBEBEB;*/
	border: none;
	margin-top: 10px;	
	width: 95%;	
	height:580px;
	}
}



@media (min-width: 641px) and (max-width: 1150px) {
.floating-box-angebote_main {
	max-width: 350px;
}


	

.bildvorschau {
    display: table-cell;
    height: 500px;
	vertical-align: bottom;		
	width: 300px;	/*157*/
	border-radius:20px;
	padding: 3px;
}

.bildvorschau-sonderangebot {
    display: table-cell;
    height: 500px;
	vertical-align: bottom;		
	width: 300px;	
	border-radius:20px;
	border: thin #eaeaea solid;	
	border-color: #E72422;
	padding: 3px;
}





/* bildvorschau wurde genutzt zum Anzeigen der Sonderangebote auf der Hauptseite
.bildvorschau_main {
 /*   display: table-cell;
    height: 360px;
	vertical-align: bottom;		
	width: 360px;	
	border-radius:20px;
	padding: 3px;*/
}



.bildvorschau_main {

	/*width: 170px;	*/

}

	


.picframe {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px;
}


.picframe-minicols {
	box-sizing: border-box; 
	border-radius: 50%;	
	border: 1px solid silver;
	margin: 1px;
}

.picframe-articlesale {
	box-sizing: border-box; 
	max-height:200px;
	width: 110px;
	border-radius: 0%;	
	border: 0px solid silver;
	padding: 5px;
}

.picinfoframe-articlesale {
	height:250px;
	width: 130px;
	border-radius: 10%;	
	border: 0px solid silver;
	display:table-cell;
	vertical-align: bottom;
}





/*Ende Produktliste */









/* PRODUKTSEITE - CSS für show_product: */
/*Ein oberer und ein unterer Container liegen in einem Gesamtcontainer*/





	


.products_supersale {
    display: inline-block;
	max-width: 1100px;
	min-width: 300px;
	height:auto;
	min-height:400px;	
	font-style:normal;
	text-align:left;	
	vertical-align:top;
    margin-left: 15px;
    margin-right: 0px;	
	}
	


.product_pic {
    display: inline-block;
	max-width: 500px;
	min-width: 300px;
	height:auto;
	min-height:400px;
	font-style:normal;
	text-align:center;
	vertical-align:top;
    margin-left: 0px;
    margin-right: 5px;	
	}


.product_description {
    display: inline-block;
	max-width: 400px;
	min-width: 300px;
	height:auto;
	min-height:400px;	
	font-style:normal;
	text-align:left;	
	vertical-align:top;
    margin-left: 15px;
    margin-right: 0px;	
	}
	
	
.product_wkinfo {
    display: inline-block;
	max-width: 250px;
	min-width: 100px;
	min-height:400px;
	height:auto;
	background-color:#6666CC;
	font-style:normal;
	text-align:center;	
	vertical-align:top;
    margin-left: 5px;
    margin-right: 5px;	
	}	

.product_informations {
    display: inline-block;
	max-width: 400px;
	min-width: 300px;
	height:auto;
	font-style:normal;
	text-align:left;	
	vertical-align:top;
    margin-left: 5px;
    margin-right: 5px;	
	}	

.product_availability {
    display: inline-block;
	max-width: 800px;
	min-width: 300px;
	height:auto;
	font-style:normal;
	text-align:center;	
	vertical-align:top;
    margin-left: 5px;
    margin-right: 5px;	
	}			

.productpicture {
	display: table-cell;
	vertical-align: bottom;		
	width: 450px;
	height:auto;
	max-height:600px;			
	border-radius:20px;
	padding: 3px;
}
	

@media (min-width: 10px) and (max-width: 640px)  {
.productpicture {
	width: 350px;}
.product_pic {
	width: 350px;}
.product_description {
	width: 350px;}
.product_informations {
	width: 350px;}
}

	
#textpreisbox {
	background:#fff;
	-webkit-flex:1;
	flex:1;
	width:100%;
	margin-left:20px;
	height:auto;	
}

	.producttext {
		display: table-cell;
		vertical-align: bottom;		
		min-width: 250px;	
		height:auto;			
		border-radius:1px;
		padding: 3px;
	}
	
#preisdisplay {
		text-align:right;
		margin-top: 20px;
}


#boxrechts {
	background:#fff;
	width:200px;
}

/*Funktionsweise: volle Bildschirmbreite - es werden 3 Boxen nebeneinander angezeigt
ab 1300 Pixel wird Spalte rechts nicht mehr angezeigt
ab 1100 Pixel wird Bild auf 27vw Pixel Breite verkleinert 
ab 900 Pixel wird Bild und Text untereinander angezeigt
ab 640 Pixel wird Bild und Text unter dem Menü angezeigt*/

@media (max-width: 1300px) {
	#boxrechts {
	display:none;
	}
 }
 
 
@media (min-width: 801px) and (max-width: 1100px) {
	#bildbox {
		background:#fff;
		width:27vw;
		height:auto;
	}

	#container_productview {

}
}	

@media (max-width: 900px) 
{
	#container_productview {
	-webkit-flex-direction: column;
	flex-direction: column;
	background:#fff;
	min-height:1500px;		
	}

	#bildbox {
		background:#fff;
		width:100%;
	}
	
	#textpreisbox {
	background:#fff	;
		width:100%;
		height:auto;		
	
	}
}

/* ENDE OBERER CONTAINER */


/* ZWEITER CONTAINER */

#container_availableinfo {
	width:100%;
	height:auto;
	background:#ccc;
	display:-webkit-flex;
	display:flex;
	justify-content: space-between;	
}


#availability {
	width:100%;	
	min-width:350px;
	height:auto;
	font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;	
	font-size: 5px;
	-webkit-flex:1;
	flex:1;	
}

#tabelleverfuegbarkeit {
	with:400px;
}


#information {
	width:400px;
	padding: 10px;
	height:auto;	
}

@media (max-width: 1250px) 
{
	#container_availableinfo {
	-webkit-flex-direction: column;
	flex-direction: column;
	}
	
	#information {	
	width: 100%;
}	

}

@media (max-width: 640px) 
{

#tabelleverfuegbarkeit {
	display:none;
}
}


/* ENDE ZWEITER CONTAINER */


/* weitere CSS */
.prodprice {
	background-color: #f8f8f8;
	border: none;
	font-size : 34px;
	font-weight:bold;
	font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
}

.products-drop-selected {
color: #666666;
font-size: 15px;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
background-color: #F3F3F3;
width: 260px;
padding: 5px;
border-radius: 6px 6px 6px 6px;
}

.drop-bestellmenge {
color: #666666;
font-size: 15px;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
background-color: #F3F3F3;
width: 60px;
padding: 5px;
border-radius: 6px 6px 6px 6px;
}


/*gedrehte Texte in der Verfügbarkeitstabelle*/


#avtab{
	border:	1px;
	text-align: center;
	width: 400px;		
}



#avtabtop{
	
	border:	0px;
	height: 150px;
	width: 10px;	
	font-family: 'Merriweather Sans', sans-serif;
	font-size: 8pt;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	text-align: right;
}

#avtabright{
	
	border:	1px;
	text-align: right;
	font-family:	Arial;
	font-size:	8pt;
}

#avtabpoints{
	border:	1px;
	text-align: center;
}


/*Ende Produktseite */






.kat-gross {
	color: #56C9FF;
	font-family: 'Merriweather Sans', Arial,sans-serif;
	font-size: 28px;
	font-style: normal;
	line-height: 22px;
	font-weight: 600;
}

.ukat-gross {
	color: #56C9FF;
	font-family: 'Merriweather Sans', Arial,sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 18px;
	font-weight: 600;
}




.after-floating-box {
    border: thin silver solid; 
	padding:5px;
}	

.floating-box-productpreview {
	display: inline-block;
	border: 1px solid #D4D4D4;
	border-radius: 10px;
	width: 23%;
	min-width:150px;
	min-height:120px;
	height: auto;
	font-size:0.5em;
	font-style:normal;
	text-align:center;	
	margin: 4px;

}	

.productpreview-picture {
 /*   border: thin silver solid; */
	border: 1px solid #FFFFFF; 
	border-radius: 10px;
	height:210px;
	width: 98%;
	background-color:#FFFFFF;
	min-height:100px;
}	


.productpreview-color {
	/* border: thin silver solid; */
	width: 98%;
	background-color:#FFFFFF;
	height:23px;
}	

.productpreview-preis {
   /* border: thin silver solid; */
	border: 1px solid #FFFFFF; 
	border-radius: 10px;   
	width: 98%;
	background-color:#FFFFFF;
	font-size:18px;	
	color:#E72422;
	height:40px;
}	

.productpreview-text {
   /* border: thin silver solid; */
	width: 98%;
	font-size:11px;
	line-height:16px;
	background-color:#FFFFFF;
	height: 40px;
}	


/* PRODUKT DETAIL SEITE*/
		

.floating-box-productdetail-brand {
	display: inline-block;
	width: 18%;
	min-width:100px;
	height: 40em;
	font-size:8px;
	line-height:13px;
	font-style:normal;
	vertical-align:text-top;
	text-align: left;	
	margin: 2px;
	/*border: thin silver solid;*/
}

/* ENDE PRODUKTDETAIL SEITE*/


/*WARENKORB*/

tr.carttop{
	background:#F3F3F3;
	font-family:'Merriweather Sans', Arial, sans-serif;
	font-style:normal;
	font-weight:400;
	line-height: 20px;
	color:#7F063C;
	font-size: 11px;
}

.wk{
	color: #000;
}

td.wk{
	background:#F3F3F3;
	font-size: 1.0em;
	padding-left: 5px;
	padding-top:5px;
}

table.wk{
	background:#fff;
	font-size: 1.0em;
	padding-left: 5px;
	padding-top:30px;
	
}

#warenkorb {
	width:100%;
	height:300px;
	background:#ccc;
	display:-webkit-flex;
	display:flex;
}

#bild {
	width:150px;
}

#anzahl {
	-webkit-flex:1;
	flex:1;
}

#beschreibung {
	width:150px;
}

#preis {
	width:150px;
}






/* ENDE Warenkorb */




.boxmax {
	padding-bottom:40px;	
	justify-content: center;	
}


/* floating Boxen 350 px breite  */

.boxfloat350 {
  float: left; 		
  width: 350px; 
  padding-left: 15px;  
  }


.boxfloat400 {
  float: left; 		
  width: 400px; 
  padding-left: 15px;
  }
    
@media (max-width: 640px) {
.boxfloat400 {
  width: 350px; 
  }
 }

/* Boxen im header */

#menutopbox {
  position: absolute;
  width: 400px;
/*  background-color:#666666;*/
  height: 11vw;
  top: 50px;
  right: 9%;
  font-size: 0.9vw;
  line-height: 1.1vw;
  font-weight: 400;
  color: #fff;
  text-align:right;
}

@media (min-width: 801px) and (max-width: 1150px) {
#menutopbox {
  position: absolute;
  width: 400px;
/*  background-color:#666666;*/
  height: 11vw;
  top: 50px;
  right: 2%;
  font-size: 8px;
  line-height: 10px;
  font-weight: 200;
  letter-spacing:1px;
  color: #fff;
  text-align:right;
}
}

@media (max-width: 800px) {
#menutopbox {
display:none;
}
}

#menubottombox {
  position: absolute;
  width: 300px;
  height: 2vw;
  top: 8vw;
  left: 28%;
  font-size: 0.7vw;
  color: #E72422;
  text-align:left;
 
  z-index: 1;
}




a.menutopbox{
color: #000000;
font-size: 11px;
font-weight:100;
} 


a.menutopbox:hover{
  color: #56C9FF;
} 

/* Ende boxen im header*/


/* SALE Kategorie alte CSS übernommen */
td.boxcomplete {
	border: 1px solid #E72422;
}

img.boxcomplete {
	border: 1px solid #E72422;
}

.picframe {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px;
}

/*ENDE SALE */

.floating-box-footer {
	display: inline-block;
	width: 200px;
	height: auto;
	font-size:0.7em;
	line-height:0.9em;
	font-style:normal;
	vertical-align:text-top;
	text-align: left;	
	margin: 10px;
	padding-bottom:30px;
	color:#333333;	
	/*	border: thin silver solid;*/
}	

/*.floating-box-footer-adverts {
	display: none;
}*/	

a.footerlist {
	color:#333333;
	line-height:1.7em;
	font-size:1.2em;
	text-decoration:none;
	}
    





#infoausklapp {
width:350px;
padding-right: 5px;
height:auto;
background-color:#FFFFFF;
}


/* für die Boxen */

.dbox {
font-family:'Raleway', Arial, Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color: #000000;
background-color:#FFFFFF;
line-height:130%;
margin: 5px 0px 5px 0px;
margin-left: 5px;
}

.dboxTab {
font-family:'Raleway', Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color: #fff;
background-color:#FFFFFF;
line-height:130%;
margin-top: 15px;
}

.dboxTab td {
text-align:left;
vertical-align:top;
background-color:#FFFFFF;
color: #fff;
padding:5px;
}


.TabKopfzeile td {
padding:5px;
font-family:'Raleway', Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
background-color:#FFFFFF;
color: #fff;
line-height:130%;
}




/* für die Linkleisten */

.linkleiste {
width: 350px;
padding: 3px;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
background-color: #56C9FF;   /*Hintergrund Leiste*/
margin: 0px 0px 6px 0px;
margin-left: 0px;
line-height: 250%;
}

.linkleiste a:link, .linkleiste a:visited {
color: #000;
font-family: 'Raleway', Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
margin-left: 20px;
font-weight: normal;
text-transform: none;
}

.linkleiste a:hover {
font-weight: bold;
}


/* Das neue CS Menü :*/

body {
  word-wrap: break-word !important;
}


a { color: #000000; }



#container {
  margin: 0 auto;
  max-width: 890px;
}

p { text-align: center; }
 .toggle, [id^=drop] {
 display: none;
}

 .togglemenu, [id^=drop] {
 display: none;
}
nav {
  margin: 0;
  padding: 0;
  background-color: #FFF;
}

#logo {
  display: block;
  padding: 0 30px;
  float: left;
  font-size: 20px;
  line-height: 60px;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  float: right;
    background-color: #F3F3F3;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px;
  display: inline-block;
  float: left;
  background-color: #FFF;
}

nav a {
  display: block;
  padding: 0 20px;
  color: #000000;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
}

nav ul li ul li:hover { background: red; }

nav a:hover { background-color: #56C9FF; }

nav ul ul {
  display: none;
  position: absolute;
  top: 40px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -40px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }


/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {
	
	
#logo {
  display: block;
  padding: 0;
  width: 100%;
  text-align: center;
  float: none;
}

nav { margin: 0; }

.toggle + a,
 .menu { display: none; }

 
 .togglemenu + a,
 .menu { display: none; }
 




 .togglemenu {
  display: block;	 
  background-color: red;
  padding: 0 20px;
  color: #000000;
  font-size: 14px;
  line-height: 60px;
  text-decoration: none;
  border: none;
}
  
.togglemenu:hover { background-color: #56C9FF; }

[id^=drop]:checked + ul { display: block; }


.toggle {
  display: block;	 
  background-color: #FFF;
  padding: 0 20px;
  color: #000000;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #56C9FF; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #56C9FF; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #F3F3F3; }

nav ul ul {
  float: none;
  position: static;
  color: #000000;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}
}

@media all and (max-width : 330px) {

nav ul li {
  display: block;
  width: 94%;
}

}



/* ENDE CSDE SPEZIFISCH */