.wkFeedbackOverlay { position:fixed; height:100%; width:100%; z-index:999; background-color:rgba(255, 255, 255, 0.5); display: none;}
.wkFeedbackOverlay .hint{ margin-top:-40px; font-size: 20px; font-weight:bold; color:#333; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.wkFeedbackOverlay .feedbackContainer { position:absolute; width:318px; height:267px; top:25%; left:50%; margin-left:-159px; background: none; padding:0px;}
.mkFeedbackOverlay { position:fixed; height:100%; width:100%; z-index:999; background-color:rgba(255, 255, 255, 0.5); display: none;}
.mkFeedbackOverlay .hint{ margin-top:-40px; font-size: 20px; font-weight:bold; color:#333; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.mkFeedbackOverlay .feedbackContainer { position:absolute; width:318px; height:267px; top:25%; left:50%; margin-left:-159px; background: none; padding:0px;}

.feedbackSpan, .alert { display:none;}
.alert.alert-initially-visible { display:inherit; }
.alert.alert-always-visible { display:inherit; }
.alert p { margin:0.5em 0px; }
.alert p.longtext { font-size:0.86em; }
.alert.alert-biocolor { border-color:#9fbead; background-color:#d5e0da; color:#52936f;   }
.mBottom{margin-bottom: 20px;}


.loginDiv { color:#333; border-radius:inherit; background-image:url('/images/wood-bg.jpg'); background-repeat:repeat; padding:15px 0 0; width:800px; height: 290px!important;}
.loginDiv h2, .loginDiv h3, .loginDiv div.custom { color:#c2d201; font-weight:bold; font-size:26px; margin-top: 0px; margin-bottom: 20px; font-family: "androgyne", sans-serif; }
.loginDiv .info { color: #fff;}
.loginDiv label { color:#FFFFFF;}
.loginDiv .loginBtnContainer { height:35px;}
.loginDiv .loginBtnContainer .btn-default { border:0px; border-radius:inherit; color:#FFFFFF; padding:4px 12px; font-weight:bold; font-size:12px; float: left; }
.loginDiv .loginBtnContainer .btn-default:hover { background-color: #9fbead;}
.loginDiv .loginDivLinks { color: #fff; float: none; display: inline-block; margin-left: 10px; font-size: 12px; margin-top: 5px; }
.loginDiv .loginDivLinks span.last { margin-left: 7px; }
.loginDiv .loginDivLinks a { color: #fff; cursor: pointer; }
.loginDiv .loginDivLinks a:hover { text-decoration: underline; }
.loginBtnContainer .btn-green, .pwResetButtonContainer .btn-green { padding: 8px 18px; font-size: 14px;}
.loginDiv .has-error label {
	color: #fff;
}

.loginDiv .loginExternal{color:#fff;float:left;margin:0;font-size:12px;display:block;background:#fff;padding:8px 10px;width:100%}
.loginDiv .loginExternal a{color:#fff;cursor:pointer;display:block;width:205px;height:25px;margin:2px 0}
.loginDiv .loginExternal a.anmeldung-go{background-image:url('/images/anmeldung_go.png');background-repeat:repeat-x;padding:4px 0 0 40px}
.loginDiv .loginExternal a.anmeldung-fb{background-image:url('/images/anmeldung_fb.png');background-repeat:repeat-x;padding:4px 0 0 40px}
.loginDiv .loginBtnContainer .loginExternal a:hover{text-decoration:underline}
.loginBtnContainer .fancyclose { margin-left: 10px;}

#wkLoginBox #wkLoginForm .loginExternal{color:#fff;float:left;margin-left:0;font-size:14px;margin-top:14px;padding:0;display:block;width:100%}
#wkLoginBox #wkLoginForm .loginExternal a{color:#fff;cursor:pointer;width:205px;height:25px;margin:0 0 8px;font-size:12px;display:inline-block}
#wkLoginBox #wkLoginForm .loginExternal a.anmeldung-go{background-image:url('/images/anmeldung_go.png');background-repeat:repeat-x;padding:4px 0 0 40px}
#wkLoginBox #wkLoginForm .loginExternal a.anmeldung-fb{background-image:url('/images/anmeldung_fb.png');background-repeat:repeat-x;padding:4px 0 0 40px}
#wkLoginBox #wkLoginForm .loginExternal a:hover{text-decoration:underline}

.loginDiv .pwResetButtonContainer { height:35px; display: none; }
.loginDiv .pwResetButtonContainer .btn-default {border-radius:inherit; color:#FFFFFF; padding:4px 12px; font-weight:bold; font-size:12px; float: left; }

.loginDiv .resetPWText { display: none; color: #fff; }
.loginDiv.dropdown-menu { position: relative; top: 0px; margin: 0px; box-shadow: none; }
.loginDiv #pwResetLoader { position: relative; top: 3px; left: 10px; display: none; }
.loginDiv .alert { padding: 10px; font-size: 13px;}

.logoutDiv { color:#333; border-radius:inherit; background-image:url('/images/wood-bg.jpg'); background-repeat:repeat-x; padding:15px 0 0; width:375px; height: 185px;}
.logoutDiv h2, .logoutDiv h3, .logoutDiv div.custom { color:#c2d201; font-weight:bold; font-size:26px; margin-top: 0px; margin-bottom: 10px; font-family: "androgyne", sans-serif; }
.logoutDiv label { color:#FFFFFF;}
.logoutDiv p { color: #fff; margin-bottom: 20px; }
.logoutDiv .loginBtnContainer { height:35px; }	
.logoutDiv .loginBtnContainer .btn-default { border:0px; border-radius:inherit; color:#FFFFFF; padding:4px 12px; font-weight:bold; font-size:12px; float: left; }
.logoutDiv .loginBtnContainer .btn-default.first { margin-right: 10px; }
.logoutDiv .loginBtnContainer .loginDivLinks { color: #fff; float: left; margin-left: 15px; font-size: 12px; margin-top: 5px; }
.logoutDiv .loginBtnContainer .loginDivLinks span.last { margin-left: 7px; }
.logoutDiv .loginBtnContainer .loginDivLinks a { color: #fff; cursor: pointer; }
.logoutDiv .loginBtnContainer .loginDivLinks a:hover { text-decoration: underline; }
.logoutDiv.dropdown-menu { position: relative; top: 0px; margin: 0px; box-shadow: none; }

#loginDivFeedback {
	margin: 15px 0px;
}

.backContainer { position: relative; margin-bottom: 30px; font-family: "karbid", sans-serif;}
.backContainer img,
.backContainer p {display: inline-block;}
.backContainer img { position: relative; top: -13px;}
.backContainer p { line-height: 23px; margin:0px 0px 0px 35px; font-size: 21px;}
.backContainer a p {color: #000;}

.contentContainer .table>tbody>tr.white>td, .table>tbody>tr.white>th, .table>tbody>tr>td.white, .table>tbody>tr>th.white, .table>tfoot>tr.white>td, .table>tfoot>tr.white>th, .table>tfoot>tr>td.white, .table>tfoot>tr>th.white, .table>thead>tr.white>td, .table>thead>tr.white>th, .table>thead>tr>td.white, .table>thead>tr>th.white { background-color: #fff; padding: 16px 10px;}
.contentContainer .table>tbody>tr.red>td, .table>tbody>tr.red>th, .table>tbody>tr>td.red, .table>tbody>tr>th.red, .table>tfoot>tr.red>td, .table>tfoot>tr.red>th, .table>tfoot>tr>td.red, .table>tfoot>tr>th.red, .table>thead>tr.red>td, .table>thead>tr.red>th, .table>thead>tr>td.red, .table>thead>tr>th.red { background-color: #FFF2F2; opacity: 1; padding: 16px 10px;}
.contentContainer .table>tbody>tr.yellow>td, .table>tbody>tr.yellow>th, .table>tbody>tr>td.yellow, .table>tbody>tr>th.yellow, .table>tfoot>tr.yellow>td, .table>tfoot>tr.yellow>th, .table>tfoot>tr>td.yellow, .table>tfoot>tr>th.yellow, .table>thead>tr.yellow>td, .table>thead>tr.yellow>th, .table>thead>tr>td.yellow, .table>thead>tr>th.yellow { background-color: #fcf8e3; opacity: 1; padding: 16px 10px;}
.contentContainer .table>tbody>tr.blue>td, .table>tbody>tr.blue>th, .table>tbody>tr>td.blue, .table>tbody>tr>th.blue, .table>tfoot>tr.blue>td, .table>tfoot>tr.blue>th, .table>tfoot>tr>td.blue, .table>tfoot>tr>th.blue, .table>thead>tr.blue>td, .table>thead>tr.blue>th, .table>thead>tr>td.blue, .table>thead>tr>th.blue { background-color: #d9edf7; opacity: 1; padding: 16px 10px;}
.contentContainer .table.tableWkReview>tbody>tr.white>td, .table.tableWkReview>tbody>tr.white>th, .table.tableWkReview>tbody>tr>td.white, .table.tableWkReview>tbody>tr>th.white, .table.tableWkReview>tfoot>tr.white>td, .table.tableWkReview>tfoot>tr.white>th, .table.tableWkReview>tfoot>tr>td.white, .table.tableWkReview>tfoot>tr>th.white, .table.tableWkReview>thead>tr.white>td, .table.tableWkReview>thead>tr.white>th, .table.tableWkReview>thead>tr>td.white, .table.tableWkReview>thead>tr>th.white { background-color: rgba(255,255,255,0.4);}
.contentContainer .table>tbody>tr.white.condensed>td, .table>tbody>tr.white.condensed>th, .table>tbody>tr>td.white.condensed, .table>tbody>tr>th.white.condensed, .table>tfoot>tr.white.condensed>td, .table>tfoot>tr.white.condensed>th, .table>tfoot>tr>td.white.condensed, .table>tfoot>tr>th.white.condensed, .table>thead>tr.white.condensed>td, .table>thead>tr.white.condensed>th, .table>thead>tr>td.white.condensed, .table>thead>tr>th.white.condensed { padding: 4px 10px;}
.contentContainer .table>tbody>tr.spacer>td, .table>tbody>tr.spacer>th, .table>tbody>tr>td.spacer, .table>tbody>tr>th.spacer, .table>tfoot>tr.spacer>td, .table>tfoot>tr.spacer>th, .table>tfoot>tr>td.spacer, .table>tfoot>tr>th.spacer, .table>thead>tr.spacer>td, .table>thead>tr.spacer>th, .table>thead>tr>td.spacer, .table>thead>tr>th.spacer { font-size: 1px; padding: 2px;}
.contentContainer .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border: 0px none;}
.contentContainer .table tr td.icon {
	width: 43px;
}
.contentContainer .table .spacer.height { height: 50px;}
.contentContainer .table.tableWk .kistenIcon { width: 56px;}
.contentContainer .table.tableWk .editImg { margin-left: 15px;}

.leaveUnsavedWarning { display:none; width:350px; }
.leaveUnsavedWarning .btn-green { display:block; width:100%; margin-top:10px; }
.leaveUnsavedWarning #resetOrderForm { margin-bottom:0px; }
.leaveUnsavedWarning h4 { font-weight:bold; margin-bottom:5px; }
.returnFromLieferEdit { cursor:pointer; display:inline-block; }

#resetOrderForm { margin-bottom: 25px;}

h2.white {font-family: "karbid", sans-serif; background-color: #fff; font-size: 28px; color: #000; font-weight: bold; padding-left: 15px; line-height: 90px; margin-bottom: 50px;}
h2.white span { float: right; margin-right: 15px;}

.nav>li>a:hover, .nav>li>a:focus { background-color: transparent;}

.content-area {
	background: #fff;
	padding: 30px;
	margin-bottom: 50px;
}
.content-area.content-area-buttonafter { margin-bottom:0px; }
.content-area h1{font-family: "karbid", sans-serif; background-color: #fff; font-size: 28px; color: #333; font-weight: bold; line-height: 33px;}
.content-area h2{font-family: "karbid", sans-serif; background-color: #fff; font-size: 22px; color: #333; font-weight: normal; line-height: 28px; padding: 0px; margin: 0px 0px 0px 0px;}
.content-area h3{font-family: "karbid", sans-serif; background-color: #fff; font-size: 22px; color: #999; font-weight: normal; line-height: 28px;padding: 0px; margin: 0px 0px 0px 0px;}
.content-area .trennung { margin: 20px 0px;}
.content-area .blogImg {margin: 20px 0px;}
.content-area span { display: block; color: #CCC; }

h2.bottom-border {font-family: "karbid", sans-serif; font-size: 28px; color: #333; font-weight: bold; line-height: 33px; position: relative;}
h2.bottom-border:after { content: ''; background-image: url('/images/header-hdr-small.png'); background-size: cover; height: 3px; display: block; margin: 30px 0px;}

.btn-green-border {
	border: 1px solid;
	display: inline-block;
	border-color: #9fbead;
	padding: 9px 25px;
	color: #9fbead;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
}

.blog-list {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-bottom: 40px;
	text-align: left;
}
.blog-list li .inner hr{
	border-top: 0px;
	border-bottom: 1px solid #ccc;
	padding-bottom:20px;
	margin-bottom: 20px; 
}
.blog-list li h4{
	font-family: "karbid", sans-serif;
	font-size: 21px; 
	color: #333; 
	font-weight: bold; 
	line-height: 23px;
	padding: 0px;
	margin: 0px;
}

input:-webkit-autofill {
    background:none!important;
    color: #000!important
}
.form-control-feedback {
	line-height: 46px;
}
.newsletter .has-error .form-control {
	border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

.alert > p {
	margin-top: 0px;
}
#nlForm .has-error .form-control {
	background:rgba(191, 0, 0, 0.49);
}
.form-group label.control-label{
	font-weight: normal;
	font-size: 14px;
}
.has-feedback label~.form-control-feedback {
	top: 32px;
	right: 15px;
}
.has-feedback .form-control-feedback {
	top: 0px;
	right: 15px;
}

.has-feedback .input-group .form-control-feedback {
	display: none!important;
}
.form-group input,
.form-group select,
.form-group textarea {
	border: 1px solid #000;
	height: 43px;
    font-size: 16px;
	border-radius: 0px;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
	border-color:#C2D201;    
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,210,1,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,210,1,0.6);
}
.form-group input[type="checkbox"] {
	height: auto;
	margin-left: 0px;
	position: inherit;
}
.form-group textarea {
	height: 129px;
}
.checkbox label {
	font-weight: normal;
	padding-left: 0px;
}
label.checkbox {
	font-weight: normal;
}

.produktContainer .qty,
.productQty { display: none;}

.produktContainer.articleNA { opacity: 0.5;}

.headline.marginTop { margin-top: 50px;}

.artikelListInhalt > div,
.produktContainer.extra > div{
	background:#A2B9AF;
	color: #fff;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.produktContainer.extra > div{
	height: 100%;
	padding: 0px 15px;
	margin-bottom: 0px;
}
.artikelListInhalt > div .img-container,
.produktContainer.extra > div .img-container {
	padding-top: 15px;
}
.artikelListInhalt > div .img-container img,
.produktContainer.extra > div .img-container img{
	display: inline-block;
}
.artikelListInhalt > div .headline,
.produktContainer.extra > div .headline{
	font-family: "androgyne", sans-serif;
	font-size: 33px;
	margin: 20px 0px;
}
.produktContainer.extra > div .headline{
	font-size: 27px;
}
.artikelListInhalt > div .buttonContainer,
.produktContainer.extra > div .buttonContainer{
	position: absolute;
	bottom: 10px;
	right: 0px;
	left: 0px;
}
.artikelListInhalt > div .buttonContainer .btn-green,
.produktContainer.extra > div .buttonContainer .btn-green{
	border: 1px solid #fff;
	color: #fff;
	background: none;
	font-weight: normal;
}
.artikelListInhalt.fullimg {

}

.artikelListInhalt.fullimg > div {
	overflow: hidden;
	position: relative;
}
.artikelListInhalt.fullimg > div > img{
	min-height: 100%;
	max-width: none;
	width: 100%;
}
.artikelListInhalt.fullimg > div .textBox {
	position: absolute;
	bottom: 30%;
	padding-bottom: 15px;
	width: 100%;
	text-align: center;
}
.artikelListInhalt.fullimg > div .textBox h3 {
	font-family: "androgyne",sans-serif;
    font-size: 45px;
    line-height: 45px;
    letter-spacing: 3px;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}

.artikelListInhalt.fullimg > div .textBox > img {
	max-width: 100%;
}

#lieferDetailWindow {background-color: #fff; padding: 25px; overflow-x: auto; display: flex; align-items: center;width: 620px;}
#lieferDetailWindow.nofelx{display: block!important;}
#lieferDetailWindow .header { margin-bottom: 20px; max-height: 210px;}
#lieferDetailWindow[class],
#lieferDetailWindow.addItem { min-height:100%; display: block;}
#lieferDetailWindow.addItem .form-group { position: relative;}
#lieferDetailWindow.addItem .form-group input { padding-right: 60px;}
#lieferDetailWindow.addItem .form-group img { position: absolute; top: 2px; right: 10px;}
#lieferDetailWindow .leftContent {
	padding-right: 30px;
}
#lieferDetailWindow .rightContent .header strong {
	color: #000000;
	font-family: Karbid;
	font-size: 23px;
	font-weight: 700;
	line-height: 20px;
}

.lieferDetailChangeQty#lieferDetailWindow { width:280px; min-height:auto; }
.lieferDetailChangeQty#lieferDetailWindow .btn-green { display:block; width:100%; }
.lieferDetailSwap#lieferDetailWindow { min-height:auto; }
.lieferDetailSwap#lieferDetailWindow .btn-green { display:block; width:100%; }



#lieferDetailWindow .header h3 {
  margin: 0px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 36px;
}

#lieferDetailWindow .header p {
  font-size: 16px;
  line-height: 20px;
}
#lieferDetailWindow .quantity { margin-bottom: 20px;}
#lieferDetailWindow #searchArtikelList .searchItemContainer { border-top: 5px solid #f9f9f9; margin-top: 15px; padding-top: 15px;}
#lieferDetailWindow #searchArtikelList .searchItemContainer .image img { width: 80px;}
#lieferDetailWindow #searchArtikelList .searchItemContainer .itemName { margin: 0 15px; font-weight: bold;}
#lieferDetailWindow #searchArtikelList .searchItemContainer .itemPrice { margin: 0 15px; font-weight: bold; line-height: 80px;}
#lieferDetailWindow #searchArtikelList .searchItemContainer .itemIcon { line-height: 80px;}

.aboAddBtn { display: block;}

.textmitbild {
	margin-bottom: 20px;
}
.textmitbild .textTable {
	display: table;
	height: 100%;
}
.textmitbild .textTable .texttd{
	display: table-cell;
	vertical-align: middle;
}

.textmitbild.backgroundImage h2 {
	margin-top: 15px;
}

.textmitbild .backgroundRow {
	position: absolute; top: 0px; width: 100%;
}

.shopPromo {
	color: #fff;
	position: relative;
}
.shopPromo h2{
	font-size: 31px;
	line-height: 37px;
}
.shopPromo .btn-green {
	background: #fff;
	color: #9fbead;
	position: relative;
	bottom: 0px;
}

.produktDetailContainer>.row {
	margin-bottom: 20px;
}
.produktDetailContainer .thumbnail{
	border-radius: 0px;
	border: 0px;
	padding: 10px;
	opacity: 0.7;
	cursor: pointer;
}
.produktDetailContainer .thumbnail.active{
	opacity: 1;
}

.productInfo {
	list-style: none;
	padding: 10px 0px;
	border-top: 1px solid #999;
	margin-top: 35px;
}

.productInfo li{
	border-bottom: 1px solid #999;
	padding: 10px 0px;
}
.productInfo li h2{
	font-family: "karbid", sans-serif;
	font-size: 19px;
	line-height: 26px;
	font-weight: normal;
	color: #000;
	cursor: pointer;
	position: relative;
}
.productInfo li h2:after{
	content: "\f175";
	position: absolute;
	right: 20px;
	color: #9fbead;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.productInfo li.open h2:after{
	content: "\f176";
	position: absolute;
	right: 20px;
	color: #9fbead;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.productInfo li .infobox {
	display: none;
}
.productInfo li.open .infobox{
	margin-top: 10px;
	display: block;
}

header .kistenIcon {
	width: 56px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
header .rightPos {
	display: inline-block;
}

.wkProgressBar .pbLabel { margin-bottom: 10px; color: #999; font-weight: bold;}
.wkProgressBar.active .pbLabel { color: #c3d301;}
.wkProgressBar.done .pbLabel { color: #000;}
.wkProgressBar .pbLine { background-color: #fff; height: 10px; position: absolute; left: 50%; width: 346px;}
.wkProgressBar.done .pbLine { background-color: #c3d301; height: 10px; position: absolute; left: 50%; width: 346px;}
.wkProgressBar .pbSmallLine.left { background-color: #c3d301; height: 10px; position: absolute; right: 50%; width: 100px;}
.wkProgressBar .pbSmallLine.right { background-color: #fff; height: 10px; position: absolute; left: 50%; width: 100px;}
.wkProgressBar .pbDot {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 17px 17px 17px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	bottom: -10px;
	z-index: 10;
}
.wkProgressBar.active .pbDot,
.wkProgressBar.done .pbDot {
	border-color: transparent transparent #c3d301 transparent;
}

/*#wkSteps {}
#wkSteps li:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 17px 17px 17px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	left: 50%;
	margin-left: -17px;
	bottom: -10px;
}
#wkSteps li { border-bottom: 10px solid #fff; padding: 0 50px 10px 50px; position: relative;}*/

.myAboActionBtn { margin-bottom: 20px;}
/*#contact-success, #contact-error {
	margin-top: 20px;
}*/
#contact-success , #contact-error{
	margin: 0px!important;
}
.artikelListHeadline { margin-top: 50px;}


.aktiveFilter {
	display: block;
	font-size: 13px;
	margin-bottom: 20px;
}

.aktiveFilter span.item{
	border: 1px solid #000;
	margin-right: 10px;
	line-height: 13px;
	padding: 3px 0px 3px 10px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.aktiveFilter span.item:after{
	content: "\f057";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 13px;
    line-height: 13px;
    color: #9fbead;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 5px;
    padding-left: 10px;
}

.dropdown-green {
	display: block;
	border: 1px solid #9fbead;
	color: #9fbead;
	background: #fff;
	padding: 0px 20px 0px 20px;
	position: relative;
	text-align: left;
	margin-bottom: 20px;
}

input.rezeptSearchInput {
	border: 1px solid #9fbead;
	color: #9fbead;
	background: #fff;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-size: 16px;
	padding: 8px 8px 8px 18px;
	font-weight: bold;
	height: 44px;
	margin-bottom:20px;
}



input.rezeptSearchInput::-webkit-input-placeholder { color: #9fbead !important; opacity: 1 !important; }
input.rezeptSearchInput:-moz-placeholder { color: #9fbead !important; opacity: 1 !important; }
input.rezeptSearchInput::-moz-placeholder { color: #9fbead !important; opacity: 1 !important; }
input.rezeptSearchInput:-ms-input-placeholder { color: #9fbead !important; opacity: 1 !important; }



.dropdown-green>span:after{
	content: "\f175";
	position: absolute;
	top: 8px;
	right: 0px;
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 25px;
    font-size: 17px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dropdown-green.open>span:after{
	content: "\f176";
}
.dropdown-green>span{
	font-weight: bold;
	padding-right: 25px;
	text-transform: uppercase;
	padding: 8px 0px;
	display: block;
	position: relative;
	cursor: pointer;
}
.dropdown-green ul {
	list-style: none;
	margin:0px;
	margin-right: -20px;
	margin-left: -20px;
	padding: 0px;
	text-align: left;
	display: none;
	width: 100%;
	background: #fff;
	border: 1px solid #9fbead;
	position: absolute;
	z-index: 9;
	margin-top: 5px;
}
.dropdown-green ul li{
	cursor: pointer;
	padding: 5px 20px;
	border-top: 1px solid #ccc;
}
.dropdown-green ul li:first-child{
	border-top: 0px;
}
.dropdown-green ul li:hover,
.dropdown-green ul li.active{
	background-color: #f8f8f8;
}
.infoSpan {
	opacity: 0;
	font-size: 13px;
}

.tableWk tr td.artikelinfo{
	vertical-align: top!important;
}
.tableWk tr td{
	vertical-align: middle!important;
}
.tableWk tr.transp{
	opacity: 0.6;
}

.artikelinfo .headline{
	font-size:  20px;
	font-weight: bold;
}
.artikelinfo .hersteller{
	color: #999;
	margin-bottom: 15px;
}
.artikelinfo .beschreibung{
}
.highlight {
	font-weight: bold;
	font-size: 20px;
}
.highlight.red {
	color: #FD6060;
	font-weight: normal;
	font-size: 13px;
}

.lastWkRow {
	margin: 20px 0px 20px 0px;
}
.btn-big {
	padding: 24px 80px;
}
#regFormular {
	display: none;
}

.wkHeaderBox { padding: 15px; font-weight: bold; font-size: 16px;}
.wkHeaderBox .text-right { padding-right: 20px; width: 150px;}
.wkInfoBox { background-color: #fff; padding: 15px; margin-bottom: 15px;}
.wkInfoBox .sub { color: #999;}
.wkInfoBox h4 { font-weight: bold;}
.wkInfoBox .headArrow { width: 100px; margin-top: 15px;}
.wkInfoBox .headMenge { width: 150px; padding-right: 20px; font-weight: bold; margin-top: 10px; font-size: 20px;}
.wkInfoBox .headGesamt { width: 350px; padding-right: 20px; font-weight: bold; margin-top: 10px; font-size: 18px;}
.wkInfoBox .headSumme { width: 150px; padding-right: 20px; font-weight: bold; margin-top: 10px; font-size: 20px;}
.wkInfoBox .headCheck { font-size: 14px; font-weight: bold;}
.wkInfoBox .headCheck a { color: #9ebeb0;}
.tableWkReview .image { width: 160px;}
.tableWkReview .einzel { width: 150px;}
.tableWkReview .menge { width: 150px; padding-right: 35px!important;}
.tableWkReview .gesamt { width: 150px; padding-right: 35px!important;}
.tableWkReview .paddRight { padding-right: 35px!important;}

.sendSuccess { margin: 20px 0px;}

.alert.alert-danger a{
	color:#a94442;
}

.plzSearch {
	margin:20px 0px;
}
.plzSearch input.form-control{
	background: none;
	border: 1px solid #fff;
	color: #fff;
}
.plzSearch .has-error input.form-control{
	border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.plzSearch input.form-control::-webkit-input-placeholder{
	color: #fff;
}
.plzSearch .btn-green{
	background-color: #fff;
	color: #9fbead;
	text-align: center;
	border: 1px solid #fff;
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}
.plzSearch #result {display: none;}

.kistenContainer {
	display: none;
}
.kistenContainer.first{
	display: block;
}
.kistenContainer .imgcontainer {
	position: relative;
}

.kistenContainer .imgcontainer .overlayPic{
	position: absolute;
	top: -80px;
	left: 0px;
	z-index: 10;
}

.suchergebnis {
	
}
.suchergebnis ul{
	list-style: none;
}
.no-margin-top {
	margin-top: 0px!important;
	display: block!important;
}

.wkPaymentOptionCol {
}
.wkPaymentOption {
    vertical-align: middle;
    height: 100px;
	
	 border: 1px solid #ccc;
	box-shadow:inset 0px 0px 15px #D2D3DE;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    /*width: 100%;*/
    cursor: pointer;
}
.wkPaymentOption > img { display:inline-block; max-height:100%; }
.wkPaymentOption:hover,
.wkPaymentOption.active,
.wkPaymentOption.wkPaymentOptionActive {
	box-shadow:inset 0px 0px 15px #9FBEAD;
	border: 1px solid #9FBEAD;
}

.wkPaymentDetails { display:none; }
.wkPaymentDetails h3 { margin-bottom:1em; }

.wkDeatilRow {
	margin-top:20px;
}

.wkPaymentDetail {
	display: none;
}
.wkPaymentDetail.active{
	display: block;
}

a.toggleTableDiv {
	display: block;
}

.blogFilter {
	margin:40px 0px;
}
.blogFilter a{
	background-color: #9fbead;
	color: #fff;
	font-weight: bold;
	padding: 5px 16px;
	display: inline-block;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.blogFilter a:hover,
.blogFilter a:focus,
.blogFilter a.active{
	color: #000;
	text-decoration: none;
}

.wkInfoBox .checkboxKreis { width: auto; height: auto;}
.checkboxKreis {
	background-image: url('/images/radio.png');
	width: 11px;
	height: 25px;
	line-height: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: left center;
}
.checkboxKreis.active {
	background-image: url('/images/radio_active.png');

}
.checkboxKreis label{
	margin-left: 25px;
	margin-bottom: 0;
	cursor: pointer;
	font-weight: bold;
}
.checkboxKreis input[type="checkbox"]{
	display: none;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #000;
    background-image: none;
    color: #fff;
    border-radius: 0px
}
.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled],
.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {    
	background-color: #9fbead;
    background-image: none;
    color: #000;
    border-radius: 0px
}
.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled],
.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
	background: #DCE7E1;
	color: #000;
}
.datepicker-dropdown.datepicker-orient-top:before,
.datepicker-dropdown.datepicker-orient-top:after {
	display: none;
}

.infoTableMittagsmenue{
	
}
.infoTableMittagsmenue .half{
	width: 50%;
	vertical-align: top;
}
.nav-mobile { display: none;}


#cooky-policy {min-height:46px; width:100%; background:#000; position:relative; font-size:12px; padding:10px; position: relative; padding-right: 30px; line-height:23px;position: fixed;bottom: 0px;width: 100%;z-index: 99999;}
#cooky-policy .text { margin-right:24px; color:#ccc; }
#cooky-policy .text a.info { color:#ccc; text-decoration:underline; white-space: nowrap;}
#cooky-policy .close-container { position:absolute; top:5px; right:10px;width: 44px; height:36px;  }
#cooky-policy .close-container a.close{ opacity:0.7 !important; background-image: url('/fancybox/source/fancybox_sprite.png');  width: 44px; height:36px; cursor: pointer; position: absolute; cursor: pointer; background-repeat: no-repeat;}

.lieferverschiebungBackground {
	position: relative;
	margin-top: 25px;
	margin-bottom: 25px;
}
.lieferverschiebungBackground .textT{
	position: absolute;
	top: 20px;
}
.lieferverschiebungBackground .textT .txt-liefer{
	font-size: 20px;
}
.ps-item .price {
	float: none;
	margin-bottom: 10px;
}
.ps-item .cart {
	float: left;
}
.checkbox.biohof {
	width: 42px;
	height: 42px;
	display: inline-block;
}
.checkbox.biohof label{
	display: inline-block;
	width: 42px;
	height: 42px;
	color: #9EBEB0;
	border:1px solid #9EBEB0;
}
.checkbox.biohof label::before{
	content: '';
}
.checkbox.biohof input{
	display: none;
}
.checkbox.biohof input[type="checkbox"]:checked + label::after, .checkbox.biohof input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";
	display: inline-block;
    line-height: 38px;
	width: 42px;
	height: 42px;
}
.bg-white {background: #fff;}
.groupHeadline td{
	background-color: #fafafa;
	border-top: 1px solid #9fbead!important;
	border-bottom: 1px solid #9fbead!important;
	white-space: inherit!important;
}
.groupHeadline td p{
	font-size: 13px;
}
.groupHeadline td h4{
	font-size: 18px;
}
#notAvailable .alert {
	margin-bottom: 0px;
}
@media screen and (-ms-high-contrast: active) {
	.checkboxKreis input[type='checkbox']{
		display: inline-block!important;
	}
}
.pi-image >div:first-child{
	overflow: hidden!important;
}

.boxen {
	margin-top: 30px;
}
.boxen .entry > div.innerBox {
	overflow: hidden;
	position: relative;
	color: #fff;
	display: block;
	margin-bottom: 30px;
}
/*.boxen .entry > div.innerBox > img{
	height: 100%;
	max-width: none;
}*/
.boxen .entry > div.innerBox .textBox {
	position: absolute;
	width: 100%;
	text-align: center;
	height: 100%;
	display: flex;
	align-items: center;
	left: 0;
	top: 0;
}
.boxen .entry > div.innerBox .textBox h3 {
	font-family: "androgyne",sans-serif;
    font-size: 40px;
    line-height: 45px;
    letter-spacing: 3px;
    text-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
    margin-bottom: 20px; 
    margin-top: 0;
}

.bottomProductLists {
	position: fixed;
	bottom: -440px;
	right: 30px;
	width: 370px;
	z-index: 1000;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	transition: all 150ms linear;
	box-shadow: 0px 0px 50px -15px #000;
}
.bottomProductLists.open {
	bottom: 0;
}
.bottomProductLists .clickTab {
	position: absolute;
	width: 155px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 15px 50px 0px #000;
	z-index: 1001;
	color: #9fbead;
	top: -38px;
}
.bottomProductLists .clickTab.back {
	background-color: #9fbead;
	color: #fff;
	z-index: 1000;
}
.bottomProductLists .openEL {
	left: 20px;
}
.bottomProductLists .openML {
	right: 20px;
}
.bottomProductLists .clickTab:before,
.bottomProductLists .clickTab:after {
	content: '';
	position: absolute;
	border-style: solid;
}
.bottomProductLists .openEL:before,
.bottomProductLists .openML:before {
	left: -20px;
	border-width: 0 0 38px 20px;
	border-color: transparent transparent #fff transparent;
}
.bottomProductLists .openEL.back:before,
.bottomProductLists .openML.back:before {
	left: -20px;
	border-width: 0 0 38px 20px;
	border-color: transparent transparent #9fbead transparent;
}
.bottomProductLists .openEL:after,
.bottomProductLists .openML:after {
	right: -20px;
	border-width: 38px 0 0 20px;
	border-color: transparent transparent transparent #fff;
}
.bottomProductLists .openEL.back:after,
.bottomProductLists .openML.back:after {
	right: -20px;
	border-width: 38px 0 0 20px;
	border-color: transparent transparent transparent #9fbead;
}
.bottomProductLists .content {
	height: 440px;
	width: 100%;
	z-index: 1001;
	background-color: #fff;
	position: relative;
}
.bottomProductLists .content .contentinner {
	display: block;
	height: 440px;
}
.bottomProductLists .content .contentinner .toScroll {
	height: calc(100% - 91px);
	overflow: auto;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-thumb {
	background: #000000;
	border: 2px none #ff0000;
	border-radius: 0px;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-thumb:hover {
	background: #000000;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-thumb:active {
	background: #000000;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-track {
	background: #ffffff;
	border: 1px solid #000000;
	border-radius: 0px;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-track:hover {
	background: #ffffff;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-track:active {
	background: #ffffff;
}
.bottomProductLists .content .contentinner .toScroll::-webkit-scrollbar-corner {
	background: transparent;
}
.bottomProductLists .content .contentinner.closed {
	display: none;
}
.contentLoading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bottomProductLists .content .contentinner .head {
	font-family: "androgyne", sans-serif;
	font-size: 35px;
	padding: 32px 15px;
	text-align: center;
	border-bottom: 1px solid #eee;
}
.bottomProductLists .content .contentinner .mlProdContainer {
	padding: 10px 18px;
	border-bottom: 1px solid #eee;
	display: block;
}
.bottomProductLists .content .contentinner .mlProdContainer .title {
	font-family: "karbid", sans-serif;
	font-weight: 700;
	margin-bottom: 4px;
}
.bottomProductLists .content .contentinner .mlProdContainer .controls {
	display: flex;
	justify-content: space-between;
}
.bottomProductLists .content .contentinner .mlProdContainer .wkAddBtn {
	width: calc(100% - 40px);
	background-color: #9fbead;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none!important;
}
.bottomProductLists .content .contentinner .elProdContainer .deleteElArtikel,
.bottomProductLists .content .contentinner .mlProdContainer .deleteMlArtikel {
	border: 1px solid #9fbead;
	color: #9fbead;
	text-align: center;
	width: 21px;
	height: 21px;
	line-height: 19px;
}
.bottomProductLists .content .contentinner .mlProdContainer.notavailable {
	color: #d2d2d2;
}
.bottomProductLists .content .contentinner .mlProdContainer.notavailable .deleteMlArtikel {
	border: 1px solid #d2d2d2;
	color: #d2d2d2;
}
.bottomProductLists .content .contentinner .mlProdContainer.notavailable .wkAddBtn {
	display: none;
}
.bottomProductLists .content .contentinner .mlProdContainer.notavailable .controls {
	justify-content: flex-end;
}

.bottomProductLists .content .contentinner .elProdContainer {
	padding: 10px 18px;
	border-bottom: 1px solid #eee;
	display: block;
}
.bottomProductLists .content .contentinner .elProdContainer .heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6px;
}
.bottomProductLists .content .contentinner .elProdContainer .heading .title {
	font-family: "karbid", sans-serif;
	font-weight: 700;
}
.bottomProductLists .content .contentinner .elProdContainer .deleteMlArtikel {
	border: 1px solid #9fbead;
	color: #9fbead;
	text-align: center;
	width: 21px;
	height: 21px;
	line-height: 19px;
	display: block;
}
.bottomProductLists .content .contentinner .elProdContainer .controls {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.bottomProductLists .content .contentinner .elProdContainer .controls select {
	width: 200px;
	border: none;
	border-bottom: 1px solid #000;
	padding: 0;
}

.quantity.quantitySmall {
	padding: 0;
	margin: 0;
}
.quantity.quantitySmall li {
	float: left;
}
.quantity.quantitySmall a {
	width: 21px;
	height: 21px;
	line-height: 21px;
	font-size: 15px;
}
.quantity.quantitySmall span {
	min-width: 21px;
	width: auto;
	height: 21px;
	line-height: 19px;
	margin: 0 3px;
	font-size: 16px;
}
.firmenForm {
	margin-bottom: 50px;
}

#map {
	height: 500px;
	max-height: 90vw;
}