/* ==========================================================================
   GENERAL
   ========================================================================== */
body {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    color: #2e2d30;
    padding-top: 58px;
    min-height: 50vh;
}

@media (min-width: 991px)
{
    body {
        padding-top: 97px;
    }
}

.christmas-countdown-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;

    width: 290px!important;
    margin: 20px auto!important;
}
.christmas-countdown-list li {
    float: left;
    background: rgba(69, 52, 40, 0.8);
    color: #fff;
    padding: 6px 10px;
    text-align: center;
    margin-right: 10px;
    font-size: 16px;
}

.christmas-countdown-list li:last-child {
    margin-right: 0;
}

.christmas-countdown-list li span {
    display: block;
    font-size: 11px;
}

.christmas-countdown-text {
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

@media (max-width: 576px)
{
    .christmas-countdown-list {
        margin-bottom: 5px;
    }

    .christmas-countdown-list li {
        padding: 4px 6px;
    }

    .christmas-countdown-text { font-size: 20px; margin-bottom: 10px; }
}

.reperaturen-icon {
    font-size: 200px;
    color: #7ab51d;
    text-align: center;
    display: block;
}

@media (min-width: 991px)
{
    .reperaturen-icon {
        margin-top: -40px;
    }
}

.table th .btn-link {
    color: #2e2d30;
    font-weight: 600;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.header {
    background: #fff;
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 98;
}

.header-brand {
    display: block;
    background: url('../img/logo.png') 0 0 no-repeat;
    width: 140px;
    height: 83px;
    text-indent: -999em;
}

.header-brand.header-brand-sm {
    background: url('../img/logo_sm.png') 0 0 no-repeat;
    width: 124px;
    height: 70px;
    position: relative;
    z-index: 99;
}

@media (min-width: 991px)
{
    .header::after {
        display: block;
        content: '';
        position: absolute;
        background: url('../img/header_bottom.png') 0 0 repeat-x;
        bottom: -18px;
        left: 0;
        right: 0;
        height: 18px;
        z-index: 99;
    }
}

@media (max-width: 991px)
{
    .header {
        border-bottom: 1px solid #79b31d;
    }
    .header .header-container {
    }

    #navbar-header {
        padding-top: 15px;
    }

    /*
    .right {
        left: 0 !important;
    }
    */
}

/* ==========================================================================
   TOPBAR
   ========================================================================== */
.navbar-topbar {
    height: 40px;
}
.navbar-topbar .navbar-topbar-item {}

.navbar-topbar .navbar-topbar-item+.navbar-topbar-item {
    margin-left: 1rem;
}
.navbar-topbar .navbar-topbar-item {
    float: left;
}

.navbar-topbar .navbar-topbar-item .nav-link {
    color: #2e2d30;
    font-size: 14px;
    font-weight: 400;
}




/* ==========================================================================
   NAVBAR
   ========================================================================== */
.navbar {
    padding-left: 0;
    padding-right: 0;
    padding: 4px 0;
}

.navbar-nav .nav-link {
    font-size: 26px;
    font-weight: 300;
    text-transform: uppercase;

    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 768px)
{
    .navbar { padding-left: 0; padding-right: 0; }
}

@media (max-width: 1200px)
{
    .navbar-nav .nav-link {
        font-size: 24px;
    }
    #dropdown-brands-list {
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
    }
}


/* nav link colors */
.navbar-light .nav-link.nav-link-categories { color: #0068b1; }
.navbar-light .nav-link.nav-link-brands { color: #009036; }
.navbar-light .nav-link.nav-link-search { color: #f9b500; }
.navbar-light .nav-link.nav-link-offers { color: #e2001a; }

/* buttons with icons */
.navbar .btn.btn-with-icon {
    color: #2e2d30;
    font-weight: 300;
    padding: 0;
}
.navbar .btn.btn-with-icon .fa {
    font-size: 38px;
}


/* icon links */
.navbar-icon-links  {
    margin-top: -36px;
    z-index: 10;
    position: relative;
}

.navbar-icon-links .fa {
    position: relative;
}

.navbar-icon-links .fa span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background: #e2001a;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    color: #fff;
    font-weight: 600;
    font-size: 13px;

    position: absolute;
    top: -5px;
    right: -15px;
    border: 2px solid #fff;
    font-family: 'Open Sans', sans-serif;
}

.navbar-icon-links div {
    display: block;
    text-align: center;
    margin-top: 8px;
}

.nav-item-openinghours {
    margin-top: 20px;
    font-size: 14px;
}

/**********************/
/* = DROPDOWNS START =*/
/**********************/
.nav-item-dropdown {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background: rgba(102,164,207, .95);
    padding: 80px 0;
    z-index: 199;
}

.nav-categories .nav-item-dropdown-content {
    min-height: 330px;
}

.nav-item-dropdown.nav-item-dropdown-brands { background: rgba(132, 171, 76, .95); }
.nav-item-dropdown.nav-item-dropdown-search { background: rgba(249, 181, 0, .95); }

.listNav,.ln-letters{overflow:hidden}.listNavHide{display:none}.listNavShow{display:list-item}.letterCountShow{display:block}.ln-letters a{font-size:0.9em;display:block;float:left;padding:2px 6px;border:1px solid silver;border-right:none;text-decoration:none}.ln-letters .ln-last{border-right:1px solid silver}.ln-letters a:hover,.ln-letters .ln-selected{background-color:#eaeaea}.ln-letters .ln-disabled{color:#ccc}.ln-letter-count{position:absolute;top:0;left:0;width:20px;text-align:center;font-size:0.8em;line-height:1.35;color:#336699}/*# sourceMappingURL=listnav.css.map */

.ln-letters {
    text-align: center;
    font-weight: 300;
}
.ln-letters a {
    font-size: 18px;
    border: 0;
    border-left: 1px solid #fff;
    color: #fff;
    padding: 0px 8px;
    display: inline-block;
    float: none;
}

.ln-letters .ln-last {
    border-right: 0;
}
.ln-letters a:first-child { border-left: 0; }

.ln-letters a:hover,
.ln-letters .ln-selected {
    background: none;
    font-weight: 600;
}

.ln-no-match {
    color: #fff;
    font-style: italic;
}

.dropdown-brands-container {
    display:flex;
    justify-content:center;
    text-align: left;
}
.dropdown-brands-list {
    list-style-type: none;
    margin: 40px 0 0 0;
    padding: 0;
}

.dropdown-brands-list li {
    text-align: left;
}

@media (max-width: 1200px)
{
    /*.dropdown-brands-list li {
        float: left;
        width: 33%;
    }*/
}

.dropdown-brands-list li a {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.dropdown-search-slider {
   /* border: 1px solid red;*/
    color: #fff;
}

/* SEARCH DROPDOWN */
.dropdown-search-controls {}

.dropdown-search-controls .dropdown-search-image {
    text-align: center;
}

.dropdown-search-image {}

ul#categories
{
    column-count:3;
    -moz-column-count:3;
    -webkit-column-count:3;
}



#agecategories{
    column-count:4;
    -moz-column-count:4;
    -webkit-column-count:4;
    list-style: none;
}
.dropdown-search-categories {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.dropdown-search-categories li {
    text-align: center;
    margin-top: 10px;
}
.dropdown-search-categories li a {
    display: block;
    background: #ffffff;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 300;
    color: rgba(249, 181, 0, .95);
    padding: 6px 10px;
    text-transform: uppercase;
}

.dropdown-search-categories li a:hover {
    text-decoration: none;
    background: rgba(255,255,255, .85);
}

.dropdown-search-article-count, .dropdown-search-age-title {
    font-weight: 600;
    text-align: center;
    font-size: 32px;
}

.dropdown-search-slider-container {
    padding: 10px;
    min-height: 220px;
}

.dropdown-search-slider-labels {
    margin-bottom: 20px;
    font-weight: 600;
}

.search-slider-from-value,
.search-slider-to-value {
    font-size: 90px;
    font-weight: 600;
    padding: 0 20px;
}
.dropdown-search-slider-element {
    margin-bottom: 20px;
}

.dropdown-search-slider-element.ui-widget.ui-widget-content {
    border: 0;
    background: #fff;
    border-radius: 10px;
    height: 8px;
}

.dropdown-search-slider-element.ui-slider .ui-slider-handle {
    background: rgba(249, 181, 0, .95);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #fff;
    top: -25px;
    margin-left: -25px;
    outline: 0;
    cursor: w-resize;
}


.dropdown-nav-tabs {
    border: 0;
}

.dropdown-nav-tabs .nav-item {}
.dropdown-nav-tabs .nav-item .nav-link {
    border-radius: 10px;
    background: none;
    border: 1px solid #fff!important;
    font-weight: 300;
    color: #fff!important;
    padding: 6px 40px;
    font-size: 24px;
}

.dropdown-nav-tabs .nav-item .nav-link:active,
.dropdown-nav-tabs .nav-item .nav-link:focus,
.dropdown-nav-tabs .nav-item .nav-link:hover {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.dropdown-nav-tabs .nav-item .nav-link.active {
    font-weight: 600;
    color: #fff;
    background: none;
}

/**********************/
/* = DROPDOWNS END =*/
/**********************/

/* icons */
.icon-user {
    display: block;
    width: 40px;
    height: 43px;
    background: url('../img/icon_user.png') center center no-repeat;
    background-size: auto 100%;
    margin: 0 auto;
    margin-bottom: 6px;
}

/*
.icon-basket {
    display: block;
    width: 40px;
    height: 43px;
    background: url('../img/icon_basket.png') center center no-repeat;
    background-size: auto 100%;
    margin: 0 auto;
    margin-bottom: 6px;
    position: relative;
}

.icon-basket span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background: #e2001a;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    color: #fff;
    font-weight: 600;
    font-size: 13px;

    position: absolute;
    top: -5px;
    right: -15px;
    border: 2px solid #fff;
}
*/

@media (min-width: 991px)
{
    .navbar-nav .nav-item.has-dropdown:hover .nav-item-dropdown {
        display: block;
    }

    .navbar-nav .nav-item.has-dropdown:hover > .nav-link {
        position: relative;
    }
    .navbar-nav .nav-item.has-dropdown:hover > .nav-link::after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: url('../img/header_cloud.png?v2') top center no-repeat;
        background-size: 100% auto;
        height: 55px;
        width: 100%;
        z-index: 200;
    }

    .navbar-nav .nav-item.has-dropdown:hover > .nav-link.nav-link-search::after {
        max-width: 160px;
        left: 50%;
        margin-left: -80px;
    }
}


.nav-item-dropdown .nav-item-dropdown-content {
    /*max-height: 520px;*/
    overflow-y: auto;
    height: 520px;
    max-height: 50vh;
}
@media (min-width: 991px)
{
    .nav-item-dropdown .nav-item-dropdown-content {
        /*max-height: 420px;*/
        height: 420px;
        max-height: 50vh;
        overflow-y: auto;
    }
}




.nav-item-dropdown-content-links {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.nav-item-dropdown-content-links a {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.navbar-toggler {
    border-radius: 0;
    border: 0;
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path stroke='#79b31d' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/></svg>")!important;
    background-image: none!important;
    color: #79b31d!important;
    font-size: 28px;
    width: auto;
    height: auto;
    padding: 5px 8px;
}

/* navbar mobile menu */
.navbar-mobile-menu { display: none; }

@media (max-width: 991px)
{
   .navbar-mobile-menu {

        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;

        position: absolute;
        top: 8px;
        left: 50px;
    }

    .navbar-mobile-menu li {
        float: left;
    }

    .navbar-mobile-menu li .fa {
        font-size: 28px;
        position: relative;
    }


    .navbar-mobile-menu li .fa span {
        display: block;
        width: 24px;
        height: 24px;
        line-height: 20px;
        background: #e2001a;
        text-align: center;
        border-radius: 50%;
        font-style: normal;
        color: #fff;
        font-weight: 600;
        font-size: 12px;

        position: absolute;
        top: -5px;
        right: -10px;
        border: 2px solid #fff;
        font-family: 'Open Sans', sans-serif;
    }

    .navbar-mobile-menu li a {
        color: #79b31d;
        padding: 0 10px;
    }
}

/* ==========================================================================
   SPOTLIGHT
   ========================================================================== */
.spotlight {
    /*background: #eee url('../img/spotlight.jpg') center center no-repeat;*/
    background: #eee url('../img/spotlight_aboutus.jpg') center center no-repeat;
    /*background-size: contain;*/
    height: 500px;
    position: relative;
    overflow: hidden;
}

.spotlight-link {
    position: absolute;
    width: 100%;
    height: 100%;
    text-indent: -999em;
    z-index: 1;
}

body.page-aboutus .spotlight {
    background: #eee url('../img/spotlight_new.jpg') center center no-repeat;
}
body.page-user_trauffer .spotlight {
    background: #eee url('../img/spotlight_trauffer.jpg') center center no-repeat;
}
body.page-user_ostheimer .spotlight {
    background: #eee url('../img/spotlight_ostheimer.jpg') center center no-repeat;
}

.spotlight .container {
    position: relative;
    height: 100%;
}

.spotlight-content {
    background: rgba(176,201,153, .85);
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 320px;
    text-align: center;

    padding: 60px 20px;
    z-index: 2;
}

.spotlight-content h1 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 40px;
}

.spotlight-content ul {
    list-style-type: none;
    margin: 0 0 40px 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
}

@media (max-width: 991px)
{
    .spotlight {
        background: #eee url('../img/spotlight_aboutus.jpg') center center no-repeat;
        background-size: cover;
        height: 400px;
    }



    .spotlight-content {
        width: auto;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        left: auto;
        right: auto;
        bottom: auto;
        padding: 20px;

        width: 460px;
        left: 50%;
        margin-left: -230px;
    }

    .spotlight-content h1 {
        /*color: #fff;*/
        font-size: 28px;
        margin-bottom: 20px;
    }

    .spotlight-content .spotlight-brand {
        display: block;
        background: url('../img/logo.png') center center no-repeat;
        width: 160px;
        height: 83px;
        text-indent: -999em;
        margin: 0 auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 544px)
{
    .spotlight-content {
        background: rgba(176,201,153, .75);
    }
}

/* ==========================================================================
   CONTENT
   ========================================================================== */
.content {
    /*
    border-top: 1px solid red;
    border-bottom: 1px solid red;
    */
}

.content-section {
    padding: 60px 0;
}

body.page-home .content-section,
body.page-hierarchyoutline .content-section  {
    padding-bottom: 0;
}

@media (max-width: 991px)
{
    .content-section {
        padding: 20px 0;
    }
}

.content .content-section.colored
{
    background: #e4f0d2;
}

.content-section-headline {
    text-align: center;
    text-transform: uppercase;
    color: #7ab51d;
    font-weight: 600;
    margin-bottom: 15px;

}
.content-section-subline {
    text-align: center;
    font-size: 20px;
    margin-bottom: 50px;
}

.breadcrumb {
    background: none;
    padding: 10px 0 0 0;
}

.breadcrumb-item {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
}

.breadcrumb-item a { color: #2e2d30; }
.breadcrumb-item.active a { color: #7ab51d; }

/* MISC ELEMENTS */
.sp-icons-list {}
.sp-icons-list-item {
    text-align: center;
}

.sp-icons-list-headline {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sp-icons-list-item-subline {
    font-weight: 300;
}

.sp-icons-list-item-subline strong {
    font-weight: 400;
}

.sp-icons-list-icon {
    display: block;
    margin-bottom: 30px;
}

.sp-icons-list-icon .fa,
.sp-icons-list-icon .far,
.sp-icons-list-icon .fas {
    font-size: 74px;
    color: #79b51c;
}

.content-section-stories {}
.content-section-stories .content-section-stories-item {
    margin-top: 20px;

}

.content-section-stories .content-section-stories-item:first-child {
    margin-top: 0;
}

.content-section-stories .content-section-stories-title {

    text-transform: uppercase;
    font-size: 30px;
    float: left;
    width: 50%;
    text-align: right;
    padding: 20px;
    font-weight: 600;
    height: 100%;
}
.content-section-stories .content-section-stories-body {
    float: right;
    width: 50%;
    padding: 20px 20px;
    height: 100%;

    display:flex;
    align-items: center; /* Vertical center alignment */
    justify-content: center; /* Horizontal center alignment */
}

.content-section-stories .content-section-stories-item:nth-child(2n) .content-section-stories-title { float: right; text-align: left; }
.content-section-stories .content-section-stories-item:nth-child(2n) .content-section-stories-body { float: left; text-align: right; }


/* = SINGLE PRODUCT PAGE = */
.content-single-product {}

.content-single-product .product-title {
    margin-bottom: 20px;
}

.content-single-product .product-title .product-title-icon {
    width: 60px;
    height: 100px;
    display: block;
    float: left;
    margin-right: 10px;
    text-align: center;
}


.content-single-product .product-title h1 {
    font-weight: 600;
    font-size: 26px;
    padding-top: 5px;
}

.content-single-product .product-title h1 .brand {
    display: block;
    font-size: 70%;
    font-weight: 400;
    color: #818a91!important;
    margin-bottom: 4px;
    margin-top: 4px;
}


.content-single-product .product-teaser {
    font-style: italic;
    font-weight: 300;
    margin-bottom: 20px;
}

.content-single-product .product-decription {

}

.content-single-product .product-decription p {
    font-weight: 300;
}

.content-single-product h2 {
    font-size: 18px;
    font-weight: 600;
    color: #7ab51d;
    text-transform: uppercase;
}

.content-single-product .product-galerie {
    text-align: center;
    min-height: 400px;

    display:flex;
    align-items: center; /* Vertical center alignment */
}

.content-single-product .product-galerie .img-fluid {
    width: 100%;
}


.content-single-product .product-galerie-thumbs,
.content-single-product .pdf-galerie-thumbs {
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}

.content-single-product .pdf-galerie-thumbs {
    margin-bottom: 40px;
}

.content-single-product .product-galerie-thumbs li,
.content-single-product .pdf-galerie-thumbs li {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    float: left;
    margin-right: 10px;
    overflow: hidden;

    -moz-box-shadow: 2px 2px 1px rgba(0,0,0,.3);
    -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,.3);
    box-shadow: 2px 2px 1px rgba(0,0,0,.3);
}

.content-single-product li.pdf-galerie-thumb {
    text-align: center;
    padding:10px 5px;
}

.content-single-product li.pdf-galerie-thumb .fa,
.content-single-product li.pdf-galerie-thumb .far,
.content-single-product li.pdf-galerie-thumb .fas {
    font-size: 60px;
}

.content-single-product li.pdf-galerie-thumb a {
    color: #af272f;
}

.content-single-product .product-meta {
    border-top: 1px solid #3c3b3e;
    padding: 2px;
    margin-top: 20px;
}

.content-single-product .product-meta-details {
    margin-top: 40px;
}

.content-single-product .product-meta-details .product-actions {
    padding: 5px 0;
    font-size: 14px;
}

.content-single-product .product-meta-details .product-pricebar {
    padding: 5px 0;
    border-top: 1px solid #3c3b3e;
}

.content-single-product .product-meta-price {
    display: block;
    font-weight: 600;
    font-size: 26px;
    margin-top: 10px;
    margin-right: 20px;
}

.content-single-product .product-meta-sale-price {
    display: block;
    font-size: 12px;
}


.content-single-product .product-meta-info {
    font-size: 14px;
}

.content-single-product .btn-add-to-basket {
    margin-top: 0;
    margin-right: 10px;
}

.content-single-product .product-equipments {
    margin-top: 40px;
}

.content-single-product .product-equipments a{
    /*font-size:14px;*/
}

.content-single-product .product-equipments h2 {
    margin-bottom: 20px;
}

.content-single-product .product-recommendations {
    margin-top: 40px;
}

.content-single-product .product-recommendations h2 {
    margin-bottom: 20px;
}

/* = CONTENT PAGES == */
.content-section.content-page {

}

.content-section.content-page a:not(.btn),
.content-section-subline a:not(.btn) {
    color: #79b51d;
}

.content-section.content-page ul {
    margin-bottom: 25px;
}

.content-section.content-page h2 {
    font-size: 32px;
    font-weight: 600;
    color: #7ab51d;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 600;
}

@media (max-width: 576px)
{
    .content-section.content-page h2 {
        font-size: 26px;
    }
}

.content-section.content-page h2.headline-smaller {
    font-size: 22px;
}

.content-section.content-page .content-section-subline {
    text-align: left;
}

.content-section.content-page h3 {
    font-weight: 600;
    font-size: 22px;
}

.content-section.content-page h4 {
    font-weight: 600;
    font-size:18px;
}


/* ==========================================================================
   FORM STUFF
   ========================================================================== */
.form-topbar-search {}
.form-topbar-search .input-topbar {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    border-color: #313131;
    padding: 2px;
    font-size: 14px;
}

.form-topbar-search .input-topbar::-webkit-input-placeholder {
    font-size: 14px;
}

.btn-topbar-search {
    background: none;
    padding:0;
    border: 0;
    color: #313131;
    /*border-bottom: 1px solid #313131;*/
    display: block;
    float: right;
    margin-left: 5px;
}

/* CONTENT FORMS */
.content-form {

}

.content-form.content-form-centered {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.content-form .sp-form-control {
    background: #e4f0d2;
    border-color: transparent;
    border-radius: 20px;
    padding: 14px 20px;
}

.content-form .has-danger .sp-form-control {
    background: #e1001a;
    color: #fff;
}

.content-form .has-danger .sp-form-control::-webkit-input-placeholder,
.content-form .has-danger .sp-form-control::-moz-placeholder,
.content-form .has-danger .sp-form-control:-ms-input-placeholder,
.content-form .has-danger .sp-form-control:-moz-placeholder {
  color: #fff!important;
}


/* ==========================================================================
   PRODUCTS
   ========================================================================== */
.product {
    margin-bottom: 60px;
}

.product > a {}
.product > a:hover {
    text-decoration: none;
    color: #462f1e;
}

.tag-sale {
    text-transform: uppercase;
    border-radius: 0;
}


.product .product-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    display: block;
    color: #3c3b3e;
}

.product.product-compact .product-title {
    font-size: 16px;
}

.products-compact .product .product-title {
    font-size: 16px;
}


.product .product-thumbnail {
    text-align: center;

    height:300px;
    /*line-height: 300px;*/
    overflow:hidden;
}

.product .product-thumbnail a {
    display: block;
    height: 100%;
    width: 100%;
}

.product .product-morelink {
    text-align: center;
    display: block;
    text-align: center;

    background: url('../img/icon_readmore.png') center center no-repeat;
    height: 18px;
    width: 100%;
    text-indent: -999em;
    margin-top: 10px;
}


.product .product-meta {
    border-top: 1px solid #3c3b3e;
    padding: 2px;
    margin-top: 20px;
}

.product .product-meta-price {
    display: block;
    font-weight: 600;
    font-size: 20px;
}

.product .product-meta-sale-price {
    display: block;
    font-size: 14px;
}

@media(min-width: 768px) AND (max-width: 1200px)
{
    .product .product-meta-price {
        font-size: 20px;
    }
}


@media (max-width: 768px)
{
   .product .product-meta-price {
        font-size: 18px;
    }
}

.product.product-compact .product-meta-price {
    font-size: 20px;
}

.products-compact .product .product-meta-price {
    font-size: 14px;
}


.product .product-meta-info {
    font-size: 11px;
}

@media(min-width: 1200px)
{
    .product .product-meta-info {
        font-size: 12px;
    }

    .products-compact .product .product-meta-info {
        font-size: 11px;
    }
}

.product .btn-add-to-basket {
    display: block;

    /*background: url('../img/icon_add_basket.png') 0 0 no-repeat;*/
    /*text-indent: -999em;*/
    width: 40px;
    height: 44px;
    margin-top: 7px;
    text-align:center;
    color: #2d83bf;
}

@media (min-width: 768px){
    .products-compact .product .btn-add-to-basket {
        /*width: 100%;*/
        right: 5px;
    }
}
.product .btn-add-to-basket .fa,
.product .btn-add-to-basket .far,
.product .btn-add-to-basket .fas {
    font-size: 34px;
    position: relative;
    padding-top: 10px;
    transform-origin:  center;
    -webkit-transform-origin:  center;
}

.product .btn-add-to-basket .fa span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background: #c8d200;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    color: #fff;
    font-weight: 600;
    font-size: 24px;

    position: absolute;
    top: 0px;
    right: -15px;
    border: 2px solid #fff;
    font-family: 'Open Sans', sans-serif;
}

/* product paginaiton */
.product-pagination {
    text-align: center;
}

.pagination-on-top    { margin-bottom: 40px; }
.pagination-on-bottom { margin-top: 40px; }

.product-pagination .page-item:first-child .page-link,
.product-pagination .page-item:last-child .page-link {
    border: 0!important;
}

.product-pagination .page-item .page-link {
    border: 0;
    border-left: 1px solid #ddd;
    margin-left: 0;
    padding: 2px 10px;
    color: #000;
}

.product-pagination .page-item:nth-child(2) .page-link {
    border-left: 0;
}

.product-pagination .page-item .page-link:hover {
    text-decoration: none;
    background: none;
}

.product-pagination .page-item.active .page-link,
.product-pagination .page-item.active .page-link:focus,
.product-pagination .page-item.active .page-link:hover {
    background: none;
    color: #000;
    font-weight: 600;
}

/*
.product-pagination .page-item.next-prev-link {
    font-size: 40px;
}
*/


/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
    background: #79b51d;
    padding: 30px 0 0 0;
}

.footer h4 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
}

.footer-links-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer-links-list li {
    color: #fff;
    font-size: 14px;
}
.footer-links-list li a {
    color: #fff;
    font-size: 14px;
}

.meta-footer {
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    padding: 20px 0;
    margin-top: 30px;
}

.meta-footer a {
    color: #009036;
    text-transform: none;
    margin-right: 40px;
    display:inline-block;
    text-decoration: none;
}

.meta-footer a.last-child {
    margin-right: 0px;
}


/* grass */
.footer-grass {
    height: 121px;
    position: relative;
}

.footer-grass .container {
    height: 100%;
    position: relative;
}

.footer-grass .grass {
    display: block;
    background: url('../img/footer_grass.png') bottom center repeat-x;
    width: 100%;
    height: 33px;

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.footer-grass .tree {
    display: block;
    background: url('../img/footer_tree.png') 0 0 no-repeat;
    background-size: 100% auto;
    width: 92px;
    height: 121px;

    position: absolute;
    bottom: 0;
    left: -15px;
}

.footer-grass .tree-right {
    left: auto;
    right: -15px;
}

.footer-grass .house {
    display: block;
    background: url('../img/footer_house.png') 0 0 no-repeat;
    background-size: 100% auto;
    width: 339px;
    height: 103px;
    position: absolute;
    bottom: 0;
    left: 20%;
}

@media (max-width: 576px)
{
    .footer h4 {
        font-size: 16px;
        margin-top: 15px;
    }

    .footer-grass {
        height: 91px;
        overflow: hidden;
    }
    .footer-grass .tree  {
        width: 62px;
        height: 81px;
    }

    .footer-grass .house {
        width: 239px;
        height: 72px;
    }
}

.facebook-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../img/new/icon_facebooknew.png') 0 0 no-repeat;
    text-indent: -999em;
    margin-bottom: 10px;
    background-size: 32px 32px;
}

.instagram-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../img/new/icon_instagramnew.png') 0 0 no-repeat;
    text-indent: -999em;
    margin-bottom: 10px;
    background-size: 32px 32px;
}

.newsletter-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url('../img/new/icon_mailnew.png') 0 0 no-repeat;
    text-indent: -999em;
    margin-bottom: 10px;
    background-size: 32px 32px;
}

@media (max-width: 576px)
{
    .instagram-icon {
        margin-top: 20px;
    }

    .meta-footer-divider {
        display: none;
    }
}

/* ==========================================================================
   BUTTONS
   ========================================================================== */
.btn-primary {
    color: #fff;
    background-color: #79b51c;
    border-color: #fff;
    border-width: 2px;
    text-transform: uppercase;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6ea519;
    border-color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #79b51c;
    border-color: #629415;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #6ea519;
    border-color: #fff;
    background-image: none;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #79b51c;
  border-color: #fff;
}

.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
  background-color: #6ea519;
  border-color: #0275d8;
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
  background-color: #6ea519;
  border-color: #0275d8;
}

/* ADD TO BASKET BTN */
.btn-add-to-basket {
    display: block;

    /*background: url('../img/icon_add_basket.png') 0 0 no-repeat;*/
    /*text-indent: -999em;*/
    width: 40px;
    height: 44px;
    margin-top: 7px;
    text-align:center;
    color: #2d83bf;
}

.btn-add-to-basket .fa {
    font-size: 34px;
    position: relative;
    padding-top: 10px;
}

.btn-add-to-basket .fa span {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 25px;
    background: #c8d200;
    text-align: center;
    border-radius: 50%;
    font-style: normal;
    color: #fff;
    font-weight: 600;
    font-size: 24px;

    position: absolute;
    top: 0px;
    right: -15px;
    border: 2px solid #fff;
    font-family: 'Open Sans', sans-serif;
}


/* ==========================================================================
   MISC
   ========================================================================== */
.sticky-gift-btn {
    width: 100px;
    padding: 15px;
    padding-top: 75px;
    background: #fff url('../img/icon_gutschein.png') right 15px no-repeat;

    position:fixed;
    top: 290px;
    right: 0;
    border-radius: 10px 0 0 10px;

    font-size: 14px;
    color: #0067af;
    text-align: center;
    line-height: 1.2;

    border: 1px solid #0067af;
    border-right: 0;
    z-index: 999;
}

@media(max-width: 1080px)
{
   .sticky-gift-btn {
       z-index: 97;
   }
}


.sticky-gift-btn:hover {
    text-decoration: none;
    border-color: #08558b;
}

/* ==========================================================================
   HELPERS
   ========================================================================== */
.text-semi-bold { font-weight: 600; }


@media print
{
    .hide-on-print, .hide-on-print *
    {
        display: none !important;
    }
}

.filter-selected {
    display: inline-block;
    border:1px solid #79b51d;
    color:#79b51d;
    padding:5px;
    border-radius:4px;
    margin-left: 10px;
}


.content-filterbar-content .dropdown-backdrop { display: none!important }

.images_video_link
{
    font-size:50px;
    text-align:center;
}
.images_video_link a, .images_video_link a:visited, .images_video_link a:active{
    color:#7ab51d;
}