/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v51-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/roboto-v51-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/roboto-v51-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/roboto-v51-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/roboto-v51-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/roboto-v51-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .product-matrix .product-matrix-title, .h3, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
    font-family: 'Roboto', sans-serif !important;
}
.container-fluid.menu-multiple-rows-scroll {
    background: #5F7E20;
    max-width: unset;
}
.navbar.align-items-lg-end {
    max-width: 103.125rem;
    margin: auto;
}
header .navbar-nav > .nav-item > .nav-link {
    color: #fff;
}
header a:not(.dropdown-item):not(.btn):hover {
    background: #fff;
}
header .navbar-nav > .nav-item > .nav-link::before {
    content: unset;
}
#header-top-bar {
    background: #F0ECEC;
}
.col.main-search-wrapper {
    max-width: 500px;
}
#search-header {
    border-radius: 25px;
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}
#search .btn-secondary {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.full-top-banner.full-width-mega {
    background-color: #5f7e20;
    color: #fff;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.full-top-banner.full-width-mega a, .full-top-banner.full-width-mega a:hover {
    color: #fff;
    text-decoration: unset;
}
.full-top-banner.full-width-mega .container-fluid{
    justify-content: flex-end;
    display: flex;
}
.sub-categories .caption {
    border: 1px solid #DDD;
    color: #333;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    background-color: #f6f8f2 !important;
}
.sub-categories .caption a {
    text-decoration: unset;
}
.sidepanel-left {
    padding-right: 2rem;
}
#sidepanel_left .box-categories {
    background: #F6F8F2;
    padding: 1rem;
}
.nav-panel .nav .nav {
    padding-left: unset;
}
.box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {
    background-color: transparent !important;
}
aside .nav-panel .active > :not(span).nav-link {
    color: #fff;
    background: #5F7E20;
}
.with-border-top {
    border-top: 1px dashed #5F7E20;
    padding-top: 2rem;
}
.foo-hinweis {
    margin-top: -35px;
    background-color: #E3EECE;
    color: #333;
    padding: 1rem 2rem;
    text-align: center;
    border-radius: 35px;
}
.foo-hinweis span {
    font-weight: bold;
    color: #d35400;
}
#footer {
    background-color: #F6F8F2;
}
.foo-img {
    max-height: 190px;
}
#sidebox127 p {
    display: flex;
    flex-direction: column;
}