input[type=submit].produkte_sort{
background-color:transparent;
border:0px;
color:black;
box-shadow:none;
padding:0px;
font-weight:normal;
letter-spacing:1px;
}

input[type=submit].produkte_sort:hover{
color:rgb(198,40,58);
}

input[type=submit].produkte_sort.produkte_sort_active{
color:grey;
}

input[type=submit].produkte_sort.produkte_sort_active:hover{
cursor:default;
}

.smart_break{
display:none;
}

.product_categorie{
position:relative;
border-bottom:2px solid lightgrey;
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
margin-top:10px;
margin-bottom:0px;
font-weight:bold;
color:rgb(120,120,120);
}

.product_categorie_id{
position:absolute;
top:-110px;
left:0px;
}

.products{
margin-top:10px;
}

.products_row{
display:block;
border:1px solid transparent;
border-bottom:1px solid lightgrey;
}

.products_row:last-child{
border-bottom:1px solid transparent;
}

.products_row:hover{
border:1px solid rgb(198,40,58);
}

.products_product{
float:left;
min-height:80px;
padding-bottom:20px;
padding-top:20px;
vertical-align:top;
}

.products_picture{
width:12%;
}

.products_name{
width:88%;
color:rgb(120,120,120);
}

.products_artikel_nr{
color:black;
}

.products_new{
display:inline-block;
color:rgb(198,40,58);
font-weight:bold;
margin-right:5px;
}

.ausgelistet{
color:rgb(198,40,58);
font-weight:bold;
}

#products_title{
display:inline-block;
font-size:20px;
}

.products_count{
display:inline-block;
font-size:16px;
}

.products_count:before{
content:"(";
display:inline-block;
}

.products_count:after{
content:")";
display:inline-block;
}

#categorie_subs{
border:2px solid rgb(198,40,58);
margin-top:30px;
}

#categorie_subs_title{
padding:5px;
background-color:rgb(198,40,58);
color:white;
margin-bottom:5px;
font-weight:bold;
}

.categorie_desktop{
display:block;
padding:5px;
}

.categorie_smart{
display:none;
}

.categorie_smart select{
width:100%;
}

.categorie_desktop a{
padding-top:5px;
padding-bottom:5px;
display:block;
padding-right:10px;
}

.categorie_desktop a:hover,.categorie_desktop a.active{
color:rgb(198,40,58);
}

.categorie_desktop a.active{
font-weight:bold;
}

a.produkte_filter_active{
color:rgb(198,40,58);
font-weight:bold;
}

#tool_products{
margin-top:20px;
}

.tool_product_group{
margin-top:10px;
}

.tool_product_group_name{
font-size:25px;
display:block;
border-bottom:2px solid lightgrey;
padding-top:5px;
padding-bottom:5px;
position:relative;
}

.tool_product_group_name .anker{
position:absolute;
top:-130px;
}

.tool_product_subgroup_name{
display:block;
padding-top:15px;
padding-bottom:3px;
border-bottom:1px solid lightgrey;
color:black;
position:relative;
}

.tool_product_subgroup_name .anker{
position:absolute;
top:-110px;
}

.tool_navi_elemente{
width:490px;
float:left;
}

.tool_navi_elemente2{
margin-left:20px;
}

.tool_navi{
position:relative;
border-bottom:1px solid rgb(230,230,230);
padding-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
letter-spacing:1px;
width:100%;
word-wrap:break-word;
}

.tool_navi a{
color:black;
text-decoration:none;
}

.tool_navi:hover{
background-color:rgb(198,40,58);
}

.tool_navi:hover a{
color:white;
text-decoration:none;
display:block;
}

.tool_unavi{
display:none;
position:absolute;
top:0px;
left:170px;
width:323px;
padding:5px;
background-color:white;
border:1px solid rgb(198,40,58);
z-index:1;
}

.tool_navi:hover .tool_unavi{
display:block;
}

.tool_navi:hover .tool_unavi a{
display:block;
color:black;
padding:5px;
}

.tool_navi:hover .tool_unavi:hover a:hover{
color:black;
background-color:white;
background-color:rgb(198,40,58);
color:white;
}

@media screen and (max-width: 1275px)
{
  .tool_navi_elemente{
  width:49%;
  }

  .tool_navi_elemente2{
  margin-left:2%;
  }
  
 .tool_unavi{
  width:100%;
  position:absolute;
  top:0px;
  left:0px;
  }
}

@media screen and (max-width: 1070px)
{
  .products_picture{
  width:15%;
  }

  .products_name{
  width:85%;
  }
}

@media screen and (max-width: 1024px)
{
  .product_categorie_id{
  top:0px;
  }
}

@media screen and (max-width: 650px)
{
  input[type=submit].produkte_sort{
  margin-top:10px;
  }
  
  .categorie_smart{
  display:block;
  }
  
  .categorie_desktop{
  display:none;
  }
  
  .smart_break{
  display:block;
  }
  
  #categorie_subs{
  margin-top:10px;
  }
  
  #categorie_subs_title{
  margin-bottom:0px;
  }
  
  .products_picture{
  width:20%;
  }

  .products_name{
  width:80%;
  }
}

@media screen and (max-width: 500px)
{
  .products_picture{
  width:25%;
  }

  .products_name{
  width:75%;
  }
}

@media screen and (max-width: 400px)
{
  .products_picture{
  width:100%;
  text-align:center;
  }

  .products_name{
  width:100%;
  }
}

#groups a{
display:inline-block;
width:191px;
text-align:center;
border:1px solid rgb(210,210,210);
margin-right:20px;
margin-bottom:20px;
vertical-align:top;
position:relative;
overflow:hidden;
}

#groups a.all{
min-height:170px;
}

#groups a:hover{
border:1px solid rgb(198,40,58);
}

/**

#groups a#group_458:hover{
border:1px solid rgb(116,151,40);
}

#groups a#group_460:hover{
border:1px solid rgb(227,30,36);
}

#groups a#group_461:hover{
border:1px solid rgb(0,21,58);
}

#groups a#group_462:hover{
border:1px solid rgb(0,124,128);
}

#groups a#group_463:hover{
border:1px solid rgb(36,66,103);
}

#groups a#group_465:hover{
border:1px solid rgb(101,63,34);
}

#groups a#group_466:hover{
border:1px solid rgb(0,160,227);
}

#groups a#group_467:hover{
border:1px solid rgb(212,16,119);
}

#groups a#group_472:hover{
border:1px solid rgb(67,38,94);
}

#groups a#group_474:hover{
border:1px solid rgb(129,36,49);
}

#groups a#group_475:hover{
border:1px solid rgb(88,92,29);
}

#groups a#group_479:hover{
border:1px solid rgb(223,82,41);
}

#groups a#group_483:hover{
border:1px solid rgb(157,158,158);
}

#groups a#group_485:hover{
border:1px solid rgb(95,87,10);
}

#groups a#group_557:hover{
border:1px solid rgb(136,33,103);
}

#groups a#group_558:hover{
border:1px solid rgb(42,80,50);
}

#groups a#group_559:hover{
border:1px solid rgb(0,93,155);
}

#groups a#group_560:hover{
border:1px solid rgb(57,143,121);
}
**/

#groups a img{
width:100%;
}

#groups a#adaptertool,#groups a#kabeltool,#groups a#neuheiten{
width:402px;
padding:0px 0px;
}

#groups a:nth-child(6n + 9),#groups a#kabeltool{
margin-right:0px;
}

@media screen and (max-width: 1275px)
{
  #groups a{
  width:15.83%;
  margin:0px;
  margin-right:1%;
  margin-bottom:1%;
  }
  
  #groups a#adaptertool,#groups a#kabeltool,#groups a#neuheiten{
  width:32.66%;
  margin:0px;
  margin-bottom:1%;
  margin-right:1%;
  }
  
  #groups a:nth-child(6n + 9),#groups a#kabeltool{
  margin-right:0px;
  }
}

@media screen and (max-width: 750px)
{
  #groups a{
  width:32.66%;
  margin-right:1%;
  margin-bottom:1%;
  }

  #groups a:nth-child(6n + 9){
  margin-right:1%;
  }
  
  #groups a:nth-child(3n + 6),#groups a#kabeltool{
  margin-right:0px;
  }
}

@media screen and (max-width: 335px)
{
  #groups a{
  margin-left:0px;
  margin-right:0px;
  width:100%;
  }

  #groups a#adaptertool,#groups a#kabeltool,#groups a#neuheiten{
  width:100%;
  }
  
  #groups a img{
  max-width:200px;
  }
}

#ugroups a{
display:inline-block;
width:149px;
text-align:center;
border:1px solid rgb(210,210,210);
margin-right:20px;
margin-bottom:20px;
vertical-align:top;
}

#ugroups a.all{
min-height:138px;
}

#ugroups a:hover{
border:1px solid rgb(198,40,58);
}

#ugroups a img{
width:100%;
}

#ugroups a:nth-child(6n + 6){
margin-right:0px;
}

@media screen and (max-width: 1275px)
{
  #ugroups a{
  width:15.77%;
  margin:0px;
  margin-right:1%;
  margin-bottom:1%;
  }

  #ugroups a:nth-child(6n + 6){
  margin-right:0px;
  }
  
  #ugroups a.all{
  min-height:auto;
  }
}

@media screen and (max-width: 750px)
{
  #ugroups a{
  width:32.66%;
  margin-right:1%;
  margin-bottom:1%;
  }

  #ugroups a:nth-child(6n + 6){
  margin-right:1%;
  }

  #ugroups a:nth-child(3n + 3){
  margin-right:0px;
  }
}

@media screen and (max-width: 335px)
{
  #ugroups a{
  margin-left:0px;
  margin-right:0px;
  width:100%;
  }

  #ugroups a img{
  max-width:200px;
  }
}