@font-face {
    font-family: 'werklight';
    src: url('css/fonts/werk-light-webfont.woff2') format('woff2'),
    url('css/fonts/werk-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'werklight_italic';
    src: url('css/fonts/werk-lightitalic-webfont.woff2') format('woff2'),
    url('css/fonts/werk-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'werkregular';
    src: url('css/fonts/werk-regular-webfont.woff2') format('woff2'),
    url('css/fonts/werk-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'werkitalic';
    src: url('css/fonts/werk-italic-webfont.woff2') format('woff2'),
    url('css/fonts/werk-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'werkbold';
    src: url('css/fonts/werk-bold-webfont.woff2') format('woff2'),
    url('css/fonts/werk-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'werkbold_italic';
    src: url('css/fonts/werk-bolditalic-webfont.woff2') format('woff2'),
    url('css/fonts/werk-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'werkblack';
    src: url('css/fonts/werk-black-webfont.woff2') format('woff2'),
    url('css/fonts/werk-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'werkblack_italic';
    src: url('css/fonts/werk-blackitalic-webfont.woff2') format('woff2'),
    url('css/fonts/werk-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root {
    --font_main: 'werkregular', Arial, sans-serif;
    --font_italic: 'werkitalic', Arial, sans-serif;
    --font_light: 'werklight', Arial, sans-serif;
    --font_light_italic: 'werklight_italic', Arial, sans-serif;
    --font_bold: 'werkbold', Arial, sans-serif;
    --font_bold_italic: 'werkbold_italic', Arial, sans-serif;
    --font_black: 'werkblack', Arial, sans-serif;
    --font_black_italic: 'werkblack_italic', Arial, sans-serif;
}


body {
    font-family: var(--font_main), sans-serif;
}


.layout_wrap.theme_hhs,
.layout_wrap.theme_hhs ~ .copyright,
.layout_wrap.theme_hhs ~ .parseTime,
.layout_wrap.theme_hhs ~ .mm-ocd,
.layout_wrap.theme_hhs ~ #colorbox {

    

}

/* h1 */
h1 {
    font-family: var(--font_main), sans-serif;
    font-weight: normal;
    font-size: 25px;
    color: var(--main-color);
    text-transform: uppercase;
}
/* h2 */
/* h3 */
/* h4 */
h4 {
    font-family: var(--font_black), sans-serif;
    font-weight: normal;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--main-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
/* p */
p {
    font-family: var(--font_main), sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #4b4b4b;
    line-height: 26px;
}

/* Logo */
@media only screen and (min-width: 600px) {
    .col_logo img { width:160px; height:auto; margin-top: -3px; }
}

/* Search Box */
.search_inner input[type=text],
.search_inner input[type=text]:hover,
.search_inner input[type=text]:focus {
    border:none;
}
.search_inner .search_cat {
    border:none;
}
.search_inner .search_button .cssButton {
    border:none;
}

/* Navigation */
.layout_categories {
    background-color: transparent;
}
.menu_items {
    justify-content: center;
    max-width: 90%;
}
.menu_items > li {
    padding: 3px 7px;
}
.menu_items > li > a {
    font-family: var(--font_main), sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #4b4b4b;
    text-transform: uppercase;
    text-align: center;
}

/* Slider Text */
/* Banner Text */
.slider_row .splide .slider_item_content,
.banner_item_content {
    background: rgba(255,255,255,0.9);
    color: #4b4b4b;
    font-size: 14px;
    line-height: 18px;
}
@media only screen and (min-width: 790px) {
    .slider_row .splide .slider_item_content,
    .banner_item_content {
        font-size: 16px;
        line-height: 20px;
    }
}
@media only screen and (min-width: 985px) {
    .slider_row .splide .slider_item_content,
    .banner_item_content {
        font-size: 18px;
        line-height: 22px;
    }
}

/* Product Box Headings */
.box_products_head .title {
    color: var(--main-color);
    font-family: var(--font_black), sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px;
}

/* Category Banner Image */
.cat_description_image {
    margin-bottom: 30px;
}
@media only screen and (min-width: 790px) {
    .cat_description_image {
        margin-bottom: 40px;
    }
}

/* Product Info Detail Seite */
#product_info #cart_quantity div.pd_heading div.pd_title h1 {
    font-family: var(--font_bold), sans-serif;
    font-weight: normal;
    font-size: 20px;
}
.pd_price span.standard_price {
    font-family: var(--font_bold), sans-serif;
    font-weight: normal;
    font-size: 20px;
}

/* Product Description Titel */
#product_info .pd_description_content > span
{
    font-family: var(--font_bold), sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: var(--main-color);
    text-transform: uppercase;
}
#product_info .pd_description_content,
#product_info .pd_description_content p {
    font-family: var(--font_main), sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #4b4b4b;
    line-height: 18px;
}


strong,
#product_info .pd_description_content > span strong {
    font-family: var(--font_bold), sans-serif;
    font-weight: normal;
}