a img {
  border:none;
}
main #main-container .black-container .inner-contents .tx-hbshop .list .kategorie .subkategorien div.article{background:#313133}
main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie h2.act{background:#464749;}
main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie h2:hover{background:#464749;}
main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .stepper .up, main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .stepper .down, main #main-container .black-container .inner-contents .tx-hbshop .list div.kategorie .subkategorien .article .right .add, main #main-container .black-container .inner-contents div.tx-hbshop .mailform input[type="text"], main #main-container .black-container div.inner-contents .tx-hbshop .mailform textarea, main #main-container .black-container div.inner-contents .tx-hbshop .mailform input[type="email"], main #main-container .black-container div.inner-contents .tx-hbshop .mailform input[type="number"]{background:#313133}

.tx-hbshop  { margin-top:20px; margin-bottom:20px;}
.tx-hbshop .kategorie {margin-bottom:10px;}
.tx-hbshop .kategorie h2 {padding:15px; cursor: pointer; background: #EEF7FF; color:#4B90CB; font-weight: normal; /*border-bottom: 1px solid white;*/ }
.tx-hbshop .kategorie h2:hover, .tx-hbshop .kategorie h2.act {background:#6CABE8; color:#EEF8FF; }
.tx-hbshop .kategorie .subkategorien  { }
.tx-hbshop .kategorie .subkategorien .subkategorie { display: table; width:130px; height: 160px; cursor: pointer; background: #EEF7FF; float:left; margin-right:10px; }
.tx-hbshop .kategorie .subkategorien .subkategorie p{ display: table-row; text-align: center; vertical-align: middle; font-size:14px!important; color:#4B90CB!important; }
.tx-hbshop .kategorie .subkategorien .subkategorie:hover, .tx-hbshop .kategorie .subkategorien .subkategorie.act { background:#6CABE8; color: #EEF8FF; }
.tx-hbshop .kategorie .subkategorien .subkategorie:hover > p, .tx-hbshop .kategorie .subkategorien .subkategorie.act > p { color:#EEF8FF!important;  }

.tx-hbshop .articles > .description {background: #F1F8FF; color: white; padding: 15px; margin-top:10px;}
.tx-hbshop .articles .article { position: relative; padding:10px 0; border-bottom: 1px solid #E8E8E8;}
.tx-hbshop .articles .article:last-child { border:none; }
.tx-hbshop .articles .article p{font-size:13px!important; color:#333;}
.tx-hbshop .articles .article .left{ float:left; }
.tx-hbshop .articles .article .left img{ }
.tx-hbshop .articles .article .right{ float:right; }
.tx-hbshop .articles .article .right p{ text-align: right;}
.tx-hbshop .articles .article .middle{ float:left; margin-left:10px;}
.tx-hbshop .articles .article .name{ color:#4B90CB!important; }
.tx-hbshop .articles .article .price{  }
.tx-hbshop .articles .article .orderNumber{ }
.tx-hbshop .articles .article .selects{ font-size: 13px; }
.tx-hbshop .articles .article .selects .row{ margin-bottom:5px; }
.tx-hbshop .articles .article .selects .row .imgs{ display: inline-block; }
.tx-hbshop .articles .article .selects select{ margin-left:10px; }
.tx-hbshop .articles .article .numArticles{ padding:5px; width:30px; }
.tx-hbshop .articles .article button{ border:none; background:#6CABE8; color:white; width:10px; padding:5px; width:20px; outline: none; cursor: pointer;}
.tx-hbshop .articles .article button:hover{ background:#244866; }
.tx-hbshop .articles .article button.add{ background: #6CABE8; padding: 6px; width:auto; margin-top: 5px; width: 91px; outline: 0; cursor: pointer; border: none; font-size: 14px; }
.tx-hbshop .articles .article button.add:hover { background: #244866; color:white;}

.tx-hbshop .feedback {background: #eaeceb; color: #000; padding: 30px; margin-top: 10px; margin-bottom:40px;}
.tx-hbshop .feedback h2{font-family: Arial, sans-serif; font-weight: 400; font-size: 18px; color: rgb(75, 144, 203); margin-bottom: 10px;}


.tx-hbshop .mailform {background:#f3f3f3; padding:10px;}
.tx-hbshop .mailform .row {margin-bottom:5px;}
.tx-hbshop .mailform .row.center {text-align: center;}
.tx-hbshop .mailform label {display:inline-block; width:200px; vertical-align: top;}
.tx-hbshop .mailform input, .tx-hbshop .mailform textarea {width:400px; padding:5px; color:#333; font-size:13px;}
.tx-hbshop .mailform textarea {resize: vertical;}
.tx-hbshop .mailform textarea.act { /*-webkit-box-shadow: 0px 0px 15px 0px rgba(85, 174, 239, 0.58); -moz-box-shadow: 0px 0px 15px 0px rgba(85, 174, 239, 0.58); box-shadow: 0px 0px 15px 0px rgba(85, 174, 239, 0.58); border: 1px solid rgb(138, 194, 223); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; */ outline: none;}
.tx-hbshop .mailform input[type="submit"]{width: auto;
border-radius: 0px;
padding: 7px 50px;
border: 1px solid darkgray;
cursor: pointer;
background: #e8e8e8;
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 50%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(50%,#ffffff), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 50%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e8e8e8',GradientType=0 );}


@media only screen and (max-width: 500px) {
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.tx-hbshop .mailform input, .tx-hbshop .mailform textarea, .tx-hbshop .mailform select {width:100%;}
    
}


hr.clear{clear: both;}