.slideout-cartoffer{
    z-index:999999999999;
    top:0;
    right:0;
    height:100%;
    width:100%;

    display:none
}

@media(min-width:768px){
    .slideout-cartoffer{
        z-index:999999999999;
        top:0;
        right:0;
        height:100%;
        width:500px;
        display:none
    }
}

a{
    color:#0a6faf
}
.login-image{
    width:40px
}

.prod-name-overview{
    font-size: 11px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.overview-guest-btn{
    font-size:7.3px;
    white-space: nowrap;
    padding: 2px 0
}

.shop-overview-header{
    font-size:19px;
}

@media (max-width: 767px) {
    .navbar #header{
        padding: .1rem !important;
    }
        .cart-placeholder{
            width: 55px !important;
            height: 53px !important;
            border: none;
            border-radius: 10px;
            background-color: #fff;
            margin-right: 8px;
            background-image: url('https://d1u0fmrftdc99b.cloudfront.net/bilder/shops/DE/misc/cart-icon.webp');
            background-size: 120% 120%;
            background-position: center;
            background-repeat: no-repeat;
            position: relative;
        }

        .float-the-jebs{
                position: fixed;
            top: 10px;
            right: 2px;
            z-index: 1;
            cursor: pointer;
        }
        .cart-badge {
            position: absolute;
            top: -5px;
            right: -8px;
            padding: 7px;
            background: #ed6c4a;
            color: #fff;
            font-size: 14px;
            font-weight: bold;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 1;
        }

        body.cart-open-lock {
            overflow: hidden;
            position: fixed;
            width: 100%;
        }

        .hide-cart {
            display: none !important;
        }

}


@media (max-width: 992px) {
    body.menu-open {
        overflow: hidden;
    }
    .navbar-nav{
        padding-top: 20px;
    }




    .custom-toggler {
        padding-top: 15px!important;
        padding-bottom: 12px!important;
    }

    #main-menu{
        background-color: #fff;
        color:#1a3627 !important;
        position: fixed;
        top: var(--header-height, 145px);
        left: 0;
        width:100%;
        height:100%;
        z-index: 9999;
    }
    .main-nav{
        color:#1a3627;
        text-align: center;
        /* text-shadow: 0.02em 0 currentColor, -0.02em 0 currentColor; */
    }

    .active-menu .main-nav{
        color:#fff !important;
    }

    .dropdown-menu{
        text-align: center;
    }
    .navbar-toggler-icon {
        color:#fff !important;
    }

    a .nav-link{
        background-color:#1a3627 !important;
        color: #fff !important
    }

    .active-menu {
        background-color:#1a3627 !important;
        /* text-shadow: 0.02em 0 currentColor, -0.02em 0 currentColor; */

        color: #fff !important;
    }

    .icons-menu{
        text-align: center;
        padding-top: 10px;
        padding-bottom:20px;
    }

    .goal-box img {
        width: 100%;
        height: 150px;
        object-fit: contain;
    }

    .goal-box {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .goal-box a {
        margin-top: auto;
    }

    footer .nav-link{
        color:#fff !important;
        text-decoration: underline!important;
        margin-left: 30px !important;
    }

    footer p{
        font-size: 80% !important;
        text-decoration: underline!important;
    }
    .product-ratings small{
        font-size:9px!important;
    }

}

@media(min-width:993px){
    .hotline-btn{
        color:#fff !important;
    }

    .active-menu {
        background-color: #ed6c4a !important;
        /* text-shadow: 0.02em 0 currentColor, -0.02em 0 currentColor; */

        color: #fff !important;
    }

    .main-nav, .main-nav a{
        color:#fff !important;
    }

    .child-nav {
        color:#1a3627 !important;
        /* text-shadow: none !important; */
    }

    .child-nav:hover {
        color:#fff !important;
        background: #1a3627 !important;
        /* text-shadow: 0.02em 0 currentColor, -0.02em 0 currentColor!important; */


    }

    .navbar-toggler-icon {
        color:#fff !important;
    }
    a .nav-link{
        background-color: #fff !important;
        color:#1a3627 !important
    }


}

@media(min-width:768px){
    .overview-guest-btn{
        font-size:10px;
        padding: 1px 0px
    }

    .prod-name-overview{
        font-size:13px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .shop-overview-header{
        font-size:22px;
    }
}

.shop-category-btn{
    background: #f6f4f0;
    color: #1b3528
}
.shop-category-btn-active, .shop-category-btn-active:hover{
    color: #f6f4f0;
    background: #1b3528
}

.shop-category-btn:hover{
    color: #f6f4f0;
    background: #1b3528
}



textarea::placeholder, input::placeholder{
    color: #999 !important;
}

.underlined-header{
    border-bottom:1px solid #1b3528;
    width: fit-content;
}

.gold-check-list ul {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}

.gold-check-list li {
    padding-left: var(--icon-space);
}

.gold-check-list li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    color: #caad5d
}

.next, .action-button{
    background: #ed6c4a !important;
    border-radius:8px !important;
    padding-left:20px !important;
    padding-right:20px !important;
}


.bf2-green-bg{
    background: #1b3528
}

.bf2-green-border{
    border-color: #1b3528 !important;
}

.bf2-green-color{
    color: #1b3528
}
.bf2-green-font{
    color: #1b3528 !important;
}

body{
    color:#1a3627 !important;
}

.bf2-creme-bg{
    background: #f6f4f0
}

.bf2-creme-color{
    color: #f6f4f0
}

.bf2-creme-border{
    border-color: #f6f4f0 !important;
}

.bf2-gold-color{
    color: #caad5d
}

.bf-orange-bg{
    background: #ed6c4a !important
}
/*
.navbar, .navbar a:visited,.navbar a:hover,.navbar a:active,.navbar a:link {
    color:#fff !important
} */

.rounded{
    border-radius:8px !important;
}

.btn{
    border-radius:4px !important;
}

.dt-account::after {
    color: #ed6c4a !important;
    display: inline-block;
    content: "";
    border-top: .35em solid;
    border-right: .35em solid transparent;
    border-bottom: 0;
    border-left: .35em solid transparent;
}

.dt-account:hover::after {
    color: #fff !important;
}

.account-icon{
    outline: 1px solid #1b3528;
    outline-offset: -2px;
    font-size:25px;
    border:1px solid #1b3528;
    border-radius:100px; margin-right:-5px
}

.read-more {
    cursor:pointer;
}

.read-more:Hover {
    text-decoration:underline;
}

.text-content p {
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1.25 !important;
}

.arial-bold {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600;
    line-height: 1 !important;
}

.border-testi {
    border: 1px solid #efefef !important;
}

.slider-next-arrow {
    top:10%;
    left: 101%;
    cursor:pointer;
    z-index: 999;
}

.slider-prev-arrow {
    top:10%;
    left: -35px;
    z-index: 999;
    cursor:pointer;
}



@media only screen and (max-width: 530px){
    .btn-cat {
        font-size:0.8rem !important;
    }


    .product-teaser-name {
            font-size:0.8rem !important;
    }
}

@media only screen and (max-width: 430px){
    .btn-cat {
        font-size:0.8rem !important;
    }
    #portrait .slick-dots {
        margin-top: 1px;
    }
    #portrait .slick-dots li button:before {
        font-size: 10px;
        padding:1px;
    }

    .logo {
        width: 215px;
    }

}

@media only screen and (max-width:390px){
    .btn-cat {
        font-size:0.8rem !important;
    }

    .product-teaser-name {
            font-size:0.7rem !important;
    }

}

@media only screen and (max-width:370px){
    .btn-cat {
        font-size:0.8rem !important;
    }
}


.new-seal-box {
    position: absolute;
    top: 0;
    z-index: 0;
    right: 8px;
    width: 100%;
    display: block;
    padding: 0;
    overflow: hidden;
    height: 210px;
}

.homepage-seal {
    transform: rotate(39deg);
    left: 32px;
    top: 43px;
}

.new-seal {
    background-color: #ad2d2d;
    float: right;
    position: relative;
    text-align: center;
    font-size: 18px;
    width: 210px;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
}

@media (max-width: 768px) {
    .homepage-seal {
        left: 45px;
        top: 35px;
    }
    .new-seal {
        font-size: 15px;
    }
    .new-seal-box {
        height: 150px!important;
    }
}


/*faq*/

.bf2-faq h5{
    color:#1a3627 !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 18px;
    cursor: pointer;
}

.bf2-faq p{

}

.bf2-faq hr{
    border-color:rgba(26,54,39,0.3);
}

.faq-toggle-icon{
    font-size:35px !important; cursor:pointer
}


/*ingredients*/

.ingred-left-arrow{
    font-size:36px; top:50%; left:-30px; cursor:pointer
}

.ingred-right-arrow{
    font-size:36px; top:50%; right:-30px; cursor:pointer
}

.ingred-white-box{
    border:5px solid #f6f4f0 !important; border-radius:20px
}

.ingred-white-box h5{
    font-size:18px
}

.ingred-center {
    justify-content: center !important;
}

/*
#slider {
    width: 1140px;
    height: 403px;
    overflow: hidden;
}

#slider .slides {
    display: block;
    width: 6000px;
    height: 403px;
    margin: 0;
    padding: 0;
}

#slider .slide {
    float: left;
    list-style-type: none;
    width: 1140px;
    height: 403px;
}

*/

.testi-stat-bg{
    border:none !important
}

.testi-stat-value{
    background: #1a3627 !important;
}

#wrapper-pagination-content {
    margin: 0 10px;
}

#wrapper-pagination-links .pagination-lg .page-link {
    padding: .5rem .9rem;
    font-size: 1rem;
    line-height: 1.5;
    color:#1a3627 !important;
    /*border-left:1px solid rgba(26,54,39,0.3) !important;*/
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
    border-bottom:none !important;
    padding:0 10px;
    font-size:19px;
}

#wrapper-pagination-links ul li:first a {
    border-left: none !important
}

.page-link:hover {
    background: none !important;
    text-decoration: underline;
    font-weight:bolder;
}

.text-decoration-underline{
    text-decoration:underline
}



.trypti p {
    background-color: #f6f4f0;
    font-size:0.75rem;
}

.trypti {
    cursor:pointer;
    border: 1px solid #f6f4f0;
    color: #1a3627 !important;
    border-radius: 7px !important;
}


.trypti_active p {
    background: #1b3528 !important;
    color:#fff !important;
    border-color:#2f702f !important;
}

.trypti_active {
    color: #3c3c3b!important;
    background-color: #fff !important;
    border-left:none !important;
    border-right:none !important;
    border:1px solid rgba(27,53,40,0.3) !important;
}

    /* oh cart jebs*/

.bf-orange-color{
    background: #ed6c4a !important
}

/*
.cart-button{
    background: #ed6c4a !important; box-shadow:none !important;
    border:none !important; padding:8px !important; color:#fff !important; font-weight:bold !important; font-size:20px !important; text-transform:uppercase !important;
}
*/
.highlighted-text {
    background-color: #fcfaba;
}

.hp-reviews-limiter{
    max-height:240px !important; overflow:hidden
}

.read-more-home{
    cursor:pointer
}

.review-fader{
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 100%, rgba(31, 51, 79, 1) 100%);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.slideoutcart-image{
    width:150px
}

.slideoutcart-title{
    font-size:25px
}

@media (max-width: 768px) {
    .slideoutcart-image{
        width:120px
    }
    .slideoutcart-title{
        font-size:18px
    }
}



.bf-custom-consent-check{
	background: #D3D9DF;
}
.bf-options-btn {
	clip: rect(0 0 0 0);
	clip-path: inset(100%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	width: 1px;
	&:checked + .bf-checkbox-tile {
		border-color: #1b3528;
		box-shadow: 0 5px 10px rgba(#000, 0.1);
		color: #1b3528;
		&:before {
			transform: scale(1);
			opacity: 1;
			background-color: #146c43;
			border-color: #146c43;
			position: absolute;
			top: -1px;
		}

		.checkbox-icon, .bf-checkbox-label {
			color: #146c43;
		}
	}
	&:focus + .bf-checkbox-tile {
		border-color: #146c43;
		box-shadow: 0 5px 10px rgba(#000, 0.1), 0 0 0 4px #b5c9fc;
		&:before {
			transform: scale(1);
			opacity: 1;
		}
	}
}
.consent-button-disabled{
	cursor: not-allowed !important;
}
.consent-disabled {
    background-color: #edeff2;
    cursor: not-allowed;
}
.bf-checkbox-tile {
    display: flex;
    flex-direction: row;
    border-radius: 0.5rem;
    box-shadow: 0 5px 10px rgba(#000, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;

	&:before {
		content: "";
		display: block;
		width: 1.25rem;
		height: 1.25rem;
		border: 2px solid #b5bfd9;
		background-color: #fff;
		border-radius: 50%;
		top: 0.25rem;
		left: 0.25rem;
		opacity: 1;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
		background-size: 12px;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		position: absolute;
    	top: -1px;
	}
	&:hover {
		border-color: #1b3528;
		&:before {
			opacity: 1;
		}
	}
}
.bf-checkbox-label {
	color: #707070;
    transition: .375s ease;
    text-align: center;
    padding-left: 35px;
}



.kantotchat{
    width: 100%; max-width: 700px; height: 500px; border: none; border-radius:8px;
}
.kadjutala{
    border: 1px solid #ddd; background:#fff; border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none;
}
.chatbot-close-btn{
    display:none;
    width:fit-content; border-radius:100px; padding:8px; cursor:pointer; margin-right:10px; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.show-chatbot{
    width:fit-content; border-radius:100px; padding:8px; cursor:pointer; margin-right:10px; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.chatbot-container {
    position: fixed; bottom: 20px; right: 20px; z-index: 999999; width: fit-content;
}

.chatbox-wrapper {
    max-width: 400px;
    width: 100%;
}


@media (max-width:350px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 200px; border: none; border-radius:8px;
    }
    .chatbox-wrapper {
        max-width: 400px;
        width: 100%;
        margin-bottom: .05rem !important;
    }
    .kadjutala {
        max-height: 95vh;
        overflow-y: auto;
    }

    .kantotchat {
        max-height: 65vh;
        height: auto;
    }
}
@media(max-width:400px){
    .chatbot-container {
        position:fixed; right:0px; bottom:10px; width:100%; z-index:999999;
    }
    .show-chatbot {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        cursor: pointer;
        margin-top: 5px;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .show-chatbot img {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }
    .show-chatbot i.fa-circle {
        left:0px !important;
        bottom:0px !important;
    }
    .smaller-hide-chatbot{
        border-radius:50px!important;
        padding:7px 14px !important
    }
    .hide-chatbot i.fa-close {
        font-size: 14px !important;
    }
    .chatbox-wrapper {
        margin-bottom: 1.5rem;
    }
}

@media (min-width:351px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 200px; border: none; border-radius:8px;
    }
    .chatbox-wrapper {
        max-width: 400px;
        width: 100%;
        max-height: 700px;
        height: 100%;
        margin-bottom: .05rem !important;
    }

}
@media (min-width:400px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 300px; border: none; border-radius:8px;
    }
    .show-chatbot{
        width:fit-content; border-radius:100px; padding:8px; cursor:pointer; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2)
    }
    .chatbot-close-btn{
        width:fit-content; border-radius:100px; padding:8px; cursor:pointer; float:right; margin-top:5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);
    }
    .chatbot-container{
        position:fixed; right:0px; bottom:10px; width:100%; z-index:999999;
    }
    .chatbox-wrapper {
        max-height:700px;
        height: 100%;
        max-width: 700px;
        width: 100%;
    }
}

@media (min-width:700px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 500px; max-height:100%; border: none; border-radius:8px;
    }
    .chatbot-container{
        position:fixed; right:10px; bottom:20px; width:400px; z-index:999999;
    }


}

@media (max-height: 700px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 300px; max-height:100%; border: none; border-radius:8px;
    }
}

@media (max-height: 900px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 300px; max-height:100%; border: none; border-radius:8px;
    }
}

@media (min-height: 901px) {
    .kantotchat{
        width: 100%; max-width: 700px; height: 500px; max-height:100%; border: none; border-radius:8px;
    }
    .chatbox-wrapper {
        margin-bottom: 2rem !important;
    }
}

.container-adj-width{
    width:80px
}