/*
	Xmas-Theme 2016 | Letzte Aenderung: 01.03.2017
	Rot/Hellgruen
	Goldener Hintergrund
*/

@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600);

* {
	font-family: 'Source Sans Pro', Arial, sans-serif !important;
}

/* Text- und Rahmenfarben */
body {
	color: #615259 !important;
}

body .productDataBox h3 a {
	color: #a9b248;
}

body .in_den_spuren_der_natur h1,
body .in_den_spuren_der_natur h2.teaserText,
body .in_den_spuren_der_natur .productDataBox h3 a {
	color: #A56717;
}

body .is_leben_und_frucht h1,
body .is_leben_und_frucht h2.teaserText,
body .is_leben_und_frucht .productDataBox h3 a {
	color: #183994;
}

body a,
body a:link,
body a:visited,
body .h3fontStyle,
body .productDataBox {
	color: #615259;
}

.bg_winered a, 
.bg_brown a, 
.bg_green a, 
.bg_lgvgreen a, 
.bg_red a, 
.bg_grey a, 
.bg_blue a {
	color: #ffffff !important;
}

body h1,
body h2 {
	color: #841e44;
}

body .bg_winered, 
body .hover_bg_winered:hover,
body .bg_red, 
body .hover_bg_red:hover {
	background-color: #841e44 !important;
}

body .bg_lgvgreen, 
body .hover_bg_lgvgreen:hover,
body .tooltipElement {
	background-color: #a9b248 !important;
}

body .bg_lightgreen, 
body .hover_bg_lightgreen:hover {
	background-color: #f6f7ea !important;
}

/* ____________ Header ____________ */

/* Servicenav */
body #servicenav {
	font-size: 13px;
	background: none;
	background-color: #ffffff;
}

body #servicenav li div {
	font-size: 14px;
}

body #servicenav ul li .servicenavcontent,
body #servicenav ul li .servicenavcontent ul,
body #servicenav ul li:hover {
	color: #896356 !important;
	background-color: #f6f7ea !important;
}

body #servicenav ul li .servicenavcontent a {
	color: #896356 !important;
}

body #servicenav ul > li:hover {
	background-color: #841e44 !important;
}

body #servicenav ul li:hover > a > span, 
body #servicenav ul li:hover > span {
	color: #ffffff;
}

body #servicenav ul li > a > span:after, 
body #servicenav ul li > span:after {
	content: "";
	position: absolute;
	top: 8px;
	left: -1px;
	width: 1px;
	height: 10px;
	background-color: #aaa2a5;
}

body #servicenav ul li:hover > a > span:after, 
body #servicenav ul li:hover > span:after {
	background-color: transparent;	
}

body #servicenav ul li:last-child > a > span:after, 
body #servicenav ul li:last-child > span:after {	
	display: none;
}

body #servicenav ul li > a > span, 
body #servicenav ul li > span {
	color: #aaa2a5;
	text-transform: uppercase;
}

body .servicenavcontent a > h3 {
	font-size: 16px;
}

.servicenavcontent .content > ul {
	margin: 0 -10px !important;
}

.servicenavcontent .content > ul li {
	margin: 0;
	padding: 3px 10px;
}

body #servicenav .servicenavcontent .content > ul li:hover {
	background-color: #841e44 !important;
}

body #servicenav .servicenavcontent .content > ul li:hover a {
	color: #ffffff !important;
}

/* Sprachendropdown */
#navi_service_flags {
	margin-left: 40px;	
	padding-top: 0 !important;
}

#navi_service_flags .spracheList {
	position: inherit;	
}

#navi_service_flags .spracheList > a {
	margin-right: 17px;
}

#navi_service_flags .spracheList > a > span {
	height: 21px !important;
}

#navi_service_flags .shortlist .languages-dropdown li + li {
	margin-left: 0; 
}

#navi_service_flags .shortlist li {
	float: none;
}

body .languages-dropdown {
	display: none;
	position: absolute;
	top: 26px !important;
	right: 0;
	padding: 10px 0 !important;
	z-index: 1000;
	background-color: #f6f7ea;
	color: #896356;
	text-align: left;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-bottom-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

body #servicenav ul.languages-dropdown li > a > span {
	color: #896356;
}

body .languages-dropdown li {
	display: block;
	padding: 2px 10px;
}

body #navi_service_flags:hover .spracheList > a span ,
body #servicenav .languages-dropdown li:hover a span {
	color: #ffffff !important;
}

body #servicenav ul.languages-dropdown li > a > span:after, 
body #servicenav ul.languages-dropdown li > span:after {
	display: none;
}

#navi_service_flags:hover .languages-dropdown {
	display: block;
}

.spracheList > a > span {
	width: auto;
	background:	none !important;
	text-indent: inherit;
}

.languages-dropdown .icon20 {
	float: none;
	width: auto;
	height: auto !important;
	margin-right: 28px;
	padding-top: 0 !important;
	text-align: right !important;
	text-indent: inherit;
	background: none !important;
}

#navi_service_flags .spracheList > a:after,
.languages-dropdown a:after {
	position: absolute;
	top: 1px;
	right: 10px;
	display: inline-block;
	content: "";
	height: 16px;
	width: 20px;
	background: transparent url("/css/011/mobile_nav.png") 0 0 no-repeat;
}

#navi_service_flags .spracheList > a:after {
	top: 5px;
	height: 15px;
	width: 10px;
	background-position: -713px -10px;
}

#navi_service_flags:hover .spracheList > a:after {
	background-position: -723px -10px;
}

.languages-dropdown a.ch:after {
	background-position: -210px -10px;
}

.languages-dropdown a.fr:after {
	background-position: -230px -10px;
}

.languages-dropdown a.it:after {
	background-position: -250px -10px;
}

.languages-dropdown a.es:after {
	background-position: -270px -10px;
}

.languages-dropdown a.en:after {
	background-position: -290px -10px;
}

/* Logo */
@media screen and (min-width: 990px) {
	body #header {
		height: 86px;
	}
}

#mainLogo img {
	display: none;
}

/* Suche */
#search button.search {
	float: right;
	display: inline;
	width: 18%;
	height: 30px;
	font-size: 14px;
	box-shadow: none;
}

@media screen and (min-width: 750px) {
	body #search {
		z-index: 1000;
	}
	
	#search {
		background: #f6f7ea;
		border: 1px solid #615259;
		border-radius: 2px;
	}
	
	#search > form > div {
		width: 350px;
	}
	
	#search input[type="text"] {
		border: none;
		background: none;
		width: 80%;
	}
	
	#search button.search {
		float: right;
		display: inline;
		width: 12%;
		background: none;
		border: none;
		box-shadow: none;
	}
	
	body .search:before {
		position: absolute;
		left: 0;
		top: 1px;
		content: "";
		display: block;
		width: 30px;
		height: 29px;
	  background: transparent url("/css/011/mobile_nav.png") no-repeat scroll -160px -63px !important;
	}
	
	body .search span {
		display: none !important;
	}

	body #xs-ajax-search,
	body #xs-clickhistory {
		top: 29px;
		left: -1px;
		width: 350px;
		border-top: 0;
	}
}

@media screen and (max-width: 749px) and (min-width: 321px) {
	#search {
		background-color: #841e44;
	}
}

/* Minicart */
@media screen and (min-width: 750px) {
	body #mini_cart {
		width: 140px;
	}
}

#mini_cart {
	text-align: center;
	background-color: #ffffff !important;
}

#mini_cart a {
	text-decoration: none;
}

#mini_cart .cartlink,
#mini_cart .cartvalue {
	color: #615259 !important;
}

#mini_cart .cartlink {
	height: auto;
	width: auto;
	margin-bottom: 2px;
	text-transform: uppercase;
}

body #mini_cart .cartvalue {
	width: 120px;
	font-size: 13px;
}

body .icon40.bigcarttrans {
	background: transparent url("/css/011/mobile_nav.png") -82px -60px no-repeat !important;
}

/* Mainnav */
#mobilenav {
	padding-right: 0;
}

@media screen and (min-width: 750px) {
	body #mainnav {
		width: auto;
		height: 55px !important;
		margin-top: 15px;
	}
	
	body #mainnav > ul > li {
		height: 55px;	
	}
	
	body #mainnav > ul > li > div {
		top: 55px;
	}
}

@media screen and (min-width: 990px) {
	body #mainnav {
		left:	208px;
		width: auto;
		margin-top: -18px;
	}
	
	body #mainnav > ul > li > div {
		top: 59px;
	}
}

#mainnav > ul > li {
	background-color: #fff !important;
}

#mainnav > ul > li a {
  color: #896356 !important;
	text-shadow: none !important;
}

#mainnav > ul > li > div {
	background-color: #f6f7ea !important;
}

#mainnav div > ul > li {
	font-size: 14px;
}

#mainnav .nav_button > a {
	padding: 5px 0;
	font-size: 13px;
	color: #896356 !important;
	border-radius: 0;
	text-transform: uppercase;
	text-shadow: none;
}

#mainnav .bg_red > a {
	color: #841e44 !important;
}

#mainnav .bg_red > a {
	font-weight: bold;
}

body #mainnav .infotext {
	color: #896356;
}

body #mainnav > ul > li > div > ul > li:hover > div > a,
body #mainnav > ul > li > div > ul > li > ul > li:hover > a {
	color: #ffffff !important;
	background: #841e44 !important;
}

body #mainnav > ul > li > div > ul > li .icon20.arrow {
	margin-top: -27px;
	background-position: -736px -10px;
}

body #mainnav > ul > li > div > ul > li:hover .icon20.arrow {
	background-position: 0 -10px;
}

/* Breadcrumb Nav */
#breadcrumb {
	font-size: 13px;
}

#breadcrumb,
#breadcrumb a,
#breadcrumb a:visited {
	color: #896356;
}

/* Slider */
body #slides .slidesjs-play,
body #slides .slidesjs-stop {
	display: none !important;
}

body #slides .slidesjs-pagination {
	display: inline-block;
	bottom: 8px;
	height: auto;
	margin: 0 20px 0 0;
}

body #slides .slidesjs-pagination li {
	margin: 0;
}

body #slides .slidesjs-pagination li a {
	height: 9px;
	width: 9px;
	margin: 0 4px;
	padding: 0;
	background: none;
	background-color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .3);
}

body #slides .slidesjs-pagination li a:hover,
body #slides .slidesjs-pagination li a.active {
	background-color: #841e44;
}


body #slides .slidesjs-previous,
body #slides .slidesjs-next {
	top: 0%;
}

@media screen and (min-width: 750px) {
	body #slides .slidesjs-previous,
	body #slides .slidesjs-next {
		top: 37%;
	}
}

@media screen and (min-width: 990px) {
	body #slides .slidesjs-previous,
	body #slides .slidesjs-next {
		top: 37%;
	}
}

body #slides:hover .slidesjs-previous,
body #slides:hover .slidesjs-next {
	display: block;
}

body #slides .slidesjs-previous {
	left: 10px;
}

body #slides .slidesjs-next {
	left: inherit;
	right: 0;
}

body a.slidesjs-next, 
body a.slidesjs-previous {
	display: none;
	height: 85px;
	width: 60px;
	background: url("/css/011/mobile_nav.png") 0 0 no-repeat;
	opacity: .7;
}

body #slides .slidesjs-previous:hover,
body #slides .slidesjs-next:hover {
	opacity: 1;
}

body #slides .slidesjs-previous {
	background-position: -480px -65px;
}

body #slides .slidesjs-next {
	background-position: -540px -65px;
}

/* Rabattfeld */
#postheader #addrow {
	margin-top: 10px;
	padding-bottom: 3px;
}

#postheader #addrow,
.productFlags .bg_lgvgreen {
	color: #841e44;
	background-color: #f6f7ea !important;
	border: 1px solid #841e44;
	border-radius: 2px;
}

.productFlags span span {
	padding: 0;
	margin: 0;
}

@media screen and (min-width: 750px) {
	#postheader #addrow {
		width: auto;
	}
}

#postheader #addrow a {
	color: #841e44 !important;
}

#mainnav + .head_hr,
#banner + .head_hr {
	display: none;
}

.head_hr {
	margin-top: 25px !important;
}

/* ____________ Content ____________ */

body #content,
#footer {
	font-size: 14px;
}

/* Produktfinder */
.filterselector .categoryBox a,
.filterselector .categoryBox a:link,
.filterselector .categoryBox a:visited,
.linkbox a,
.linkbox a:link,
.linkbox a:visited {
	color: #ffffff;
	text-decoration: none !important;
	border: none;
}

.filterselector .border > * {
	border: none;
}

.linkbox .content,
.filterselector .content {
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	background-color: #841e44;
	border-radius: 2px;
}

body .linkbox .content {
	height: 2.5em;
}

body .filterselector .content {
	height: 3.5em;
}

.linkbox img,
.filterselector img {
	border-radius: 2px;
}

.linkbox:hover .content,
.filterselector .categoryBox:hover .content {
	background-color: #ac1b4e;
}

.doubleheight div.image {
	height: 180px !important
}

.productfinder .content {
	height: auto !important;
}

@media screen and (min-width: 990px) {
	.linkbox .content {
		padding: 5px 2px;
	}
}

/* Philosophie-Boxen mobil */
.philosophie .content {
	color: #a9b248;
	background-color: #ffffff;
	border: 1px solid #a9b248;
	border-radius: 2px;
}

.philosophie .content:hover {
	color: #fff;
	background-color: #a9b248;
}

@media screen and (max-width: 630px) {
	body .philosophie .content {
		height: 3.5em;
	}
}

@media screen and (max-width: 400px) {
	body .philosophie .content {
		height: 5em;
	}
}

/* Produktbox */
body .border > .is_lebe_gesund, 
body .border > .is_leben_und_frucht, 
body .border > .in_den_spuren_der_natur,
body .border > .hin_zur_natur, 
body .border > .outwrapper {
	border-color: #b5b0a5;
}

body .is_lebe_gesund .productDataBox h3.tabicon a {
	color: #841e44;
}

/* Blaue Tapse ausblenden */
.is_leben_und_frucht .productDataBox .icon30 {
	display: none;
}

/* Verfuegbarkeit */
.productbox .availability_info {
	margin: 5px 0 !important;	
}

.checkoutButtons .error {
	margin-top: 10px;	
}

.checkoutButtons .error,
.availability_info .error {
	padding: 7px;
	border-color: #f2e411;
	background-color: #faf7b2;
}

body .availability_info .round-icon, 
body .checkoutButtons .round-icon {
	float: left;
	width: 20px;
	height: 20px;
	margin: -4px 7px 0 0;
	background-color: #ff400f;
	border-radius: 11px;
}

body .availability_info .round-icon {
	margin: 0 7px 0 0;	
}

@media screen and (min-width: 990px) {
	body .availability_info .error {
		line-height: 20px;
	}
}

@media screen and (max-width: 749px) {
	.col4_4 + .col .filterTitle h1 {
		margin-top: 10px;
	}
}

/* Buttons */
body form button, 
body .btn,
body .productFlags span {
	border-radius: 2px;
	box-shadow: none;
}

.productFlags span {
	font-size: 13px;
}

body form button:hover, 
body .btn:hover {
	text-shadow: none;
}

/* Grauer Button */
body form button.grey,
body .btn.grey, 
body div.btn.grey,
body #footer form button,
body #footer .btn,
body .moreproductinfo {
	background: none;
	background-color: #bdb5b8 !important;
	border-color: #bdb5b8 !important;
}

body form button.grey:hover,
body .btn.grey:hover,
body div.btn.grey:hover,
body #footer form button:hover,
body #footer .btn:hover,
body form .moreproductinfo:hover {
	background-color: #aaa2a5 !important;
	border-color: #aaa2a5 !important;
}

body form button.grey span, 
body .btn.grey span,
body div.btn.grey span,
body #footer form button span,
body #footer .btn span {
	color: #333333;
}

/* Detailbutton */
body form button, 
body .btn,
body .goToDetail,
body #addToMemo,
body .function_ibibox_clear {
	background: none;
	background-color: #ffffff;
	border-color: #a9b248;
	box-shadow: none;
}

body form button:hover, 
body .btn:hover,
body .goToDetail:hover,
body #addToMemo:hover,
body .function_ibibox_clear:hover {
	background: none;
	background-color: #a9b248;
	border-color: #a9b248;
}

body form button span, 
body .btn span,
body .goToDetail span,
body #addToMemo span,
body .function_ibibox_clear span { 
	color: #a9b248;
}

body form button:hover span, 
body .btn:hover span,
body .goToDetail:hover span,
body #addToMemo:hover span,
body .function_ibibox_clear:hover span {
	color: #ffffff;
}

/* Warenkorbbutton */
body .addToCart,
body .addSetToCart,
body #toCart,
body .next,
body .addToCartOverlay,
body .upbtn,
body .servicenavcontent .btn {
	background: none;
	background-color: #841e44;
	border-color: #841e44;
}

body .addToCart span,
body .addSetToCart span,
body #toCart span,
body .next span,
body .addToCartOverlay span,
body .servicenavcontent .btn span {
	color: #ffffff;
}

body .addToCart:hover,
body .addSetToCart:hover,
body #toCart:hover,
body .next:hover,
body .addToCartOverlay:hover,
body .upbtn:hover,
body .servicenavcontent .btn:hover {
	background: none;
	background-color: #bd2963;
	border-color: #bd2963;
}

body .addToCart:hover span,
body .addSetToCart:hover span,
body #toCart:hover span,
body .next:hover span,
body .addToCartOverlay:hover span {
	color: #ffffff;
}

/* Abgerundete Buttons fuer Boxen */
.account_box .btn,
.addressbox .btn,
.crosssellerbox .btn {
	border: none;
	border-top: 1px solid #a9b248; 
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

#cartBaseDataTable .setAddressButtons.row {
	float: none;
}

.addressbox .setAddressButtons .btn {
	border-radius: 0;
}

body .function_ibibox_clear {
	font-size: 13px;
}

@media screen and (min-width: 990px) {
	/* Breite der Detail- und Warenkorbbutton anpassen */
	.productActionButtons .col16_3 {
		width: 188px;
	}
	
	/* Neues Paket-Icon einbinden */
	.addToCart span:before, 
	.addSetToCart span:before, 
	.addToCartOverlay span:before, 
	.goToCart span:before {
		background: url("/css/011/mobile_nav.png") no-repeat scroll -40px -60px transparent;
    content: "";
    display: inline-block;
    height: 34px;
    margin-bottom: -10px;
    margin-top: 4px;
    width: 35px;
    position: relative;
    left: -5px;
	}
	
	.goToCart span:before {
		margin-top: -9px;
	}
	
	.addToCart span:after, 
	.addSetToCart span:after, 
	.addToCartOverlay span:after, 
	.goToCart span:after {
		display: none;
	}
}

/* ____________ Footer ____________ */

body #footer #socialfooter {
	background-color: #bdb5b8 !important;
}

#footer .h3fontStyle {
	font-size: 16px;	
}

body #footer #socialfooter > .outfull_padding > div,
body #footer #socialfooter a {
	line-height: 40px;
}

body #footer #socialfooter .icon40 {
	background-image: url("/css/011/mobile_nav.png") !important;
}

/* ____________ Account ____________ */

body .accountbox_content h4 {
	padding-left: 0;
}

body .tooltipElement {
	text-indent: inherit;
	text-align: center;
}

body .addressbox .content {
	background-color: #ffffff !important;
}


/* ____________ Checkout ____________ */

body .overlay_close {
	text-indent: 17px;
}

/* Fortschrittsbalken */
body #checkoutProgressBox .active .inner,
body #checkoutProgressBox .done .inner {
	background-color: #a9b248;
}

body #checkoutProgressBox .withnext.active .inner:after,
body #checkoutProgressBox .withnext.done .inner:after {
	border-left-color: #a9b248;
}

body #checkoutProgressBox .active .step,
body #checkoutProgressBox .inner {
	background-color: #f6f7ea;
}

body #checkoutProgressBox .withnext .inner:after {
	border-left-color: #f6f7ea;
}

body #checkoutProgressBox .step {
	background-color: #bdb5b8;
}

body #checkoutProgressBox .step,
body #checkoutProgressBox .active .step {
	color: #615259;
}

/* Verfuegbarkeit Checkout */
.checkoutContent .row .imgheight + .col {
	margin-left: 10px;
}


@media screen and (min-width: 750px) {
	.checkoutContent .row .imgheight + .col {
		width: 213px;
	}
}

/* Warenkorbicon */
body #checkoutProgressBox .step .icon40 {
	height: 35px;
	background: transparent url("/css/011/mobile_nav.png") -81px -62px no-repeat !important;
}

/* Infobox */
body .detailSubscriptionInfo .content {
	border: none;
	border-radius: 0;
}

body .detailSubscriptionInfo_div h3 {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: 1.3;
}

body .detailSubscriptionInfo_div .nutritionFacts p {
	margin: 0 0 8px;
}

body .detailSubscriptionInfo_div .nutritionFacts table {
	margin-bottom: 12px;
}

body .areatitle {
	color: #a9b248;
}

body .deleteAddress {
	text-indent: 11px;
	background-color: #bdb5b8;
}

body .deleteAddress:hover {
	background-color: #aaa2a5;
}

body .deleteAddress a {
	color: #ffffff !important;
}

/* Preise auf Produktseite */
@media (max-width: 400px) {
	.detailsContent .pricelist .price {
		padding-left: 20px;
	}
	
	.detailsContent .pricelist .medpercent {
		right: 0;
	}
}

@media (min-width: 750px) and (max-width: 989px) {
	#replacementSet .detailsContentRight .pricelist .price,
	.detailsContent .pricelist .price {
		padding-left: 0;
	}
	
	#replacementSet .detailsContentRight .pricelist .medpercent,
	.detailsContent .pricelist .medpercent {
		right: 0;
	}
}

/* Marke ANNONI Farben */
body .border > .is_annoni {
  border: 2px solid #6FAAEC !important;
}

.is_annoni p, .is_annoni div {
  color: #183994 !important;
}

.is_annoni a, .is_annoni a:link, .is_annoni a:visited  {
  color: #183994 !important;	
}

.is_annoni .btn {
	color: #FFF !important;	
	background: transparent linear-gradient(to bottom, #183994 0%, #1d46b5 100%) repeat scroll 0% 0%;
	border-color: #808080;
}

.is_annoni .btn:hover {
	color: #FFF !important;	
	background: transparent linear-gradient(to bottom, #204bc0 0%, #2455da 100%) repeat scroll 0% 0%;
}

/* Link auf aktualisierte Spritemap */
.icon20 {
	width: 20px;
	height: 20px;
	background-image: url("/css/011/mobile_nav.png") !important;
}

.icon30 {
	width: 30px;
	height: 30px;
	background-image: url("/css/011/mobile_nav.png") !important;
}

.icon40 {
	width: 40px;
	height: 40px;
	background-image: url("/css/011/mobile_nav.png") !important;
}

.icon50 {
	width: 50px;
	height: 50px;
	background-image: url("/css/011/mobile_nav.png") !important;
}

/* Image Sprite */
.icon20.availability_sofort {
    margin-top: 4px;
    width: 5px;
    height: 5px;
    background-position: 5px 5px; /* positive value, to push the background outside the view */
    display: block;
    border-radius: 3px;
    border: 1px solid #a0a0a0;
    background-color: #33CC11;
}
.icon20.availability_beschraenkt {
    margin-top: 4px;
    width: 5px;
    height: 5px;
    background-position: 5px 5px; /* positive value, to push the background outside the view */
    display: block;
    border-radius: 10px;
    border: 1px solid #ffCC00;
    background-color: #ffCC00;
}
.icon20.availability_nicht {
    width: 16px;
    height: 16px;
    background-position: 16px 16px; /* positive value, to push the background outside the view */
    display: block;
    border-radius: 10px;
    border: 1px solid #a0a0a0;
    background-color: #ff4411;
}

form input[type="text"], form input[type="password"] {
	box-shadow: inset 0 1px 2px transparent !important;
	border-color: #ccc;
}

form input[type="text"]:focus, form input[type="password"]:focus {
	box-shadow: 0px 0px 2px #E1E6ED !important;
	border-color: #bbb;
	outline: none !important;
}

.price {
	letter-spacing: 0 !important;
}

h2.tabicon {
	margin-top: 5px !important;
}

/* Introtext auf der Startseite */
.intro p {
	font-size: 16px;
	line-height: 22px;
}

/* Verfuegbarkeit etc. mit kleinerer Schrift */
.ecoInfo, .availability_info {
	font-size: 11px;
}

/* Hinweistext des Filters anpassen */
.filterform .col {
	font-size: 11px;
	line-height: 13px;
	color: #888;
}

.filterExclusion + .col {
	margin-top: 0;
}

.filterExclusion + .col p {
	margin-top: .5em;
}

/* Social Footer angepasst */
#socialfooter {
  line-height: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Hotfix Checkout Lieferadresse */
.formRowContainer {
	height: auto !important;
}

/* Produkt-Detailseite: Naehrwert-Tabelle formatieren */
.nutritionFacts td {
	border-bottom: 1px dotted #A0A0A0;
}

/* Infoseite: Uebersichtstabelle formatieren */
.infotable td {
	border-bottom: 1px dotted #A0A0A0;
}


/* ---------- MEDIA QUERY: SCREEN & > 900px ---------- */

@media screen and (min-width: 990px) {

  body {
    background: #fff url(/css/011/background_008_winter.jpg) no-repeat center center fixed !important;
    -webkit-background-size: cover !important;
	  -moz-background-size: cover !important;
	  -o-background-size: cover !important;
	  background-size: cover !important;
  }

  .sitewrapper {
    background: #fff;
    overflow: auto;
    -webkit-box-shadow: 0px 0px 35px 10px rgba(0, 0, 0, .2); /* WebKit */
		-moz-box-shadow: 0px 0px 35px 10px rgba(0, 0, 0, .2); /* Firefox */
		box-shadow: 0px 0px 35px 10px rgba(0, 0, 0, .2); /* Standard */
  }

  #mainLogo {
    position: absolute;
    width: 350px;
    height: 84px;
		margin: 16px 0 0 40px;
    background: url("/css/011/990_header.png") top left no-repeat;
 }
  
  h1.pictureheader {
  	width: 800px !important;
  }
  
  /* Infoseiten Content */
  .info {
  	text-align: center !important;
  	width: 590px;
  	margin-left: 120px;
  }
  .info.wide {
  	width: 800px !important;
  	margin-left: 0px;
  }  
  
  .info hr {
  	margin-top: 40px;
  	margin-bottom: 15px;
  }
  
  .info img {
  	display: inline;
    margin: auto !important;
    float: none !important;
  }
  
  .info h1 {
    font-size: 32pt;
    line-height: 36pt;
    letter-spacing: 0px;
    padding-bottom: 10px;
    text-align: center;
  }  
  
  .info p {
  	font-size: 16px;
  	line-height: 22px;
  }
  
  .info h2, .info h3 {
  	font-size: 24px;
    line-height: 28px;
  	margin-bottom: 10px;
  }
  
  .info a.btn {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 10px 5px 10px;
  }
  
  #banner {
    height: 320px;
  }
  
  .slidesjs-container {
    height: 100% !important;
  }
  
  .image-right {
		position: absolute;
		right: 0;
		width: 470px;
	}

	.image-right img {
		display: block;
		float: none;
		margin: auto;
	}
}

/* ---------- MEDIA QUERY: SCREEN & > 600px & < 900px ---------- */
@media screen and (min-width: 750px) and (max-width: 989px) {
	#header {
		height: 86px;
	}
	
	#mainLogo {
		float: left;
		display: inline-block;
		width: 160px;
		height: 84px;
		margin: 16px 0 0;
		background: url("/css/011/750_header.png") top left no-repeat;
	}
  
  #search {
	  margin-top: 13px;
  }

  #banner {
    height: 242px;
  }   
  
  .slidesjs-container {
    height: 100% !important;
  }
  
  body .productfinder {
	  width: 167px;
	  text-align: center;
  }
  
  .image-right {
		position: absolute;
		right: 0;
		width: 350px;
	}

	.image-right img {
		display: block;
		float: none;
		width: 85%;
		margin: auto;
	}
}

/* ---------- MEDIA QUERY: SCREEN & < 750px (iPhone landscape) ---------- */
@media screen and (min-width: 400px) and (max-width: 749px) {
	#mainLogo {
		float: left;
		display: inline-block;
		width: 347px;
		height: 70px;
		background: url("/css/011/400_header.png") top left no-repeat;
	}
}

@media screen and (max-width: 749px) {
	body #aktionsBanner {
		display: block !important;
		position: inherit;
		width: auto;
		height: auto;
		margin: 0 !important;
		background-color: #f6f7ea;
		background-image: none;
	}
	
	#aktionsBanner a {
		height: auto !important;
		padding: 5px 0;
		color: #841e44;
		text-align: center;
		text-decoration: none;
	}
	
	#aktionsBanner a span {
		position: inherit !important;
	}
	
	#aktionsBanner a span:after {
		content: "\0203A";
		margin-left: 3px;
	}
	
	#aktionsBanner .close-mobile {
		display: block;
	}

	#header {
		height: 80px;
	}
	
	#slides {
		text-align: center;
	}	
	
	body #slides .slidesjs-container {
    margin-bottom: 20px;
    padding-bottom: 5%;
  }
  
  body #slides .slidesjs-pagination {
	  position: inherit;
	  float: none;
	  margin: 8px 0 0;
	  padding: 0;
  }
  
  body #slides a.slidesjs-next, 
  body #slides a.slidesjs-previous {
	  float: none;
	  display: inline-block;
	  opacity: 1;
	  position: inherit;
  }
  
  body #slides a.slidesjs-previous {
	  left: 0;
    float: left;
    margin: 0;
 	  width: 20px;
	  height: 20px;
	  background-position: -608px -71px;
 }
  
  body #slides a.slidesjs-next {
	  float: right;
	  margin: 0;
  	width: 20px;
	  height: 20px;
	  background-position: -628px -71px;
 }
 
  body .btn span {
		font-size: 14px !important;
	}
	
	.productActionBox {
		margin-bottom: 20px;
	}
	
	body .productfinder {
		text-align: center;
	}
	
	body .productfinder img {
		max-width: 80%;
		width: 100%;
	}
	
	.productfinder .content {
		height: 2.5em !important;	
	}
	/*
	body .productfinder {
		width: 48%;
		margin-left: 2%;
	}
	/*

	body .productfinder:nth-child(4n+1),
	body .productfinder:nth-of-type(5n) {
		margin-left: 2% !important;
	}
	body .productfinder:nth-child(2n+1) {
		margin-left: 0 !important;
		background: aqua
	}

	
	body .productfinder:nth-child(4n+1) {
		margin-left: 2%;
	}

*/
	.contentboxlodged .teaserbox {
		box-sizing: border-box;	
	}
	
	#contentpage .teaserbox img {
		display: none;
	}
	
	.image-right img {
		display: block;
		float: right;
		width: 200px;
		margin: 10px 0 20px 20px;
	}
}

/* ---------- MEDIA QUERY: SCREEN & <= 320px (iPhone portrait) ---------- */
@media screen and (min-width: 0px) and (max-width: 400px) {
	#mainLogo {
		float: left;
		display: inline-block;
		width: 320px;
		height: 84px;
		background: url("/css/011/350_header.png") top left no-repeat;
	}
	
	body #slides .slidesjs-container {
    margin-bottom: 10px;
    padding-bottom: 5%;
  }
}