/**
* Override the rules generated with {Less} with pure {Css}
*/

/*************  FONTS *****************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600;700&display=swap');

/*
	font-family: 'Open Sans', sans-serif;
    font-family: 'Noto Serif JP', serif;
*/


/*************  ICON-FONT *****************/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?shyq4c');
  src:  url('../fonts/icomoon.eot?shyq4c#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?shyq4c') format('truetype'),
    url('../fonts/icomoon.woff?shyq4c') format('woff'),
    url('../fonts/icomoon.svg?shyq4c#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] , .fa-shopping-basket  {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-shopping-basket::before {
  content: "\e905";
}

.icon-liefern:before {
  content: "\e900";
}
.icon-pflanze-im-topf:before {
  content: "\e901";
}
.icon-ast:before {
  content: "\e902";
}
.icon-blatt:before {
  content: "\e903";
}
.icon-baum:before {
  content: "\e904";
}
.icon-warenkorb:before {
  content: "\e905";
}
.icon-europa:before {
  content: "\e906";
}
.icon-blume:before {
  content: "\e907";
}
.icon-blaetter:before {
  content: "\e908";
}
/*************  header / menü *****************/

.meta-navigation {
    background-color: #F4F7ED;
}
.meta-navigation ul.meta {
	color: #555555;
	font-size: 13px;
	margin-top: 5px;
}
.meta-navigation ul.meta [class^="icon-"], 
.meta-navigation ul.meta [class*=" icon-"] { 
	color: #52691B;
	font-size: 26px;
	float: left;
	margin-left: 15px;
	margin-right: 5px; 
}
.meta-navigation span.mls { 
	line-height:26px;
}
#header .navbar-default {
    background-color: #fff;
}

#header .navbar-default .navbar-collapse {
    background-color: #7DA41D;
}
.nav > li > a {
	padding: 15px 13px;
}
.mobile-top-icons {
	text-align: right;
	font-size: 30px;
}
.mobile-top-icons a {
	color: #52691B;
}
.main-navigation .navbar-header .navbar-toggle {
	color: #6c8e19;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #6c8e19;
}
.main-navigation .navbar-search .keywords {
	border: 1px solid #6c8e19;
}
.main-navigation .navbar-search .submit-button {
	color: #6c8e19;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}
@media (max-width: 992px) {
	#header .navbar-default .navbar-collapse {
		background-color: #fff;
	}
	#header .navbar-default .navbar-nav > li > a {
		color: #6c8e19;
	}
}

/*************  footer *****************/
#footer {
	background-color: #F3F6EA;
}
#footer-payment {
	text-align: center;
	background-color: #BEC6A9;
}
#footer .col {
    margin-bottom: 0;
}
#footer .col-sm-3 > div{
    padding: 20px;
	font-size: 15px;
	line-height: 2;
}
#footer .col p.headline {
	font-weight: 600;
	background: unset;
	text-align: left;
}
#footer-payment .payment-logos {
	padding-top: 10px;
}
#footer-payment .payment-logos p.headline {
	text-align: center; 
	font-weight: 600;
	background: unset;
	font-size: 22px;
	color: #6e6969;
	margin-top: 9px;
}
@media (min-width: 992px) {
	#footer-payment .payment-logos p.headline {
		text-align: right; 
	}
}
/*************  buttons *****************/
.btn-cart {
	background-color:#52691B;
	border-color: #e0e0e0;
}
.btn-cart:hover {
    background-color: #fff;
    border-color: #52691B;
	color: #52691B;
}
.box-cart .btn-cart, .btn-success {
	background-color:#6c8e19;
	border-color: #e0e0e0;
}
.box-cart .btn-cart:hover, .btn-success:hover  {
    background-color: #5c7915;
    border-color: #455a10;
}
.box-cart .btn-cart {
	padding: 4px 16px !important;
	font-size: 30px !important;
}
.btn-default {
	background-color:#fff;
	border-color: #52691B;
	color: #52691B;
}
.btn-default:hover {
    background-color: #52691B;
    border-color: #52691B;
	color: #fff;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #52691B;
    border-color: #52691B;
	color: #fff;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
    background-color:#fff;
	border-color: #52691B;
	color: #52691B;
}
.alert-success {
    background-color: #F5F8EE;
	color: #52691B;
}
/*************  teaser boxes startpage *****************/
#home-icon-teaser .section {
	background-color:#F4F7ED;
	color: #52691B;
}
#home-icon-teaser .left-box .section {
	padding:0; /*15px;*/
}
#home-icon-teaser ul li {
	min-height: 75px;
	border-bottom: 1px solid #CFDDAC;
	padding-left: 15px;
	padding-top: 8px;
}
#home-icon-teaser [class^="icon-"], 
#home-icon-teaser [class*=" icon-"] { 
	font-size: 60px;
	float: left;
	margin-right: 20px;
}
#home-icon-teaser .box-title {
	font-weight: 600;
	font-size: 22px;
}
@media (max-width: 767px) {
	#home-icon-teaser ul li {
		padding-left: 10px;
		font-size: 14px;
	}
	#home-icon-teaser [class^="icon-"], 
	#home-icon-teaser [class*=" icon-"] { 
		font-size: 50px;
		margin-right: 15px;
	}
	#home-icon-teaser .box-title {
		font-size: 16px;
	}
}

/*********** general *************/
h1 {
    font-family: 'Noto Serif JP', serif;
}


/*************  startpage categories *****************/

#box-start-page-categories.categorie-listing .section {
	background-color: #fff;
	color: #7DA41D;
	padding: 15px;
	border-color: #7DA41D;
}
#box-start-page-categories.categorie-listing .section p.title {
	text-align: center;
}
#box-start-page-categories.categorie-listing .section a {
	color: #7DA41D;
	font-size: 24px;
	text-decoration: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 15px;
	font-weight: 400;
}
@media (max-width: 767px) {
	#box-start-page-categories.categorie-listing .section a {
		font-size: 20px;
	}
}

/*********** startpage ******************/
#startpage-content, #startpage-content  h1, #startpage-content  h2, #startpage-content  h3, #startpage-content  h4  {
	color: #52691B;
}
#startpage-content .textstyles p {
	clear: both;
}
#startpage-content .textstyles img {
	float: left; margin-right: 10px;
}
.owl .owl-controls .owl-buttons .owl-prev, 
.owl .owl-controls .owl-buttons .owl-next {
	background-color: #BEC7AA !important;
	color: #52691B !important;
	border: 1px solid #7DA41D !important;
}

/**********  product listing *************/
.panel-default {
    border-color: #7DA41D;
}
.panel-body {
    padding: 35px;
}
.listing .section .title a:hover, .listing .section .title a:active {
    color: #7DA41D;
	text-decoration: none;
}
.listing .section .title, .listing .section .title a {
    color: #52691B;
	font-weight:600;
}
.listing .section .product-price {
	text-align: center;
}
.listing .section .product-price .price-tag{
	color: #52691B;
	font-weight:600;
	font-size: 22px;
}
.listing .section .desc.desc-short {
	display: none;
}
.listing .section .section-footer .footer-buttons .btn.btn-default {
	font-size: 12px;
	line-height: 16px;
}
.listing.products .panel-body {
    padding: 20px;
}
.listing.products .section .section-footer {
    padding: 0 20px 20px;
}
.listing .section .title, .listing .section .title a {
   text-align: center;
}
.listing .product-tax-shipping {
	text-align: center;
}
/******* categorie listing ******/
#categorie-listing .slider .panel-body {
    padding: 20px;
}
#categorie-listing .slider .section-footer {
    padding: 0 20px 20px;
}

.categorie-listing.more-categories .section {
	border-color: #7DA41D;
}
#categorie-listing h1.text-primary {
	text-align: center;
}

/******* breadcrumb *******/
.breadcrumb-container {
    background-color: #fff;
	margin-bottom: 10px;
}
.breadcrumb-container .breadcrumb {
	background-color: #F5F8EE;
	color: #87966C;
}
.breadcrumb-container .breadcrumb .text-muted { 
	color: #7da41d;
}
.breadcrumb-container .breadcrumb a { 
	color: #87966C;
	text-transform: uppercase;
	text-decoration: none;
}
.breadcrumb > .active {
    color: #52691B;
	text-transform: uppercase;
}
/******* left menu *******/
.box-categories .panel-heading {
    padding: 8px 15px;
    background-color: #52691B;
    font-family: 'Noto Serif JP', serif;
}
.box-categories ul li.level-1 a {
	color: #52691B;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box-categories ul li.level-1 a span{
	font-weight:600;
}
.box-categories ul li.level-1 a:hover {
    background-color: #CFDDAC;
}
.box-categories ul li.level-1.active a {
    color: #52691B;
    background-color: #CFDDAC;
}
/******* product detail ******/
#product.detail .product-info .title {
	color: #52691B;
	font-weight: 600;
	font-size: 28px;
}
.product-info .price-tag {
	color: #52691B;
	font-weight: 600;
}
#product-specs {
	background-color: #F8F9F6;
	color: #7C9367;
}
#product-specs .specs-title {
	font-family: 'Noto Serif JP', serif;
	text-transform: uppercase;
	font-size: 22px;
}
#product-specs [class^="icon-"], 
#product-specs [class*=" icon-"] { 
	font-size: 70px;
	line-height: 100px;
}
#product.detail .product-info .product-price.this {
    margin-top: 40px;
}
.input-qty {
	height:43px;
}
.add-to-cart.right {
	text-align: left;
}
.add-to-cart .fa-shopping-basket {
	font-size: 29px;
}
.add-to-cart .btn.btn-lg.btn-cart {
	padding: 6px 43px;
}
#description {
	color: #52691B;
	overflow: hidden;
}
p.headline {
  background: url('bg-linie.png') no-repeat scroll right 30px;
  text-align: center;
  background-color: transparent !important;
}
p.headline::before {
	margin-right: 0; /*-80px;*/
}
p.headline span, p.headline a {
	color: #52691B;
	font-family: 'Noto Serif JP', serif;
	font-size: 28px;
	background-color: #fff;
	padding-left: 15px;
	padding-right: 15px;
}
.subpage-wrap .headline[data-toggle="collapse"], .subpage-wrap .headline-underline[data-toggle="collapse"] {
    background-color: #fff !important;
}
/* collapse button */
.headline[data-toggle="collapse"]::before, 
.headline-underline[data-toggle="collapse"]::before {
	color: #BEC7AA;
}
.subpage-wrap .headline[data-toggle="collapse"]::before, 
.subpage-wrap .headline-underline[data-toggle="collapse"]::before {
    margin-right: -30px;
    margin-top: 5px;
    background-color: #fff;
}

@media (max-width: 767px) {
	p.headline span, p.headline a {
		font-size: 16px;
	}
}
/*
#description .subpage-wrap .headline[data-toggle="collapse"]::before, 
#description .subpage-wrap .headline-underline[data-toggle="collapse"]::before {
    margin-right: -60px;
}
#description .headline[data-toggle="collapse"]::before, 
#description .headline-underline[data-toggle="collapse"]::before {
	color: #BEC7AA;
	background-color: #fff;
}
*/

/********* bottom cart (mobile) ************/
.bottom-cart .box-cart .inner {
	background-color: #6c8e19;
}
.bottom-cart .box-cart .btn-cart {
    font-size: 18px !important;
}

/* checkout */
#checkout .progress .progress-bar-success {
    background-color: #395302;
}

/************ Cookie-Banner *************/
.button.coc-accept-link, {
    background: #02D111 !important;
    border: 1px solid #7DA41D !important;
    Color: #fff !important;
}
.button.coc-decline-link {

}

.button.coc-more-link button {
    Color: #aaa !important;

}
.coc-body {
    float: left !important;
	margin-bottom: 30px;
}

.coc-accept-link button {
    float: left !important;
	margin-bottom: 30px;
}

.coc-more-link button {
    float: left !important;
	margin-bottom: 30px;
}

.button.coc-more-link {
    vertical-align: top;
    color: #858585;
    margin: 15px 2px 5px 5px;
    padding: 0 5px;
    float:right;
    display: inline-block;
}

.button.coc-accept-link {
    border: 1px solid #f00;
    border: 1px solid #f00;
    vertical-align: top;
    color: #fff;
    margin: 15px 2px 5px 5px;
    padding: 0 5px;
    float:right;
    display: inline-block;
}
.button.coc-decline-link {
    border: 1px solid #eee;
    vertical-align: top;
    color: #fff;
    font-size: 13px;
    margin: 15px 2px 5px 5px;
    padding: 2px 7px;
    float:right;
    display: inline-block;
}

.button { background: rgba(76, 175, 80, 0.1);}

/*********** KuKi Badge *********/
#kuki {
	position: fixed;
	right: 20px;
	bottom: 80px;
	z-index: 999999;
	text-align: center;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 9px 4px;
	border-radius: 8px;
	font-size: 12px;
	color: #52691B;
	padding: 10px;
}