/* TEST */

.header--wrap .hero--headline {
    font-size: 3.7rem;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.32);
    font-weight: 600;
    line-height: 3.5rem;
}

.product--box .product--title {
    font-size: 1.2rem;
    line-height: 1.5rem;
    height: auto;
    margin-bottom: 10px;
    color: #252525;
}

.product--box .product--rating-container {
    display: none;
}

/* Selection Colors */
::selection {
    color: #ffffff;
    background: #2e8732;
}

::-moz-selection {
    color: #ffffff;
    background: #2e8732;
}


.page-wrap {
    padding: 0;
}


/*1*/

.header--wrap.affix .header-main .logo-main,
.header--wrap.affix .header-main .shop--navigation,
.header--wrap.affix .header-main .shop--navigation > .navigation--list {
    height: 50px !important;
}

.header--wrap.affix .header-main .logo-main .logo--link {
    height: 30px;
}

.header--wrap.affix .navigation-main {
    margin: auto;
}

/*2*/
.container,
.container.header--navigation,
.container.content-main,
.content--breadcrumb {
    margin: 0 auto;
}

.content--breadcrumb {
    max-width: 1180px;
    max-width: 1280px;
}

.container.header--navigation {
    /*max-width: 1200px;*/
    max-width: 1320px;
}

/* HEADER */
.header--wrap.affix .header-main .header--main-wrap {height: inherit;}

.header--wrap.affix .header-main .logo-main,
.header--wrap.affix .header-main .shop--navigation,
.header--wrap.affix .header-main .shop--navigation > .navigation--list {height: 50px !important;}

.header--wrap.affix .header-main .logo-main .logo--link {height: 30px;}
.header--wrap.affix .navigation-main {margin: auto;}


/* Sticky Navi Fixes */
.is--ctl-detail .header--wrap.affix ~ .content--wrap {
    /* padding-top: 120px; */
    /* padding-top: 7.5rem; */
}

/* Remove Sidebar Arrows */
.sidebar-main .sidebar--navigation.is--level0 .navigation--entry .navigation--link .is--icon-right {
    visibility: hidden;
    /* margin-right: 20px; */
}

/* Rating Container */
.product--details .product--header .product--rating-container {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

/* NAVIGATION */
.navigation-main {
    padding: 0 1.5rem !important;
}

.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry:first-of-type .navigation--link {
    /* padding-left: 0; */
}



/* Brackets Hovering */
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link::before {
    content: '';

}

.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link::after {
    content: '';
}

.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-1 .navigation--link:before {
    content: "";
    background-size: 100% auto;
    background-position: right center;
    background-repeat: no-repeat;
    width: 35px;
    height: 100%;
    display: inline-block;
    float: left;
    position: absolute;
    right: calc(100% - 30px);
    margin: 0;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link {
    position: relative;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link:after {
    width: 35px;
    height: 100%;
    content: "";
    display: inline-block;
    position: absolute;
    filter: invert(1);
    /* right: 5px; */
    left: 5px;
    /* z-index: 9999; */
    top: 0;
    bottom: 0;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    margin: auto;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link[title~="Hund"]:after,
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry .navigation--link[data-hover~="Hund"]:before {
    background-image: url(../img/icons/icons8-dog-paw-100.png);
    width: 26px;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link[title~="Katze"]:after,
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry .navigation--link[data-hover~="Katze"]:before {
    background-image: url(../img/icons/icons8-cat-footprint-100.png);
    /* background-size: 80% auto; */
    width: 25px;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link[title~="Pferd"]:after,
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry .navigation--link[data-hover~="Pferd"]:before {
    background-image: url(../img/icons/icons8-horseshoe-50.png);
    width: 24px;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link[title~="Marken"]:after,
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry .navigation--link[data-hover~="Marken"]:before {
    background-image: url(../img/icons/icons8-tags-100.png);
    width: 25px;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link[title~="Angebote"]:after,
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry .navigation--link[data-hover~="Angebote"]:before {
    background-image: url(../img/icons/icons8-discount-100.png);
    width: 27px;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link[title~="Punkte"]:after,
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry .navigation--link[data-hover~="Punkte"]:before {
    background-image: url(../img/icons/icons8-discount-100.png);
    width: 27px;
}

.sidebar-main .sidebar--navigation .navigation--entry .navigation--link[title~="Blog"]:after,
.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry .navigation--link[data-hover~="Blog"]:before {
    background-image: url(../img/icons/webpage.svg);
    width: 25px;
    background-size: 90% auto;
    background-position: left center;
}

.navigation--link[data-hover="Pferd"]:before {}

/* Navigation Active */
.navigation-main .is--active .navigation--link {
    font-weight: 500;
    color: #1e5414;
}

/* Navigation Entry & Link */
.navigation-main .navigation--entry {
    display: inline-block;
    width: auto;
}

.navigation-main .navigation--link {
    display: inline-block;
    padding: 0rem .45rem;
    padding-left: 20px;
    position: relative;
    font-size: 17px;
}

.navigation-main .navigation--list-wrapper .navigation--list .navigation--entry.hover--effect-13 .navigation--link::after {
    left: 20px;
    right: 7px;
}

.navigation-main .advanced-menu .menu--container .content--wrapper { background: #f5f5f5; }

.container.content-main {
    max-width: 1280px;
    max-width: 1380px;
}

.sidebar-main .sidebar--navigation {
    border-color: #245b38;
}

.js--menu-scroller--list li:nth-child(4) {
	background: #397e3a;
	padding-right: 10px;
    margin-left: 10px;
}

.js--menu-scroller--list li:nth-child(4) .navigation--link {
	color: #fff !important;
}

.js--menu-scroller--list li:nth-child(4) .navigation--link::after {
	background: #fff !important;
}

.js--menu-scroller--list li:nth-child(4).is--hovered .navigation--link {
	color: #666 !important;
}

.js--menu-scroller--list li:nth-child(4).is--hovered .navigation--link::after {
	background: #000 !important;
}


/* Only Desktop */
@media screen and (min-width: 1260px) {

    /* Sidebar Hover */
    .sidebar--navigation ul.sidebar--navigation .navigation--entry:hover {
        background: #f5f5f5;
    }


    .is--ctl-detail .container.content-main {
        padding: 1.25rem 2.5rem;
    }


    /* Navigation Fixes */
    /* Remove space between Icons in Navigation and Text */
    .is--logo-left .header-main nav.shop--navigation.block-group {
        width: 16%;
    }


    /* CUSTOM BLOG VIEW */
    /* LVL 0 */
    .is--ctl-blog.has--offcanvas-l .sidebar-main {display: block;width: 100%; margin-top: -40px;}

    .is--ctl-blog .sidebar-main .sidebar--categories-navigation {width: 100%;display: block;}
    .is--ctl-blog .sidebar-main .sidebar--categories-navigation > .sidebar--navigation {border: unset;background: transparent;}

    .is--ctl-blog .sidebar-main .sidebar--categories-navigation > .sidebar--navigation.is--level0 > .navigation--entry:not(.is--active),
    .is--ctl-blog .sidebar-main .sidebar--categories-navigation > .sidebar--navigation.is--level0 > .navigation--entry.is--active.has--sub-categories > .navigation--link {display: none;}

    /* LVL 1 */
    .is--ctl-blog .sidebar--navigation.is--level1 {border-radius: 0;border: unset;background: transparent;width: 100%;} 
    .is--ctl-blog .sidebar--navigation.is--level1 .navigation--entry {margin-left: 0;display: inline-block;border: 1px solid black;background: #fff;} 
    .is--ctl-blog .sidebar--navigation.is--level1 .navigation--entry:not(:last-of-type) {margin-right: 10px;}
    .is--ctl-blog .sidebar--navigation.is--level1 .navigation--entry .navigation--link {text-align: center;padding: 10px 20px;min-width: 170px;font-size: 1.5em;color: #000;}
    .is--ctl-blog .sidebar--navigation.is--level1 .navigation--entry .navigation--link:after {filter: invert(0);-webkit-filter: invert(0);margin-right: 10px;}


    .is--ctl-blog .sidebar--navigation.is--level1 .navigation--entry.is--active {border-color: inherit;}
    .is--ctl-blog .sidebar--navigation.is--level1 .navigation--entry .navigation--link.is--active {background: #387f3a; color: #fff; font-weight: normal;}
    .is--ctl-blog .sidebar--navigation.is--level1 .navigation--entry .navigation--link.is--active:after {filter: invert(1);-webkit-filter: invert(1);}
    /* // END: CUSTOM BLOG VIEW */


    .has--offcanvas-l .sidebar-main .sidebar--navigation li[role=menuitem].navigation--entry .navigation--link.is--active,
    .has--offcanvas-l .sidebar-main .sidebar--navigation li[role=menuitem].navigation--entry .navigation--link:hover { padding:.9375rem .9375rem .9375rem 2.9375rem; }

    .has--offcanvas-l .sidebar-main .sidebar--navigation.is--level1 .navigation--link:hover { padding:.625rem .625rem .625rem .625rem !important; }
    .has--offcanvas-l .sidebar-main .sidebar--navigation.is--level1 .navigation--link.is--active { padding:.625rem .625rem .625rem .625rem !important; }

    .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:after { display: none; }
    .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:hover:after { display: block !important; }
}

/* Laptop, Tablet & Mobile */
@media screen and (max-width: 1259px) {


    /* Mobile Nav Hover */
    .sidebar-main .sidebar--navigation .navigation--entry .navigation--link.is--display-button,
    .sidebar-main .sidebar--navigation .navigation--entry .navigation--link.is--active,
    .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:hover {
        color: #fff;
    }

    /* Mobile Switches auskommentiert*/
    .mobile--switches {
        padding: 0;
        height: auto;
    }

    /* OFF CANVAS */
    .sidebar-main .entry--close-off-canvas {
        margin: 0;
    }

    .navigation--smartphone .entry--close-off-canvas .navigation--link,
    .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas,
    .off-canvas .close--off-canvas {
        background: #2f633b;
        padding: 0 15px;
        color: rgb(255, 255, 255);
        text-align: right;
    }

    .navigation--smartphone .entry--close-off-canvas .navigation--link .icon--arrow-right,
    .navigation--smartphone .entry--close-off-canvas .account--close-off-canvas .icon--arrow-right {
        margin-left: 10px;
    }

    /* Hide Menue in Sidebar */
    .offcanvas--overlay .overlay--headline .navigation--link {
        display: none;
    }

    /* Push Offcanvas up*/
    .offcanvas--overlay {
        top: 38px;
    }

}


/* Tablet and Mobile */
@media screen and (max-width: 767px) {

    /* Header Logo Fixes */
    .header-main .logo-main {
        max-height: 65px;
        padding-top: 15px;
    }

    /* Mobile Menu Button Align-Fixes */
    .header-main .shop--navigation > .navigation--list > .navigation--entry.entry--menu-left .entry--trigger.is--icon-left span {
        padding-top: 3px;
    }

    .header-main .shop--navigation > .navigation--list > .navigation--entry.entry--menu-left > .btn [class="icon--menu"] {
        margin-top: -3px;
    }

    .header-main .shop--navigation > .navigation--list > .navigation--entry.entry--menu-left {
        margin-top: -3px;
    }

    /* Navigation Sidebar */
    .sidebar-main .sidebar--navigation .navigation--entry .navigation--link:after {
        right: 15px;
    }

    .emotion--blog .blog--entry {
        width: 100% !important;
        margin-bottom: 10px;
    }
}


/* Tablet and Desktop */
@media screen and (min-width: 48em) {


}


/* Footer & Footer-Farben */

/*
    Default Green: #306f46
    Darker Green : #27633c
*/

footer .footer--bottom-wrap .container {
    border-top: 1px solid #222;
}

.footer-main li,
.footer-main .navigation--entry {
    margin: 0;
}

.footer-main .footer--bottom-wrap {
    background: #f5f5f5;
    padding: 0 15px;
}

.footer-main .footer--bottom {
    color: #666;
}

.footer-main .footer--bottom a {
    color: #2e8633;
    font-weight: 700;
}

.footer-main .footer--bottom a:hover {
    color: #2e8633;
}

.footer-main .navigation--link:hover,
.footer-main .navigation--link:focus {
    color: #abd6b3;
    padding: 0;
}

.footer-main .footer--socials .entry--social {
    color: #666;
}

.no.background {
    background: none;
    border: none;
}

/* Breadcrumb Contrast */
.content--breadcrumb-wrap {
    background: #387f3b;
    color: #ffffff;
    padding: .7rem 2.5rem;
}

.content--breadcrumb-wrap .breadcrumb--link,
.breadcrumb--title,
.content--breadcrumb-wrap .breadcrumb--separator,
.content--breadcrumb-wrap .breadcrumb--link:hover,
.content--breadcrumb-wrap .is--active .breadcrumb--link {
    color: #fff;
    border-color: #fff;
}


/* Remove heart icon in Navigation */
.header-main .shop--navigation > .navigation--list > .service--entry.navigation--entry {
    display: none !important;
}

/* Navigation Hover Color*/
.account--dropdown-navigation.off-canvas .account--menu .navigation--entry .navigation--link:hover,
.account--dropdown-navigation.off-canvas .sidebar--navigation .navigation--entry .navigation--link:hover {
    color: #fff;
}

/* Login or Register*/
.account--dropdown-navigation .navigation--register,
.account--dropdown-navigation .navigation--register a {
    color: #fff;
    /* font-size: 1rem; */
    font-weight: 700;
}


.marked {
    background-color: rgba(46, 135, 51, 0.15);
    line-height: 0;
    padding: 0px 0 .6em;
    display: inline-block;
}

.footer-main .footer--columns-wrap {
    /*background-color: #307146;*/
}

/* Remove border sidebar profile */

@media screen and (min-width: 78.75em){
    .has--offcanvas-l .sidebar-main .account--menu {
        border: 0;
    }
    .account--content {
        margin: 0;
    }
}

.is--ctl-blog.is--act-detail .sidebar--categories-wrapper { display: none; }
.is--ctl-blog.is--act-index .bonussystem--sidebar { display: none !important; }
.bonussystem--accordion-container.accordion.panel.has--border { display: none; }
.blog--bookmarks.block { display: none; }

.product--base-info.list--unstyled .base-info--entry.entry--suppliername { display: none; }
.product--base-info.list--unstyled .base-info--entry.entry-attribute { display: none; }

/* Newsletter */

.mc-field-group li { list-style:none; }
.mc-field-group.input-group { margin-bottom: 15px; }
.mc-field-group.privacy--block { margin-top: 20px; }

.type--desc { margin-bottom: 15px; 
}
ul.newsletter-type { list-style-type: none; }
ul.newsletter-type li { float: left; margin-right: 10px; }

.hund-checkbox[type="checkbox"] { display: none; }
.hund-checkbox[type=checkbox]:checked + label > img { box-shadow: 0 0 3px 3px #387f3b; }

.katze-checkbox[type="checkbox"] { display: none; }
.katze-checkbox[type=checkbox]:checked + label > img { box-shadow: 0 0 3px 3px #387f3b; }

.pferd-checkbox[type="checkbox"] { display: none; }
.pferd-checkbox[type=checkbox]:checked + label > img { box-shadow: 0 0 3px 3px #387f3b; }

#mce-success-response {
    padding: .625rem .625rem .5625rem .625rem;
    border: 1px solid #ededed;
    color: #fff;
    background: #6ca61c;
    margin-bottom: 15px;
}

.emotion--manufacturer .manufacturer--content .manufacturer--item { width: 16.66666666666667% !important; }

@media screen and (max-width: 767px) {
    .header--wrap .hero--headline {font-size: 2.1rem;}

    .footer-minimal .footer--service-menu { display: none; }

    .header--wrap .panel { margin-top: .5rem; }
    .header--wrap .hero--headline { font-size: 1.6rem; line-height: 2rem; }
    .hero--text.panel--body.is--wide { display: none; }
    .category--teaser { margin: 0; }

    .emotion--manufacturer .manufacturer--content .manufacturer--item { width: 100% !important; }
}

.is--newsletter--btn { background: #387f3b !important; color: #fff !important; }
.is--newsletter--btn:hover { background: #6ca61c !important; }

/*.header--wrap .hero--headline { line-height:0rem; }*/

/* FOOTER */

.footer-main .footer--column.column--menu + .column--menu { order: 1; }
.footer-main .footer--column.column--menu { order: 2; }
.footer-main .footer--column.column--hotline { order: 3; }
.footer-main .footer--column.column--menu.is--last { order: 4; }

.advanced-menu .item--level-0 { padding-bottom: 1.2rem; }

.footer--columns .footer--column .column--navigation a.navigation--link:hover { color: #387f3b; }

/* CHECKOUT FIX */

@media screen and (min-width: 64em){
    .shipping-payment--information .confirm--inner-container.block {
        width: 100% !important;
    }
    .shipping-payment--information .confirm--inner-container:last-of-type {
        margin-left: 0;
    }
}

.steps--container { display: none; }


.affix .navigation-main .advanced-menu .menu--container { padding-top: 0; }
.navigation-main .advanced-menu[style*="block"] .menu--container.menu--is-active, .navigation-main .advanced-menu.is--open .menu--container.menu--is-active { 
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); 
}

/*
header .navigation--list li:nth-child(4) {
    background-color: #387f3b;
    margin-left: 14px;
}
header .navigation--list li:nth-child(4).navigation--entry.is--hovered:hover {
    background-color: #387f3b !important;
}

header .navigation--list li:nth-child(4) .navigation--link { 
    color: #fff !important;
    padding-left: 6px;
}
header .navigation--list li:nth-child(4) .navigation--link:hover { 
    color: #fff !important;
}
*/

.prev--text { display: block; }
.full--text { display: none; }


.js--tab-menu .tab--link { background: #ededed; box-shadow: none; flex-grow: 0; width: 22%; }
.js--tab-menu .tab--link:hover { background: #ededed; box-shadow: none; }
.js--tab-menu .tab--link.is--active { background: #fff; box-shadow: none; }
.js--tab-menu .tab--link.is--active:hover { box-shadow: none; }

.box--content.is--rounded .product--actions { display: none; }

.product--configurator.lws-configurator-listing-buy { max-height: 90px !important; }

.blog--listing .blog--box { width: 33%; }

@media screen and (max-width: 600px){
    .blog--listing .blog--box {
        width: 100%;
    }
}

.sidebar--categories-navigation ul.sidebar--navigation.is--level0 li:first-child { display:none; }
.sidebar--categories-navigation ul.sidebar--navigation.is--level1 li:first-child { display: inline-block; }

.shop-sites--container ul.shop-sites--navigation li:first-child { display:none; }

.kplngiliqu-select-text { max-width:30%;float:left; }
.kplngiliqu-button-text { max-width:65%;float:right; }

@media screen and (min-width: 64em){
	.blog--detail .blog--detail-image-container {
    	max-width: 300px;
	}
}

.blog--detail .blog--image { max-width: 300px; }

@media screen and (max-width: 468px) {
    .product--details .product--supplier .product--supplier-link { display:none; }
    .product--details .product--header .product--title { width:100%; font-size:1.3rem !important; text-align:center !important; padding-top: 0.25rem; }
}

@media screen and (min-width: 48em) {
    .is--ctl-detail .product--details .product--header .product--supplier { margin:0; }

    .is--ctl-detail .product--details .product--header .product--title { max-width:80%; margin-left:10px; padding-top: .8rem; }

    .is--ctl-detail .content--breadcrumb.block .breadcrumb--button.breadcrumb--link { display:none; }
    .is--ctl-detail .content--breadcrumb-wrap .breadcrumb--list { float:left; }
    .is--ctl-detail .content--breadcrumb-wrap { background: #f5f5f5; }

    .is--ctl-detail .content--breadcrumb-wrap .breadcrumb--link, .is--ctl-detail .breadcrumb--title, .is--ctl-detail .content--breadcrumb-wrap .breadcrumb--separator, 
    .is--ctl-detail .content--breadcrumb-wrap .breadcrumb--link:hover, .is--ctl-detail .content--breadcrumb-wrap .is--active .breadcrumb--link { color:#989898; border-color:#989898; }

    .product--details .buybox--button-container { margin-top:0; }
    .product--details .buybox--quantity-label { width:100%; text-align:left; font-weight:bold; }
}

.html--title.panel--title.is--underline { padding:1.6rem 1.25rem 1.6rem 1.25rem; }
.html--title.panel--title.is--underline h1 { margin: 0;}

.panel .panel--title.is--underline, .panel--title.is--underline { padding:1.6rem 1.25rem 1.6rem 1.25rem; }

@media screen and (max-width: 766px) {
    .js--tab-menu .tab--link { width:26%; }
}


.image-slider--thumbnails .thumbnail--link { border-radius:10px; }
.image-slider--thumbnails .thumbnail--link.is--active { border-color: #387f3b; border: 2px solid; }

.action--link.action--compare, .action--link.link--notepad { display:none !important; }
