.logo {
max-width: 300px !important;
}

img {
max-width:100%;
}

body, html
{
        --color-1: #c8191a !important;
        --color-2: #135a8c !important;
}

html {font-size: 100%;} /*16px*/

body {
  background-color: white;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.65;
  color: #333;
}

p {margin-bottom: 1.15rem;}

h1, h2, h3, h4, h5 {
  margin: 0.75rem 0 1.05rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  line-height: 1.15;
}

h1 {
  margin-top: 0;
  font-size: 2.488em;
}

h2 {font-size: 2.074em;}

h3 {font-size: 1.728em;}

h4 {font-size: 1.44em;}

h5 {font-size: 1.2em;}

small, .text_small {font-size: 0.833em;}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


.footer_content h3 {
    border-bottom: 1px solid #c5c5c5 !important;
    color: #fff !important;
    padding-bottom: 10px !important;
    font-size: 16px !important;
}

.card {
    transition: 0.3s;
    width: 40%;
    width: 23%;
    height: max-content;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    padding: 2px 5px;
    min-height: 391px;
    border-radius: 0.7rem;
    overflow: visible !important;
}

.card img {
    display: block;
    margin: auto;
    width: auto;
    height: 225px !important;
    object-fit: contain !important;
}

.card hr {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.crosscontainer {
    text-align: center;
}

.footer {
    background: #135a8c;
    padding: 25px;
    color: rgba(255,255,255,.7);
    margin-top: 3em;
}

.footer_icons {
    margin: 2px;
    border-radius: 0.4rem;
}

._headerlinks ul li:before {
    content: '/';
    margin: 0 20px !important;
    color: #c5c5c5 !important;
}

.our_feature_content .circle {
    background: #135a8c !important;
}

.text-white {
  color: white !important;
}

.gefahrensymbole img {
  max-width: 50px !important;
  margin-top: 25px;
}

#tab1-btn:checked+.tab-href, #tab2-btn:checked+.tab-href, #tab3-btn:checked+.tab-href, #tab4-btn:checked+.tab-href, #tab5-btn:checked+.tab-href, #tab6-btn:checked+.tab-href {
    border-bottom: 2px solid #c8191a;
}

.tab-href {
    margin-bottom: -2px !important;
}

.tab-content {
    border-top: 2px solid silver !important;
}

@media (max-width: 767.98px) {
  .cross-selling .card {
     width: 45%;
}

.tab-content {
    padding: 10px 0px !important;
}

}

.gefahrensymbol {
  max-width: 50px !important;
  margin-top: 25px;
}

.our_feature_content .circle {
    top: 2px !important;
}

.our_feature_content {
    background-color: #d8d8d85c !important;
    padding: 0 25px 5px !important;
    padding-top: -20px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 10px !important;
    border: #adadad !important;
    width: 100% !important;
    margin-top: -10px !important;
}

.butitnowbtn {
    background: #3f903ff5 !important;
    font-size: 1.3em !important;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #efefef !important;
    text-decoration: none !important;
    box-shadow: 0 0 10px 0px #777777 !important;
    transition-duration: 0.2s !important;
}

.butitnowbtn i {
  margin-right: 0.3em !important;
}

.price-container h3 {
  margin: 0 !important;
}

.price-container {
margin-bottom: 1em;
}

.priceandbuycontainer {
  margin-top: 2em !important;
}

.gefahrensymbole {
    display: flex;
}

.gefahrensymbole img {
    margin-right: 0.5em;
}

.nopadding {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
  
.shop-categories {
  display: flex !important;
}

.cat-box {
    background: #f5f5f5 !important;
    margin: 3px 0px;
    padding: 5px 1.2%;
    color: #333;
    border-radius: 0.2rem;
    border: 1px solid #e6e6e6;
}

.cat-box:hover {
    background: #e6e6e6 !important;
    transition-duration: 0.2s !important;
}

.shop-categories a:focus, .shop-categories a:hover {
    color: #184b79;
    text-decoration: none;
} 

.cat-box p {
  padding: 4px 2% !important;
  margin-block-start: 0em;
    margin-block-end: 0em;
}

.cat-container {
    padding: 5px;
    background: #e4e4e4;
    border-radius: 0.3rem;
    color: #333;
  margin-bottom: 5px !important;
}

.cat-container a {
    padding: 5px;
    background: #e4e4e4;
    border-radius: 0.3rem;
    color: #333;
}
.cat-container a {
    padding: 5px !important;
    background: #e4e4e4 !important;
    border-radius: 0.3rem !important;
    color: #333 !important;
}

#tab1 .container {
    padding-right: 0px !important;
    padding-left: 0px !important;
  overflow: visible !important;
}

#tab1 .col-xs-6.col-sm-4.col-md-3 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}