/*
.new_sign{
display: block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
z-index: auto;
height: 0;
position: relative;
cursor: default;
opacity: 1;
margin: 0;
padding: 0;
overflow: visible;


width: 0px;
height: 0px;
-webkit-transform:rotate(360deg);
border-style: solid;
border-width: 55px 55px 0 0;
border-color: red transparent transparent transparent;
	top:-2px !important; 
	left:-2px !important; 

	font-family:arial, verdana;
	font-size: 12px;
	font-weight: bold;

	color:white;

}
*/

.button_details {
	width:100%;
	min-width:70px;
}
	
 .box_product {
	width: 180px !important;
 }

 
 ///////////

/* Allgemeine Einstellungen
----------------------------------------------------- */

body {
  margin: 0;
  color: #606060 !important;
}

.page {
  background: #ffffff;
  //width: 100% !important;
  width: 1000px !important;
}


/* Formular Einstellungen
----------------------------------------------------- */

input {
  border: 1px solid #606060 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #606060 !important;
  outline: none !important;
  padding: 5px !important;
}

input[type="submit"], nav ul {
  //background: #606060 !important;
  color: #FFFFFF !important;

	background-image: linear-gradient(to bottom, #606060 0%, #606060 100%);
	background:-moz-linear-gradient(bottom,#606060,#606060); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#606060),to(#606060)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060',endColorstr='#606060'); /* Internet Explorer */

  }
  
input[type="submit"]:hover {

    background-image: linear-gradient(to bottom, #404040 0%, #404040 100%);
	background:-moz-linear-gradient(bottom,#404040,#404040); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#404040),to(#404040)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040',endColorstr='#404040'); /* Internet Explorer */

}


/* menue */
nav {
	color:#FFFFFF;
	
}
nav ul {


	background-image: linear-gradient(to bottom, #606060 0%, #606060 100%);
	background:-moz-linear-gradient(bottom,#606060,#606060); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#606060),to(#606060)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060',endColorstr='#606060'); /* Internet Explorer */
	
}

nav ul li {
	
	 float: left;
	
}

nav ul li a {
	 clear:both;
	color:#FFFFFF;
}
nav ul li.cat_main:hover {

	background-image: linear-gradient(to top, #404040 0%, #404040 100%);
	background:-moz-linear-gradient(bottom,#404040,#404040); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#404040),to(#404040)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040',endColorstr='#404040'); /* Internet Explorer */
	color:#FFFFFF;
}

nav ul li.cat_main:hover a {
	color:#FFFFFF;
}
 nav ul li.cat_main:hover > ul li a  {
    background-color: #707070 !important;

}

nav ul li ul li a {
	color:#FFFFFF;
}
nav ul li ul li a:hover{
	color:#FFFFFF;
	//background-color: #FFDF7F !important;

	background-image: linear-gradient(to top, #404040 0%, #404040 100%);
	background:-moz-linear-gradient(bottom,#404040,#404040); /* Firefox */
	background:-webkit-gradient(linear,left top,left bottom,from(#404040),to(#404040)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040',endColorstr='#404040'); /* Internet Explorer */
}


select {
  border: 1px solid #606060 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #606060 !important;
  outline: none !important;
  padding: 5px !important;
}

textarea {
  border: 1px solid #606060 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #606060 !important;
  outline: none !important;
  padding: 5px !important;
}

.button_search, .button_clear, .button_sendform, .button_send, .button_reset, .button_to_cart {
  border-radius: 0 !important;
  padding: 5px 8px !important;
  margin: 8px 0 0 0 !important;
}

.button_sendform {
  border-radius: 0 !important;
  padding: 5px 8px !important;
  margin: 10px 0 10px 0 !important;
}

.button_delete_cart {
  border-radius: 0 !important;
  padding: 5px 8px !important;
  margin: 0 !important;
}

.button_back, .button_cart {
  border-radius: 0 !important;
  padding: 5px 8px !important;
  margin: 20px 0 !important;
}

.button_details {
  border-radius: 0 !important;
}


/* Hauptmenue Einstellungen
----------------------------------------------------- */

.box_menu {
  display: block;
  float: left;
  background: none !important;
  border: 0;
  width: auto !important;
  margin: 0 2px 0 0;
  padding: 0 !important;
}

.menu .wrapper {
  background: none !important;
  margin-left: 20px;
}

a.button_menu {
  //width: auto !important;
  padding: 12px 22px !important;
  font-weight: bold;
}

a:hover.button_menu {
  //width: auto !important;
  padding: 12px 22px !important;
  font-weight: bold;
}

.wrapper_slider {
	border-radius: 0 !important;
	border: 0 !important;
}
#slider ul li {
  width: 980px;
  //width: 98% !important;
  //width: auto !important;  
}

/* Suchbereich Einstellungen
----------------------------------------------------- */


.wrapper_criteria {
  border-spacing: 0 !important;
  padding: 20px 0 30px 25px !important;
}


/* Untermenue Einstellungen
----------------------------------------------------- */

/*
.box_navigation {
  //background: none !important;
  border: 0;
  //width: auto !important;
  //height: 16px !important;
  padding: 0 !important;
}
*/
a.button_navigation {
  background: #606060 !important;
  color: #ffffff;

  //background: #cccccc !important;
  //border-bottom: 1px solid #606060;
  //width: 220px;
  //height: auto !important;
  //padding: 4px 0 4px 30px !important;
  //color: #606060;
}

a:hover.button_navigation {
  background: #404040 !important;
  color: #ffffff;
}

.box_navigation_active {
  background: #404040 !important;
  color: #ffffff;

  //background: none !important;
  //border: 0;
  //width: auto !important;
  //height: 16px !important;
  //padding: 0 !important;
}

.box_navigation_active:hover {
  background: #404040 !important;
  color: #ffffff;
}

.box_navigation:hover {
  background: #404040 !important;
  color: #ffffff;
}

a.button_navigation_active {
  background: #404040 !important;
  color: #ffffff;
  //background: #404040 !important;
  //border-bottom: 1px solid #606060;
  //width: 220px;
  //height: auto !important;
  //padding: 4px 30px !important;
  //color: #ffffff;
}

a:hover.button_navigation_active {
  background: #404040 !important;
  color: #ffffff;
}

.box_subnavigation {
  background: none !important;
  //border: 0;
  //width: auto !important;
  //height: 16px !important;
  //padding: 0 !important;
}

a.button_subnavigation_active {
  //background: #404040 !important;
  //color: #ffffff;
  //background: #404040 !important;
  //border-bottom: 1px solid #606060;
  //width: 220px;
  //height: auto !important;
  //padding: 4px 30px !important;
  //color: #ffffff;
}

a:hover.button_subnavigation_active {
  background: #404040 !important;
  color: #ffffff;
}

a.button_subnavigation {
  //background: #404040 !important;
  //border-bottom: 1px solid #606060;
  //width: 220px;
  //height: auto !important;
  //padding: 4px 30px !important;
  //color: #ffffff;
}

a:hover.button_subnavigation {
  background: #404040 !important;
  color: #ffffff;
  //border-bottom: 1px solid #606060;
  //width: 220px;
  //height: auto !important;
  //padding: 4px 30px !important;
  //font-weight: bold;
}



/* Content Einstellungen
----------------------------------------------------- */

.content {
  background: none !important;
  width: auto !important;
  padding: 0 20px 0 20px;
  //width: 1000px !important;
   //vertical-align: middle;

	//margin-left: 200px;
	//width: 1000px !important;
}

.wrapper_starttext {
  background: none !important;
  margin: 23px 0 25px 10px !important;
}

.wrapper_products {
  background: none !important;
  margin: 19px 0 25px 0 !important;
}

div.wrapper_products {
  border-spacing: 5px 3px !important;
}

.box_product {
  border-spacing: 0 !important;
  border-radius: 0 !important;
  margin: 0 10px 10px 0 !important;
  padding: 0 !important;
}

.wrapper_buttons_navigation {
  border-spacing: 0 !important;
  margin: 0 0 0 5px;
}

.button_next, .button_prev {
  border-radius: 0 !important;
  height: auto !important;
  margin: 10px 10px 0 0 !important;
}

.wrapper_productdetails {
  width: 100% !important;
}

.box_product_details {
  border: 0 !important;
  border-radius: 0 !important;
  border-spacing: 0 !important;
  padding: 0 !important;
}

.text_similiar_products {
  margin: 20px 0 10px 2px !important;
}

.wrapper_products_similar {
  background: none !important;
  border-spacing: 5px 5px !important;
  margin: 0 0 10px -8px !important;
}


.wrapper_cart {
  border: 0 !important;
  border-radius: 0 !important;
  border-spacing: 0 !important;
  padding: 0 !important;
}


.box_cart, .box_cart_bold {
  width: 70px !important;
}

.box_cart_image, .box_cart_image_bold {
  width: 130px !important;
}

.box_cart_description, .box_cart_description_bold {
  width: 300px !important;
}

.box_cart_price, .box_cart_price_bold {
  width: 80px !important;
}

.combo_color,.combo_size,.combo_branding,.product_details_input_combo {
	width: 172px !important;
	}

.button_reset {
	margin-left: 5px !important;
}	

/* Footer Einstellungen
----------------------------------------------------- */

.footer {
  //background: #cb2529;
  //background: #4179B2;
  //background: #404040;
  background: #606060;
  //color: #606060;
  //height: 80px !important;
  color: #FFFFFF;
  padding: 10px 0 !important;
  //margin-top: 20px !important;
  
}

/* Responsives für kleinere Geräte bis 999px */
@media (max-width: 999px) {	
	
	
	div.page {
		width: auto !important;
		max-width: 1000px !important;
	}
	
	div.header {
		height: auto;
		max-height: 50px;
	}
	
	/* logo */	
/* 	.box_logo img {
		width: 100%;
	} */
	
	/* Währung */	
	.box_currency_select li {
		margin-top: 7px;
		margin-bottom: 7px;
		margin-right: 7px;
	}
	
	/* Slider */
	.slidercontent {
		position: relative;
		overflow: hidden;
		z-index: 3;
		height: 250px !important;
	}
	
	div.wrapper_slider {
		width: 92% !important;
		position: absolute;
		z-index: 2;
	}
	
	div.wrapper_slider .box {
		display: block;
	}
	
	#slider {
		width: auto !important;
		position: static;
	}
	
	.box_text_slider {
		display: none !important;
	}
		
	div.wrapper_slider ul li .box {
		float: left;
	}
	
	.box_slider_right {
		float: right;
	}
	
	.box_slider_price, .box_header_slider {
		padding-left: 0;
		margin-left: 0;
	}
	
	.wrapper_starttext {
		margin-right: 0 !important;
	}
	
	
		/* Suche */
	
/* 	div.box_search_color, div.box_search_price, div.box_search_limit, .wrapper_criteria div .box {
		float: left;
		padding: 0;
		margin-bottom: 14px;
		margin-right: 14px;
		width: auto !important;
		min-width: 230px !important;
		clear: none !important;
	}
	
	.search_color, .search_term, .category_combo, .search_limit {
		width: 130px;
		float: right;
	}
	
div.box_search_limit {
		float: left;
		padding: 0;
		margin-bottom: 14px;
		margin-right: 14px;
		width: auto !important;
		min-width: 30px !important;
		clear: none !important;
	
}
*/
.category_combo {
	overflow: hidden;
	text-overflow: ellipsis;
}
	
/*
	
	.wrapper_criteria .box {
		display: block;
	}
	
	
	div.box_search_basket {
		padding: 0 !important;
		float: right !important;
		display: block !important;
		width: 58px;
	}
	
	div.box_search_basket .box {
		padding: 0;
		float: right;
		min-width: auto !important;
		width: auto !important;
	}
	
	.wrapper_criteria div .box {
		width: 100%;
		margin-bottom: 14px;
		clear: both;
	}

	.box_search_basket .box {	
		width: 100% !important;
		margin-bottom: 14px !important;
		clear: both !important;	
	}
	
	.text_articles_found {
		text-align: center;
	}
	
	.search_price_from {
		margin-left: 55px;
	}
	
	.search_price_from, .search_price_to {
		width: 56px;
	} */
	
	/* Produkte boxen */
	
	.wrapper_products_cat_left {
		margin: 0 auto;
	}
	
/*
	.box_product {
		float: left !important;
		min-height: 228px;
		margin: 7px;
	
	}
*/	
	/*next, prev*/
	.wrapper_buttons_navigation {
		clear: both;
	}
	
	/* Produkt */
	.box_image_details, .box_text_productdetails {
		display: block;
	}
	
	/* Warenkorb */
	
/* 	.wrapper_cart {
		width: 98%;
		  display: block;
		  float: left;
	}
	
	.wrapper_cart div {
		vertical-align: top;
	}
	
	.box_cart_description_bold {
	}
	
	/* Senden */
	
	.cart_sum {
		width: auto;
	}
	
	.input_sendform {
		width: 180px;
	}
	
	.box_sendform:nth-child(3n+0) {
		width: 0;
	} */

	
}


@media (max-width: 450px) {	
	.box_product { 
		width: 99% !important;	
	}

}

/*custom*/


/*Hauptkategorie links */

.box_navigation {
	background: none !important;
	border: 0px !important;	
}
.box_navigation:hover {
	background: none !important;
	border: 0px !important;	
}


a.button_navigation  {
	background: #FF8700 !important;
}

a.button_navigation:hover {
	background: #FF8700 !important;
	border: 0px !important;	
}


.box_navigation_active {
	background: none !important;
	border: 0px !important;	
}

.box_navigation_active:hover {
	background: none !important;
	border: 0px !important;	
}

a.button_navigation_active {
	background: #FF8700 !important;
}

a.button_navigation_active:hover {
	background: #FF8700 !important;
	border: 0px !important;	
}

/*Hauptkategorie links ENDE*/
/*Unterkategorie links */
.box_subnavigation {
	border: 0px !important;	
}
.box_subnavigation:hover {
	background: none !important;
	border: 0px !important;	
}

a.button_subnavigation_active {
	border: 0px !important;	
}
a.button_subnavigation_active:hover {
	background: none !important;
	border: 0px !important;	
	color: #606060 !important;	
}
/*Unterkategorie links ENDE*/

/* Einzelne Buttons ausblenden und neue anhängen*/


/*

#button_home{
	width:35px !important;
	visibility: hidden;
}
#button_home:after {
	content: "KS1.de" !important;
	visibility: visible;
	position: absolute;
	left: 20px;
	top: 12px;
}
*/
/* DOMINIK */


/* Hiermit benutzen die Elemente die komplette Breite der Seite. */
 .page{
	width: 100% !important;
}

.content{
	width: auto !important;
	max-width: 1000px !important;
	/* max-width von 1000px damit content nicht breiter als 1000 pixel werden kann. */	
}

/* Fix der Positionierung der Kategorien auf der Startseite. */
.wrapper_starttext{
	margin: 25px 0 25px 0px !important;
}
.text_start {
	width: 100%;
}
.tablecategory{
	padding-left: 20px;
	margin: 0 auto;
    width: 945px;
}

/* Zentriert das Logo. */
.header{	
	display: table !important;
	margin: auto !important;
}

/* Zentriert die Knöpfe der Orangenen Kategorienleiste. */
.main{
	display:flex !important; 
	justify-content: center !important;
	white-space: nowrap !important;
}
.menu_list nav ul, .menu_list nav li {
    flex: none;/ /* Muss 0 sein! Sonst reihen sich die Elemente gleichmäßig an anstatt mittig zu sein. */
}

/* Zentriert die Graue Kategorieleiste */
#nav_cat ul{
	display: flex !important;
	justify-content: center !important;	
}
/* Dies ist nötig, damit die Dropdown Elemente nicht horizontal angezeigt werden.  */
#nav_cat .cat_main ul{
	display: block !important;
}

/* Macht die Währungsauswahl rechtsbündig und gibt diesem einen 5 pixel abstand oben und rechts. */
.box_currency_select{
	float: right !important;
	padding: 5px 5px 5px 5px !important;
}

/* Zentriert die Suchleiste */
.wrapper_criteria{
	margin: auto !important;
}

/* Zentriert den Slider */
.wrapper_slider{
	display: flex !important;
	justify-content: center !important;
}

/* Zentriert den unteren Bereich. */
.content{ 

	display: table !important;
	margin: auto !important;
	min-height: calc(100vh - 174px) !important; /* Berechnet die Maximale Vertikale Höhe minus 174 pixel. Hierdurch wird der Footer am untersten Ende sein! */
}

/* Zentriert die Pfeile für die Navigation (ganz unten) */
.wrapper_buttons_navigation {
	display: table !important;
	margin: auto !important;
}

.wrapper_products_cat_left {
	margin-bottom: 50px !important; /* Kleiner Abstand zwischen footer und wrapper_products_cat_left damit der Navigationspfeil besser sichtbar ist mit dem fixed footer. */
}






/* Kategoriebilder schwarzweiss*/
.tablecategory img{
	 filter: grayscale(100%);
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.tablecategory img:hover{
	 filter: grayscale(0%);
	 -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

/* Animations*/
.box_product
{
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;

}

.box_product:hover{
	 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

/*details*/
.box_image_details
{
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;

}

/*cart*/
.image_cart
{
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;

}

.image_cart:hover{
	 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
	border: 1px solid #DADAE5;
	z-index:10;
	
}






/* Burger Menu */
/* Erzwingt, dass das "Burger Menu" eine nicht sichtbare checkbox ist. Die Orangene Kategorienleiste is dann sichtbar, wenn ein Haken gesetzt wurde. */
	.menu_list nav input[type="checkbox"]:checked + ul{
		display: block !important;
	}
	
	
	
	
	
	
	
	
/* Korrigierung Hintergrundfarben der Kategorien damit die links im Warenkorb keine Hintergrundfarbe mehr haben. */
	
div.menu_list ul{
	
	background-image: None;
	background: None; /* Firefox, Chrome, Safari */
	filter: None; /* Internet Explorer */
	
	background-color: #FF8700 !important; /* Hintergrundfarbe Navigation */
	
}

div.menu_list ul li.cat_main:hover {

	background-image: None;
	background: None; /* Firefox, Chrome, Safari */
	filter: None; /* Internet Explorer */
	
	background-color: #F27900 !important; /* Hover Farbe Navigation */

}
	
nav ul {
	
	background-image: None;
	background: None; /* Firefox, Chrome, Safari */
	filter: None; /* Internet Explorer */
	
	background-color: #808080 !important; /* Hintergrundfarbe Hauptkategorien */
	
}	
	
nav ul li.cat_main:hover {

	background-image: None;
	background: None; /* Firefox, Chrome, Safari */
	filter: None; /* Internet Explorer */
	
	background-color: #707070 !important; /* Hover Farbe Hauptkategorie */
	color:#FFFFFF !important;
}

 nav ul li.cat_main:hover > ul li a  {
	color: #606060 !important; 
	background: #FFFFFF !important; /* Hintergrundfarbe der Unterkategorien */

}

nav ul li ul li a:hover{
	color:#606060 !important;
	background-image: None;
	background: None; /* Firefox, Chrome, Safari */
	filter: None; /* Internet Explorer */
}
	
	
.cat_sub{
	background-color: #FFFFFF !important;
	margin: 7.5px;
}
	
/* Umbau der Kategoriern */

.cat_main ul {
	
	height: auto; /* Macht Größe des Unterkategorienmenüs basierend auf den Inhalt */
	width: 99.8%; /* 99.25% weil es sonst etwas zu Breit ist. Warum ist mir aber ein Rätsel. */
	
	left:0; /* Nötig damit das Menü immer links bleibt. */
	background-color: #FFFFFF !important; /* Macht Hintergrund des Blocks Weiss */
	border: #808080 solid 1px !important; /* Gibt der box einen Dunkelgrauen Rahmen */
}	

.cat_main:hover ul { /* Gibt dem Menü die Fadein animation */
	
	animation-name: fadein;
	animation-duration: 0.3s;
}	

.cat_main li {
	border: #808080 solid 1px !important; 
    text-align: center; /* Text wird zentriert, kann bei bedarf geändert werden. */
    width: 23%; /* Breite der Schaltflächen. (100% = Eine Schalftfläche pro Zeile. 48% = 2 pro Zeile. 33.33% = 3 Pro Zeile. 23% = 4 pro Zeile) */
    float: left; /* Nötig damit Spalten entstehen */
}

#nav_cat ul li ul li a{ /* Formatierung der Links der Unterkategorien */
	overflow: hidden;
	text-overflow: ellipsis;
	/* Bricht wörter mit "..." ab. Nur wirklich sichtbar bei schmalem Viewport. */
}

#nav_cat ul li ul li a:hover{ /* Hover für Unterkategorien. Färbt das Feld Grau wenn die Maus darüber "schwebt" */
	background-color: #E5E5E5 !important;
}

#nav_cat ul li ul li a:active{ /* Active (vergleichbar mit einem "Click Event") für Unterkategorien. Fäbt das Feld Weiss wenn auf das Feld geklickt wird */
	background-color: #FFFFFF !important;
}







/* FORMATIERUNG SUCHLEISTE */

.wrapper_criteria{
	display: block;
	width: 910px;
	padding: 15px !important;
	background-color: #E5E5E5 !important;
	border: #A5A5A5 solid 1px;
}

.wrapper_criteria .row{
	display: flex;
	flex-direction: row;
	font-weight: bold;	
}

.wrapper_criteria form{
	display: flex;
	flex-direction: row;
}

.wrapper_criteria input{
	border-color: #A5A5A5 !important;
	height: 16px;
	margin-top: 3px;
}

.wrapper_criteria select{
	margin-top: 3px;
	border-color: #A5A5A5 !important;
}

.box_search_name{
	display: flex !important;
	flex-direction: column;
	width: auto;
}

.box_search_color{
	display: flex !important;
	flex-direction: column;
	width: auto;
}

.search_price_text { /* Formatierung für den Text "Preis: ". Somit kann die Boxen in einer Reihe angezeigt werden statt untereinander. */
    display: table-cell;
}

.box_search_price{
	display: flex;
	flex-direction: row;
	min-width: 175px;
}

.box_search_category{
	height: 26px;
	display: flex !important;
	flex-direction: column;
	width: auto;
	padding-left: 10px;
}

.button_search{
	height: 28px !important;
	border: #404040 solid 1px !important;
	margin-top: 19px !important;
	margin-left: 15px !important;
}

.button_clear{
	
	border: #404040 solid 1px !important;
	height: 28px !important;
	margin-top: 19px !important;
}

.text_articles_found{
	max-width: 200px !important;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
}






/* FORMATIERUNG WARENKORB */

.wrapper_cart {
    padding: 15px !important;
    border: 1px solid #DADAE5 !important;
	border-bottom: 0 !important;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}

.wrapper_cart a{
		color: #606060;
}

.table_cart_header{
	display: table-row;
	font-size: 18px !important;
	padding-bottom: 10px;
	background-color: #F8F8FA;
}
.table_cart_row{
	display: table-row;
	padding: 5px 0 5px 0;
}

.box_cart_image, .box_cart_image_bold {
    width: 90px !important;
	text-align: center;
}

.box_cart_bold {
    border: none !important;
	text-align: center;
}

.box_cart{
	text-align: center;
}

.box_cart_bold, .box_cart_image_bold, .box_cart_description_bold, .box_cart_price_bold{
	padding: 10px 25px 10px 0;
}

.box_cart, .box_cart_image, .box_cart_description, .box_cart_price{
	vertical-align: middle;
	border-top: 1px solid #DADAE5;
	padding: 10px 25px 10px 0;
}

.image_cart{
	border: 1px solid #DADAE5;
}

.cart_sum{
	box-sizing: border-box;
	padding: 15px;
    border: 1px solid #DADAE5 !important;
	background-color: #F8F8FA;
	width: 100%;
}

.button_sendform{
	float:right;
}





/* FORMATIERUNG DETAILSEITE */

.box_product_details{
	width: 100%;
}

.box_product_details:first-child{
	display: table-row;
}

.wrapper_productdetails .box{
	width: auto;
}

.box_image_details{
	padding: 25px 0 25px 0;
	width: 500px;
	max-width: 500px;
}

.box_more_image_product{
	width: 300px;
	text-align: center;
	margin: 0 auto;
}

.box_image_details .image_details{
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.box_image_details .image_details:hover{
	-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
	border: 1px solid #DADAE5;
	z-index:10;
}

.box_text_productdetails{
    width: 500px;
	max-width: 500px;
}

.button_to_cart{
	margin-top: 75px !important;
}

.table_productdetails{
border-spacing: 10px 0;
}

.description_headline{
	margin-bottom: 25px;
}

.box_list{
	width: 200px;
}

.box_list ul{
	padding: 0;
}

.box_list ul li{
	list-style: none;	
	width: 200px;
}

.box_product_details .table_productdetails{
	width: 100%;
	margin-top: 30px;

}

.box_product_details .table_productdetails .td{
	width: 500px;
	padding: 0;
	border: #DADAE5 solid 1px;
}

.table_productdetails .td .box{
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
}

.table_productdetails .td div{
	height: 100%;
}

.table_attributes {
	display: table;
	width: 100%;
	margin-top: 10px;
}

.td_ta{
	display: table-cell !important;
	width: auto !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.table_attributes div{
	display: table-row;
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 10px;
}

.description_header, .attributes_header{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border-bottom: 1px solid #DADAE5 !important;
	background-color: #F8F8FA;
	font-weight: bold;
}

.attributes_header{
	padding: 10px 20px 10px 20px;
}
 
.description{
	height: 100%;
	padding: 10px;
}

.attributes_col1{
	font-weight: bold;
}







/* RESPONSIVES */

/* Vorheriges Responsive wurde weiter oben auskommentiert (Siehe Zeile 574) */
/* Wenn bildbreite weniger-gleich 999 pixel beträgt, dann treten folgende responsive veränderungen auf. */
@media only screen and (max-width: 999px){

.wrapper_criteria{
	width: 90%;
	overflow: auto;
}

.box_search_name{
	width: 100% !important;
	padding-bottom: 10px !important;
}

.search_term{
	box-sizing: border-box; /* Behebt ein Problem bei dem input boxen größer als das Parent Div werden. */
	height: 30px !important;
	width: 100% !important;
}

.wrapper_criteria .row{
	width: 100% !important;
	flex-direction: column;
}

.box_search_color{
	box-sizing: border-box;
	height: 30px !important;
	width: 100% !important;
	padding: 0 0 25px 0 !important;
	margin-top: 15px !important;
}

.search_color{
	box-sizing: border-box;
	height: 30px !important;
	width: 100% !important;
	padding: 8px 0 8px 0 !important;

}

.search_price_text {
	display: block;
	margin-top: 35px !important;
}

.box_search_price{
	width: 100% !important;
	padding: 0 0 25px 0 !important;
}

.search_price_from, .search_price_to{
	box-sizing: border-box;
	height: 30px !important;
	width: 100% !important;
}

.box_search_category{
	width: 100% !important;
	padding: 0 !important;
}
.category_combo{
	width: 100% !important;
	
	padding: 6px 0 6px 0 !important;
}

.button_search{
	margin: 50px 0 0 0  !important;
}

.button_clear{
	margin: 0 !important;
}

.text_articles_found{
	margin: 15px auto 0px;
	max-height: 100px;
}

}

/* Wenn bildbreite weniger-gleich 870 pixel beträgt, dann treten folgende responsive veränderungen auf. */
@media only screen and (max-width: 870px){

/* Macht Währungsleiste linksbündig */
.box_currency_select{
	float: left !important;
	padding: 0px 5px 0px 5px !important;
}

/* Versteckt das Content (TEMPORÄR!!) */
.tablecategory{
	display: none !important; 
}

nav ul {

 	list-style-type: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
	flex-flow: row wrap;
    align-content: flex-end;

	background-color: #808080 !important; /* Hintergrundfarbe Hauptkategorien */
	
}

/* Lässt die Orangene Kategorieleiste verschwinden. */
.menu_list nav ul{
	display: none !important; 
	}
}
@media only screen and (max-width: 850px){
	
	.cat_main ul {
	
	width: 99.8%; /* 99.9% weil es sonst etwas zu Breit ist. Warum ist mir aber ein Rätsel. */
	
}	
	
.cat_main li {
    width: 97%;
}

}

/* Wenn bildbreite weniger-gleich 450 pixel beträgt, dann treten folgende responsive veränderungen auf. */
@media only screen and (max-width: 450px){

.wrapper_cart{
	display: block;
}
	
.table_cart_header{
	display: none;
}

.table_cart_row{
	display: flex;
	flex-direction: column;

}

.box_cart_image {
	order: 2;
    width: 100% !important;	
}

.image_cart{
	width: 100px;
	height: 100px;
}

.image_cart:hover{
	 -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
	border: 1px solid #DADAE5;
	z-index:10;	
}

.box_cart, .box_cart_image, .box_cart_description, .box_cart_price{
	order: 3;
	width: 100% !important;
	border-top: None;
}

.box_cart{
	order: 4;
}

.box_cart:first-of-type {
	order: 1;
	font-weight: bold;
}

.box_cart_price{
	font-weight: bold;
}

.p-qty:before{
	content:"Menge:";
	float: left;
}

.p-price:before{
	content:"Preis:";
	float: left;
}

}