/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */
/*
Hauptfarbe:     #008871;
Hauptfarbe2:    #b1dde3;
Grau:           #e1e1e1;
BG-Rollover     #dde8e6;
Signalfarbe:    #b1059d;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

Hintergrund Hellblau: #dff1f3;
Vordergrund Hellblau: #acdbd3;
*/
body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}
/*Bildschärfe in verschiednen Browsern*/
/* img[src$=".gif"], img[src$=".png"], img[src$=".jpg"] {
    image-rendering:   -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor; 
} */
#content {
    padding-bottom: 1.5rem;
}
#content-wrapper{
    padding-top: 2rem !important;
}
.link-content-bg{
    padding: 60px 0px;
    background-color:  #f3f3f3;
}
/**OPC*/
.opc-Container h1, .opc-Container h2, .opc-Container  h3, .link-content h2, .link-content h3{
    color: #008871;
    text-transform: uppercase;
    font-weight: 600;
}
.opc-Container h2{
    padding-top: 30px;
}
.under-slider .far, .under-slider .fas, .under-slider .fa{
    padding: 30px; 
    color: #008871;
    font-size: 45px;
}
.under-slider .col .row .col{
    margin: auto;
}
.sup-slider-icons .col h4{
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}
.splide__arrow{
    background-color: #fff!important;
}
.splide__slide img{
    transition: all .5s ease-in-out;
}
.splide__slide img:hover{
    transform: scale(1.1);
}
.opc-Container .container{
    padding: 30px 60px 60px 60px!important;
}
.opc-Container.container.p-0{
    padding:0px!important;
}

.opc-Container .wnmgrid{
    margin-bottom: 30px;
}

.opc-Container .card h2{
    padding-top: 0;
}
.wnmgrid h2{
    font-size: 1rem;
}

/* Formatierungen */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
.product-matrix .product-matrix-title,  
.sidepanel-left .box-normal .box-normal-link{
    font-family: 'Segoe UI', sans-serif !important;
    font-weight: 600;
}
h1.h2{
    font-size: 1.875rem;
}
#result-wrapper .descold{
    max-width: 725px!important;
}
#result-wrapper .desc{
    max-width: 100%;
}
#result-wrapper .desc h4, #result-wrapper .desc h5, #result-wrapper .descold h4, #result-wrapper .descold h5{
    font-weight: 600;
}
#result-wrapper .desc h4, #result-wrapper .descold h4{
    font-size: 1.1rem;
}
#result-wrapper .desc h5, #result-wrapper .descold h5{
    font-size: 1rem;
}
.hr-sect h2 , .hr-sect.h2{
    text-transform: uppercase;
    color: #008871;
    padding: 2rem;
}
.hr-sect a{
    color: #008871;
    font-weight: 600;
}
.hr-sect::before, .hr-sect::after{
    background-color: transparent;
}
.productbox-title{
    min-height: 42px;
}
.productbox-title a{
   text-decoration: none;
}
.theme-default .nivoSlider{
    box-shadow: none!important;
}
.slick-slider-other .product-wrapper a{
    text-decoration: none;
}
.product-wrapper .item-slider-desc{
    display: block;
    padding-top: 20px;
    min-height: 50px;
    padding-bottom: 20px;
}
 .product-wrapper .item-slider-desc span{
    display: -webkit-box;
    min-height: 66px;
}
 .product-wrapper .item-slider-price{
    min-height: 66px;
}
.delivery-status span.status-2{
    color:#008871;
}
.productlist-page-nav .productlist-item-info{
    margin-left: 1rem;
}
#product-list .delivery-status{
    min-height:45px;
}
.price_wrapper{
    min-height: 66px;
}
#result-wrapper .sub-categories .caption a{
    padding: 15px 20px;
    width: 100%;
    background: #e1e1e1;
    margin: 5px;
    display: inline-block;
    text-decoration: none;
    font-size:larger;
    font-weight: 600;
}
#result-wrapper .sub-categories .caption a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 20px;
    top: 24px;
    font-size: smaller;
    display: inline-block;
}
/*Badges /Ribbon / Artikelsticker*/
.ribbon{
    font-weight: bolder;
}
.ribbon:before{
    content: none;
}
    /*Bestseller*/
.ribbon-1{
    background-color: #008871; 
    color: #fff;
}
    /*Sale*/
.ribbon-2 {
    background-color: #be1957;
    color: #f5f7fa;
}
.naturprodukt{
    position: absolute;
    bottom: 7rem;
    right: 1rem;
}
.naturprodukt.smalller{
    bottom: 0rem;
}
.naturbig{
    width: 50px !important;
    height: 73.9px;
}
.badge-circle.faded, .badge-check.faded{
    background-color: #fff;
    border-color: #e5e5e5;
    color: #e5e5e5;
}
.badge-check.faded{
    border-color: transparent;
}
/* .product-detail-image-preview-bar{
    margin-top: -103px;
} */
/* themenwelten-prefooter (layout/footer.tpl)*/
.themenwelten-prefooter{
    background-color: #f3f3f3;
    padding: 30px 0;
}
.themenwelten-prefooter .h2{
    text-transform: uppercase;
    color: #008871;
    padding: 2rem;
    font-weight: 600;
}
.themenbox{
    display: grid;
    padding-bottom: 40px;
}
.themenbox-image{
    color: #fff;
}
.themenbox-text{
    text-align: center;
}
.themenbox-text h4{
    font-weight: 600;
}
.themenbox-text p{
    min-height: 150px;
}
.themenbox-text h4{
    padding-top: 10px;
}
.themenbox-text a.themenbutton{
    border: 1px solid #999;
    border-radius: 8px;
    background-color: #fff;
    padding: 3px 6px;
    text-decoration: none;
    margin-top: auto;
}
/* Farben als klassen */
.bggrau{
    background-color: #f3f3f3;
}
.bggreen{
    background-color: #008871;
}
/* preheader */
#preheader, .cgreen{
    color: #008871;
}
/* HEADER */
header{
    box-shadow: 0 1rem 0.5625rem -0.75rem rgba(0, 0, 0, 0.2);
}
header #mainNavigation .nav-item.dropdown-full a.dropdown-toggle:before{
    border: none;
}
header #mainNavigation .nav-item.dropdown-full:hover a.dropdown-toggle span.nav-mobile-heading , header #mainNavigation li.nav-item.active span.nav-mobile-heading{
    color: #008871;
}
header #mainNavigation .nav-item.dropdown-full:hover , header #mainNavigation .nav-item.active{
    background-color: #fff;
    padding-bottom: 0px;
}
header #mainNavigation .nav-item.active{
    background-color:#eee;
}

.markenkategorie.show .nav-item-lg-m{
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.markenkategorie.show .submenu-headline-toplevel{
    font-size: 0.875rem
}
/* FontAwesome */
.fa-sup{
    font-size: small;
    background-color: #b1dde3;
    color: black;
}
div:not(#portletToolbar) .fa-star, 
.fa-star-half-alt,
.fa-star:hover,
.fa-star-half-alt:hover{
    color: #feba00;
}
/* Suchleiste */
.search-radius-left{
    /* border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; */
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    /* max-height: 30px; */
}
.search-radius-right{
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    /* max-height: 30px; */
    border: 1px solid #0000001c;
    background-color: #817E7E;
    color: #fff;
}
.search-radius-right:hover{
    border: 1px solid #0000001c;
    background-color: #817E7E;
    color: #fff;
}
.search-wrapper .form-clear{
    right: 100px;
}
.search-wrapper .twitter-typeahead{
    width: 75%;
}
/* nav-link */
#shop-nav{
    font-size: x-large;
}
#mainNavigation .nav-mobile-body .navbar-nav .nav-item .nav-link{
    padding: 5px 1rem;
}
#mainNavigation .nav-mobile-body .navbar-nav .subcategory-wrapper .nav-item .nav-link{
    padding:0;
}
#mainNavigation .nav-mobile-body .navbar-nav{
    padding-bottom: 0px;
    text-transform: uppercase;
    justify-content: space-between;
    overflow: hidden;
}
#mainNavigation .nav-mobile-body .dropdown .dropdown-menu .dropdown-body .subcategory-wrapper .nav  .nav-item .nav-link .text-truncate{
    font-weight: normal;
}
.subcat-header{
    margin: 20px 0; 
    padding:10px;
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, rgba(239, 236, 236, 0) 0%, #f5f7fa 10%, #f5f7fa 90%, rgba(239, 236, 236, 0) 100%);
}
.subcat-header h3{
    color: #008871;
    font-size: 20px;
    margin-bottom: 0;
}
.letter-index{
    padding: 10px;
}
/*BLOG*/
.index-news-wrapper>div.container{
    background-color: #DFF1F3;
    padding: 30px 60px 60px 60px;
}
.blog-header .h2{
    text-align: center
}
.blog-header .h2 a{
    color: #008871;
    text-decoration: none;
    text-transform: uppercase;
}
.blog-details .author-meta{
    margin-bottom: 2rem;
}
.index-news-wrapper .newsbox{
    background-color: #B1DDE3;
}
.index-news-wrapper .newsbox .newsbox-body{
    padding-bottom: 0;
}
.index-news-wrapper .newsbox .newsbox-body, .index-news-wrapper .newsbox .newsbox-footer{
    padding-left: 1rem;
    padding-right: 1rem;
}
.index-news-wrapper .newsbox .newsbox-footer{
    text-align: right;
}
.index-news-wrapper a.newsbox-headline{
    color: #008871;
    text-decoration: none;
}
.blog-details-content img{
    max-width: 100% !important;
}
.newsbox-image{
    height: unset;
}
.newsbox-image img{
    min-height: 16.125rem;
}

/*Newsletter footer **/
#newsletter-footer-bottomline{
    background: url('/mediafiles/Bilder/newsletter.jpg');
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: contain;
}
.h2.newsletter-footer-heading{
    text-transform: uppercase;
    color: #008871;
    font-weight: 500;
}
.newsletter-footer{
    background-color: transparent;
}
.nwslt-mt{
    margin-top: 200px;
}
.nww-text{
    background-color: #dde8e6;
    padding: 1rem;
}

/*CHECKOUT*/
.secure-checkout-icon{
    color: #fff;
}
.secure-checkout-topbar a{
    color: #b1dde3;
}
header .secure-checkout-topbar .nav-link a:hover, header .secure-checkout-topbar a.nav-link:hover{
    color: #fff;
}

input#kupon{
    margin-right: 20px;

}
#panel-edit-coupon .input-group > .input-group-append > .btn{
    border-radius: 16px;
}
.step-content .badge-secondary {
    background-color: #008871;
}
.step-content .badge-secondary .badge-count{
    color: #fff;
}
#checkout{
    margin-top: 20px;
}
/* FOOTER */
#footer .productlist-filter-headline {
/* text-decoration: underline 2px solid #008871; */
    border-bottom: 2px solid #008871;
    font-weight: normal;
}
#footer .btn-icon-secondary {
    border: unset;
    color: #008871;
    background-color: transparent;
    font-size: xx-large;
    padding-left: 0px;
    padding-right: 10px;
}
#footer .btn-icon-secondary:hover {
    color: #f3f3f3;
    background-color: transparent;
}
#follow-us-text{
    margin-left: 1.5rem;
}
#footer .footer-social-media .btn-icon-secondary:hover{
    color: #008871;
}
.footer-social-media .footer-additional-wrapper{
    margin:0px !important;
    padding:0 1rem;
}
#footer .footer-social-media .footer-additional-wrapper  li{
    margin:0px;
}
.footer-additional-wrapper .fa-pinterest-p::before, .footer-additional-wrapper .fa-facebook-f::before  {
    background-color: #008871;
    border-radius: 30px;
    color: #f3f3f3;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    width: 45px;
    font-size: 40px;
    text-align: center;
}
/* Button */
.btn-primary {
    background-color: #b8e1da;
    border-color: #b8e1da;
    border-radius: 16px;
    color: #008871;
}
.btn-primary:hover{
    background-color: #008871;
    border-color: #008871;
    color: #f5f7fa;
}
.btn-outline-primary {
    border-radius: 16px;
}
.btn-outline-primary:hover {
    background-color: #008871;
    color: #f5f7fa;
  }
.btn[name="inWarenkorb"]{
    padding: 0.5rem;
}
.wunschzettel-button{
    margin-top: 1rem;
}
.wunschzettel-button button.wishlist{
    color: #aeaeae;
    background-color: #f3f3f3;
    border-color: #aeaeae;
    border-radius: 8px!important;
    width: 100%
}
.wunschzettel-button button.wishlist:hover{
    color: #acacac;
    background-color: #E3E3E3;
}
.wunschzettel-button button.wishlist:after{
    content: "Merkzettel"
}
.js-cfg-validate.btn-primary{
    margin-bottom: 1rem;
}

 /* form (login) */
.form-control:not(#newsletter_email,.ac_input,#search-header-mobile-top){
    border-radius: 16px;
}
.form-control.ac_input,.form-control#search-header-mobile-top{
    border-radius:16px 0 0 16px;
    border: 1px solid #817E7E;
}
.main-search .input-group-append .btn-secondary{
    background-color: #00A388;
    border: none;
    color: #fff;
    border-radius:0 16px 16px 0 !important;
}
#newsletter_email + .input-group-append{
    max-width: 80px;
}
#newsletter_email + .input-group-append > button{
    background-color: #e1e1e1;
    border-color: #817E7E;
    color: #817e7e;
    border-radius: unset;
}
/* .square-image .inner picture, .square-image .inner img{
    max-height: 450px;
} */
.gallery-with-action.fullscreen .square-image .inner picture{
    max-height: 100%;
}
.mhnav{
    max-height: 40px;
}
.colum-count-lg-6{
    width: 50%;
}
body .carousel:not(.slick-initialized).slick-type-product .product-wrapper {
    width: calc(100% / 4);
    min-width: calc(100% / 4);
}
body .carousel.slick-type-news .product-wrapper-news {
    width: calc(100% /8);
    min-width: calc(100% / 8);
}
.text-white .nice-deco .text-white{
    color: #525252 !important;
}
@media screen and (max-width: 1300px){
   #jtl-nav-wrapper .container-fluid.bggreen>.container{
       max-width: 1300px;
       margin:0px;
   }
}
@media screen and (min-width: 992px){
    /* header .navbar-brand img {
        height: 5.0625rem;
    } */
    header #mainNavigation a, header #shop-nav :not(.language-dropdown) a{
        font-weight: bold;
    }
    header #mainNavigation .nav-item.dropdown-full a.dropdown-toggle:after{
        content: ''!important;
    }
    header #mainNavigation .nav-item:not(div){
        border-bottom: none;
        padding: 5px;
        padding-top: 4px;
    }
    .content-cats-small{
        padding-right: 0%;
    }
	.product-detail-more {
		margin-bottom:20px;
	}
    header .navbar-nav > .nav-item > .dropdown-menu {
        box-shadow: inset 0 1rem 0.5625rem -0.75rem rgba(0, 0, 0, 0.3);
    }
    header #mainNavigation .nav-item.dropdown-full.text-white a:not(.submenu-headline){
        padding-bottom: 11px;
    }
    .ribbon{   
        height: 75px;
        width: 75px;
        border-radius: 100%;

        font-size: 13px; 

        padding: 26px 0;
        line-height: 1.5;
    }
    .ribbon-1{
        padding: 16px 0;
    }
    .ribbon-3{
        padding: 20px 0;
    }
}
@media screen and (max-width: 992px){
    #shop-nav {
        font-size: large;
    }
    #mainNavigation .nav-mobile-body .navbar-nav{
        overflow:unset;
    }
    header .navbar-nav .nav-item {
        border-bottom: 1px solid #efefef;
    }
    header .navbar-brand img {
        height: 4rem;
    }
    #newsletter-footer-bottomline{
        background-image: none;
    }
    .nwslt-mt{
        margin-top: 25px;
    }
    .mhnav{
        max-height: unset;
    }
    .text-white{
        color: #525252!important;
    }
    .form-control.ac_input,.form-control#search-header-mobile-top{
        border: 1px solid #00A388;
    }
    #mainNavigation .nav-mobile-body .navbar-nav .nav-item .nav-link {
        padding: 1rem;
    }
    header #mainNavigation .nav-item.dropdown-full.text-white a {
        padding-bottom: 1rem;
    }
    #mainNavigation .nav-mobile-body .navbar-nav .subcategory-wrapper .nav-item .nav-link {
        padding: 1rem;
    }
    header #mainNavigation .nav-item.dropdown-full.text-white:hover, header #mainNavigation .nav-item.active {
        border-bottom: none;
        border-top: none;
        padding: 1rem;
    }
    .colum-count-lg-6{
        width: 90%;
    }
    header #mainNavigation .nav-item:not(div){
        padding: 1rem;
    }
/* Menu mobile 95% display */
    header .navbar-collapse {
    	position: fixed;
    	top: 0;
    	left: 0;
    	display: block;
    	height: 100vh !important;
    	-webkit-overflow-scrolling: touch;
    	max-width: 95%;
    	transition: all 0.2s ease-in-out;
    	z-index: 1050;
    	width: 100%;
    	background: #ffffff;
  }
}

@media screen and (max-width: 576px){

    .colum-count-lg-6{
        width: 100%;
    }
    .themenwelten-prefooter .col{
        margin-bottom: 1rem;
    }
    #newsletter-footer-bottomline>.container{
        padding: 0;
    }
    body .carousel:not(.slick-initialized).slick-type-product .product-wrapper {
        width: 180px;
        min-width: 180px;
    }
    .index-news-wrapper > div.container{
        padding: 30px;
    }
    .themenbox-text p {
        min-height: 130px;
    }
    .tiles.container{
        padding-left: 1rem!important;
        padding-right: 1rem!important; 
    }
}
/*Slider Erweiterungen*/
.nivo-prevNav {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="20" height="20"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>') no-repeat #ebebeb!important;
    background-position-x: 5px!important;
    background-position-y: 5px !important;
    border-radius: 50%;
    transform: scaleX(-1)!important;
}
.nivo-nextNav {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="20" height="20"><path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path></svg>') no-repeat #ebebeb!important;
    background-position-x: 5px!important;
    background-position-y: 5px !important;
    border-radius: 50%;
}
.slick-arrow {
    border-radius: 50%;
    padding: 0.5rem!important;
    width: 37px!important; 
}
.slick-prev:after{
    margin-left: -3px;
}
.slick-next:after{
    margin-left: 3px;
}
.slick-track .product-wrapper-product:hover{
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
}

/* UB; Artikeldetails; Hinweis und Benachrichtigungsformular bei KEIN BESTAND */
.delivery-status #tab-link-availabilityNotification {
	padding: 0;
}
.delivery-status :not(.navbar-toggler)[data-toggle="collapse"]::after {
	content: none !important;
}

/* New Setting Mobile */

@media screen and (max-width: 576px){

	.product-wrapper .item-slider-desc {
   	 display: -webkit-box;
   	 padding-top: 20px;
  	 min-height: 1px;
  	 padding-bottom: 20px;
	}
	.product-wrapper .item-slider-desc span{
		overflow: hidden;
  		display: -webkit-box;
  		-webkit-line-clamp: 2;
  		-webkit-box-orient: vertical;
		min-height: 1px;
	}
	.hr-sect h2, .hr-sect.h2 {
  	 	text-transform: uppercase;
    		color: #008871;
    		padding: 0.5rem;
	}
	
	/* Für d... Box */

 	.tiles.container {
   	 padding-left: 0.2rem !important;
    	padding-right: 0.2rem !important;
  	}
	.mob .col-4 {
  	padding-left: 0.2rem;
  	padding-right: 0.2rem;
	}
	.mob .wnmgrid {
  	margin-bottom: 5px;
	}
	.container-fluid.opc-Container.container.shadow-sm.tiles.mob {
  		padding-bottom: 20px !important;
	}
}

.snippets-checkbox-wrapper,
.register-form-account .register-form-account-unreg, 
.register-form-account .register-form-account-password, 
.register-form-account .register-form-account-repeat {
    margin-bottom: 0;
}

#checkout h1 {
    font-size: 1.5rem;
}

.checkout-payment-options > div,
.checkout-shipping-form-options > div {
    width: 100%;
}
.checkout-payment-method .custom-radio,
.checkout-shipping-method .custom-radio {
    width: 100%;
    display: block;
    margin: 0;
}

.checkout-shipping-method {
    margin-bottom: 0rem !important;
    border-bottom: 1px solid #eee;
    padding: 10px 0px 10px 0px;
}
.checkout-payment-method:last-child,
.checkout-shipping-method:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.checkout-shipping-method-note,
.checkout-payment-method-note {
    margin-top: .5rem;
}

.checkout-payment-method .custom-control-label .image,
.checkout-shipping-method .custom-control-label .image {
    display: inline-flex;
    width: 7rem;
}
.checkout-payment-method .custom-control-label .image .funding-name {
    display: none!important;
}

.checkoutstep1 {
    margin-bottom: 1rem;
}