/* Navigation */
.navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999999;
}

/* Navigation */

.nav-item {
    cursor: pointer;
    margin-right: 10px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item-active {
    font-family: opensans-bold, helvetica, sans-serif;
    border-bottom: 2px solid #2d6f15;
    color: #2d6f15;
}

.nav-item:hover {
    color: #87b188;
}

.bf_lightgray_bg {
    background: #f2f2f2;
}

.bf_darkred1_bg {
    background: #ca2a0f;
}

.vorteile {
 word-break: normal;
}



/* .nav-item {
	cursor: pointer;
	margin-right: 10px;
}

.nav-item:last-child {
	margin-right: 0;
}

.nav-item-active {
	font-family: opensans-bold, helvetica, sans-serif;
	border-bottom: 2px solid #2d6f15;
	color: #2d6f15;
}

.nav-item:hover {
	color: #87b188;
} */



/************ Crousel ************/
      #ingredients-carousel .carousel-control-next {
        justify-content: end;
    }

    #ingredients-carousel .carousel-control-prev {
        justify-content: start;
    }

    .carousel-control-prev-icon {
        background: #e56e21;
        width: 35px;
        height: 35px;
        border-radius: 20px;
        color: white;
        font-size: 33px !important;
    }

    .carousel-control-next-icon {
        background: #e56e21;
        width: 35px;
        height: 35px;
        border-radius: 20px;
        color: white;
        font-size: 33px !important;

    }



/************ Others ************/

.logo {
	width: 230px;
	cursor: pointer;
}
.logo-bottom {
	width: 200px;
}

footer {
	background: #2d6f15;
	border-top: 3px solid #2b6300;
	text-align: center;
	color: #dedede;
}

footer a,
footer a:hover {
	color: #fff;
	text-decoration: none;
}

footer ul {
	display: inline;
	list-style: none;
	margin-bottom: 40px;
}

footer li {
	display: inline;
	margin-right: 40px;
	padding-bottom: 0px;
	cursor: pointer;
}

footer img {
	margin: 30px auto;
	width: 200px;
}

footer a:link,
footer a:visited,
footer a:active {
	color: #fff;
	text-decoration: none;
}

footer a:hover {
	color: #acd29e;
	text-decoration: underline;
}

footer .footer-nav ul li {
	display: inline-block;
	list-style: none;
	padding-right: 20px;
	padding-left: 20px;
}

footer .footer-nav ul li a {
	color: white;
	text-decoration: none;
}

footer .footer-nav ul li a:hover {
	color: white;
	text-decoration: underline;
}

footer li {
	margin-right: 0px;
}

@media (max-width: 790px) {
	footer .footer-nav ul li {
		margin-left: 0;
		display: block;
		list-style: none;
		padding: 20px;
		border: 1px solid #fff;
		margin-bottom: 10px;
		text-align: left;
		border-radius: 5px;
        margin-left: 12px;
        margin-right: 12px;
	}

	footer .footer-nav ul {
		margin-left: 0;
		padding-left: 0;
	}
}

/* Triptychon offer boxes */
.offerbox1 {
    margin-top:-20px !important; 
}


.offer-boxes {
	padding-top: 80px;
	padding-bottom: 140px;
}

.offer-boxes .col-sm {
	background: #fff;
	padding: 10px;
	height: auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.offer-boxes .col-sm .highlight {
	position: relative;
}

.offer-boxes .inner {
	background: #fff;
	padding: 10px;
	margin: auto !important;
	left: -5%;
	right: -5%;
	top: 0;
	width: 110%;
	position: absolute;
	z-index: 999;
	height: 110%;
	top: -5%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	text-align: center;
}

.offer-boxes table {
	width: 100%;
	text-align: center;
}

.offer-boxes table tr:nth-child(1) td {
	height: 331px;
}

.offer-boxes table tr:nth-child(2) td {
	color: #000;
	font-size: 20px;
	
}

.offer-boxes table tr:nth-child(3) td {
	font-size: 20px;
}

.offer-boxes table tr:nth-child(4) td {
	color: #5a5a5a;
	font-family: opensans-regular, helvetice, sans-serif;
	font-size: 20px;
	font-style: italic;
	text-decoration: line-through;
}

.offer-boxes table tr:nth-child(5) td {
	font-size: 20px;
}

.offer-boxes table tr:nth-child(6) td {
	height: 30px;
}

.offer-boxes table tr:nth-child(7) td {
	height: 70px;
}

.offer-boxes table tr:nth-child(8) td {
	color: #e63f12;
	font-size: 20px;
	height: 30px;
}

.offer-boxes table tr:nth-child(9) td {
	padding-top: 20px;
	padding-bottom: 40px !important;
}

.offer-boxes h3 {
	display: table;
	margin: auto;
	color: #2d6f15;
	padding-bottom: 80px;
}

.offer-boxes img {
	width: 310px;
	z-index: 999;
	position: absolute;
	top: 45px;
	left: 0;
	right: 0;
	margin: auto;
}

.offer-boxes .circle {
	background: #5f3a19;
	padding: 30px;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 99;
	right: 0;
	width: 255px;
	margin: auto;
	border-radius: 300px;
	height: 255px;
}

.offer-boxes .cta {
	color: #fff;
	cursor: pointer;
	padding: 10px 40px;
}

.offer-boxes .cta:hover {
	background: #f0823a !important;
	color: #fff;
}

.bestseller {
	position: absolute;
	left: -189px !important;
	top: 0 !important;
	width: 185px !important;
}

.bestseller2 {
    position: absolute;
    left: -200px!important;
    top: 0 !important;
    width: 185px
 !important;
}

.bestseller3 {
    margin-top: -180px;
}



@media (max-width: 1200px) {
	.bestseller {
		position: absolute;
		left: -120px !important;
		top: 0px !important;
		width: 200px !important;
	}
}

/* NEW */
.ul-check {
	list-style: none;
	padding: 0;
}

.ul-check li:before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #e56e21;
	display: inline-block;
	margin-left: -1.3em;
	width: 1.3em;
}

.btn-nein {
	color: #2d6f15 !important;
	text-align: center;
	border: 1px solid #2d6f15 !important;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 18px !important;
	padding: 10px;
	padding-left: 20pxb !important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
	background-color: #f8f9fa !important;
    width: 100%;
    margin-left: 1px;
	font-family: opensans-bold !important;
}
.btn-nein:hover {
	background-color: #b4c7ad !important;
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

  .btn-ja {
                color: #fff !important;
                text-align: center;
                border: 1px solid #e56e21 !important;
                border-radius: 5px;
                text-transform: uppercase;
                font-size: 18px !important;
                box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
                background-color: #e56e21 !important;
                width: 100%;
                font-family: opensans-bold !important;
                text-transform: uppercase;
                padding:4px;  
                cursor: pointer !important;
                
            }
                .btn-ja:hover {
                    background-color:#f1884c !important;
                    cursor: pointer !important;
                }
                a{
                    
                    text-decoration: none !important;
                }


.bf-orange-transparent {
    background: rgba(243, 117, 40, 0.08);
}

.bf-blue-color {
    color: #268daf;
}


.tile-img .card {
        height: 650px;
        min-height: 650px;
        max-height: 650px;
    }

    .tile-img-lg .card {
        height: 850px;
        min-height: 850px;
        max-height: 850px;
    }

    .tile-img .card p {
        font-size: 17px !important;
    }

    .tile-img-lg .card p {
        font-size: 17px !important;
    }

    .bf-bg-ing {
        background-color: #d8e6cd;
    }

    .bf-green-bg {
    background: #2d6f15;
}
.bf-orange-font {
    color: #e56e21;
}

.seal_icon {
    width: 100px;
    display: block;
    margin: auto;
    margin-top: -30px;
    margin-bottom: 18px;
}

.produkte_offer {
    margin: auto !important;
}

.chck_left img, .chck_right img {
    width: 35px;
    margin: 1px 15px !important;
}

.bg-light-green{
    background-color:#e1f2c7 !important ;
}

.bf-green-bg {
    background: #2d6f15;
}
.bf-orange-font {
    color: #e56e21;
}

.seal_icon {
    width: 100px;
    display: block;
    margin: auto;
    margin-top: -30px;
    margin-bottom: 18px;
}

.produkte_offer {
    margin: auto !important;
}

.chck_left img, .chck_right img {
    width: 35px;
    margin: 1px 15px !important;
}

.bg-light-green{
    background-color:#e1f2c7 !important ;
}