/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	color: #898989;
	font-family: 'Inter', sans-serif;
	font-size: 21px; 	/*21px*/
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 29px;	/*29px*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	 font-feature-settings: 'kern' 1 ,'liga' 1, 'calt' 1, 'locl' 1;
    -webkit-font-feature-settings: 'kern' 1 ,'liga' 1, 'calt' 1, 'locl' 1;
    -moz-font-feature-settings: 'kern' 1 ,'liga' 1, 'calt' 1, 'locl' 1;
    -ms-font-feature-settings: 'kern' 1 ,'liga' 1, 'calt' 1, 'locl' 1;
    -o-font-feature-settings: 'kern' 1 ,'liga' 1, 'calt' 1, 'locl' 1;
}

a, 
a:link, 
a:hover, 
a:active {
	color: #898989;
	font-family: 'Inter', sans-serif;
	font-size: 21px; 	/*21px*/
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 29px;	/*29px*/
	outline: 0;
	text-decoration: underline;
}

/*product list download*/
a.product-list-link, a.product-list-link:link,
a.product-list-link:hover, a.product-list-link:active
{
	color: #969cac;
	font-family: 'Inter', sans-serif;
	font-size: 15px; 	/*15px*/
	line-height: 21px;	/*21px*/
	outline: 0;
	text-decoration: underline;
}

.client-area-icon a,
.client-area-icon a:link
.client-area-icon a:hover
.client-area-icon a:active {
	font-size: 21px; 	/*21px*/
	letter-spacing: 0.03em;
	line-height: 29px;	/*29px*/
	text-decoration: none;
}

.font-14-height-22 a,
.font-14-height-22 a:link,
.font-14-height-22 a:hover,
.font-14-height-22 a:active {
	font-size: 14px; 	/*14px*/
	letter-spacing: 0.01em;
	line-height: 22px;	/*22px*/
	text-decoration: underline;
	outline: 0;
}

.font-15-height-19 a,
.font-15-height-19 a:link,
.font-15-height-19 a:hover,
.font-15-height-19 a:active {
	font-size: 15px; 	/*15px*/
	letter-spacing: 0.01em;
	line-height: 19px;	/*19px*/
	text-decoration: none;
	outline: 0;
}

.font-16-height-20 a,
.font-16-height-20 a:link,
.font-16-height-20 a:hover,
.font-16-height-20 a:active {
	font-size: 16px; 	/*16px*/
	line-height: 20px;	/*20px*/
	outline: 0;
}

.font-17-height-20 a,
.font-17-height-20 a:link,
.font-17-height-20 a:hover,
.font-17-height-20 a:active {
	font-size: 17px; 	/*17px*/
	letter-spacing: 0.01em;
	line-height: 20px;	/*20px*/
	text-decoration: none;
	outline: 0;
}

.font-18-height-25 a,
.font-18-height-25 a:link,
.font-18-height-25 a:hover,
.font-18-height-25 a:active {
	font-size: 18px; 	/*18px*/
	line-height: 25px;	/*2px*/
	outline: 0;
}

.font-size-19-height-26 a,
.font-size-19-height-26 a:link,
.font-size-19-height-26 a:hover,
.font-size-19-height-26 a:active {
	font-size: 19px; 	/*19px*/
	line-height: 26px;	/*26px*/
	outline: 0;
}

.font-size-21-height-33 a,
.font-size-21-height-33 a:link,
.font-size-21-height-33 a:hover,
.font-size-21-height-33 a:active {
	font-size: 21px; 	/*21px*/
	line-height: 33px;	/*33px*/
}

a.yellow,
a.yellow:link,
a.yellow:hover,
a.yellow:active {
	color: #e2d21a;
}


.fontsize18 a, .fontsize18 a:link,
.fontsize18 a:hover, .fontsize18 a:active
{
	font-family: 'Inter', sans-serif;
	font-size: 18px; 	/*18px*/
	line-height: 24px;	/*24px*/
	outline: 0;
	text-decoration: none;
}

a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover
{
	text-decoration: none;
	cursor: default;
}

.font-medium,
.font-medium a {
	font-weight: 500 !important;
}

.font-regular,
.font-regular a {
	font-weight: 400 !important;
}

.font-to-uppercase {
}

.fontsize18
{
	font-size: 18px; 	/*18px*/
	line-height: 24px;	/*24px*/
}

.bg-color-d1d1d9 {
	background-color: #b1d1d9;
}

.bg-color-f0f0ef {
	background-color: #f0f0ef;
}

.bg-color-f8ed6e {
	background-color: #f8ed6e;
}

.font-color-white,
.font-color-white a {
	color: #ffffff;
}

.font-color-b7b9bd {
	color: #898989;
}

.font-color-a7a9ad {
	color: #898989;
}

.font-color-e21a5f {
	color: #e21a5f;
}

.font-color-e2d21a,
.font-color-e2d21a a {
	color: #e2d21a;
}

.font-white {
	color: #ffffff;
}

.font-color-black {
	color: #000000;
}

.font-color-e2d21a {
	color: #e2d21a;
}

.font-color-9d9fa3 {
	color: #9d9fa3;
}

.font-color-222222 {
	color: #222222;
}

.font-color-4a4a4a {
	color: #4a4a4a;
}


.font-light-grey
{
	color: #c4c2bd;
}

.font-14-height-22 {
	font-size: 14px; 	/*14px*/
	letter-spacing: 0.01em;
	line-height: 22px;	/*22px*/
}

.font-15-height-19 {
	font-size: 15px; 	/*15px*/
	letter-spacing: 0.01em;
	line-height: 19px;	/*19px*/
}

.font-15-height-30 {
	font-size: 15px; 	/*15px*/
	letter-spacing: 0.03em;
	line-height: 30px;	/*30px*/
}

.font-16-height-20 {
	font-size: 16px; 	/*16px*/
	letter-spacing: 0.01em;
	line-height: 20px;	/*20px*/
}

.font-17-height-20 {
	font-size: 17px; 	/*17px*/
	letter-spacing: 0.01em;
	line-height: 20px;	/*20px*/
}

.font-18-height-25 {
	font-size: 18px; 	/*18px*/
	letter-spacing: 0.01em;
	line-height: 25px;	/*2px*/
}

.font-size-19-height-26 {
	font-size: 19px; 	/*19px*/
	letter-spacing: 0.01em;
	line-height: 26px;	/*26px*/
}

.font-size-21-height-33 {
	font-size: 21px; 	/*21px*/
	letter-spacing: 0.01em;
	line-height: 33px;	/*33px*/
}

.font-size-50-height-60 {
	font-size: 35px; 	/*50px*/
	letter-spacing: 0.01em;
	line-height: 45px;	/*60px*/
}

.bg-color-f8f7f0 {
	background-color: #f8f7f0;
}

.bg-color-grey
{
	background-color: #e3e0df;
}

.bg-color-blue
{
	background-color: #eff0f5;
}

.showsmart, 
.showsmart-small, 
.showtabletlandscape, 
.showtabletportrait, 
.showsmartinline {
	display: none !important;
}

.hidesmart, 
.hidetabletportrait {
	display: block;
}

h1 {	
	font-size: 35px; 	/*35px*/
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 41px;	/*41px*/
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 30px; 	/*30px*/
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 35px;	/*35px*/
	margin: 0;
	padding: 0;
}

h2.home-teaser-head-inner {
	color: #4a4a4a;
	display: block;
	font-size: 18px; 	/*18px*/
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 22px;	/*22px*/
	margin: 0;
	padding: 0% 0% 0% 8.6%;
	position: absolute;
	top: 50%;
	transform: translate( 0%, -50% );
	width: 85%;	
}

h3.teaser-inner {
	font-size: 18px; 	/*18px*/
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 22px;	/*22px*/
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translate( 0%, -50% );
	width: 85%;	
}

h3.home {	
	/*font-size: 50px; 	*/
	font-size: 35px; 	/*35px*/
	font-weight: 400;
	letter-spacing: 0.01em;
	/*line-height: 60px;*/
	line-height: 42px;	/*42px*/
	margin: 0;
	padding: 0;
}

h3.product-list {
	font-size: 30px; 	/*30px*/
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 35px;	/*35px*/
	margin: 0;
	padding: 0;
}

h3.product-detail {
	font-size: 30px; 	/*30px*/
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 35px;	/*35px*/
	margin: 0;
	padding: 0;
}

h4.home {	
	font-size: 50px; 	/*50px*/
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 60px;	/*60px*/
	margin: 0;
	padding: 0;
}

h4.product-list {
	font-size: 15px; 	/*15px*/
	font-weight: 800;
	letter-spacing: 0.01em;
	line-height: 19px;	/*19px*/
	margin: 0;
	padding: 0;
}

h4.product-detail {
	font-size: 35px; 	/*35px*/
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 40px;	/*40px*/
	margin: 0;
	padding: 0;
}

h5.home {	
	font-size: 20px; 	/*20px*/
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 25px;	/*25px*/
	margin: 0;
	padding: 0;
}

h5.product-list {
	font-size: 21px; 	/*21px*/
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 28px;	/*28px*/
	margin: 8px 0px 9px 0px;
	padding: 0;
}

h5.product-detail {
	font-size: 21px; 	/*21px*/
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 28px;	/*28px*/
	margin: 0px;
	padding: 0;
}

.headline-gelb { 
	color: #e2d21a;
	font-weight: 500;
}

.text-align-center {
	text-align: center;
}

.frame-wrapper {
	float: left;
	width: 100%;
}

.frame {
	margin: 0px auto;
	max-width: 1920px;
	position: relative;
	width: 100%;
}

.frame-inner {
	margin: 0px auto;
	max-width: 1840px;
	width: 95.8%;
}

.frame-inner-width-100 {
	
}

#head {
	background-color: #ffffff;
	float: left;
	margin: 0px 0px 55px 0px;
	width: 100%;
}

.head-left {
	float: left;
	margin: 60px 0px 0px 0px;
	/*width: 16.84783%;*/
width: 20%;
}

.logo {
	float: left;
	/*width: 232px;*/
width: 88%;
}



.head-right-top {
	float: right;	
}

.mobile-menu-wrapper {
	float: right;
	position: relative;
}

.menu-closed {
}

.quickfinder-wrapper {
	float: left;
	margin: 54px 0px 0px -6px;
	width: 285px;
}

/** Mozilla Firefox */
@-moz-document url-prefix() {
	.quickfinder-wrapper {
		margin: 54px 0px 0px -2px;
	}
}

.quickfinder {
	float: left;
	width: 100%;
}

/*
orignal

.client-area-icon {
	float: right;
	margin: 60px 106px 41px 0px;
}

.client-area-icon-inner {
	padding: 12px 0px 11px 25px;
	width: 198px;
}
*/

.client-area-icon {
	float: right;
	margin: 60px 106px 0px 0px;
	height: 1px;
}

.client-area-icon-inner {
	/*padding: 12px 0px 11px 25px;*/
	width: 198px;
}


.shopping-cart-icon-wrapper {	
	margin: 63px -13px 0px 0px;
	float: right;
}

.shopping-cart-icon {
	background: transparent url( '../art/bg-shopping-cart-icon-grey-25.svg' ) left top no-repeat;
	background-size: 37px 37px;
	float: left;
	width: 37px;
}

.shopping-cart-counter {
	float: left;
	padding: 9px 0px 0px 2px;
}

.claim-wrapper {
	float: left;
	margin: 6.1% 0px 0px 0px;
}

.claim-wrapper-inner {
	float: left;
	margin: 0px 0px 0px -2px;	
	width: calc( 100% + 2px );
}

/*
.btn-search-icon {
	width: 223px;
}


original
.btn-search-icon-inner {
	background: transparent url( '../art/bg-search-icon-grey-22.svg' ) left top no-repeat;
	background-size: 29px 29px;
	float: right;
	width: 29px;
}

*/

.btn-search-icon {
	width: 223px;
}

.btn-search-icon-inner {
	background: transparent url( '../art/bg-search-icon-grey-25.svg' ) left top no-repeat;
	background-size: 29px 29px;
	float: right;
	margin: 7px 24px 0px 0px;
	width: 29px;
	
}


.main {
	float: left;
	width: 100%;
}

.small-quantity-shipping-disrupter {
	background-color: #f8ed6e;
	position: absolute;
	right: 0px;
	width: 115px;
/* changed 190225 mb */
display: none;
}

.small-quantity-shipping-disrupter-inner {
	padding: 9px 7px 0px 6px;
}

.menu-opened {
	float: left;
	margin: 0px 0px 50px 0px;
/*width: 16.84783%;*/
width: 20%;
}

#menu-opened-inner-wrapper {
	max-height: auto;
	width: 100%;
}

#menu-opened-inner {
	margin: -1px 0px 0px 4px;
	padding: 0% 15% 0% 0%;
}

.content-wrapper {
	float: left;
	/*width: 83.15217%;*/
width: 80%;
}

.news-message {
	color: #e2d21a;
	float: left;
	width: 100%;
}

.news-message-inner {
	margin: -7px 0px 25px 0px;
}

.content {
	float: left;
	width: calc( 100% - 159px );
}

.content-master {
	float: left;
	margin: 0px 0px 153px 0px;
	width: 100%;
}

.content-master-inner {
	float: left;
	margin: 82px 0px 0px 0px;
	width: 100%;
}

.home-teaser-wrapper {	
	background: transparent url( '../art/bg-line-map-22.svg' ) left top/cover no-repeat;
	float: left;
	height: 738px;
	position: relative;
	width: calc( 100% + 6px );
}

.home-teaser {
	float: left;
	position: absolute;
	width: 25%;
}

.teaser-fill-1 {
}

.teaser-fill-2 {
}

.teaser-fill-3 {
}

.teaser-fill-3-small-tablet {
}

.teaser-fill-4 {
}

.teaser-fill-5 {
}

.teaser-fill-6 {
}

.teaser-fill-7 {
}

.teaser-fill-8 {
	display: none;
}

.teaser-fill-8-small-tablet {
	display: none;
}

.teaser-fill-9-small-tablet {
	display: none;
}

.home-teaser-spacer-one-teaser-height {
	display: none;
	float: left;	
	height: 186px;
	width: 100%;
}

.home-teaser-spacer-two-teaser-height {
	display: none;
	float: left;	
	height: 372px;
	width: 100%;
}

.home-teaser-first {
	top: 0px;
	left: 0px;
	z-index: 40;
}

.home-teaser-second {
	top: 0px;
	left: 25%;
	z-index: 39;
}

.home-teaser-third {
	top: 0px;
	left: 50%;
	z-index: 38;
}

.home-teaser-fourth {
	top: 0px;
	left: 75%;
	z-index: 37;
}

.home-teaser-fifth {
	left: 0px;
	top: 186px;
	z-index: 30;
}

.home-teaser-sixth {
	left: 25%;
	top: 186px;
	z-index: 29;
}

.home-teaser-seventh {
	left: 50%;
	top: 186px;
	z-index: 28;
}

.home-teaser-eighth {
	left: 75%;
	top: 186px;
	z-index: 27;
}

.home-teaser-nineth {
	left: 0px;
	top: 372px;
	z-index: 20;
}

.home-teaser-tenth {
	left: 25%;
	top: 372px;
	z-index: 19;
}

.home-teaser-eleventh {
	left: 50%;
	top: 372px;
	z-index: 18;
}

.home-teaser-twelfth {
	left: 75%;
	top: 372px;
	z-index: 17;
}

.home-teaser-thirteenth {
	left: 0px;
	top: 558px;
	z-index: 10;
}

.home-teaser-fourteenth {
	left: 25%;
	top: 558px;
	z-index: 9;
}

.home-teaser-fifteenth {
	left: 50%;
	top: 558px;
	z-index: 8;
}

.home-teaser-sixteenth {
	left: 75%;
	top: 558px;
	z-index: 7;
}

.home-teaser-inner-wrapper {
	border-bottom: 6px solid #ffffff;
	border-right: 6px solid #ffffff;
	float: left;	
	min-height: 180px;
	width: calc( 100% - 6px );
}

.home-teaser-inner-wrapper-bg-color-ffffff {
	background-color: rgba( 255, 255, 255, 1 );
}

.home-teaser-inner-wrapper-bg-color-0 {
	background-color: rgba( 141, 203, 221, 0.85 );
}

.home-teaser-inner-wrapper-bg-color-1 {
	background-color: rgba( 106, 185, 201, 0.85 );
}

.home-teaser-inner-wrapper-bg-color-2 {
	background-color: rgba( 219, 205, 58, 0.85 );
}

.home-teaser-inner-wrapper-bg-color-3 {
	background-color: rgba( 181, 226, 242, 0.85 );
}

.home-teaser-inner-wrapper-bg-color-4 {
	background-color: rgba( 164, 210, 222, 0.85 );
}

.home-teaser-inner-wrapper-bg-color-5 {
	background-color: rgba( 159, 227, 253, 0.85 );
}

.home-teaser-inner-wrapper-bg-color-6 {
	background-color: rgba( 239, 227, 70, 0.85 );
}

.home-teaser-inner-wrapper-bg-color-7 {
	background-color: rgba( 232, 221, 112, 0.85 );
}

.home-teaser-inner {
	float: left;
	height: 180px;
	position: relative;
	width: 100%;
}

.home-teaser-text {
	display: none;
	float: left;
	margin: -42px 0px 0px 0px;
}

.home-teaser-text-inner {
	float: left;
	height: 414px;
	padding: 0% 8.6% 0% 8.6%;
}

.home-teaser-icon-plus {
	float: left;
	right: 20px;
	position: absolute;
	top: 20px;
	width: 50px;
	z-index: 5;
}

.full-width-bg-grey {
	background: #64717b url( '../art/bg-stripe-grey-22.jpg' ) left top repeat-x;
	float: left;
	margin: 169px 0px 0px 0px;
	width: 100%;
}

.full-width-inner-frame {
	float: left;
	margin: 0% 0% 0% 20%;
	/*width: 83.15217%;*/
width: 80%;
}

.claim-home {
	float: left;
	padding: 65px 0px 66px 0px;
	width: 83.7%;
}

.full-width-bg-yellow {
	background: #e2d21a url( '../art/bg-stripe-yellow-22.jpg' ) left top repeat-x;
	float: left;
	height: 350px;
	width: 100%;
}

.home-more-teaser-left {
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
	float: left;
	padding: 0% 5% 0% 0%;
	width: 45.4%;
}

.home-more-teaser-left-top {
	float: left;
	padding: 78px 0px 0px 0px;
	width: 100%;
}

.home-more-teaser-left-bottom {
	float: left;
	padding: 78px 0px 139px 0px;
	width: 100%;
}

.home-more-teaser-right {
	float: left;
	margin: -80px 0px 0px 0px;
	width: 54.6%;
}

.home-more-teaser-box-wrapper {
	float: left;
	margin: 0px 0px 151px 0px;
	width: calc( 100% - 159px );
}

.home-more-teaser-box {
	border: 1px solid #898989;
	height: 390px;
	position: relative;
	text-align: center;
	width: 49.1%;	
}

.home-more-teaser-box-1 {
	float: left;	
}

.home-more-teaser-box-2 {
	float: right;	
}

.home-more-teaser-box-3 {
	float: left;
	margin: 6px 0px 0px 0px;
}

.home-more-teaser-box-4 {
	float: right;
	margin: 6px 0px 0px 0px;
}

.home-more-teaser-box-head {
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
	float: left;
	margin: 46px 0px 0px 0px;
	width: 100%;
}

.home-more-teaser-box-icon-wrapper {
	float: left;
	width: 100%;
}

.home-more-teaser-box-icon-1 {
	margin: 56px auto 45px auto;
	width: 59px;
}

.home-more-teaser-box-icon-2 {
	margin: 63px auto 46px auto;
	width: 85px;
}

.home-more-teaser-box-icon-3 {
	margin: 51px auto 40px auto;
	width: 60px;
}

.home-more-teaser-box-icon-4 {
	margin: 52px auto 39px auto;
	width: 60px;
}

.home-more-teaser-box-copy {
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
	float: left;
	margin: 0px 0px 38px 0px;
	padding: 0% 8% 0% 8%;
	width: 100%;
}

/* slideshow */
.slideshow-item-home {
	background-position: center center;
	background-size: cover;
	height: 180px;
	opacity: 0;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.slideshow-pulldown-wrapper-edit {
	left: 0px;
	position: absolute;
	top: 0px;
	z-index: 50;
}

/* category overview page */

.headline-wrapper {
	background-color: #fafaf8;
	float: left;
	width: 100%;
}

.headline-wrapper-inner {
	float: left;
	margin: 37px 0px 38px 40px;
}

.headline-wrapper-inner-width-100 {
	
}

.content-teaser-wrapper {
	background: transparent url( '../art/bg-line-map-22.svg' ) left top/cover no-repeat;
	float: left;
	margin: 20px 0px 111px 0px;
	width: calc( 100% + 6px );
}

.content-teaser {
	float: left;
	height: 326px;
	width: 25%;
}

.content-teaser-inner {
	border-bottom: 6px solid #ffffff;
	border-right: 6px solid #ffffff;
	float: left;	
	min-height: 180px;
	width: calc( 100% - 6px );
}

.content-teaser-image {
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: auto 180px;
	background-position: center center;
	float: left;
	height: 180px;
	width: 100%;
}

.content-teaser-text {
	float: left;
	height: 140px;
	padding: 0px 20px 0px 28px;
	position: relative;
	width: calc( 100% - 48px );
} 

.content-teaser-copy-wrapper {
	float: left;
	margin: 0px 0px 148px 0px;
	width: 100%;
} 


/* product overview page */

.product-entry-edit {
	float: left;
	width: 100%;
}

.product-list-name-wrapper {
	background-color: #fafaf8;
	float: left;
	min-height: 450px;
	margin: 20px 0px 0px 0px;
	width: 100%;
}

.product-list-name-left {	
	float: left;
	margin: 69px 0px 0px 0px;
	width: 50%;
}

.product-list-name {
	float: left;
	margin: 0px 40px 42px 40px;
	width: calc( 100% - 98px );
}

.product-list-introtext {
	float: left;
	margin: 0px 40px 66px 40px;
	width: calc( 100% - 98px );
}

.product-list-name-right {	
	float: left;
	position: relative;
	width: 50%;
}

/* slideshow */
.slideshow-item-product-list {
	background-position: center center;
	background-size: cover;
	min-height: 450px;
	opacity: 0;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 100%;
}

.slideshow-button-next {
	background: #fafaf8 url( '../art/bg-dropdown-arrow-22.svg' ) no-repeat center top;
	cursor: pointer;
	height: 30px;
padding: 20px 10px 0px 10px;
	position: absolute;
	right: -10px;
top: 10px;
	transform: rotate(270deg);
	width: 50px;
	z-index: 100;
}

.product-list-wrapper {
	float: left;
	margin: 99px -55px 0px 0px;
	width: calc( 100% + 55px );
}

.product-list-item-wrapper {
	float: left;
	width: 356px;
}

.product-list-item {
	float: left;
	margin: 0px 0px 54px 0px;
	width: 302px;
}

.product-list-item-image {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	height: 80px;
	width: 100%;
}

.product-list-item-copy-wrapper {
	background-color: #fafaf8;
	float: left;
	height: 185px;
	width: 100%;
}

.product-list-item-copy-headline {
	float: left;
	margin: 27px 25px 0px 25px;
	width: calc( 100% - 50px );
}

.product-list-item-copy {
	float: left;
	margin: 16px 25px 0px 25px;
	width: calc( 100% - 50px );
}

.product-list-item-request {
	float: left;
	height: 70px;
	margin: 6px 0px 0px 0px;
	text-align: center;
	width: 100%;
}

.product-list-item-request-inner {
	float: left;
	margin: 25px 0px 0px 0px;
	width: 100%;
}

.product-list-full-width-bg-yellow {
	background: #e2d21a url( '../art/bg-stripe-yellow-22.jpg' ) left top repeat-x;
	float: left;
	margin: 33px 0px 0px 0px;
	width: 100%;
}

.product-list-full-width-claim {
	float: left;
	margin: 69px 0px 69px 0px;
	width: 100%;
}

.product-list-copy-wrapper {
	float: left;
	margin: 116px 0px 0px 0px;
	width: 100%;
}
 
.product-info-area-wrapper {
	float: left;
	margin: 118px 0px 110px 0px;
	width: 100%;
}

.product-info-trigger-wrapper {
	float: left;
	margin: 0px 0px 40px 0px;
	width: 100%;
}

.product-info-trigger-wrapper-form {
	float: left;
	margin: 80px 0px 0px 0px;
	width: 100%;
}
	
.product-info-trigger {
	background-color: #fafaf8;
	cursor: pointer;
	display: block;
	float: left;
	overflow: hidden;
	width: 100%;
}

.product-info-trigger-inner {
	float: left;
	margin: 38px 29px 37px 41px;
	width: calc( 100% - 68px );
}

.product-info-trigger-open {
	background: transparent url( '../art/btn-icon-plus-yellow-22.svg' ) right top no-repeat;
	background-repeat: no-repeat;
	background-size: 45px auto;
}

.product-info-trigger-close {
	background: transparent url( '../art/btn-icon-minus-yellow-22.svg' ) right top no-repeat;
	background-size: 45px auto;
}

.togglecontent {
	float: left;
	display: none;
	width: 100%;
}

.togglecontent-inner {
	float: left;
	margin: 38px 0px 38px 0px;
	width: 100%;
}

.product-list-download-headline {
	float: left;
	width: 100%;
}

.product-list-download {
	float: left;
	width: 100%;
}


/* product detail page */

.product-detail-wrapper {
	float: left;
	margin: 20px 0px 40px 0px;
	width: 100%;
}

.product-detail-right-headline {
	float: right;
	width: 555px;
}

.product-detail-left {
	float: left;
	width: calc( 49.2% + 21px );
}

.product-detail-image-large {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;	
	height: 23.4375vw;
max-height: 430px;
	width: calc( 100% - 21px );
}

.product-detail-image-small-wrapper {
	float: left;
	width: 100%;
}

.product-detail-image-small {
	float: left;
	height: 7.291666vw;
	margin: 40px 0px 0px 0px;
	width: 33.333333%;
}

.product-detail-image-small-inner {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
	float: left;
	height: 7.291666vw;
	width: calc( 100% - 21px );
}

.product-detail-right {
	float: right;
	width: 555px;
}

.product-detail-right-price {
	float: left;
	font-size: 50px; 	/*50px*/
	letter-spacing: 0em;
	line-height: 55px;	/*55px*/
	margin: 53px 0px 0px 0px;
	width: 100%;
}

.product-detail-right-price-info {
	float: left;
	margin: 30px 0px 0px 0px;
	width: 100%;
}

.product-detail-right-package-info-trigger {
	cursor: pointer;
	float: left;
	text-decoration: underline;
	width: 100%;
}

.product-detail-right-package-info {
	display: none;
	float: left;
	width: 100%;
}

.no-js .product-detail-right-package-info {
	display: block;
	float: left;
	width: 100%;
}

.product-detail-grain-selection-label {
	background-color: #fafaf8;
	float: left;
	font-size: 21px; 	/*21px*/
	letter-spacing: 0.03em;
	line-height: 35px;	/*35px*/
	margin: 98px 0px 0px 0px;
	width: 100%;
}

.product-detail-grain-selection-label-inner {
	margin: 13px 0px 12px 29px;	
}

.product-detail-grain-one-grain {
	border-bottom: 1px solid #e1e2e6;
	border-left: 1px solid #e1e2e6;
	border-right: 1px solid #e1e2e6;
	color: #898989;
	float: left;
	font-size: 21px; 	/*21px*/
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 29px;	/*29px*/
	padding: 20px 10px 18px 28px;
	width: calc( 100% - 40px );
}

.product-detail-quantity-submit-wrapper {
	float: left;
	margin: 81px 0px 0px 0px;
	width: 100%;
}

.product-detail-quantity-selection-wrapper {
	border: 1px solid #e1e2e6;
	float: left;
	height: 78px;
	width: 121px;
}

.product-detail-quantity-button-minus {
	float: left;
	margin: 27px 2px 0px 10px;
	width: 20px
}

.product-detail-quantity-button-plus {
	float: right;
	margin: 23px 8px 0px 0px;
	width: 28px
}

.product-detail-quantity-display {
	float: left;
	margin: 9px 0px 0px 9px;
}

.product-detail-info-bar {
background-color: #fafaf8;
	margin: 235px 0px 0px 0px;
	float: left;
	width: 100%;
}

.product-detail-info-bar-no-margin {
	margin: 0px 0px 0px 0px;
}

.product-detail-info-bar-inner-left-100-percent {
	background-color: #fafaf8;
	width: 100%;
}

.product-detail-info-bar-inner-left {
	background-color: #fafaf8;
	float: left;
	padding: 40px 0px 40px 28px;
	width: calc( 100% - 588px );
}

.product-detail-info-bar-inner-right {
	background-color: #e2d21a;
	float: right;
	width: 560px;
}

.product-detail-info-bar-inner-right-label {
	float: left;
	margin: 46px 0px 0px 99px;
}

.product-detail-info-bar-inner-right-icon {
	background-color: #f8eb6d;
	float: right;
	height: 120px;
	width: 120px;
}

.product-detail-info-bar-inner-right-icon-inner {
	padding: 40px 37px 0px 38px;
}

.product-detail-info-content {	
	float: left;
	margin: 52px 0px 79px 28px;
	width: 80%;
}

.product-detail-info-content-request-form {
	float: left;
	margin: 0px 0px 150px 0px;
	width: calc( 100% + 46px );
}

.product-detail-info-content-request-form-text {
	float: left;
	margin: 28px 0px 1px 0px;
	width: 90%;
}

ul.product-detail-info {
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 29px 0px;
}

.product-detail-order-name-hidden {
	display: none;
}


/* shopping cart checkout */

.shopping-cart-checkout-wrapper {
	float: left;
	margin: 0px 0px 150px 0px;
	width: 100%;
}

.shopping-cart-checkout-row-head {
	float: left;
	margin: 58px 0px -7px 0px;
	width: 100%;
}

.shopping-cart-checkout-row-head-finish-order {
	margin: 58px 0px 10px 0px;
}

.shopping-cart-checkout-row-head-tablet-portrait {
	display: none;
}

.shopping-cart-checkout-row {
	float: left;
	margin: 80px 0px 0px 0px;
	width: 100%;
}

.shopping-cart-checkout-row-finish-order {
	margin: 63px 0px 0px 0px;
}

.shopping-cart-checkout-row-left {
	float: left;
	width: calc( 49.2% + 21px );
}

.shopping-cart-checkout-row-right {
	float: right;
	width: 555px;

}

.shopping-cart-checkout-table-head-product-price {
	float: left;
	text-align: right;
	width: 37.5%;
}

.shopping-cart-checkout-table-head-product-quantity {
	float: left;
	text-align: right;
	width: 25%;	
}

.shopping-cart-checkout-table-head-product-price-total {
	float: left;
	text-align: right;
	width: 37.5%;
}

.shopping-cart-checkout-image {
	float: left;
	height: 7.291666vw;
	margin: 0px 0px 0px 0px;
	width: 33.333333%;
}

.shopping-cart-checkout-image-inner {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	height: 7.291666vw;
	width: calc( 100% - 21px );
}

.shopping-cart-checkout-product {
	float: right;
	width: 65%;
}

.shopping-cart-checkout-product-inner {
	padding: 0px 30px 10px 0px;
}

.shopping-cart-checkout-product-price {
	float: left;
	text-align: right;
	width: 37.5%;
}

.shopping-cart-checkout-product-quantity {
	float: left;
	margin: -8px 0px 0px 0px;
	text-align: right;
	width: 25%;
}

.shopping-cart-checkout-product-quantity-check-page {
	float: left;
	margin: 0px 0px 0px 0px;
	text-align: right;
	width: 25%;
}

.shopping-cart-checkout-product-price-total {
	float: left;
	text-align: right;
	width: 37.5%;
}

.shopping-cart-checkout-product-price-display {
	font-size: 30px; 	/*30px*/
	letter-spacing: 0.01em;
	line-height: 35px;	/*35px*/
}

.shopping-cart-checkout-product-delete {
	float: left;
	width: 100%;
}

.shopping-cart-checkout-row-price-total {
	border-top: 1px solid #a7aebb;
	float: left;
	margin: 80px 0px 0px 0px;
	padding: 73px 0px 0px 0px;
	width: 100%;
}

.shopping-cart-checkout-row-price-total-finish-order {
	margin: 63px 0px 0px 0px;
}


.shopping-cart-checkout-row-price-total-inner {
	float: right;
	/*margin: 0px 0px 10px 0px;*/
	width: 100%;
}


.shopping-cart-checkout-row-price-total-inner-left {
	float: left;
	width: calc( 49.2% + 21px );
}

.shopping-cart-checkout-row-price-total-inner-right {
	float: right;
	text-align: right;
	width: 555px;
}


/* form */

.product-form-name {
	float: left;
	margin: 0px 40px 42px 40px;
	width: calc( 100% - 98px );
}

.product-form-introtext {
	float: left;
	margin: 0px 40px 66px 40px;
	width: calc( 100% - 98px );
}

.product-form-info-trigger-inner {
	float: left;
	margin: 38px 29px 37px 41px;
	width: calc( 100% - 68px );
}


/* search */

ul.search-pagination {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul.search-pagination li {
	float: left;
	margin: 0px 10px 0px 0px;
}

ul.search-pagination li.hi {
	
}

ul.search-pagination li a {
	float: left;
	text-decoration: underline;
}

ul#search_result {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

ul#search_result li {
	margin: 29px 0px 0px 0px;
}


.footer {
	float: left;
	width: 100%;
}

.full-width-bg-blue-footer {
	background: #619db2 url( '../art/bg-stripe-blue-22.jpg' ) left top repeat-x;
	float: left;
	width: 100%;
}

.full-width-bg-blue-footer-left {
	float: left;
	width: 45.4%;
}

.full-width-bg-blue-footer-right {
	float: left;
	/*width: 53%;*/
	width: 100%;
}

.claim-footer {
	float: left;
	margin: 110px 0px 110px 0px;
	width: 95%;
}

.small-quantity-shipping-footer {
	background-color: #f8ed6e;
	margin: 116px 0px 116px 0px;
	width: 174px;	
}

.small-quantity-shipping-footer-inner {
	padding: 12px 9px 3px 12px;
}

.full-width-bg-dark-grey-footer {
	background-color: rgba( 72, 82, 90, 0.95 );
	background-image: url( '../art/bg-line-map-footer-22.svg' );
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	float: left;
	height: 277px;
	width: 100%;
}

.menu-column-footer-1 {
	float: left;
	width: 25.8%;
}

.menu-column-footer-2 {
	float: left;
	margin: 66px 0px 0px 0px;
	width: 19.6%;
}

.menu-column-footer-3 {
	float: left;
	margin: 66px 0px 0px 0px;
	width: 20.7%;
}

.menu-column-footer-4 {
	float: left;
	margin: 66px 0px 0px 0px;
	width: 20.7%;
}

.menu-column-footer-5 {
	float: left;
	margin: 66px 0px 0px 0px;
	width: 9%;
}

.logo-footer {
	margin: 76px 0px 0px 0px;
	width: 174px;	
}

.footer-menu-head {
	float: left;
	margin: 0px 0px 12px 0px;
	width: 100%;
}

.flexible {
	height: auto;
	max-width: 100%;
	-ms-interpolation-mode: bicubic;
	display: block;
	outline: 0;
}

.show-nojs {
	display: none !important;
}

.no-js .show-nojs {
	display: block !important;
}

.hide-nojs {
	display: block  !important;
}

.no-js .hide-nojs {
	display: none !important;
}

p {
	margin: 0;
	padding: 0;
}

.no-wrap {
	white-space: nowrap;
}


/* ==========================================================================
   google maps
   ========================================================================== */

.googlemapscontainer {
	float: left;
	height: 500px;
	margin: 60px 0px 0px 0px;
	overflow: hidden;
	width: 100%;
}

.googlemapslink {
	float: left;
	width: 100%;
}

.googlemapslink-inner {
	margin: 44px 0px 7px 0px;
}


/* ==========================================================================
   navigation
   ========================================================================== */

/* main menue */

ul.mainmenu {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.mainmenu li,
ul.mainmenu li.hi {
	color: #898989;
	font-family: 'Inter', sans-serif;
	font-size: 17px; 	/*17px*/
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 20px;	/*20px*/
	margin: 0px 0px 12px 0px;
	padding: 0;
	text-align: left;
	width: 100%;
}

ul.mainmenu li a.jsmainmenu,
ul.mainmenu li.hi a.jsmainmenu {
	color: #898989;
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 17px; 	/*17px*/
	font-weight: 400;
	letter-spacing: 0em;
	line-height: 20px;	/*20px*/
	margin: 0;
	padding: 0;
	outline: 0;
	text-decoration: none;
}

ul.mainmenu li a.jsmainmenu:hover,
ul.mainmenu li a.jsmainmenuhi,
ul.mainmenu li a.jsmainmenuhi:hover,
ul.mainmenu li.hi a.jsmainmenunosubhi,
ul.mainmenu li a.jsmainmenunosubhi:hover {
	color: #e2d21a;
}

ul.mainmenu li.hi a.jsmainmenuhi {
	color: #e2d21a;
}


/* sub menue */

ul.mainmenu ul.submenu,
ul.mainmenu li.hi ul.submenu {
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
	display: none;
	float: left;
	list-style-type: disc;
	margin: 11px 0px 20px 17px;
	padding: 0;
	width: 100%;
}

ul.mainmenu ul.submenu li,
ul.mainmenu ul.submenu li.hi,
ul.mainmenu ul.submenu li.submenunosubhi {
	color: #898989;
	clear: both;
	font-family: 'Inter', sans-serif;
	font-size: 14px; 	/*14px*/
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 17px;	/*17px*/
	margin: 0px 0px 10px 0px;
	padding: 0;
}

ul.mainmenu ul.submenu li a.jssubmenu,
ul.mainmenu ul.submenu li.hi a.jssubmenu,
ul.mainmenu ul.submenu li.submenunosubhi a.jssubmenunosub {
	color: #898989;
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 14px; 	/*14px*/
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 17px;	/*17px*/
	outline: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul.mainmenu li ul.submenu li a.jssubmenu:hover,
ul.mainmenu li ul.submenu li.hi a.jssubmenu:hover,
ul.mainmenu li ul.submenu li.submenunosubhi a.jssubmenunosub:hover,
ul.mainmenu li ul.submenu li a.jssubmenuhi,
ul.mainmenu li ul.submenu li.hi a.jssubmenuhi,
ul.mainmenu li ul.submenu li.hi a.jssubmenuhi:hover,
ul.mainmenu li ul.submenu li.submenunosubhi a.jssubmenunosubhi,
ul.mainmenu li ul.submenu li.submenunosubhi a.jssubmenunosubhi:hover {
	color: #e2d21a;
}


/* function menu */

ul.funcmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.funcmenu li {
	color: #ffffff;
	font-size: 15px;		/*15px*/
	letter-spacing: 0.01em;
	line-height: 30px;		/*30px*/
}

ul.funcmenu li a {
	color: #ffffff;
	font-size: 15px;		/*15px*/
	letter-spacing: 0.01em;
	line-height: 30px;		/*30px*/
	outline: 0;
	text-decoration: none;
}


/* ==========================================================================
   form
   ========================================================================== */

.form-wrapper {
	float: left;
	margin: 25px 0px 0px 0px;
	width: 100%;
}

.form-txt-wrapper
{
	margin: 0px 0px 10px 0px;
}

.form-error-message {
	float: left;
	width: 100%;
}

.form-error-message-inner {
	margin: 37px 0px 18px 0px;
}

.form-error {
	color: #e21a5f;
}

.formitem-row-headline {
	float: left;
	font-size: 21px; 	/*21px*/
	letter-spacing: 0.01em;
	line-height: 29px;	/*29px*/
	margin: 28px 0px 17px 0px;
	width: 100%;
}

.formitem-row-headline-first {
}

.formitem-row {
	float: left;
	width: 100%;
}

.formitem-row-payment-method
{
	display: none;
}

.formitem-payment-online-icon
{
	float: left;
	margin: 0px 10px 0px 0px;
	width: 60px;
}



.formitem-wrapper {
	float: left;
	padding: 0px 0px 15px 0px;
	width: 33.333333%;
}

.formitem-wrapper-100 {
	float: left;
	padding: 0px 0px 15px 0px;
	width: 100%;
}

.formitem-wrapper-mandatory-notice {
	float: left;
	font-size: 15px; 	/*15px*/
	letter-spacing: 0.01em;
	line-height: 19px;	/*19px*/
	margin: 2px 0px 78px 0px;
	width: 100%;
}

.formitem {
	overflow: hidden;
	width: calc( 100% - 46px );
}


/* order form 'streugutboxen' */
.radiobutton-item {
	margin: 0px auto;
	width: 2em;
}

.form-order-row {
	float: left;
	width: 100%;
}

.form-order-row-sub-headline {
	float: left;
	font-size: 21px; 	/*21px*/
	letter-spacing: 0.01em;
	line-height: 29px;	/*29px*/
	margin: 0px 0px -11px 0px;
	width: 100%;
}

.form-order-row-left {
	float: left;
	width: 48%;
}

.form-order-row-right {
	float: right;
	width: 50%;
}

.form-order-row-right-inner-left {
	float: left;
	width: 40%;
}

.form-order-row-right-inner-center {
	float: left;
	width: 40%;
}

.form-order-row-right-inner-right {
	float: left;
	text-align: right;
	width: 20%;
}

.form-order-row-content {
	float: left;
	width: 100%;
}


/* salt boxes*/

.form-order-row-salt-box-left {
	float: left;
	width: 38%;
}

.form-order-row-salt-box-right {
	float: right;
	width: 60%;
}

.form-order-row-salt-box-right-inner-first-column {
	float: left;
	width: 30%;
}

.form-order-row-salt-box-right-inner-second-column {
	float: left;
	width: 30%;
}

.form-order-row-salt-box-right-inner-third-column {
	float: left;
	width: 20%;
}

.form-order-row-salt-box-right-inner-fourth-column {
	float: left;
	text-align: right;
	width: 20%;
}

.form-order-row-salt-box-content {
	
}


.form-order-client-id-row-left {
	float: left;
	margin: 0px 0px 15px 0px;
	width: calc( 66.666666% - 15px );
}

.form-order-client-id-row-right {
	float: right;
	margin: 0px 0px 15px 0px;
	text-align: right;
	width: calc( 33.333333% - 31px );
}


/*OLD*/
.product-detail-order-table-wrapper
{
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 47%;
}

.product-detail-order-table-row
{
	display: table-row;
}

.product-detail-order-table-cell,
.product-detail-order-price-table-cell
{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	width: 70%
}

.product-detail-order-price-table-cell
{
	display: table-cell;
	height: 100%;
	text-align: right;
	vertical-align: middle;
	width: 30%
}

.product-detail-order-name-hidden
{
	display: none;
}

.order-list-table
{
	display: table;
	height: 100%;
	table-layout: fixed;
	width: 100%;
}

.order-list-table-cell-head
{
	border-bottom: 1px solid #353a3e;
}

.order-list-table-cell,
.order-list-table-cell-one,
.order-list-table-cell-two,
.order-list-table-cell-three,
.order-list-table-cell-four,
.order-list-table-cell-two-columns
{
	display: table-cell;
	height: 100%;
	vertical-align: top;
}

.order-list-table-cell
{
	width: 15%;
}

.order-list-table-cell-two-columns
{

	width: 30%;
}

.order-list-table-cell-one
{
	width: 50%;
}

.order-list-table-cell-two
{
	text-align: right;
	width: 20%;
}

.order-list-table-cell-three
{
	text-align: right;
	width: 20%;
}

.order-list-table-cell-four
{
	text-align: right;
	width: 10%;
}

.order-list-table-cell-align-center
{
	text-align: center;
}

.order-list-table-cell-align-right
{
	text-align: right;
}

/* END OLD*/


form
{
	padding: 0;
	margin: 0;
}

.formtxt,
.formtxt-search,
.formtxt-medium,
.formtxt-small,
.formtxt-quantity-display,
.shopping-cart-checkout-formtxt-quantity-display {
	border: 1px solid #e1e2e6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
  	color: #898989;
  	height: 55px;
	font-size: 15px; 	/*15px*/
	letter-spacing: 0.01em;
	line-height: 19px;	/*19px*/
	margin: 0;
	overflow: auto;
	padding: 0px 15px 0px 15px;
	width: 100%;
}

.formtxt-quantity-display {
	border: 0;
	color: #898989;
	font-size: 21px; 	/*21px*/
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 29px;	/*29px*/
	padding: 0px;
	text-align: center;
	width: 40px;
}

.shopping-cart-checkout-formtxt-quantity-display {
	color: #9d9fa3;
	font-size: 26px; 	/*30px*/
	letter-spacing: 0.01em;
	line-height: 35px;	/*35px*/
	padding: 0px;
	text-align: center;
	width: 40px;
}

/* spam protection */
.formtxt.prot_class {
	display: none;
}

.formtxt-checkbox
{
	width: 100%;
}

.formtxt-medium
{
	width: 274px;
}

.formtxt-small {
	float: right;
	width: 70px;
}

.formtxt-search
{
	background-color: #ffffff;
	border: 0;
	height: 23px;
	padding: 2px 0px 2px 4px;
	width: 100%;
}

/*textarea*/
.formarea {
	border: 1px solid #e1e2e6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	box-sizing: border-box;
  	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
  	color: #898989;
  	height: 125px;
	font-size: 15px; 	/*15px*/
	letter-spacing: 0.01em;
	line-height: 19px;	/*19px*/
	margin: 0;
	overflow: auto;
	padding: 17px 15px 2px 15px;
	width: 100%;
}

.formarea-small {
	height: 55px;
}

textarea:focus, input:focus {
    outline: none;
}

/* submit button */
.submit-button-neutral,
.update-button-noscript,
.submit-button-to-cart,
.submit-button-form,
.submit-button-search,
.button-to-form-anchor,
.cart-button-delete-product,
.cart-button-to-personal-data,
.cart-go-on-shopping,
.cart-back-to-cart,
.cart-check-order-data,
.cart-button-back-to-personal-data,
.cart-button-submit-order {
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	float: left;
	margin: 0;
	padding: 0;
}

.submit-button-to-cart,
.update-button-noscript,
.submit-button-form,
.submit-button-search,
.button-to-form-anchor,
.cart-button-delete-product,
.cart-button-to-personal-data,
.cart-go-on-shopping,
.cart-back-to-cart,
.cart-check-order-data,
.cart-button-back-to-personal-data,
.cart-button-submit-order {
	background-color: #f8eb6d;
	color: #222222;
	float: right;
	font-size: 30px; 	/*30px*/
	font-weight: 500;
	height: 80px;
	letter-spacing: 0.01em;
	line-height: 35px;	/*35px*/
	width: 422px;
}

.update-button-noscript {
	margin: 20px 0px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.submit-button-form {
	margin: 33px 46px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.submit-button-search {
	margin: 85px 0px 78px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.button-to-form-anchor {
	margin: 0px 0px 0px 0px;
	width: 100%;
}

.cart-button-delete-product {
	margin: 0px 0px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.cart-go-on-shopping {
	float: left;
	margin: 74px 0px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.cart-button-to-personal-data {
	float: right;
	margin: 74px 0px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.cart-back-to-cart {
	float: left;
	margin: 33px 0px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.cart-check-order-data {
	float: right;
	margin: 33px 46px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.cart-button-back-to-personal-data {
	float: left;
	margin: 73px 0px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}

.cart-button-submit-order {
	float: right;
	margin: 73px 0px 0px 0px;
	padding: 0px 84px 0px 84px;
	width: auto;
}


/* The container */
label.checkbox-label {
	display: block;
	float: left;
	margin: 0px 0px 44px 0px;
	min-height: 58px;
	position: relative;
	padding-left: 89px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 80%;
}

/* Hide the browser's default checkbox */
label.checkbox-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
	border: 1px solid #e1e2e6;
	position: absolute;
	top: 3px;
	left: 0;
	height: 50px;
	width: 50px;
	background-color: #ffffff;
}


/* When the checkbox is checked, add a background */
label.checkbox-label input:checked ~ .checkmark {
	background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
label.checkbox-label input:checked ~ .checkmark:after {
	color: #898989;
	display: block;
}

/* Style the checkmark/indicator */
label.checkbox-label .checkmark:after {
	left: 15px;
	top: 5px;
	width: 15px;
	height: 30px;
	border: 1px solid;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.dropmenu-wrapper-small {
	float: left;
	width: 50%;
}

select.dropmenu,
.dropmenu-product-detail-grain-selection {
	appearance: none;
	-webkit-appearance: none;
  	-moz-appearance: none;
  	background: #ffffff url( '../art/bg-dropdown-arrow-22.svg' ) no-repeat right center;
	background-size: 26px auto;
  	border: 0;
  	border-radius: 0;
  	box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	-webkit-box-sizing: border-box;
  	cursor: pointer;
	font-family: 'Inter', sans-serif;
	font-size: 21px; 	/*21px*/
	font-weight: 500;
	height: 30px;
	letter-spacing: 0.1em;
	line-height: 29px;	/*29px*/
  	margin: 0;
  	padding: 2px 10px 2px 5px;
  	text-indent: 0.01px;
  	text-overflow: '';
  	width: 100%;
}

.dropmenu-product-detail-grain-selection {
	background-position: 95% 50%;
	border-bottom: 1px solid #e1e2e6;
	border-left: 1px solid #e1e2e6;
	border-right: 1px solid #e1e2e6;
	color: #898989;
	font-size: 21px; 	/*21px*/
	font-weight: 400;
	height: 68px;
	letter-spacing: 0.01em;
	line-height: 29px;	/*29px*/
	padding: 2px 10px 0px 24px;
}

.no-js .dropmenu-float-left {
	float: left;
	width: 90% !important;
}

/* only Firefox */
@-moz-document url-prefix() {
    select.dropmenu {
        padding: 2px 10px 2px 0px;
    }
}

select.dropmenu-edit {
	-moz-appearance: auto;
	-webkit-appearance: auto;
	appearance: auto;
	background-image: none;
	border: 1px solid #e1e2e6;
	color: #898989;
	cursor: pointer;
	font-size: 12px; 	/*12px*/
	font-weight: 400;
	line-height: 19px;	/*19px*/
  	width: 100%;
}

select.dropmenu:focus-visible {
	outline: 0;
}

::-ms-expand {
	display: none;
}

.dropmenu-edit::-ms-expand {
	display: auto;
}


select.dropmenu option {
	
}

.btnradio {
	 -webkit-appearance: none;
	appearance: none;
	background-color: #ffffff;
	 border: 1px solid #e1e2e6;
	border-radius: 50%;
	display: grid;
	height: 2em;
	place-content: center;
	margin: 0;
	width: 2em;
}

.btnradio::before {
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  transform: scale(0);
  box-shadow: inset 1em 1em #e1e2e6;;
}

.btnradio:checked::before {
  transform: scale(1);
}



.form-field-error {
	border: 1px solid #e21a5f;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
   
/* claim fix */
@media screen and ( max-width: 1840px ) {

	.claim-wrapper {
		margin: 5.8% -100px 0px -1px;
	}
}


/* product detaqil image gallery fix */
@media screen and ( max-width: 1700px ) {
	.claim-wrapper {
		margin: 5.6% -100px 0px -1px;
	}
	
	.product-detail-left {
		width: calc( 45% + 21px );
	}
	
	.shopping-cart-checkout-row-left {
		width: calc( 45% + 21px );
	}
	
	.shopping-cart-checkout-row-price-total-inner-left {
		width: calc( 45% + 21px );
	}

}


/* small desktop */
@media screen and (max-width: 1560px){

	.showtabletlandscape {
		display: block !important;
	}
	
	.font-size-19-height-26 a {
		font-size: 15px; 	/*19px*/
		line-height: 22px;	/*26px*/
	}
	
	.font-size-19-height-26 {
		font-size: 15px; 	/*19px*/
		line-height: 22px;	/*26px*/
	}
	
	#head {
		height: 248px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		position: fixed;
		top: 0px;
		z-index: 1000;
	}	

	.head-left {
		margin: 41px 0px 0px 0px;
		width: auto;
	}
	
	.logo {
		width: 232px;
	}

	.head-right-top {
		background-color: #b1d1d9;
		height: 61px;
		width: 100%;
	}
	
	.quickfinder-wrapper {
		margin: 34px 0px 0px 20px;
	}
	
	/** Mozilla Firefox */
	@-moz-document url-prefix() {
		.quickfinder-wrapper {
			margin: 34px 0px 0px 21px;
		}
	}	
	
	
	
	.client-area-icon {	
background-color: #b1d1d9;
		height: 63px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		position: absolute;
		text-align: center;
		top: -2px;
		width: 100%;
		z-index: 1;
	}

	.client-area-icon-inner {
		display: inline-block;
		padding: 16px 0px 16px 0px;
	}

	.shopping-cart-icon-wrapper {	
		margin: 13px 0px 0px 0px;
		position: absolute;
		right: 2.1%;
		top: 0px;
		z-index: 10;
	}

	.shopping-cart-icon {
		background: transparent url( '../art/bg-shopping-cart-icon-white-22.svg' ) left top no-repeat;
		background-size: 30px 30px;
		width: 30px;
	}

	.shopping-cart-counter {
		color: #ffffff;
		padding: 5px 0px 0px 2px;
	}
	
	.mobile-menu-wrapper {
		margin: 32px 0px 0px 0px;
	}

	.menu-closed {
		cursor: pointer;
		display: block;
		float: right;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 45px;
		z-index: 90;
	}
	
	.claim-wrapper {
		float: left;
		margin: 66px 0px 0px 22px;
		width: 78%;
	}
	
	.btn-search-icon {
		margin: 21px 0px 0px 0px;
		float: left;
		position: absolute;
		left: 2.1%;
		top: 0px;
		width: 20px;
		z-index: 10;
	}

	.btn-search-icon-inner {
		background: transparent url( '../art/bg-search-icon-white-22.svg' ) left top no-repeat;
		background-size: 20px 20px;
		margin: 0px 0px 0px 0px;
		width: 20px;
	}

	.menu-opened {
		display: none;
		background-color: rgba( 255, 255, 255, 1 );
		box-shadow: 0 3px 15px rgb(0 0 0 / 0.2);
		left: 0px;
		margin: 0px 0px 0px 0px;
		opacity: 0;
		overflow: hidden;
		position: fixed;
		top: 61px;
		width: 33.333333%;
		-webkit-overflow-scrolling: touch;
		z-index: 1010;
	}

	#menu-opened-inner-wrapper {
		max-height: 300px;
		overflow-y: scroll;
		width: 100%;
	}

	#menu-opened-inner {
		float: left;
		margin: 0% 10% 10% 6.3%;
		padding: 37px 0px 0px 0px;
	}
	
	.main {
		margin: 267px 0px 0px 0px;
	}

	.content-wrapper {
		width: 85.4%;
	}

	.content {
		width: 100%;
	}

	.full-width-inner-frame {
		margin: 0% 0% 0% 0%;
		width: 100%;
	}

	.claim-home {
		width: 85%;
	}

	.home-more-teaser-left {
		width: 35%;
	}

	.home-more-teaser-right {
		width: 50.4%;
	}

	.home-more-teaser-box-wrapper {
		width: 100%;
	}
	
	
	/* salt boxes*/

	.form-order-row-salt-box-right-inner-first-column {
		width: 25%;
	}

	.form-order-row-salt-box-right-inner-second-column {
		width: 25%;
	}

	.form-order-row-salt-box-right-inner-third-column {
		width: 30%;
	}

	.form-order-row-salt-box-right-inner-fourth-column {
		width: 20%;
	}

	.full-width-bg-blue-footer-left {
		width: 35%;
	}

	.full-width-bg-blue-footer-right {
		float: left;
		/*width: 65%;*/
		width: 100%;
	}
	

	/* ==========================================================================
	   navigation
	   ========================================================================== */

	/* main menue */
	
	ul.mainmenu {
		width: 100%;
	}

ul.mainmenu li,
ul.mainmenu li.hi {
color: #898989;
font-family: 'Inter', sans-serif;
font-size: 17px; 	/*17px*/

line-height: 20px;	/*20px*/
margin: 0px 0px 12px 0px;
	width: 100%;
}

	ul.mainmenu li a.jsmainmenu,
	ul.mainmenu li.hi a.jsmainmenu {
	color: #898989;
	font-size: 17px; 	/*17px*/
	line-height: 20px;	/*20px*/
	}

ul.mainmenu li a.jsmainmenu:hover,
ul.mainmenu li a.jsmainmenuhi,
ul.mainmenu li a.jsmainmenuhi:hover,
ul.mainmenu li.hi a.jsmainmenunosubhi,
ul.mainmenu li a.jsmainmenunosubhi:hover {
	color: #e2d21a;
}

ul.mainmenu li.hi a.jsmainmenuhi {
	color: #e2d21a;
}


/* sub menue */

ul.mainmenu ul.submenu,
ul.mainmenu li.hi ul.submenu {
	display: none;
	float: left;
	list-style-type: disc;
	margin: 11px 0px 20px 17px;
	padding: 0;
	width: calc( 100% - 17px );
}

ul.mainmenu ul.submenu li,
ul.mainmenu ul.submenu li.hi,
ul.mainmenu ul.submenu li.submenunosubhi {
	color: #898989;
	clear: both;
	font-family: 'Inter', sans-serif;
	font-size: 14px; 	/*14px*/
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 17px;	/*17px*/
	margin: 0px 0px 10px 0px;
	padding: 0;
}

ul.mainmenu ul.submenu li a.jssubmenu,
ul.mainmenu ul.submenu li.hi a.jssubmenu,
ul.mainmenu ul.submenu li.submenunosubhi a.jssubmenunosub {
	color: #898989;
	display: block;
	font-family: 'Inter', sans-serif;
	font-size: 14px; 	/*14px*/
	font-weight: 400;
	letter-spacing: 0.005em;
	line-height: 17px;	/*17px*/
	outline: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul.mainmenu li ul.submenu li a.jssubmenu:hover,
ul.mainmenu li ul.submenu li.hi a.jssubmenu:hover,
ul.mainmenu li ul.submenu li.submenunosubhi a.jssubmenunosub:hover,
ul.mainmenu li ul.submenu li a.jssubmenuhi,
ul.mainmenu li ul.submenu li.hi a.jssubmenuhi,
ul.mainmenu li ul.submenu li.hi a.jssubmenuhi:hover,
ul.mainmenu li ul.submenu li.submenunosubhi a.jssubmenunosubhi,
ul.mainmenu li ul.submenu li.submenunosubhi a.jssubmenunosubhi:hover {
	color: #e2d21a;
}







	/* ==========================================================================
   	slider gallery
   	========================================================================== */

	.slides-pictext
	{
		font-size: 9px;
		line-height: 14px;
	}

	
}


/* fix */
@media screen and ( max-width: 1440px ) {
	
	body {
		font-size: 16px; 	/*21px*/
		line-height: 22px;	/*29px*/
	}

	a, 
	a:link, 
	a:hover, 
	a:active {
		font-size: 16px; 	/*21px*/
		line-height: 22px;	/*29px*/
	}
	
	.client-area-icon a {
		font-size: 16px; 	/*21px*/
		letter-spacing: 0.07em;
		line-height: 24px;	/*29px*/
	}
	
	.font-14-height-22 a,
	.font-14-height-22 a:link,
	.font-14-height-22 a:hover,
	.font-14-height-22 a:active {
		font-size: 11px; 	/*14px*/
		line-height: 18px;	/*22px*/
	}
	
	.font-15-height-19 a,
	.font-15-height-19 a:link,
	.font-15-height-19 a:hover,
	.font-15-height-19 a:active {
		font-size: 12px; 	/*15px*/
		line-height: 15px;	/*19px*/
	}

	.font-16-height-20 a {
		font-size: 12px; 	/*16px*/
		line-height: 16px;	/*20px*/
	}
	
	.font-17-height-20 a,
	.font-17-height-20 a:link,
	.font-17-height-20 a:hover,
	.font-17-height-20 a:active {
		font-size: 13px; 	/*17px*/
		line-height: 16px;	/*20px*/
	}

	.font-18-height-25 a {
		font-size: 13px; 	/*18px*/
		line-height: 18px;	/*2px*/
	}
	
	.font-to-uppercase {
		text-transform: uppercase;
	}
	
	.font-14-height-22 {
		font-size: 11px; 	/*14px*/
		line-height: 18px;	/*22px*/
	}
	
	.font-15-height-19 {
		font-size: 12px; 	/*15px*/
		line-height: 15px;	/*19px*/
	}

	.font-15-height-30 {
		font-size: 14px; 	/*15px*/
		line-height: 30px;	/*30px*/
	}

	.font-16-height-20 {
		font-size: 12px; 	/*16px*/
		line-height: 16px;	/*20px*/
	}
	
	.font-17-height-20 {
		font-size: 13px; 	/*17px*/
		line-height: 16px;	/*20px*/
	}

	.font-18-height-25 {
		font-size: 13px; 	/*18px*/
		letter-spacing: 0.03em;
		line-height: 18px;	/*2px*/
	}
	
	.font-size-50-height-60 {
		font-size: 26px; 	/*50px*/
		line-height: 31px;	/*60px*/
	}
	
	.product-list-full-width-claim.font-size-50-height-60 {
		font-size: 30px; 	/*50px*/
		line-height: 36px;	/*60px*/
	}	

	.claim-wrapper {
		margin: 67px 0px 0px 24px;
	}

	h1 {	
		font-size: 25px; 	/*35px*/
		line-height: 31px;	/*41px*/
	}
	
	h2 {
		font-size: 23px; 	/*30px*/
		line-height: 28px;	/*35px*/
	}

	h2.home-teaser-head-inner {
		font-size: 13px; 	/*18px*/
		line-height: 18px;	/*22px*/
	}		

	h3.home {	
		font-size: 35px; 	/*50px*/
		line-height: 42px;	/*60px*/
	}

	h3.product-list {
		font-size: 23px; 	/*30px*/
		line-height: 28px;	/*35px*/
	}

	h3.teaser-inner {	
		font-size: 14px; 	/*18px*/
		line-height: 16px;	/*22px*/
	}
	
	h3.product-detail {
		font-size: 23px; 	/*30px*/
		line-height: 28px;	/*35px*/
	}

	h4.home {	
		font-size: 30px; 	/*50px*/
		line-height: 36px;	/*60px*/
	}

	h4.product-list {
		font-size: 12px; 	/*15px*/
		line-height: 15px;	/*19px*/
	}
	
	h4.product-detail {
		font-size: 25px; 	/*35px*/
		line-height: 30px;	/*40px*/
	}

	h5.home {	
		font-size: 14px; 	/*20px*/
		line-height: 17px;	/*25px*/
	}

	h5.product-list {
		font-size: 16px; 	/*21px*/
		line-height: 23px;	/*28px*/
		margin: 2px 0px 0px 0px;
	}	
	
	h5.product-detail {
		font-size: 16px; 	/*21px*/
		line-height: 23px;	/*28px*/
	}

	.frame-inner {
		width: 90%;
	}
	
	.frame-inner-width-100 {
		width: 100%;
	}

	#head {
		height: 206px;	
	}
	
	.head-right-top {		
		height: 61px;
	}

	.head-left {
		margin: 41px 0px 0px 0px;	
	}

	.logo {
		width: 154px;
	}

	.quickfinder-wrapper {
		margin: 33px 0px 0px 16px;
		width: 224px;
	}
	
	/** Mozilla Firefox */
	@-moz-document url-prefix() {
		.quickfinder-wrapper {
			margin: 33px 0px 0px 21px;
		}
	}
	
	.client-area-icon {
		margin: 0px 0px 0px 0px;
	}

	.shopping-cart-icon-wrapper {	
		margin: 11px 0px 0px 0px;
		right: 5%;
	}

	.mobile-menu-wrapper {
		margin: 32px 0px 0px 0px;
	}

	.claim-wrapper {
		margin: 35px 0px 0px 22px;
	}

	.btn-search-icon {
		left: 5%;
		margin: 19px 0px 0px 0px;
	}

	.small-quantity-shipping-disrupter {
		display: none;
	}
	
	.main {
		margin: 225px 0px 0px 0px;
	}

	.content-wrapper {
		width: 100%;
	}
	
	.content-master {
		margin: 0px 0px 120px 0px;
	}
	
	.content-master-inner {
		margin: 28px 0px 0px 0px;
	}
	
	.home-teaser-wrapper {	
		height: 498px;
	}

	.home-teaser-spacer-one-teaser-height {
		height: 126px;
	}

	.home-teaser-spacer-two-teaser-height {
		height: 252px;
	}

	.home-teaser-fifth {
		top: 126px;
	}

	.home-teaser-sixth {
		top: 126px;
	}

	.home-teaser-seventh {
		top: 126px;
	}

	.home-teaser-eighth {
		top: 126px;
	}

	.home-teaser-nineth {
		top: 252px;
	}

	.home-teaser-tenth {
		top: 252px;
	}

	.home-teaser-eleventh {
		top: 252px;
	}

	.home-teaser-twelfth {
		top: 252px;
	}

	.home-teaser-thirteenth {
		top: 378px;
	}

	.home-teaser-fourteenth {
		top: 378px;
	}

	.home-teaser-fifteenth {
		top: 378px;
	}

	.home-teaser-sixteenth {
		top: 378px;
	}
	
	.home-teaser-inner-wrapper {
		min-height: 120px;
	}

	.home-teaser-inner {
		height: 120px;
	}

	.home-teaser-text {
		margin: -15px 0px 0px 0px;
	}

	.home-teaser-text-inner {
		height: 267px;
	}

	.home-teaser-icon-plus {
		right: 12px;
		top: 14px;
		width: 33px;
	}

	.full-width-bg-grey {
		margin: 80px 0px 0px 0px;
	}

	.claim-home {
		padding: 58px 0px 58px 0px;
		width: 75%;
	}
	
	.full-width-bg-yellow {
		height: 250px;
	}

	.home-more-teaser-left {
		width: 51%;
	}

	.home-more-teaser-left-top {
		padding: 59px 0px 0px 0px;
	}

	.home-more-teaser-left-bottom {
		padding: 78px 0px 120px 0px;
	}

	.home-more-teaser-right {
		margin: -60px 0px 0px 0px;
		width: 49%;
	}

	.home-more-teaser-box-wrapper {
		margin: 0px 0px 127px 0px;
	}

	.home-more-teaser-box {
		height: 260px;
	}

	.home-more-teaser-box-head {
		margin: 32px 0px 0px 0px;
	}

	.home-more-teaser-box-icon-1 {
		margin: 27px auto 25px auto;
		width: 31px;
	}

	.home-more-teaser-box-icon-2 {
		margin: 26px auto 25px auto;
		width: 54px;
	}

	.home-more-teaser-box-icon-3 {
		margin: 18px auto 16px auto;
		width: 32px;
	}

	.home-more-teaser-box-icon-4 {
		margin: 19px auto 15px auto;
		width: 32px;
	}

	.home-more-teaser-box-copy {
		margin: 0px 0px 32px 0px;
	}	

	/* slideshow */
	.slideshow-item-home {
		height: 120px;
	}
	

	/* category overview page */

	.headline-wrapper-inner {
		margin: 22px 0px 22px 26px;
	}

	.content-teaser-wrapper {
		margin: 20px 0px 73px 0px;
	}

	.content-teaser {
		height: 220px;
	}

	.content-teaser-image {
		background-size: auto 120px;
		height: 120px;
	}

	.content-teaser-text {
		height: 94px;
		padding: 0px 20px 0px 25px;
		width: calc( 100% - 45px );
	} 

	.content-teaser-copy-wrapper {
		margin: 0px 0px 119px 0px;
	} 	

	
	/* product overview page */
	
	.headline-wrapper-inner-width-100 {
		margin: 22px 0px 22px 0px;
		padding: 0% 0% 0% 5%;
	}	

	.product-list-name-wrapper {
		min-height: 370px;
		margin: 30px 0px 80px 0px;
	}

	.product-list-name-left {	
		margin: 57px 0px 0px 0px;
	}

	.product-list-name {
		margin: 0px 40px 25px 0px;
		padding: 0% 0% 0% 10%;
		width: calc( 90% - 40px );
	}
	
	.product-list-introtext {
		margin: 0px 40px 0px 0px;
		padding: 0% 0% 0% 10%;
		width: calc( 90% - 40px );
	}
	

	/* slideshow */
	
	.slideshow-item-product-list {		
		min-height: 370px;
	}

	.product-list-wrapper {
		float: none;
		margin: 0px auto 0px auto;
		width: 864px;
	}

	.product-list-item-wrapper {
		margin: 0px 0px 40px 0px;
		width: 288px;
	}

	.product-list-item {
		float: none;
		margin: 0px auto;
		width: 248px;
	}

	.product-list-item-image {	
		height: 66px;
	}

	.product-list-item-copy-wrapper {
		height: 165px;
	}

	.product-list-item-copy-headline {
		margin: 26px 23px 0px 23px;
		width: calc( 100% - 46px );
	}

	.product-list-item-copy {	
		margin: 20px 23px 0px 23px;
		width: calc( 100% - 46px );
	}

	.product-list-item-request {
		height: 57px;	
	}

	.product-list-item-request-inner {
		margin: 20px 0px 0px 0px;
	}

	.product-list-full-width-bg-yellow {
		margin: 40px 0px 0px 0px;
	}

	.product-list-full-width-claim {
		margin: 70px 0px 71px 0px;
	}

	.product-list-copy-wrapper {	
		margin: 78px 0px 0px 0px;
	}
 
	.product-info-area-wrapper {
		margin: 79px 0px 89px 0px;
	}

	.product-info-trigger-wrapper {
		margin: 0px 0px 30px 0px;
	}
	
	.product-info-trigger-wrapper-form {
		margin: -40px 0px 7px 0px;
	}

	.product-info-trigger-inner {
		margin: 26px 29px 29px 27px;
		width: calc( 100% - 37px );
	}

	.product-info-trigger-open {	
		background-size: 29px auto;
	}

	.product-info-trigger-close {
		background-size: 29px auto;
	}

	.togglecontent-inner {
		margin: 29px 0px 29px 0px;
	}
	
	
	/* product detail page */

	.product-detail-wrapper {
		margin: 30px 0px 11px 0px;
	}

	.product-detail-right-headline {
		width: 43%;
	}

	.product-detail-left {
		width: calc( 47.4% + 15px );
	}

	.product-detail-image-large {
		height: 29.492vw;
		width: calc( 100% - 15px );
	}

	.product-detail-image-small {
		height: 9.180vw;
		margin: 27px 0px 0px 0px;
	}

	.product-detail-image-small-inner {
		height: 9.180vw;
		width: calc( 100% - 15px );
	}

	.product-detail-right {
		width: 43%;
	}

	.product-detail-right-price {
		font-size: 43px; 	/*50px*/
		line-height: 48px;	/*55px*/
		margin: 32px 0px 0px 0px;
	}

	.product-detail-right-price-info {
		margin: 20px 0px 0px 0px;
	}

	.product-detail-grain-selection-label {
		font-size: 16px; 	/*21px*/
		line-height: 30px;	/*35px*/
		margin: 48px 0px 0px 0px;
	}

	.product-detail-grain-selection-label-inner {
		margin: 8px 0px 7px 16px;	
	}

	.product-detail-grain-one-grain {
		font-size: 16px; 	/*21px*/
		line-height: 24px;	/*29px*/
		padding: 17px 10px 17px 14px;
		width: calc( 100% - 26px );
	}

	.product-detail-quantity-submit-wrapper {
		margin: 40px 0px 0px 0px;
	}

	.product-detail-quantity-selection-wrapper {
		height: 58px;
		width: 95px;
	}

	.product-detail-quantity-button-minus {
		margin: 20px 0px 0px 8px;
		width: 16px
	}

	.product-detail-quantity-button-plus {
		margin: 18px 8px 0px 0px;
		width: 21px
	}

	.product-detail-quantity-display {
		margin: 2px 0px 0px 9px;
	}

	.product-detail-info-bar {
		margin: 100px 0px 0px 0px;
	}
	
	.product-detail-info-bar-no-margin {
		margin: -20px 0px 0px 0px;
	}

	.product-detail-info-bar-inner-left {
		padding: 24px 0px 26px 30px;
		width: calc( 100% - 406px );
	}

	.product-detail-info-bar-inner-right {
		width: 376px;
	}

	.product-detail-info-bar-inner-right-label {
		margin: 28px 0px 0px 52px;
	}

	.product-detail-info-bar-inner-right-icon {
		height: 80px;
		width: 80px;
	}

	.product-detail-info-bar-inner-right-icon-inner {
		padding: 25px 24px 25px 24px;
	}

	.product-detail-info-content {	
		margin: 39px 0px 89px 26px;
	}
	
	ul.product-detail-info {
		padding: 0px 0px 0px 20px;
		margin: 0px 0px 22px 0px;
	}

	.product-detail-info-content-request-form {
		margin: 0px 0px 120px 0px;
		width: calc( 100% + 15px );
	}

	.product-detail-info-content-request-form-text {
		margin: 14px 0px 10px 0px;
	}


	/* shopping cart checkout */
	
	.shopping-cart-checkout-wrapper {
		margin: 0px 0px 120px 0px;
	}	
	
	.shopping-cart-checkout-row-head {
		margin: 35px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-head-finish-order {
		margin: 35px 0px -40px 0px;
	}

	.shopping-cart-checkout-row {
		margin: 35px 0px 5px 0px;
	}
	
	.shopping-cart-checkout-row-finish-order {
		margin: 75px 0px 0px 0px;
	}

	.shopping-cart-checkout-row-left {
		width: calc( 47.4% + 15px );
	}

	.shopping-cart-checkout-row-right {
		width: 43%;
	}

	.shopping-cart-checkout-image {
		height: 9.180vw;
	}

	.shopping-cart-checkout-image-inner {
		height: 9.180vw;
		width: calc( 100% - 15px );
	}

	.shopping-cart-checkout-product-inner {
		padding: 0px 30px 0px 0px;
	}

	.shopping-cart-checkout-product-quantity {
		margin: -14px 0px 0px 0px;
	}

	.shopping-cart-checkout-product-price-display {
		font-size: 23px; 	/*30px*/
		line-height: 28px;	/*35px*/
	}

	.shopping-cart-checkout-row-price-total {
		margin: 0px 0px 0px 0px;
		padding: 35px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-price-total-finish-order {
		margin: 35px 0px 0px 0px;
	}

	.shopping-cart-checkout-row-price-total-inner-left {
		width: calc( 47.4% + 15px );
	}

	.shopping-cart-checkout-row-price-total-inner-right {
		width: 43%;
	}


	/* form */

	.product-form-name {
		margin: 0px 40px 25px 26px;
		padding: 0% 0% 0% 0%;
		width: calc( 90% - 66px );
	}

	.product-form-introtext {
		margin: 0px 40px 20px 26px;
		padding: 0% 0% 0% 0%;
		width: calc( 90% - 66px );
	}

	.product-form-info-trigger-inner {
		margin: 26px 29px 29px 27px;
		width: calc( 100% - 37px );
	}	
	
	.form-order-client-id-row-left {
		width: calc( 66.666666% - 5px );
	}

	.form-order-client-id-row-right {
		width: calc( 33.333333% - 10px );
	}	


	/* salt boxes*/

	.form-order-row-salt-box-right-inner-third-column {
		width: 20%;
	}

	.form-order-row-salt-box-right-inner-fourth-column {
		width: 30%;
	}





	.full-width-bg-blue-footer-left {
		width: 51%;
	}

	.full-width-bg-blue-footer-right {
		/*width: 49%;*/
		width: 100%;
	}

	.claim-footer {
		margin: 61px 0px 58px 0px;
	}

	.small-quantity-shipping-footer {
		margin: 60px 0px 42px 0px;
		width: 115px;	
	}

	.small-quantity-shipping-footer-inner {
		padding: 9px 9px 1px 7px;
	}

	.full-width-bg-dark-grey-footer {
		height: 236px;
	}

	.menu-column-footer-1 {
		width: 21.9%;
	}

	.menu-column-footer-2 {
		margin: 59px 0px 0px 0px;
		width: 19.2%;
	}

	.menu-column-footer-3 {	
		margin: 59px 0px 0px 0px;
		width: 24.6%;
	}

	.menu-column-footer-4 {
		margin: 59px 0px 0px 0px;
		width: 24.6%;
	}

	.menu-column-footer-5 {
		margin: 59px 0px 0px 0px;
		width: 9.4%;
	}

	.logo-footer {
		margin: 65px 0px 0px 0px;
		width: 115px;	
	}

	.footer-menu-head {
		margin: 0px 0px 9px 0px;
	}
	
	
	/* ==========================================================================
	   google maps
       ========================================================================== */

	.googlemapscontainer {
		margin: 55px 0px 0px 0px;
	}

	.googlemapslink-inner {
		margin: 47px 0px 21px 0px;
	}



	/* ==========================================================================
	   navigation
	   ========================================================================== */
   
	/* function menu */

	ul.funcmenu li {
		font-size: 14px;		/*15px*/
		line-height: 26px;		/*30px*/
	}

	ul.funcmenu li a {
		font-size: 14px;		/*15px*/
		line-height: 26px;		/*30px*/
	}



	/* ==========================================================================
	   forms
	   ========================================================================== */
	   
	.formitem-row-headline {
		font-size: 18px; 	/*21px*/
		line-height: 29px;	/*29px*/
		margin: 30px 0px 11px 0px;
	}
	
	.formitem-row-headline-first {
		margin: 22px 0px 11px 0px;
	}
	
	.form-order-row-sub-headline {
		font-size: 18px; 	/*21px*/
		line-height: 29px;	/*29px*/
		margin: 0px 0px -23px 0px;
	}
	
	.formitem {
		width: calc( 100% - 15px );
	}

	select.dropmenu {
		background-size: 16px auto;
		font-size: 16px; 	/*21px*/	
		line-height: 24px;	/*29px*/ 
	}
	
	.dropmenu-product-detail-grain-selection {
		font-size: 16px; 	/*21px*/
		height: 59px;
		line-height: 24px;	/*29px*/
		padding: 0px 10px 0px 14px;
	}	
	
	.formtxt-quantity-display {
		font-size: 16px; 	/*21px*/
		line-height: 24px;	/*29px*/
		width: 29px;
	}
	
	.shopping-cart-checkout-formtxt-quantity-display {
		font-size: 23px; 	/*30px*/
		line-height: 28px;	/*35px*/
	}
	
	.formitem-wrapper-mandatory-notice {
		margin: -2px 0px 81px 0px;
	}
	
	/* submit button */

	.submit-button-to-cart,
	.update-button-noscript,
	.submit-button-form,
	.button-to-form-anchor,
	.cart-button-delete-product,
	.cart-go-on-shopping,
	.cart-button-to-personal-data,
	.cart-back-to-cart,
	.cart-check-order-data,
	.cart-button-back-to-personal-data,
	.cart-button-submit-order {
		font-size: 20px; 	/*30px*/
		height: 60px;
		line-height: 25px;	/*35px*/
		padding: 0px 34px 0px 34px;
		width: auto;
	}

	.update-button-noscript {
		margin: 30px 0px 0px 0px;
		padding: 0px 34px 0px 34px;
	}

	.submit-button-form {
		margin: 37px 15px 0px 0px;
		padding: 0px 34px 0px 34px;
	}

	.button-to-form-anchor {
		/*margin: 0px 0px 0px 0px;
		padding: 0px 34px 0px 34px;*/
		width: 100%;
	}
	
	.cart-button-delete-product	{
		margin: 0px 0px 40px 0px;
		padding: 0px 34px 0px 34px;
	}
	
	.cart-go-on-shopping {
		margin: 74px 0px 0px 0px;
		padding: 0px 34px 0px 34px;
	}
	
	.cart-button-to-personal-data {
		margin: 74px 0px 0px 0px;
		padding: 0px 34px 0px 34px;
	}
	
	.cart-back-to-cart {
		margin: 37px 0px 0px 0px;
		padding: 0px 34px 0px 34px;
	}

	.cart-check-order-data {
		margin: 37px 15px 0px 0px;
		padding: 0px 34px 0px 34px;
	}
	
	.cart-button-back-to-personal-data {
		margin: 70px 0px 0px 0px;
		padding: 0px 34px 0px 34px;
	}

	.cart-button-submit-order {
		margin: 70px 0px 0px 0px;
		padding: 0px 34px 0px 34px;
	}
	
	label.checkbox-label {
		margin: -3px 0px 42px 0px;
		min-height: 48px;
		padding-left: 80px;
		width: 80%;
	}
	
	.checkmark {
		top: 1px;
		height: 45px;
		width: 45px;
	}
	
}





/* tablet landscape standard */
@media screen and (max-width: 1170px){

	/*no specific styles*/
}


/* tablet landscape standard */
@media screen and (max-width: 991px){
	
	.content-master-inner {
		margin: 82px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-head {
		margin: 35px 0px -5px 0px;
	}
	
	.shopping-cart-checkout-row-head-finish-order {
		margin: 35px 0px -40px 0px;
	}
	
	.shopping-cart-checkout-row {
		margin: 40px 0px 5px 0px;
	}
	
	.shopping-cart-checkout-row-finish-order {
		margin: 75px 0px 0px 0px;
	}
	
	/* salt boxes*/

	.form-order-row-salt-box-left {
		width: 40%;
	}

	.form-order-row-salt-box-right {
		width: 58%;
	}

	.form-order-row-salt-box-right-inner-first-column {
		width: 30%;
	}

	.form-order-row-salt-box-right-inner-second-column {
		width: 30%;
	}

	.form-order-row-salt-box-right-inner-third-column {
		width: 20%;
	}

	.form-order-row-salt-box-right-inner-fourth-column {
		width: 20%;
	}	
	
	
	/* submit button */

	.submit-button-to-cart,
	.update-button-noscript,
	.submit-button-form,
	.button-to-form-anchor {
		padding: 0px 14px 0px 14px;
	}
	
	.update-button-noscript {
		padding: 0px 14px 0px 14px;
	}
	
	.submit-button-form {
		padding: 0px 14px 0px 14px;
	}

	.button-to-form-anchor {
		/*margin: 0px 0px 0px 0px;
		padding: 0px 14px 0px 14px;*/
		width: 100%;
	}
	
	.cart-button-delete-product	{
		padding: 0px 14px 0px 14px;
	}
	
	.cart-go-on-shopping {
		padding: 0px 14px 0px 14px;
	}
	
	.cart-button-to-personal-data {
		padding: 0px 14px 0px 14px;
	}
	
	.cart-back-to-cart {
		padding: 0px 14px 0px 14px;
	}

	.cart-check-order-data {
		padding: 0px 14px 0px 14px;
	}
	
	.cart-button-back-to-personal-data {
		padding: 0px 14px 0px 14px;
	}

	.cart-button-submit-order {
		padding: 0px 14px 0px 14px;
	}

}

/* headline fix */
@media screen and ( max-width: 950px ) {
	h1 {	
		font-size: 18px; 	/*35px*/
		line-height: 25px;	/*41px*/
	}
	
.claim-wrapper {
		margin: 42px -20px 0px 22px;
		width: auto;
	}	
}


/* tablet portrait */
@media screen and ( max-width: 900px ) {
	
	.showtabletportrait {
		display: block !important;
	}
	
	.hidetabletportrait {
		display: none !important;
	}

	body {
		font-size: 14px; 	/*21px*/
		line-height: 20px;	/*29px*/
	}

	a, 
	a:link, 
	a:hover, 
	a:active {
		font-size: 14px; 	/*21px*/
		line-height: 20px;	/*29px*/
	}
	
	.client-area-icon a {
		font-size: 20px; 	/*21px*/
		line-height: 24px;	/*29px*/
	}

	.font-to-uppercase {
		text-transform: uppercase;
	}
		
	.font-size-50-height-60 {
		font-size: 22px; 	/*50px*/
		line-height: 26px;	/*60px*/
	}
	
	.product-list-full-width-claim.font-size-50-height-60 {
		font-size: 25px; 	/*50px*/
		line-height: 30px;	/*60px*/
	}
	
	h2 {
		font-size: 20px; 	/*30px*/
		line-height: 24px;	/*35px*/
	}

	h2.home-teaser-head-inner {
		font-size: 14px; 	/*18px*/
		line-height: 19px;	/*22px*/
	}		

	h3.home {	
		font-size: 25px; 	/*50px*/
		line-height: 30px;	/*60px*/
	}
	
	h3.product-list {
		font-size: 20px; 	/*30px*/
		line-height: 24px;	/*35px*/
	}
	
	h3.product-detail {
		font-size: 20px; 	/*30px*/
		line-height: 24px;	/*35px*/
	}
	
	h4.home {	
		font-size: 25px; 	/*50px*/
		line-height: 30px;	/*60px*/
	}

	h5.home {		
		/*background: transparent url( '../art/bg-h5-home-mobile-22.svg' ) no-repeat right bottom;*/
		background-size: 30px auto;
		font-size: 11px; 	/*20px*/
		line-height: 14px;	/*25px*/
	}
	
	h5.product-list {
		font-size: 16px; 	/*21px*/
		line-height: 23px;	/*28px*/
		margin: 2px 0px 0px 0px;
	}
	
	.home-more-teaser-box-1 h5.home {
		margin: 0px auto;
		text-align: left;
		width: 140px;
	}
	
	.home-more-teaser-box-2 h5.home {
		margin: 0px auto;
		text-align: left;
		width: 140px;
	}
	
	.home-more-teaser-box-3 h5.home {
		padding: 0px 0px 0px 3px;
		width: 140px;
	}
	
	.home-more-teaser-box-4 h5.home {
		padding: 0px 0px 0px 9px;
		width: 134px;
	}

	.frame-inner {
		width: 88%;
	}
	
	.frame-inner-width-100 {
		width: 100%;
	}

	.quickfinder-wrapper {
		margin: 32px 0px 0px 22px;
		width: 173px;
	}
	
	/** Mozilla Firefox */
	@-moz-document url-prefix() {
		.quickfinder-wrapper {
			margin: 32px 0px 0px 27px;
		}
	}

	.client-area-icon {
		margin: 1px 0px 0px 0px;
	}

	.claim-wrapper {
		margin: 43px -20px 0px 29px;
		width: auto;
	}
	
	.shopping-cart-icon-wrapper {	
		right: 6%;
	}
	
	.btn-search-icon {
		left: 6%;
		margin: 19px 0px 0px 0px;
	}
	
	.content-master {
		margin: 0px 0px 120px 0px;
	}
	
	.content-master-inner {
		margin: 33px 0px 0px 0px;
	}

	.home-teaser-wrapper {	
		height: 614px;
	}

	.home-teaser {
		width: 33.333333%;
	}
	

.teaser-fill-3 {
	display: none;
}

.teaser-fill-3-small-tablet {
	display: none;
}

.teaser-fill-6 {
	display: none;
}

.teaser-fill-7 {
	display: none;
}

.teaser-fill-8 {
	display: block;
}

.teaser-fill-8-small-tablet {
	display: block;
}

.teaser-fill-9-small-tablet {
	display: block;
}

	.home-teaser-spacer-one-teaser-height {
		height: 118px;
	}

	.home-teaser-spacer-two-teaser-height {
		height: 236px;
	}

	.home-teaser-second {
		left: 33.333333%;
	}

	.home-teaser-third {
		left: 66.666666%;
	}

	.home-teaser-fourth {
		top: 124px;
		left: 0%;
	}

	.home-teaser-fifth {
		top: 124px;
		left: 33.333333%;
	}

	.home-teaser-sixth {
		top: 124px;
		left: 66.666666%;
	}

	.home-teaser-seventh {
		left: 0%;
		top: 248px;
	}

	.home-teaser-eighth {
		left: 33.333333%;
		top: 248px;
	}

	.home-teaser-nineth {
		left: 66.666666%;
		top: 248px;
	}

	.home-teaser-tenth {
		left: 0%;
		top: 372px;
	}

	.home-teaser-eleventh {
		left: 33.333333%;
		top: 372px;
	}

	.home-teaser-twelfth {
		left: 66.666666%;
		top: 372px;
	}

	.home-teaser-thirteenth,
	.home-teaser-thirteenth .home-teaser-inner-wrapper {
		display: none;
	}

	.home-teaser-fourteenth {
		left: 0%;
		top: 496px;
	}

	.home-teaser-fifteenth {
		left: 33.333333%;
		top: 496px;
	}

	.home-teaser-sixteenth {
		left: 66.666666%;
		top: 496px;
	}

	.home-teaser-inner-wrapper {
		min-height: 118px;
	}

	.home-teaser-inner {
		height: 118px;
	}

	.home-teaser-text {
		margin: -15px 0px 0px 0px;
	}

	.home-teaser-text-inner {
		height: 263px;
	}

	.home-teaser-icon-plus {
		right: 13px;
		top: 14px;
		width: 41px;
	}
	
	.menu-opened {		
		width: 50%;
	}

	.claim-home {
		padding: 55px 0px 55px 0px;
		width: 85%;
	}

	.full-width-bg-yellow {
		height: 215px;
	}

	.home-more-teaser-left {
		width: 100%;
	}
	
	.home-more-teaser-left-bottom {
		padding: 59px 0px 79px 0px;
	}

	.home-more-teaser-right {
		margin: 0px 0px 0px 0px;
		width: 100%;
	}

	.home-more-teaser-box-wrapper {
		margin: 0px 0px 120px 0px;
	}

	.home-more-teaser-box {
		height: 130px;
		width: calc( 25% - 6px );
	}
	
	.home-more-teaser-box-1 {
		float: left;
		margin: 0px 6px 0px 0px;
	}

	.home-more-teaser-box-2 {
		float: left;	
		margin: 0px 6px 0px 0px;
	}

	.home-more-teaser-box-3 {
		float: left;
		margin: 0px 0px 0px 0px;
	}

	.home-more-teaser-box-4 {
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 6px;
	}

	.home-more-teaser-box-head {
		left: 0px;
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 79px;
	}

	.home-more-teaser-box-icon-1 {
		margin: 23px auto 72px auto;
		width: 30px;
	}

	.home-more-teaser-box-icon-2 {
		margin: 26px auto 0px auto;
		width: 52px;
	}

	.home-more-teaser-box-icon-3 {
		margin: 24px auto 0px auto;
		width: 32px;
	}

	.home-more-teaser-box-icon-4 {
		margin: 24px auto 0px auto;
		width: 32px;
	}

	/* slideshow */
	.slideshow-item-home {
		height: 118px;
	}


	/* category overview page */

	.headline-wrapper-inner {
		margin: 24px 0px 24px 26px;
	}

	.content-teaser-wrapper {
		margin: 15px 0px 73px 0px;
	}

	.content-teaser {
		height: 216px;
		width: 33.333333%
	}

	.content-teaser-image {
		background-size: auto 118px;
		height: 118px;
	}

	.content-teaser-text {
		height: 92px;
		padding: 0px 20px 0px 20px;
		width: calc( 100% - 40px );
	}

	.content-teaser-copy-wrapper {
		margin: 0px 0px 119px 0px;
	} 


	/* product overview page */
	
	.headline-wrapper-inner-width-100 {
		margin: 22px 0px 22px 0px;
		padding: 0% 0% 0% 6%;
	}	

	.product-list-name-wrapper {
		min-height: 340px;
		margin: 30px 0px 70px 0px;
	}

	.product-list-name-left {	
		margin: 44px 0px 0px 0px;
	}

	.product-list-name {
		margin: 0px 40px 22px 0px;
		padding: 0% 0% 0% 12%;
		width: calc( 90% - 40px );
	}

	.product-list-introtext {
		margin: 0px 40px 20px 0px;
		padding: 0% 0% 0% 12%;
		width: calc( 90% - 40px );
	}

	/* slideshow */
	.slideshow-item-product-list {		
		min-height: 340px;
	}

	.product-list-wrapper {
		width: 576px;
	}

	.product-list-full-width-bg-yellow {
		margin: 30px 0px 0px 0px;
	}

	.product-list-full-width-claim {
		margin: 46px 0px 47px 0px;
		width: 80%;
	}

	.product-list-copy-wrapper {	
		margin: 78px 0px 0px 0px;
	}

	.product-info-area-wrapper {
		margin: 79px 0px 89px 0px;
	}
	
	.product-info-trigger-wrapper-form {
		margin: -35px 0px -3px 0px;
	}

	.togglecontent-inner {
		margin: 28px 0px 6px 0px;
	}


	/* product detail page */

	.product-detail-wrapper {
		margin: 35px 0px 11px 0px;
	}

	.product-detail-right-headline {
		width: 50.4%;
	}

	.product-detail-left {
		width: calc( 43.4% + 15px );
	}

	.product-detail-image-large {
		height: 25.391vw;
	}

	.product-detail-image-small {
		height: 11.979vw;
		margin: 15px 0px 0px 0px;
		width: 50%;
	}

	.product-detail-image-small-inner {
		height: 11.979vw;
	}

	.product-detail-right {
		width: 50.4%;
	}

	.product-detail-right-price {
		font-size: 36px; 	/*50px*/
		line-height: 41px;	/*55px*/
		margin: 31px 0px 0px 0px;
	}
	
	.product-detail-quantity-submit-wrapper {
		margin: 35px 0px 0px 0px;
	}

	.product-detail-grain-one-grain {
		font-size: 14px; 	/*21px*/
		line-height: 22px;	/*29px*/
		padding: 16px 10px 20px 14px;
		width: calc( 100% - 26px );
	}
	
	.product-detail-quantity-button-minus {
		margin: 23px 0px 0px 8px;
		width: 16px
	}

	.product-detail-quantity-button-plus {
		margin: 20px 5px 0px 0px;
		width: 21px
	}

	.product-detail-info-bar {
		margin: 110px 0px 0px 0px;
	}
	
	.product-detail-info-bar-no-margin {
		margin: -20px 0px 0px 0px;
	}
	
	.product-detail-info-content {	
		margin: 33px 0px 89px 26px;
	}
	
	ul.product-detail-info {
		padding: 0px 0px 0px 20px;
		margin: 0px 0px 20px 0px;
	}

	.product-detail-info-content-request-form {
		margin: 0px 0px 120px 0px;
		width: calc( 100% + 28px );
	}

	.product-detail-info-content-request-form-text {
		margin: 16px 0px 10px 0px;
	}


	/* shopping cart checkout */
	
	.shopping-cart-checkout-wrapper {
		margin: 0px 0px 120px 0px;
	}
	
	.shopping-cart-checkout-row-head {
		margin: 29px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-head-finish-order {
		margin: 29px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-head-tablet-portrait {
		display: block;
	}

	.shopping-cart-checkout-row {
		margin: 31px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-finish-order {
		margin: 31px 0px 31px 0px;
	}

	.shopping-cart-checkout-row-left {
		width: calc( 43.4% + 15px );
	}

	.shopping-cart-checkout-row-right {
		width: 50.4%;
	}

	.shopping-cart-checkout-table-head-product-price {
		width: 42.5%;
	}

	.shopping-cart-checkout-table-head-product-quantity {
		width: 21.3%;	
	}

	.shopping-cart-checkout-table-head-product-price-total {
		width: 36.2%;
	}

	.shopping-cart-checkout-image {
		height: 11.979vw;
		margin: 0px 0px 21px 0px;
		width: 50%;
	}

	.shopping-cart-checkout-image-inner {
		height: 11.979vw;
	}

	.shopping-cart-checkout-product {
		float: left;
		width: 100%;
	}

	.shopping-cart-checkout-product-inner {
		padding: 0px 20px 0px 0px;
	}

	.shopping-cart-checkout-product-price {
		width: 42.5%;
	}

	.shopping-cart-checkout-product-quantity {
		margin: -16px 0px 0px 0px;
		width: 21.3%;
	}

	.shopping-cart-checkout-product-quantity-check-page {
		width: 21.3%;
	}

	.shopping-cart-checkout-product-price-total {
		width: 36.2%;
	}

	.shopping-cart-checkout-product-price-display {
		font-size: 20px; 	/*30px*/
		line-height: 24px;	/*35px*/
	}

	.shopping-cart-checkout-row-price-total {	
		margin: 35px 0px 0px 0px;
		padding: 31px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-price-total-finish-order {
		margin: -1px 0px 0px 0px;
	}


	.shopping-cart-checkout-row-price-total-inner-left {
		width: calc( 43.4% + 15px );
	}

	.shopping-cart-checkout-row-price-total-inner-right {
		width: 50.4%;
	}

	.form-order-client-id-row-left {
		width: calc( 50% - 14px );
	}

	.form-order-client-id-row-right {
		width: calc( 50% - 14px );
	}


	/* salt boxes*/

	.form-order-row-salt-box-left {
		width: 100%;
	}

	.form-order-row-salt-box-right {
		width: 100%;
	}


	.full-width-bg-blue-footer-left {
		width: 47.4%;
	}

	.full-width-bg-blue-footer-right {
		/*width: 52.6%;*/
		width: 100%;
	}

	.claim-footer {
		margin: 42px 0px 39px 0px;
	}

	.small-quantity-shipping-footer {
		margin: 44px 0px 46px 0px;
		width: 75px;	
	}

	.small-quantity-shipping-footer-inner {
		padding: 4px 5px 0px 5px;
	}

	.full-width-bg-dark-grey-footer {
		height: 318px;
	}

	.menu-column-footer-1 {			
		width: 100%;
	}

	.menu-column-footer-2 {
		margin: 33px 0px 0px 0px;
		width: 29.4%;
	}

	.menu-column-footer-3 {	
		margin: 33px 0px 0px 0px;
		width: 29.4%;
	}

	.menu-column-footer-4 {
		margin: 33px 0px 0px 0px;
		width: 29.4%;
	}

	.menu-column-footer-5 {
		margin: 33px 0px 0px 0px;
		width: 11.8%;
	}

	.logo-footer {
		margin: 40px auto 0px auto;
		width: 108px;	
	}
	
	
	/* ==========================================================================
	   google maps
       ========================================================================== */

	.googlemapscontainer {
		margin: 40px 0px 0px 0px;
	}

	.googlemapslink-inner {
		margin: 35px 0px 11px 0px;
	}


	/* ==========================================================================
	   forms
	   ========================================================================== */
	   
	.formitem-row-headline {
		font-size: 18px; 	/*21px*/
		line-height: 29px;	/*29px*/
		margin: 53px 0px 11px 0px;
	}
	
	.formitem-row-headline-first {
		margin: 7px 0px 11px 0px;
	}
	
	.form-order-row-sub-headline {
		font-size: 18px; 	/*21px*/
		line-height: 29px;	/*29px*/
		margin: 0px 0px -36px 0px;
	}

	.form-order-row-left {
		width: 100%;
	}

	.form-order-row-right {
		width: 100%;
	}

	.formitem-wrapper {
		padding: 0px 0px 15px 0px;
		width: 50%;
	}

	.formitem-wrapper-mandatory-notice {
		font-size: 14px; 	/*15px*/
		line-height: 20px;	/*19px*/
		margin: -8px 0px 59px 0px;
	}
	
	.shopping-cart-checkout-formtxt-quantity-display {
		font-size: 20px; 	/*30px*/
		line-height: 24px;	/*35px*/
	}

	.formitem {
		width: calc( 100% - 28px );
	}

	.formarea-small {
		height: 125px;
	}

	select.dropmenu {
		background: #ffffff url( '../art/bg-dropdown-arrow-mobile-22.svg' ) no-repeat right center;
		font-size: 13px; 	/*21px*/	
		line-height: 21px;	/*29px*/
	}
	
	.dropmenu-product-detail-grain-selection {
		font-size: 14px; 	/*21px*/
		line-height: 22px;	/*29px*/
	}

	.formtxt-quantity-display {
		font-size: 14px; 	/*21px*/
		letter-spacing: 0.01em;
		line-height: 22px;	/*29px*/
		width: 30px;
	}

	.submit-button-to-cart,
	.update-button-noscript,
	.submit-button-form,
	.button-to-form-anchor,
	.cart-button-delete-product,
	.cart-go-on-shopping,
	.cart-button-to-personal-data,
	.cart-back-to-cart,
	.cart-check-order-data,
	.cart-button-back-to-personal-data,
	.cart-button-submit-order {
		font-size: 18px; 	/*30px*/
		height: 60px;
		line-height: 23px;	/*35px*/
		padding: 0px 22px 0px 22px;
		width: auto;
	}

	.update-button-noscript {
		margin: 25px 0px 0px 0px;
		padding: 0px 22px 0px 22px;
	}

	.submit-button-form {
		margin: 38px 28px 0px 0px;
		padding: 0px 22px 0px 22px;
	}

	.button-to-form-anchor {
		/*margin: 0px 0px 0px 0px;
		padding: 0px 22px 0px 22px;*/
		width: 100%;
	}	

	.cart-button-delete-product	{
		margin: 0px 0px 0px 0px;
		padding: 0px 22px 0px 22px;
	}
	
	.cart-go-on-shopping {
		margin: 75px 0px 0px 0px;
		padding: 0px 22px 0px 22px;
	}
	
	.cart-button-to-personal-data {
		margin: 75px 0px 0px 0px;
		padding: 0px 22px 0px 22px;
	}
	
	.cart-back-to-cart {
		margin: 38px 0px 0px 0px;
		padding: 0px 22px 0px 22px;
	}

	.cart-check-order-data {
		margin: 38px 28px 0px 0px;
		padding: 0px 22px 0px 22px;
	}
	
	.cart-button-back-to-personal-data {
		margin: 75px 0px 0px 0px;
		padding: 0px 22px 0px 22px;
	}

	.cart-button-submit-order {
		margin: 75px 0px 0px 0px;
		padding: 0px 22px 0px 22px;
	}



}


/* smartphones */
@media screen and (max-width: 767px){
	
	/* no specific styles */
}


/* head fix */
@media screen and ( max-width: 750px ) {
	
	.font-15-height-30 {
		font-size: 16px; 	/*15px*/
		line-height: 30px;	/*30px*/
	}
	
	h1 {	
		font-size: 14px; 	/*35px*/
		line-height: 21px;	/*41px*/
	}
	
	h5.home {		
		font-size: 14px; 	/*20px*/
		line-height: 17px;	/*25px*/
	}
	
	.home-more-teaser-box-1 h5.home {
		width: 175px;
	}
	
	.home-more-teaser-box-2 h5.home {
		width: 174px;
	}

	.home-more-teaser-box-3 h5.home {
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		width: 172px;
	}
	
	.home-more-teaser-box-4 h5.home {
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
		width: 165px;
	}
	
	.frame-inner {
		width: 89.6%;
	}
	
	.frame-inner-width-100 {
		width: 100%;
	}
	
	#head {
		height: 33vw;
	}
	
	.head-left {		
		width: 32.7%;
	}
	
	.logo {
		width: 100%;
	}
	
	.quickfinder-wrapper {
		float: left;
		margin: 33px 0px 0px 15px;
		width: 190px;
	}
	
	/* only Firefox */
	@-moz-document url-prefix() {
		.quickfinder-wrapper {
			margin: 33px 0px 0px 15px
		}
	}

	.claim-wrapper {
		margin: 11.2% 0px 0px 22px;		
	}
	
	.shopping-cart-icon-wrapper {	
		right: 5.2%;
	}
	
	.btn-search-icon {
		left: 5.2%;
		margin: 19px 0px 0px 0px;
	}
	
	.main {
		margin: 37vw 0px 0px 0px;		
	}

	.home-more-teaser-box {
		height: 150px;
		width: calc( 50% - 6px );
	}

	.home-more-teaser-box-1 {
		float: left;	
	}

	.home-more-teaser-box-2 {
		float: right;
		margin: 0px 0px 0px 0px;	
	}

	.home-more-teaser-box-3 {
		float: left;
		margin: 8px 0px 0px 0px;
	}

	.home-more-teaser-box-4 {
		float: right;
		margin: 6px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	.home-more-teaser-box-head {
		top: 88px;
	}

	.home-more-teaser-box-icon-1 {
		margin: 37px auto 25px auto;
		width: 31px;
	}

	.home-more-teaser-box-icon-2 {
		margin: 36px auto 25px auto;
		width: 54px;
	}

	.home-more-teaser-box-icon-3 {
		margin: 28px auto 16px auto;
		width: 32px;
	}

	.home-more-teaser-box-icon-4 {
		margin: 28px auto 15px auto;
		width: 32px;
	}
	
	.product-detail-quantity-selection-wrapper {
		float: right;
		
	}	
		
	.product-detail-info-bar-inner-left {
			width: calc( 100% - 30px );
	}

	.product-detail-info-bar-inner-right {
		margin: 10px 0px 0px 0px;
		width: 100%;
	}	
		
	.product-detail-info-bar-inner-right-label {
		margin: 28px 0px 0px 30px;
	}	
	
	.full-width-bg-dark-grey-footer {
		height: 538px;
	}

	.menu-column-footer-2 {
		margin: 49px 0px 0px 0px;
		padding: 0% 0% 0% 9%;
		width: 49.6%;
	}

	.menu-column-footer-3 {	
		margin: 49px 0px 0px 0px;
		width: 41.4%;
	}

	.menu-column-footer-4 {
		margin: 46px 0px 0px 0px;
		padding: 0% 0% 0% 9%;
		width: 49.6%;
	}

	.menu-column-footer-5 {
		margin: 46px 0px 0px 0px;
		width: 41.4%;
	}

	.logo-footer {
		margin: 53px auto 0px auto;
		width: 139px;	
	}
	
	.footer-menu-head {
		margin: 0px 0px 11px 0px;
	
	}
	
	
	/* ==========================================================================
	   navigation
	   ========================================================================== */
   
	/* function menu */

	ul.funcmenu li {
		font-size: 16px;		/*15px*/
		line-height: 27px;		/*30px*/
	}

	ul.funcmenu li a {
		font-size: 16px;		/*15px*/
		line-height: 27px;		/*30px*/
	}


	/* ==========================================================================
	   forms
	   ========================================================================== */

	select.dropmenu {
		background-image: none;
		font-size: 16px; 	/*21px*/
		font-weight: 400;
		letter-spacing: 0.05em;		
		line-height: 24px;	/*29px*/
		padding: 2px 0px 2px 5px;
	}
	
	.submit-button-to-cart {
		float: right;
		margin: 35px 0px 0px 20px;
	}
	
}


/* smartphones */
@media screen and (max-width: 660px){
	
	.showsmart {
		display: block !important;
	}

	.showsmartinline {
		display: inline;
	}

	.hidesmart {
		display: none !important;
	}
	
	body {
		font-size: 22px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}

	a, 
	a:link, 
	a:hover, 
	a:active {
		font-size: 22px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}
	
	.font-14-height-22 a,
	.font-14-height-22 a:link,
	.font-14-height-22 a:hover,
	.font-14-height-22 a:active {
		font-size: 16px; 	/*14px*/
		line-height: 27px;	/*22px*/
	}
	
	.font-15-height-19 a,
	.font-15-height-19 a:link,
	.font-15-height-19 a:hover,
	.font-15-height-19 a:active {
		font-size: 22px; 	/*15px*/
		line-height: 28px;	/*19px*/
	}
	
	.product-list-item-request.font-15-height-19 a,
	.product-list-item-request.font-15-height-19 a:link,
	.product-list-item-request.font-15-height-19 a:hover,
	.product-list-item-request.font-15-height-19 a:active {
		font-size: 20px; 	/*15px*/
		line-height: 28px;	/*19px*/
	}
	
	.font-17-height-20 a,
	.font-17-height-20 a:link,
	.font-17-height-20 a:hover,
	.font-17-height-20 a:active {
		font-size: 24px; 	/*17px*/
		line-height: 27px;	/*20px*/
	}
	
	
	.font-14-height-22 {
		font-size: 16px; 	/*14px*/
		line-height: 27px;	/*22px*/
	}
	
	.font-15-height-19 {
		font-size: 22px; 	/*15px*/
		line-height: 28px;	/*19px*/
	}
	
	.font-17-height-20 {
		font-size: 24px; 	/*17px*/
		line-height: 27px;	/*20px*/
	}
	
	.product-list-item-request.font-15-height-19 {
		font-size: 20px; 	/*15px*/
		line-height: 28px;	/*19px*/
	}
	
	.font-size-50-height-60 {
		font-size: 20px; 	/*50px*/
		line-height: 24px;	/*60px*/
	}
	
	.product-list-full-width-claim.font-size-50-height-60 {
		font-size: 30px; 	/*50px*/
		line-height: 35px;	/*60px*/
	}

	h1 {	
		font-size: 16px; 	/*35px*/
		line-height: 23px;	/*41px*/
font-size: 12px; 	/*35px*/
line-height: 19px;	/*41px*/
	}
	
	h2 {
		font-size: 27px; 	/*30px*/
		line-height: 33px;	/*35px*/
	}
	
	h2.home-teaser-head-inner {
		font-size: 15px; 	/*18px*/
		line-height: 20px;	/*22px*/
	}
	
	h3.home {	
		font-size: 30px; 	/*50px*/
		line-height: 35px;	/*60px*/
font-size: 20px; 	/*50px*/
line-height: 24px;	/*60px*/
	}
	
	h3.product-list {
		font-size: 27px; 	/*30px*/
		line-height: 33px;	/*35px*/
	}
	
	h3.product-detail {
		font-size: 27px; 	/*30px*/
		line-height: 33px;	/*35px*/
	}
	
	h4.home {	
		font-size: 30px; 	/*50px*/
		line-height: 35px;	/*60px*/
	}
	
	h4.product-list {
		font-size: 22px; 	/*15px*/
		line-height: 28px;	/*19px*/
	}
	
	h4.product-detail {
		font-size: 28px; 	/*35px*/
		line-height: 33px;	/*40px*/
	}
	
	h5.product-list {
		font-size: 18px; 	/*21px*/
		line-height: 25px;	/*28px*/
		margin: 2px 0px 0px 0px;
	}
	
	h5.product-detail {
		font-size: 18px; 	/*21px*/
		letter-spacing: 0.07em;
		line-height: 25px;	/*28px*/
	}
	
	.home-more-teaser-box-1 h5.home {
		text-align: center;
		width: auto;
	}

	.home-more-teaser-box-2 h5.home {
		text-align: center;
		width: auto;
	}

	.home-more-teaser-box-3 h5.home {
		text-align: center;
		width: auto;
	}

	.home-more-teaser-box-4 h5.home {
		text-align: center;
		width: auto;
	}
	
	.headline-gelb { 
		font-size: 22px; 	/*22px*/
		letter-spacing: 0.01em;		
		line-height: 28px;	/*28px*/
	}
	
	#head {
		height: 181px;
	}
	
	.head-left {
		margin: 24px 0px 0px 0px;
		width: auto;
	}
	
	.logo {
		width: 135px;
	}
	
	.quickfinder-wrapper {
		margin: 74px 0px 0px 10px;
	}
	
	/* only Firefox */
	@-moz-document url-prefix() {
		.quickfinder-wrapper {
			margin: 74px 0px 0px 10px;
		}
	}

	.claim-wrapper {
display: none;
		margin: 34px 0px 0px 0px;		
	}
	
	.btn-search-icon {
		margin: 19px 0px 0px 0px;
		width: 21px;
	}
	
	.btn-search-icon-inner {
		background: transparent url( '../art/bg-search-icon-white-22.svg' ) left top no-repeat;
		background-size: 21px 21px;
		width: 21px;
	}
	
	.news-message,
	.news-message a {
		font-size: 14px; 	/*21px*/
		line-height: 20px;	/*29px*/
	}
	
	.mobile-menu-wrapper {
		margin: 18px 0px 0px 0px;
	}
	
	.menu-closed {
		width: 30px;
	}
	
	.menu-opened {		
		width: 100%;
		z-index: 80;
	}
	
	#menu-opened-inner {
		float: none;
		margin: 0% auto 10% auto;
		padding: 132px 0px 0px 0px;
		width: 89.6%;
	}
	
	.main {
		margin: 200px 0px 0px 0px;
	}
	
	.content-master {
		margin: 0px 0px 119px 0px;
	}
	
	.content-master-inner {
		margin: 44px 0px 0px 0px;
	}
	
	.home-teaser-wrapper {	
		height: 946px;
	}

	.home-teaser {
		width: 50%;
	}

	.home-teaser-spacer-one-teaser-height {
		height: 142px;
	}

	.home-teaser-spacer-two-teaser-height {	
		height: 272px;
	}

	.home-teaser-second {
		left: 50%;
	}

	.home-teaser-third {
		left: 0px;
		top: 136px;
	}

	.home-teaser-fourth {
		left: 50%;
		top: 136px;	
	}

	.home-teaser-fifth {
		left: 0px;
		top: 272px;
	}

	.home-teaser-sixth {
		left: 50%;
		top: 272px;
	}

	.home-teaser-seventh {
		left: 0px;
		top: 408px;
	}

	.home-teaser-eighth {
		left: 50%;
		top: 408px;
	}

	.home-teaser-nineth {
		left: 0px;
		top: 544px;
	}

	.home-teaser-tenth {
		left: 50%;
		top: 544px;
	}

	.home-teaser-eleventh,
	.home-teaser-eleventh .home-teaser-inner-wrapper {
		display: none;
	}

	.home-teaser-twelfth {
		left: 0px;
		top: 680px;
	}

	.home-teaser-fourteenth {
		left: 50%;
		top: 680px;
	}

	.home-teaser-fifteenth {
		left: 0px;
		top: 816px;
	}

	.home-teaser-sixteenth {
		left: 50%;
		top: 816px;
	}

	.home-teaser-inner-wrapper {
		min-height: 130px;	
	}

	.home-teaser-inner {
		height: 130px;
	}

	.home-teaser-text {	
		margin: -13px 0px 0px 0px;
	}

	.home-teaser-text-inner {
		height: 285px;
	}
	
	.claim-home {
		padding: 42px 0px 43px 0px;
		width: 100%;
	}
	
	.full-width-bg-yellow {
		height: 250px;
	}

	.home-more-teaser-left-bottom {
		padding: 42px 0px 95px 0px;
	}

	/* slideshow */
	.slideshow-item-home {
		height: 130px;
	}
	
	
	/* category overview page */

	.headline-wrapper-inner {
		margin: 23px 0px 22px 15px;
	}

	.content-teaser-wrapper {
		background: none;
		margin: 15px 0px 94px 0px;
	}

	.content-teaser {
		height: 205px;
		width: 50%;
	}

	.content-teaser-image {
		background-size: auto 113px;
		background-position: cover;
		height: 113px;
	}

	.content-teaser-text {
		height: 89px;
		padding: 0px 15px 0px 15px;
		width: calc( 100% - 30px );
	} 	

	.content-teaser-copy-wrapper {
		font-size: 22px; 	/*22px*/
		font-weight: 400;
		letter-spacing: 0.01em;		
		line-height: 28px;	/*28px*/
	}

	.teaser-fill-2 {
		display: none;
	}
	
	.teaser-fill-3-small-tablet {
		display: block;
	}

	.teaser-fill-8 {
		display: none;
	}	
	
	.teaser-fill-9-small-tablet {
		display: none;
	}
	

	/* product overview page */
	
	.headline-wrapper-inner-width-100 {
		margin: 22px 0px 22px 0px;
		padding: 0% 0% 0% 5.2%;
	}	

	.product-list-name-wrapper {
		margin: 40px 0px 100px 0px;
		min-height: 100%;
	}

	.product-list-name-left {	
		margin: 46px 0px 0px 0px;
		width: 100%;
	}

	.product-list-name {
		margin: 0px 0px 64px 0px;
		padding: 0% 5.2% 0% 5.2%;
		width: calc( 100% - 10.4% );
	}

	.product-list-introtext {
		margin: 0px 0px 72px 0px;
		padding: 0% 5.2% 0% 5.2%;
		width: calc( 100% - 10.4% );
	}

	.product-list-name-right {	
		display: none;
	}

	.product-list-wrapper {
		width: calc( 100% - 10.4% );
	}
	
	.product-list-item-wrapper {
		margin: 0px 0px 70px 0px;
		width: 100%;
	}

	.product-list-item {
		width: 100%;
	}

	.product-list-item-image {	
		height: 113px;
	}

	.product-list-item-copy-wrapper {
		height: auto;
	}

	.product-list-item-copy-headline {
		margin: 42px 30px 0px 30px;
		width: calc( 100% - 60px );
	}

	.product-list-item-copy {	
		margin: 28px 30px 42px 30px;
		width: calc( 100% - 60px );
	}

	.product-list-item-request {
		height: auto;	
	}

	.product-list-item-request-inner {
		margin: 25px 20px 27px 20px;
		width: calc( 100% - 40px );
	}	
	
	.product-list-full-width-claim {
		margin: 70px 0px 70px 0px;
		width: 89.6%;
	}

	.product-list-copy-wrapper {		
		margin: 101px 0px 0px 0px;
	}

	.product-info-area-wrapper {
		margin: 99px 0px 90px 0px;
	}

	.product-info-trigger-inner {
		margin: 26px 29px 27px 29px;
		width: calc( 100% - 41px );
	}

	.togglecontent-inner {
		margin: 29px 0px 29px 0px;
	}

	.product-detail-wrapper {
		margin: 40px 0px 11px 0px;
	}

	.product-detail-right-headline {
		width: 100%;
	}

	.product-detail-left {
		margin: 40px 0px 0px 0px;
		width: calc( 100% + 15px );
	}

	.product-detail-image-large {
		height: 59.375vw;
	}
	
	.product-detail-image-large-placeholder {
		display: none;
	}

	.product-detail-image-small {
		height: 13.333vw;
		width: 25%;
	}

	.product-detail-image-small-inner {
		height: 13.333vw;
	}

	.product-detail-right {
		width: 100%;
	}

	.product-detail-right-price {
		font-size: 40px; 	/*50px*/
		line-height: 45px;	/*55px*/
		margin: 48px 0px 0px 16px;
		width: calc( 100% - 16px );
	}
	
	.product-detail-right-price-info {
		margin: 24px 0px 0px 16px;
		width: calc( 100% - 16px );
	}
	
	.product-detail-right-package-info-trigger {
		margin: 0px 0px 0px 16px;
		width: calc( 100% - 16px );
	}
	
	.product-detail-right-package-info {
		margin: 0px 0px 0px 16px;
		width: calc( 100% - 16px );
	}
	
	.product-detail-grain-selection-label {
		font-size: 18px; 	/*21px*/
		line-height: 32px;	/*35px*/
		margin: 46px 0px 0px 0px;
	}

	.product-detail-grain-selection-label-inner {
		margin: 12px 0px 11px 16px;	
	}

	.product-detail-grain-one-grain {
		font-size: 22px; 	/*21px*/
		line-height: 29px;	/*29px*/
		padding: 25px 10px 24px 16px;
		width: calc( 100% - 28px );
	}
	
	.product-detail-quantity-submit-wrapper {
		margin: 40px 0px 0px 0px;
	}
	
	.product-detail-quantity-selection-wrapper {
		float: left;
		height: 78px;
		width: 112px;
	}

	.product-detail-quantity-button-minus {
		margin: 29px 1px 0px 10px;
		width: 19px
	}

	.product-detail-quantity-button-plus {
		margin: 25px 9px 0px 0px;
		width: 28px
	}

	.product-detail-quantity-display {
		margin: 12px 0px 0px 9px;
	}

	.product-detail-info-bar {
		margin: 100px 0px 0px 0px;
	}
	
	.product-detail-info-bar-no-margin {
		margin: -53px 0px 0px 0px;
	}
	
	.product-detail-info-bar-inner-left {
		padding: 24px 0px 23px 24px;
		width: calc( 100% - 24px );
	}

	.product-detail-info-bar-inner-right {	
		width: 100%;
	}

	.product-detail-info-bar-inner-right-label {
		float: left;
		margin: 28px 0px 0px 23px;
	}

	.product-detail-info-bar-inner-right-icon {
		height: 80px;
		width: 80px;
	}

	.product-detail-info-bar-inner-right-icon-inner {
		padding: 26px 24px 0px 24px;
	}

	.product-detail-info-content {	
		margin: 48px 0px 98px 0px;
	}

	ul.product-detail-info {
		padding: 0px 0px 0px 20px;
		margin: 0px 0px 28px 0px;
	}

	.product-detail-info-content-request-form {
		margin: 0px 0px 120px 0px;
		width: 100%;
	}

	.product-detail-info-content-request-form-text {
		margin: 24px 0px 10px 0px;
	}


	/* shopping cart checkout */
	
	.shopping-cart-checkout-wrapper {
		margin: 0px 0px 120px 0px;
	}
	
	.shopping-cart-checkout-row-head {
		margin: 29px 0px 28px 0px;
	}

	.shopping-cart-checkout-row-head-tablet-portrait {
		display: none;
	}

	.shopping-cart-checkout-row {
		margin: 40px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-finish-order {
		margin: 40px 0px 33px 0px;
	}

	.shopping-cart-checkout-row-left {
		width: 100%;
	}

	.shopping-cart-checkout-row-right {
		width: 100%;
	}

	.shopping-cart-checkout-table-head-product-price {
		width: 42.5%;
	}

	.shopping-cart-checkout-table-head-product-quantity {
		width: 21.3%;	
	}

	.shopping-cart-checkout-table-head-product-price-total {
		width: 36.2%;
	}

	.shopping-cart-checkout-image {
		height: 13.125vw;
		margin: 0px 0px 31px 0px;
		width: 22%;
	}

	.shopping-cart-checkout-image-inner {
		height: 13.125vw;
		width: 100%;
	}

	.shopping-cart-checkout-product {
		margin: 0px 0px 0px 0px;
		width: 78%;
	}

	.shopping-cart-checkout-product-inner {
		padding: 0px 0px 0px 20px;
	}

	.shopping-cart-checkout-product-price {
		width: 42.5%;
	}

	.shopping-cart-checkout-product-quantity {
		margin: -11px 0px 0px 0px;
		width: 21.3%;
	}

	.shopping-cart-checkout-product-quantity-check-page {
		width: 21.3%;
	}

	.shopping-cart-checkout-product-price-total {
		width: 36.2%;
	}

	.shopping-cart-checkout-product-price-display {
		font-size: 27px; 	/*30px*/
		line-height: 33px;	/*35px*/
	}

	.shopping-cart-checkout-row-price-total {	
		margin: 40px 0px 0px 0px;
		padding: 74px 0px 0px 0px;
	}
	
	.shopping-cart-checkout-row-price-total-finish-order {
		margin: 40px 0px 0px 0px;
	}

	.shopping-cart-checkout-row-price-total-inner-left {
		width: 72%;
	}

	.shopping-cart-checkout-row-price-total-inner-left .shopping-cart-checkout-product {
		width: 100%;
	}

	.shopping-cart-checkout-row-price-total-inner-right {
		width: 28%;
	}


	/* form */

	.product-form-name {
		margin: 0px 0px 64px 15px;
		width: calc( 100% - 30px );
	}

	.product-form-introtext {
		margin: 0px 0px 72px 15px;
		width: calc( 100% - 30px );
	}

	.product-form-info-trigger-inner {
		margin: 26px 0px 27px 15px;
		width: calc( 100% - 27px );
	}
	
	.form-order-client-id-row-left {	
		width: 100%;
	}

	.form-order-client-id-row-right {
		text-align: left;
		width: 100%;
	}	
	
	
	
	.full-width-bg-blue-footer-left {
		width: 25.8%;
	}

	.full-width-bg-blue-footer-right {
		/*width: 74.2%;*/
		width: 100%;
		
	}

	.claim-footer {
		margin: 64px 0px 59px 0px;
	}

	.small-quantity-shipping-footer {
		margin: 64px 0px 62px 0px;
	}

	.no-js .hidenojs {
		display: none;
	}
	
	/* ==========================================================================
	   google maps
       ========================================================================== */

	.googlemapscontainer {
		margin: 55px 0px 0px 0px;
	}

	.googlemapslink-inner {
		margin: 49px 0px 15px 0px;
	}



	/* ==========================================================================
	   forms
	   ========================================================================== */
	   
	.formitem-row-headline {
		font-size: 22px; 	/*21px*/
		line-height: 28px;	/*29px*/
		margin: 54px 0px 14px 0px;
	}

	.formitem-row-headline-first {
		margin: 24px 0px 14px 0px;
	}
	
	.formitem-row-headline-smart {
		margin: 24px 0px 14px 0px;
	}
	
	.form-order-row-sub-headline {
		font-size: 22px; 	/*21px*/
		line-height: 28px;	/*29px*/
		margin: 0px 0px -23px 0px;
	}	

	.formitem-wrapper {
		width: 100%;
	}

	.formitem-wrapper-mandatory-notice {
		font-size: 18px; 	/*15px*/
		line-height: 22px;	/*19px*/
		margin: 4px 0px 82px 0px;
	}

	.formitem {
		width: 100%;
	}
	
	.dropmenu-product-detail-grain-selection {
		font-size: 22px; 	/*21px*/
		height: 79px;
		line-height: 29px;	/*29px*/
		padding: 1px 10px 0px 11px;
	}
	
	.formtxt,
	.formtxt-search,
	.formtxt-medium,
	.formtxt-small,
	.formtxt-quantity-display {
		height: 80px;
		font-size: 18px; 	/*15px*/
		line-height: 22px;	/*19px*/
		padding: 0px 14px 0px 14px;
	}

	.formarea {
		font-size: 18px; 	/*15px*/
		height: 160px;
		line-height: 22px;	/*19px*/
		padding: 28px 14px 2px 14px;
	}

	.formtxt-quantity-display {
		height: 55px;
		font-size: 22px; 	/*21px*/
		line-height: 30px;	/*29px*/
		padding: 0;
		width: 30px;
	}
	
	.shopping-cart-checkout-formtxt-quantity-display {
		font-size: 27px; 	/*30px*/
		line-height: 33px;	/*35px*/
	}

	.submit-button-to-cart,
	.update-button-noscript,
	.submit-button-form,
	.button-to-form-anchor,
	.cart-button-delete-product,
	.cart-go-on-shopping,
	.cart-button-to-personal-data,
	.cart-back-to-cart,
	.cart-check-order-data,
	.cart-button-back-to-personal-data,
	.cart-button-submit-order {
		font-size: 22px; 	/*30px*/
		height: 80px;
		line-height: 27px;	/*35px*/
		padding: 0px 37px 0px 37px;
	}

	.update-button-noscript {
		margin: 30px 0px 0px 0px;
	}
	
	.submit-button-to-cart {
		float: right;
		margin: 0px 0px 0px 0px;
	}

	.submit-button-form {
		margin: 43px 0px 0px 0px;
		padding: 0px 37px 0px 37px;
		width: 100%;
	}

	.button-to-form-anchor {
		/*margin: 0px 0px 0px 0px;
		padding: 0px 37px 0px 37px;
		width: auto;*/
		width: 100%;
	}
	
	.cart-button-delete-product	{
		margin: 40px 0px 40px 0px;
		padding: 0px 37px 0px 37px;
	}

	.cart-go-on-shopping {
		margin: 73px 0px 0px 0px;
		padding: 0px 37px 0px 37px;
	}

	.cart-button-to-personal-data {
		margin: 73px 0px 0px 0px;
		padding: 0px 37px 0px 37px;
	}
	
	.cart-back-to-cart {
		margin: 44px 0px 80px 0px;
		padding: 0px 37px 0px 37px;
		width: 100%;
	}
	
	.cart-check-order-data {
		margin: 0px 0px 0px 0px;
		padding: 0px 37px 0px 37px;
		width: 100%;
	}
	
	.cart-button-back-to-personal-data {
		margin: 73px 0px 80px 0px;
		padding: 0px 37px 0px 37px;
		width: 100%;
	}

	.cart-button-submit-order {
		margin: 0px 0px 0px 0px;
		padding: 0px 37px 0px 37px;
		width: 100%;
	}
	
	label.checkbox-label {
		margin: -3px 0px 34px 0px;
	}	
	
	
}


/* shopping cart fix */
@media screen and (max-width: 580px){	
	.cart-button-delete-product	{
		margin: 40px 0px 40px 0px;
		padding: 0px 37px 0px 37px;
		width: 100%;
	}

	.cart-go-on-shopping {
		margin: 73px 0px 80px 0px;
		padding: 0px 37px 0px 37px;
		width: 100%;
	}

	.cart-button-to-personal-data {
		margin: 0px 0px 0px 0px;
		width: 100%;
	}
		
}


/* form fix */
@media screen and (max-width: 550px){
	.formitem-row-headline {
		font-size: 16px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}
	
	.form-order-row-sub-headline,
	.form-order-row-sub-headline a	{
		font-size: 16px; 	/*21px*/
		line-height: 28px;	/*29px*/
		margin: 0px 0px -52px 0px;
	}
	
	.form-order-row-right-inner-left {
		width: 38%;
	}

	.form-order-row-right-inner-center {
		width: 45%;
	}

	.form-order-row-right-inner-right {
		width: 17%;
	}

	.form-order-row-content {
		font-size: 16px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}
	
	
	/* salt boxes */

	.form-order-row-salt-box-right-inner-first-column {
		width: 50%;
	}

	.form-order-row-salt-box-right-inner-second-column {
		width: 50%;
	}

	.form-order-row-salt-box-right-inner-third-column {
		width: 50%;
	}

	.form-order-row-salt-box-right-inner-fourth-column {
		text-align: left;
		width: 50%;
	}	
	
	.form-order-row-salt-box-content {
		font-size: 16px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}
	
	.formtxt-small {
		width: 40px;
	}
	
	.formtxt-small-salt-box {
		float: left;
	}
	
	.radiobutton-item {
		margin: 0px;

	}

}


/* head fix */
@media screen and (max-width: 479px){

	#head {
		/*height: 275px;*/
	}
	
	.main {
		/*margin: 302px 0px 0px 0px;*/
	}
	
	.shopping-cart-checkout-row-price-total-inner-left {
		width: 60%;
	}
	
	.shopping-cart-checkout-table-head-product-price {
		font-size: 18px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}

	.shopping-cart-checkout-table-head-product-quantity {
		font-size: 18px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}

	.shopping-cart-checkout-table-head-product-price-total {
		font-size: 18px; 	/*21px*/
		line-height: 28px;	/*29px*/
	}
	
}


@media screen and (max-width: 440px){
	
	.showsmart-small {
		display: block !important;
	}

/*	
	#menu-opened-inner {
		padding: 238px 0px 0px 0px;
	}
*/

	h5.home {		
		font-size: 11px; 	/*20px*/
		line-height: 14px;	/*25px*/
	}

	.content-teaser-wrapper {
		background: transparent url( '../art/bg-line-map-22.svg' ) left top/cover no-repeat;
	}

	.content-teaser {
		height: 234px;
		width: 100%;
	}
	
	.content-teaser-inner {

		border-bottom: 18px solid #ffffff;
	}
	
	.content-teaser-image {
		background-size: 100% auto;
		height: 130px;
	}

	.teaser-fill-1 {
		display: none;
	}

	.teaser-fill-2 {
		display: none;
	}

	.teaser-fill-3 {
		display: none;
	}
	
	.teaser-fill-3-small-tablet {
		display: none;
	}

	.teaser-fill-4 {
		display: none;
	}

	.teaser-fill-5 {
		display: none;
	}

	.teaser-fill-6 {
		display: none;
	}

	.teaser-fill-7 {
		display: none;
	}

	.teaser-fill-8-small-tablet {
		display: none;
	}

	.teaser-fill-9-small-tablet {
		display: none;
	}	
	
	.menu-column-footer-2 {
		padding: 0% 0% 0% 0%;
		width: 49.6%;
	}

	.menu-column-footer-3 {	
		float: right;	
		width: 41.4%;
	}

	.menu-column-footer-4 {
		padding: 0% 0% 0% 0%;
		width: 49.6%;
	}

	.menu-column-footer-5 {
		float: right;
		width: 41.4%;
	}
	
}


@media screen and (max-width: 410px){
	
	.home-teaser-icon-plus {
		display: none;
	}
	
	.full-width-bg-blue-footer-left {
		width: 30%;
	}

	.full-width-bg-blue-footer-right {
		/*width: 70%;*/
		width: 100%;
	}
	

	/* ==========================================================================
	   navigation
	   ========================================================================== */
 
	/* function menu */

	ul.funcmenu li {
		font-size: 13px;		/*15px*/
		line-height: 24px;		/*30px*/
	}

	ul.funcmenu li a {
		font-size: 13px;		/*15px*/
		line-height: 24px;		/*30px*/
	}
	
}


@media screen and (max-width: 380px){
	.quickfinder-wrapper {
		margin: 74px 0px 0px 10px;
		width: 140px;
	}
	
	select.dropmenu {
		font-size: 12px; 	/*21px*/
		line-height: 20px;	/*29px*/
		padding: 2px 0px 2px 5px;
	}

}


@media screen and (max-width: 360px){
	#head {
		/*height: 230px;*/
	}

/*	
	.quickfinder-wrapper {
		float: left;
		margin: 11px 0px 0px -9px;
		width: 100%;
	}
*/	
	.claim-wrapper {
		display: none;
	}	
}




@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
		
		font-size: 12px; 	
		line-height: 18px;	
	
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }*/

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
        height: auto;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
	
	h3.product-list,
	.formitem-row-headline,
	.formitem-wrapper-mandatory-notice {
		color: #000000 !important;
		font-size: 12px; 	
		line-height: 18px;	
	}

	body
	{
		font-size: 12px; 	/*12px*/
		line-height: 18px;	/*18px*/
	}

	a, a:link, a:hover, a:active
	{
		font-size: 12px; 	/*12px*/
		line-height: 18px;	/*18px*/
		text-decoration: underline
	}

	.frame
	{

		float: none;
		margin: 0cm 0cm 0cm 0.5cm;
		overflow: visible;
		width: 95%;
	}

	.main
	{
		background-color: #ffffff;
		float: none;
		margin: 0;
		overflow: visible;
		width: 100%;
	}

	.fax-head-left
	{
		display: block;
	}

	.fax-head-right
	{
		display: block;
	}

	.fax-footer
	{
		display: block;
	}

	.content-inner-no-margin-top
	{
		margin: 0% 0% 0% 0%;
	}

	.product-detail-order-table-wrapper
	{
		width: 52%;
	}

	.form-wrapper
	{
		width: 100%;
	}

	.noprint, #head, .menu-opened, #sliderwrapper, footer
	{
		display: none !important;
	}
	
	.news-message, 
	.headline-wrapper,
	.product-list-name-right,
	.submit-button-form {
		display: none !important;
	}
	
	.content-wrapper,
	.content,
	.form-wrapper,	
	.product-list-name-left,
	.product-form-name,
	.product-form-introtext,
	.form-order-row,
	.form-order-row-content {
		float: none !important;
		margin: 0;
		width: 100%;
	}
	
	.product-list-name-wrapper {
		min-height: auto;
	}
	
	.form-order-row-subline {
		clear: both;
		padding: 30px 0px 0px 0px;
		width: 100%;
	}
	
	.formitem-row-headline {
		font-size: 12px;
		line-height: 18px;
	}
	
	.formtxt {
		border: 1px solid #000000;
		color: #000000;
		height: 40px;
		font-size: 12px;
		line-height: 18px;
		padding: 0px 0px 0px 0px;
		width: 100%;
	}
	
	.formtxt-small {
		border: 1px solid #000000;
		color: #000000;
		height: 30px;
		font-size: 12px;
		line-height: 18px;
		padding: 0px 0px 0px 0px;
		width: 40px;
	}
	
	.formitem-wrapper {
		float: none;
		width: 70%;
	}
	
	label.checkbox-label {
		margin: 0px 0px 20px 0px;
		min-height: auto;
		padding-left: 30px;
	}
	
	.checkmark {
		border: 1px solid #000000;
		height: 20px;
		width: 20px;
	}


	.hideinfax
	{
		display: none;
	}
}