body, .navbar-nav a, h4, h5 {font-weight:400;}
h3, .btn, .form-control {font-weight: 400;}
h1, h2, b {font-weight: bold;}
h2.sepLine {position: relative; margin-bottom: 2em;}
h2.sepLine:after {position: absolute; content: ''; left:50%; bottom:-1em; margin-left:-2em; width: 4em; height:.15em; background-color: #000;}

h1, h2, h3, h4, h5 {margin-bottom: 1em;}
h2+h3 {margin-top:-.5em; margin-bottom:1.75em;}
.prod-cat-icons span
.navbar {padding:.25em .5em;}

.logo {
	position: relative; display: inline-block; font-size: 1.2em; font-weight: 700;
	line-height: 2.55em; min-width: 8em; height: 2.55em; padding: 0 .5em 0 3em; text-indent: -9999em;
	background-position: center center; background-repeat: no-repeat; background-size: contain;
	background-image: url("/img/e/basic/dev226/logo.svg");
}

.navbar {
	position: fixed; width: 100%; top:0em; 
	background: #f9fbed;
	background: -webkit-linear-gradient(to right, #ebefbc, #f9fbed);
	background: linear-gradient(to right, #ebefbc, #f9fbed);
}

/*--[SlimHeader]--*/
.slimHeader .navbar.sticky-top {font-size:.75em; }
.slimHeader .navbar.sticky-top .dropdown-menu {font-size:1em;}

.slimHeader .logo {margin-top: .2em; height:2em;}
.slimHeader .lang-support, .slimHeader .location-support {display: none;}

.unSetHeader .navbar {
	top:-10em;
	-webkit-animation: floatNav .65s normal forwards;
	animation: floatNav .65s normal forwards;
}

.setSlimHeader .navbar {
	top:-10em; padding-bottom: .5em;
	box-shadow: 0 0 .5em .35em rgba(0,0,0,.1);
	-webkit-animation: setfloatNav .5s normal forwards;
	animation: setfloatNav .5s normal forwards;
}

@-webkit-keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -10em;}
}

@keyframes setfloatNav {
  0% {top: 0em;} 100% {top: -10em;}
}

.slimHeader .navbar {
	-webkit-animation: floatNav .75s normal forwards .15s;
	animation: floatNav .75s normal forwards .15s;
}

@-webkit-keyframes floatNav {
  0% {top: -10em;} 100% {top: 0;}
}

@keyframes floatNav {
  0% {top: -10em;} 100% {top: 0;}
}

.mainpage section {text-align: center;}
body:not(.mainpage) .navbar+section {padding-top: 6.5em;}
.nextpage .navbar+section {padding-top: 6.5em;}


.big-header {height:calc(100vh);}

footer .navbar-nav .nav-link {margin:0 1em;}
footer .navbar-nav {
	-webkit-box-orient: horizontal; -webkit-box-direction: normal;
    -ms-flex-direction: row; flex-direction: row;
}
.footer-links a {margin-bottom:.5em;}

#followBox {text-align: center; padding-top: 2em;}
#followBox i.fab {font-size: 2.5em;}

.modal-header, .modal-footer {border-radius:0;}
.modal-header h5:first-child {padding-top:0 !important;}
.modal-header h5 {text-align: center; text-transform: uppercase; display: block; width: 100%;}

.quote-symbol {
	font-family: Georgia, serif; font-size: 2em; margin-bottom: .5em;
	display: inline-block; width: 1em; height:1em; line-height:1.5em; border-radius:50%; border: .045em solid #fff;
}

.demo-tv {position: absolute; bottom: 4em; right: 7em; z-index: 999;}
.demo-tv b {display: block; text-align: center; text-shadow: 0 0 .75em rgba(0,0,0,.65);}
.demo-tv .fas {vertical-align: middle;}

.info-promo-box h2 {margin-bottom: 0; padding: .25em .5em; color: #fff;}
.info-promo-box .card {margin-bottom: 1em;}
.info-promo-box .card-title {margin-bottom: 0;}
.info-promo-box .card .btn {white-space: initial; height: auto !important; padding: .35em .5em !important; margin: .5em 0; background-color: #fff;}
.info-promo-box .card .btn:hover {color:#000;}
.info-promo-box .card .btn .far, .info-promo-box .card .btn .icon {font-size:1.5em;}
.img-btn-in {width:50px; max-height: calc(100% - 1em) !important;; margin-right: .5em; float: left; border: 1px solid #ddd;}

.scroll-down {
	position: absolute; left: 50%; margin-left: -2em; bottom: 0; z-index: 999;
	width: 4em; height: 7em; background-image: url("/img/e/basic/dev226/arrow-icon.svg");  background-size: 50%; background-position: center center; background-repeat: no-repeat;
	cursor: pointer; transform: rotate(-90deg); opacity: .75;
}
.scroll-down:hover {opacity:1;}

.apple-bg {
	padding:0; border-bottom:0;
	background-image: url("/img/e/basic/dev226/apple-bg.jpg"); background-size: cover; background-repeat: no-repeat;
}

.motive-info {
	flex: 0 0 60%; max-width: 60%; color: #000;
	padding-right: 2em !important; text-align: right; min-height: 780px;
}
.motive-info h2 {font-size: 3em !important; margin-bottom: .25em; line-height: 1;}
.motive-info .btn {background-color:rgba(255,255,255,.7);}
.organic-juice {
	flex: 0 0 40%; max-width: 40%; padding:0 !important;
	border-left:1em solid #fff; border-right:.05em solid #fff; width: 30em;
}
.organic-juice img {object-fit: cover; width: 100%; height:100%;}

.three-boxes .boxes {display: inline-block; border:1px solid #edf0c1; padding-bottom: 1.5em;margin: 1em 0;}
.three-boxes .boxes, .three-boxes .info {max-width: 20em;}
.three-boxes .info {max-width: 20em; padding: 0 1em;}
.three-boxes .info p {min-height: 4em; overflow: auto; margin-bottom: 1em;}
.three-boxes h3 {margin-bottom: .5em;}
.three-boxes img {max-width:100%;}
.three-boxes img+.info, .three-boxes .info+img {margin-top: 1em;}

.partners {text-align: center;}
.partners .img-th {
	width:12em; display: inline-block; position: relative; margin:1em; border:1px solid #fff;
}
.partners .img-th img {max-width:100%;}
.partners .img-th b {
	position: absolute; font-size:.8em; width: 100%; height:100%; left:0; top:0; opacity:0; padding: 1em; font-weight: normal; z-index: 999;
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center;
	-webkit-justify-content: center; justify-content: center;
	-webkit-box-align: center; -ms-flex-align: center;
	-webkit-align-items: center; align-items: center;
}
.partners .img-th:hover b {opacity:1;}

.prod-cat-icons {display: block; padding-top:.5em;}
.listItem .prod-cat-icons {padding:0 0 .5em;}
.prod-cat-icons span {
	display:inline-block; width:50px; height:50px; margin-right:.1em; margin-bottom:.25em; border-radius:25px; border:1px solid rgba(255,255,255,1); box-sizing: border-box; text-indent:-999em;
	background-image: url("/img/e/basic/dev226/prod-cat-icons.png"); background-size: 360px 189px; background-repeat: no-repeat; filter: grayscale(100%);
}
.prod-cat-icons span:hover {filter: grayscale(0);}

.organic {background-position: -21px -22px;}
.vegan {background-position: -88px -22px;}
.soy-free {background-position: -153px -22px;}
.palm-oil-free {background-position: -219px -22px;}
.sugar-free {background-position: -286px -22px;}
.depo25c {background-position: -21px -88px;}
.depo8c {background-position: -88px -88px;}
.depo15c {background-position: -153px -88px;}

.social-icons {text-align: center;}
.social-icons a {
	display: inline-block; vertical-align: middle; text-indent:-999em; 
	background-size: contain; background-repeat: no-repeat; background-position: center center;
}
.social-icons a:hover {filter: grayscale(.5);}
.fb-icon {width:7em; height:7em; background-image: url("/img/e/basic/dev226/facebook.png");}
.blog-icon {width:5em; height:4em; background-image: url("/img/e/basic/dev226/blog.png");}
.bioz-icon {width:8em; height:4em;background-image: url("/img/e/basic/dev226/biozisch-logo.png");}
.ftg-icon {width:6em; height:5em; background-image: url("/img/e/basic/dev226/fair-to-go-logo.png");}

.footer {margin-top: 1em;}
.footer>.bg-info {padding-bottom: 0; padding-top: 2em;}
.footer-bg {background-image: url("/img/e/basic/dev226/footer.png");background-repeat: no-repeat; background-position: center top; background-size: cover;}
.footer-links {padding-top: 1.5em;}

.showing-boxes .cart-indicator .box-status {display: none;}

@media all and (min-width:990px) {
	.navbar .btn, .navbar .form-control, .myFilters .btn {border-radius:5em;}
	.navbar-nav .dropdown {margin-left:.5em;}
	.menu-icon {
		background-color: transparent !important; border: transparent; text-indent: -999em; width: 70px;
		background-image: url("/img/e/basic/dev226/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: contain;
	}
	.menu-icon:focus, .menu-icon.focus {box-shadow:none !important;}
	.demo-tv .fas {margin-left: .5em;}

}
@media all and (min-width:1024px) {
	.modal-header h5 {text-align: left;}
	.modal-header .close{
		left: inherit; right:.75em; top:.75em; margin-left:0;
	}
	.modal-header .close:before{
		width:3em; height:3em; left: 0;
		background-image: url("/img/e/basic/dev226/close-icon.svg");
	}
}
@media all and (min-width:1280px) {
	.listItem .prod-cat-icons {float:right; max-width:30%; padding-left: 1em;}
	.listItem .prod-cat-icons span {float:right;}
	.organic-juice {position: relative; overflow: hidden;}
	.organic-juice:after {
		position: absolute; left: -1.5em; top: 50%; margin-top: -1.5em; width: 3em; height: 3em; z-index:999;
		content: ''; background-color: #fff; transform: rotate(45deg)
	}
}
@media all and (min-width:1600px) {
	.modal-header .close{right:1.75em; top:1.25em;}
	.boxes {padding-top: 1.2em;}
}

@media all and (max-width:1600px) {
	.prod-cat-icons span {width:36px; height:36px; border-radius:18px; background-size: 262px 138px;}
	.organic {background-position: -16px -16px;}
	.vegan {background-position: -64px -16px;}
	.soy-free {background-position: -112px -16px;}
	.palm-oil-free {background-position: -160px -16px;}
	.sugar-free {background-position: -208px -16px;}
	.depo25c {background-position: -16px -64px;}
	.depo8c {background-position: -64px -64px;}
	.depo15c {background-position: -112px -64px;}
}
@media all and (max-width:1400px) {
	.demo-tv img {width:12em;}
}

@media all and (max-width:1280px) {
	.motive-info {position: absolute; z-index: 90; left: 0; min-height: 450px; text-align: center; padding: 0 !important;}
	.motive-info div {padding: 1em; background-color: rgba(45,110,20,.7); color: #fff;}
	.motive-info, .organic-juice {
		flex: 0 0 100%; max-width: 100%;
	}
	.organic-juice {border:0;}
	.organic-juice img {max-width: 425px; height: auto; margin: 2em 0; border: 1px solid rgba(255,255,255,.7);}
}
@media all and (max-width:990px) {
	.navbar {border-color:#ccc;}
	.site-search {text-align: center;}
	.navbar-light .navbar-toggler {
		border:0; border-radius: 0; font-size:1.75em;
		background-color: transparent !important; border-color: transparent; text-indent: -999em; width: 70px;
		background-image: url("/img/e/basic/dev226/menu-icon.svg");background-repeat: no-repeat; background-position: center center; background-size: contain;
	}
	.navbar-toggler .navbar-toggler-icon {background-image: none !important; position: relative;}
	.navbar-toggler .navbar-toggler-icon:after, .navbar-toggler .navbar-toggler-icon:before {position: absolute; content:''; width: 100%; height:.15em; left:0;}
	.navbar-toggler .navbar-toggler-icon:after {top:.35em;}
	.navbar-toggler .navbar-toggler-icon:before {bottom:.35em;}
	.big-header .swiper-slide {background-position: right center;}
	.demo-tv {left: 50%; margin-left: -2em; top:35%; bottom: inherit; right: inherit;}
	.demo-tv .btn {min-width: auto !important; padding-left:.95em !important; padding-right:.95em !important;}
	.demo-tv .fas {top: -.1em; left: .1em; position: relative;}
	.demo-tv .btn span {display: none;}
}
@media all and (max-width:768px) {
	.logo, .slimHeader .logo {
		min-width: 8em; height: 2.5em; padding: 0;
		background-image: url("/img/e/basic/dev226/logo.svg");
	}
	.modal-open footer .input-group {position: relative;}
	.modal-open footer .input-group:after{
		background-color: #000; opacity: .65;
		content:''; position: absolute; lef:0; top: 0; width:100%; height:100%;
	}
	
	.info-promo-box .card .btn {min-height: 3.35em;}

	.partners .img-th {width: 8em; margin:.5em;}
	footer .container {padding-right: 0; padding-left: 0;}
	footer .container .input-group .btn {border-radius: 0 !important;}
	footer .navbar-nav li {margin: auto;}
}

@media all and (max-width:575px) {
	.logo, .slimHeader .logo {min-width: 3em;}
	.navbar-light .navbar-toggler {width: 50px;}
	.footer-links + .footer-links {padding-top: 0;}
}

@media all and (max-width:480px) {
	footer .navbar-nav, .navbar-nav .dropdown-item {font-size: .8em;}
	h1 {font-size:1.5em;}
	h2, h3 {font-size:1.35em;}
	h4, h5 {font-size:1.25em;}
	.btn, .form-control {font-size:1.15em;}
	.demo-tv img {width:9em;}
}

.thumb-margin-bottom {margin-bottom: 5px;}
.thumb-margin-right {margin-right: 5px;}