.raster  {
    max-width: 1020px;
    min-width:  220px;
    margin:  0 auto;
    position:  relative;
}
.raster.table  {
    max-width:  1100px;
}
.raster > .inner  {
    width:  100%;
}
.raster.table > .inner  {
    display:  table;
    table-layout:  fixed;
}
.raster.float > .inner  {
    display:  block;
}
.raster.float > .inner:after  {
    content:  '';
    display:  block;
    clear:  both;
}
.raster.flex > .inner  {
    display:  block;
}
.raster .fit  {
    height:  auto;
    width:  100%;
    margin:  0;
    vertical-align:  top;
}
.raster.float .fit  {
    float:  left;
}
.raster.table .fit  {
    display:  table-cell;
}
.raster.flex .fit  {
    display:  inline-flex;
}
.raster .fit > .inner  {
    padding:  0 15px;
    height:  100%;
    width: calc(100% - 20px);
    position:  relative;
}
.raster.float .fit > .inner  {
    margin: 0 10px;
    padding:  0;
}
.raster .fit > .inner.inner-100  {
    width:  100%;
    padding:  0;
}
.raster .fit img  {
	max-width: 100%;
	height:  auto;
}
.raster .xs-break  {
    display: none;
}
@media screen and (max-width: 512px)  {
    .raster.xs-table  {
		max-width:  1100px;
	}
	.raster.xs-table > .inner  {
		display:  table;
		table-layout:  fixed;
	}
	.raster.xs-table .fit  {
		display:  table-cell;
	}
	.raster.xs-float .fit  {
		float:  left;
	}
	.raster.xs-float > .inner  {
		display:  block;
	}
	.raster.xs-float > .inner:after  {
		content:  '';
		display:  block;
		clear:  both;
	}
	.raster.xs-float .fit > .inner  {
		margin:  0 15px;
		padding:  0;
	}
	.raster.xs-flex .fit  {
		display:  inline-flex;
	}
	.raster.xs-flex > .inner  {
		display:  block;
	}
	/* same width */
	.raster.xs-has-1 .fit  {
		width:  100%;
	}
	.raster.xs-has-2 .fit  {
		width:  50%;
	}
	.raster.xs-has-3 .fit  {
		width:  33.33333333333333%;
	}
	.raster.xs-has-4 .fit  {
		width:  25%;
	}
	.raster.xs-has-5 .fit  {
		width:  20%;
	}
	.raster.xs-has-6 .fit  {
		width:  16.666666666666668%;
	}
	.raster.xs-has-7 .fit  {
		width:  14.285714285714286%;
	}
	.raster.xs-has-8 .fit  {
		width:  12.5%;
	}
	.raster.xs-has-9 .fit  {
		width:  11.11111111111111%;
	}
	.raster.xs-has-10 .fit  {
		width:  10%;
	}
	.raster.xs-has-11 .fit  {
		width:  9.090909090909092%;
	}
	.raster.xs-has-12 .fit  {
		width:  8.333333333333334%;
	}
	/* linebreaks */
	.float.raster.xs-has-2 .fit:nth-child(2n+1)  {
		clear: both;
	}
	.float.raster.xs-has-3 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.xs-has-4 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.xs-has-5 .fit:nth-child(5n+1)  {
		clear: both;
	}
	.float.raster.xs-has-6 .fit:nth-child(6n+1)  {
		clear: both;
	}
	.float.raster.xs-has-7 .fit:nth-child(7n+1)  {
		clear: both;
	}
	.float.raster.xs-has-8 .fit:nth-child(8n+1)  {
		clear: both;
	}
	.float.raster.xs-has-9 .fit:nth-child(9n+1)  {
		clear: both;
	}
	.float.raster.xs-has-10 .fit:nth-child(10n+1)  {
		clear: both;
	}
	.float.raster.xs-has-11 .fit:nth-child(11n+1)  {
		clear: both;
	}
	.float.raster.xs-has-12 .fit:nth-child(12n+1)  {
		clear: both;
	}
	/* uniq width */
	.raster .fit.xs-0  {
		width:  0;
	}
	.raster .fit.xs-1  {
		width:  8.333333333333332%;
	}
	.raster .fit.xs-2  {
		width:  16.666666666666664%;
	}
	.raster .fit.xs-3  {
		width:  25%;
	}
	.raster .fit.xs-4  {
		width:  33.33333333333333%;
	}
	.raster .fit.xs-5  {
		width:  41.66666666666667%;
	}
	.raster .fit.xs-6  {
		width:  50%;
	}
	.raster .fit.xs-7  {
		width: 58.333333333333336%;
	}
	.raster .fit.xs-8  {
		width:  66.66666666666666%;
	}
	.raster .fit.xs-9  {
		width:  75%;
	}
	.raster .fit.xs-10  {
		width:  83.33333333333334%;
	}
	.raster .fit.xs-11  {
		width:  91.66666666666666%;
	}
	.raster .fit.xs-12  {
		width:  100%;
	}
	/* padding left */
	.raster .xs-left-1  {
		padding-left:  8.333333333333332%;
	}
	.raster .xs-left-2  {
		padding-left:  16.666666666666664%;
	}
	.raster .xs-left-3  {
		padding-left:  25%;
	}
	.raster .xs-left-4  {
		padding-left:  33.33333333333333%;
	}
	.raster .xs-left-5  {
		padding-left:  41.66666666666667%;
	}
	.raster .xs-left-6  {
		padding-left:  50%;
	}
	.raster .xs-left-7  {
		padding-left:  58.333333333333336%;
	}
	.raster .xs-left-8  {
		padding-left:  66.66666666666666%;
	}
	.raster .xs-left-9  {
		padding-left:  75%;
	}
	.raster .xs-left-10  {
		padding-left:  83.33333333333334%;
	}
	.raster .xs-left-11  {
		padding-left:  91.66666666666666%;
	}
	.raster .xs-left-12  {
		padding-left:  100%;
	}
	/* padding right */
	.raster .xs-right-1  {
		padding-right:  8.333333333333332%;
	}
	.raster .xs-right-2  {
		padding-right:  16.666666666666664%;
	}
	.raster .xs-right-3  {
		padding-right:  25%;
	}
	.raster .xs-right-4  {
		padding-right:  33.33333333333333%;
	}
	.raster .xs-right-5  {
		padding-right:  41.66666666666667%;
	}
	.raster .xs-right-6  {
		padding-right:  50%;
	}
	.raster .xs-right-7  {
		padding-right:  58.333333333333336%;
	}
	.raster .xs-right-8  {
		padding-right:  66.66666666666666%;
	}
	.raster .xs-right-9  {
		padding-right:  75%;
	}
	.raster .xs-right-10  {
		padding-right:  83.33333333333334%;
	}
	.raster .xs-right-11  {
		padding-right:  91.66666666666666%;
	}
	.raster .xs-right-12  {
		padding-right:  100%;
	}
	/* specials */
	.raster .xs-break  {
		display:  block !important;
	}
	.xs-hidden  {
		display:  none !important;
	}
}
.raster .s-break  {
    display: none;
}
@media screen and (max-width: 767px) and (min-width: 513px)  {
    .raster.s-table  {
		max-width:  1100px;
	}
	.raster.s-table > .inner  {
		display:  table;
		table-layout:  fixed;
	}
	.raster.s-table .fit  {
		display:  table-cell;
	}
	.raster.s-float .fit  {
		float:  left;
	}
	.raster.s-float > .inner  {
		display:  block;
	}
	.raster.s-float > .inner:after  {
		content:  '';
		display:  block;
		clear:  both;
	}
	.raster.s-float .fit > .inner  {
		margin:  0 15px;
		padding:  0;
	}
	.raster.s-flex .fit  {
		display:  inline-flex;
	}
	.raster.s-flex > .inner  {
		display:  block;
	}
	/* same width */
	.raster.s-has-1 .fit  {
		width:  100%;
	}
	.raster.s-has-2 .fit  {
		width:  50%;
	}
	.raster.s-has-3 .fit  {
		width:  33.33333333333333%;
	}
	.raster.s-has-4 .fit  {
		width:  25%;
	}
	.raster.s-has-5 .fit  {
		width:  20%;
	}
	.raster.s-has-6 .fit  {
		width:  16.666666666666668%;
	}
	.raster.s-has-7 .fit  {
		width:  14.285714285714286%;
	}
	.raster.s-has-8 .fit  {
		width:  12.5%;
	}
	.raster.s-has-9 .fit  {
		width:  11.11111111111111%;
	}
	.raster.s-has-10 .fit  {
		width:  10%;
	}
	.raster.s-has-11 .fit  {
		width:  9.090909090909092%;
	}
	.raster.s-has-12 .fit  {
		width:  8.333333333333334%;
	}
	/* linebreaks */
	.float.raster.s-has-2 .fit:nth-child(2n+1)  {
		clear: both;
	}
	.float.raster.s-has-3 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.s-has-4 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.s-has-5 .fit:nth-child(5n+1)  {
		clear: both;
	}
	.float.raster.s-has-6 .fit:nth-child(6n+1)  {
		clear: both;
	}
	.float.raster.s-has-7 .fit:nth-child(7n+1)  {
		clear: both;
	}
	.float.raster.s-has-8 .fit:nth-child(8n+1)  {
		clear: both;
	}
	.float.raster.s-has-9 .fit:nth-child(9n+1)  {
		clear: both;
	}
	.float.raster.s-has-10 .fit:nth-child(10n+1)  {
		clear: both;
	}
	.float.raster.s-has-11 .fit:nth-child(11n+1)  {
		clear: both;
	}
	.float.raster.s-has-12 .fit:nth-child(12n+1)  {
		clear: both;
	}
	/* uniq width */
	.raster .fit.s-0  {
		width:  0;
	}
	.raster .fit.s-1  {
		width:  8.333333333333332%;
	}
	.raster .fit.s-2  {
		width:  16.666666666666664%;
	}
	.raster .fit.s-3  {
		width:  25%;
	}
	.raster .fit.s-4  {
		width:  33.33333333333333%;
	}
	.raster .fit.s-5  {
		width:  41.66666666666667%;
	}
	.raster .fit.s-6  {
		width:  50%;
	}
	.raster .fit.s-7  {
		width: 58.333333333333336%;
	}
	.raster .fit.s-8  {
		width:  66.66666666666666%;
	}
	.raster .fit.s-9  {
		width:  75%;
	}
	.raster .fit.s-10  {
		width:  83.33333333333334%;
	}
	.raster .fit.s-11  {
		width:  91.66666666666666%;
	}
	.raster .fit.s-12  {
		width:  100%;
	}
	/* padding left */
	.raster .s-left-1  {
		padding-left:  8.333333333333332%;
	}
	.raster .s-left-2  {
		padding-left:  16.666666666666664%;
	}
	.raster .s-left-3  {
		padding-left:  25%;
	}
	.raster .s-left-4  {
		padding-left:  33.33333333333333%;
	}
	.raster .s-left-5  {
		padding-left:  41.66666666666667%;
	}
	.raster .s-left-6  {
		padding-left:  50%;
	}
	.raster .s-left-7  {
		padding-left:  58.333333333333336%;
	}
	.raster .s-left-8  {
		padding-left:  66.66666666666666%;
	}
	.raster .s-left-9  {
		padding-left:  75%;
	}
	.raster .s-left-10  {
		padding-left:  83.33333333333334%;
	}
	.raster .s-left-11  {
		padding-left:  91.66666666666666%;
	}
	.raster .s-left-12  {
		padding-left:  100%;
	}
	/* padding right */.raster .s-right-1  {
		padding-right:  8.333333333333332%;
	}
	.raster .s-right-2  {
		padding-right:  16.666666666666664%;
	}
	.raster .s-right-3  {
		padding-right:  25%;
	}
	.raster .s-right-4  {
		padding-right:  33.33333333333333%;
	}
	.raster .s-right-5  {
		padding-right:  41.66666666666667%;
	}
	.raster .s-right-6  {
		padding-right:  50%;
	}
	.raster .s-right-7  {
		padding-right:  58.333333333333336%;
	}
	.raster .s-right-8  {
		padding-right:  66.66666666666666%;
	}
	.raster .s-right-9  {
		padding-right:  75%;
	}
	.raster .s-right-10  {
		padding-right:  83.33333333333334%;
	}
	.raster .s-right-11  {
		padding-right:  91.66666666666666%;
	}
	.raster .s-right-12  {
		padding-right:  100%;
	}
	/* specials */
	.raster .s-break  {
		display:  block !important;
	}
	.s-hidden  {
		display:  none !important;
	}
}
.raster .m-break  {
    display: none;
}
@media screen and (max-width: 1024px) and (min-width: 768px)  {
    .raster.m-table  {
		max-width:  1100px;
	}
	.raster.m-table > .inner  {
		display:  table;
		table-layout:  fixed;
	}
	.raster.m-table .fit  {
		display:  table-cell;
	}
	.raster.m-float .fit  {
		float:  left;
	}
	.raster.m-float > .inner  {
		display:  block;
	}
	.raster.m-float > .inner:after  {
		content:  '';
		display:  block;
		clear:  both;
	}
	.raster.m-float .fit > .inner  {
		margin:  0 15px;
		padding:  0;
	}
	.raster.m-flex .fit  {
		display:  inline-flex;
	}
	.raster.m-flex > .inner  {
		display:  block;
	}
	/* same width */
	.raster.m-has-1 .fit  {
		width:  100%;
	}
	.raster.m-has-2 .fit  {
		width:  50%;
	}
	.raster.m-has-3 .fit  {
		width:  33.33333333333333%;
	}
	.raster.m-has-4 .fit  {
		width:  25%;
	}
	.raster.m-has-5 .fit  {
		width:  20%;
	}
	.raster.m-has-6 .fit  {
		width:  16.666666666666668%;
	}
	.raster.m-has-7 .fit  {
		width:  14.285714285714286%;
	}
	.raster.m-has-8 .fit  {
		width:  12.5%;
	}
	.raster.m-has-9 .fit  {
		width:  11.11111111111111%;
	}
	.raster.m-has-10 .fit  {
		width:  10%;
	}
	.raster.m-has-11 .fit  {
		width:  9.090909090909092%;
	}
	.raster.m-has-12 .fit  {
		width:  8.333333333333334%;
	}
	/* linebreaks */
	.float.raster.m-has-2 .fit:nth-child(2n+1)  {
		clear: both;
	}
	.float.raster.m-has-3 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.m-has-4 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.m-has-5 .fit:nth-child(5n+1)  {
		clear: both;
	}
	.float.raster.m-has-6 .fit:nth-child(6n+1)  {
		clear: both;
	}
	.float.raster.m-has-7 .fit:nth-child(7n+1)  {
		clear: both;
	}
	.float.raster.m-has-8 .fit:nth-child(8n+1)  {
		clear: both;
	}
	.float.raster.m-has-9 .fit:nth-child(9n+1)  {
		clear: both;
	}
	.float.raster.m-has-10 .fit:nth-child(10n+1)  {
		clear: both;
	}
	.float.raster.m-has-11 .fit:nth-child(11n+1)  {
		clear: both;
	}
	.float.raster.m-has-12 .fit:nth-child(12n+1)  {
		clear: both;
	}
	/* uniq width */
	.raster .fit.m-0  {
		width:  0;
	}
	.raster .fit.m-1  {
		width:  8.333333333333332%;
	}
	.raster .fit.m-2  {
		width:  16.666666666666664%;
	}
	.raster .fit.m-3  {
		width:  25%;
	}
	.raster .fit.m-4  {
		width:  33.33333333333333%;
	}
	.raster .fit.m-5  {
		width:  41.66666666666667%;
	}
	.raster .fit.m-6  {
		width:  50%;
	}
	.raster .fit.m-7  {
		width: 58.333333333333336%;
	}
	.raster .fit.m-8  {
		width:  66.66666666666666%;
	}
	.raster .fit.m-9  {
		width:  75%;
	}
	.raster .fit.m-10  {
		width:  83.33333333333334%;
	}
	.raster .fit.m-11  {
		width:  91.66666666666666%;
	}
	.raster .fit.m-12  {
		width:  100%;
	}
	/* padding left */
	.raster .m-left-1  {
		padding-left:  8.333333333333332%;
	}
	.raster .m-left-2  {
		padding-left:  16.666666666666664%;
	}
	.raster .m-left-3  {
		padding-left:  25%;
	}
	.raster .m-left-4  {
		padding-left:  33.33333333333333%;
	}
	.raster .m-left-5  {
		padding-left:  41.66666666666667%;
	}
	.raster .m-left-6  {
		padding-left:  50%;
	}
	.raster .m-left-7  {
		padding-left:  58.333333333333336%;
	}
	.raster .m-left-8  {
		padding-left:  66.66666666666666%;
	}
	.raster .m-left-9  {
		padding-left:  75%;
	}
	.raster .m-left-10  {
		padding-left:  83.33333333333334%;
	}
	.raster .m-left-11  {
		padding-left:  91.66666666666666%;
	}
	.raster .m-left-12  {
		padding-left:  100%;
	}
	/* padding right */
	.raster .m-right-1  {
		padding-right:  8.333333333333332%;
	}
	.raster .m-right-2  {
		padding-right:  16.666666666666664%;
	}
	.raster .m-right-3  {
		padding-right:  25%;
	}
	.raster .m-right-4  {
		padding-right:  33.33333333333333%;
	}
	.raster .m-right-5  {
		padding-right:  41.66666666666667%;
	}
	.raster .m-right-6  {
		padding-right:  50%;
	}
	.raster .m-right-7  {
		padding-right:  58.333333333333336%;
	}
	.raster .m-right-8  {
		padding-right:  66.66666666666666%;
	}
	.raster .m-right-9  {
		padding-right:  75%;
	}
	.raster .m-right-10  {
		padding-right:  83.33333333333334%;
	}
	.raster .m-right-11  {
		padding-right:  91.66666666666666%;
	}
	.raster .m-right-12  {
		padding-right:  100%;
	}
	/* specials */
	.raster .m-break  {
		display:  block !important;
	}
	.m-hidden  {
		display:  none !important;
	}
}
.raster .l-break  {
    display: none;
}
@media screen and (min-width: 1025px)  {
    .raster.l-table  {
		max-width:  1100px;
	}
	.raster.l-table > .inner  {
		display:  table;
		table-layout:  fixed;
	}
	.raster.l-table .fit  {
		display:  table-cell;
	}
	.raster.l-float .fit  {
		float:  left;
	}
	.raster.l-float > .inner  {
		display:  block;
	}
	.raster.l-float > .inner:after  {
		content:  '';
		display:  block;
		clear:  both;
	}
	.raster.l-float .fit > .inner  {
		margin:  0 15px;
		padding:  0;
	}
	.raster.l-flex .fit  {
		display:  inline-flex;
	}
	.raster.l-flex > .inner  {
		display:  block;
	}
	/* same width */
	.raster.l-has-1 .fit  {
		width:  100%;
	}
	.raster.l-has-2 .fit  {
		width:  50%;
	}
	.raster.l-has-3 .fit  {
		width:  33.33333333333333%;
	}
	.raster.l-has-4 .fit  {
		width:  25%;
	}
	.raster.l-has-5 .fit  {
		width:  20%;
	}
	.raster.l-has-6 .fit  {
		width:  16.666666666666668%;
	}
	.raster.l-has-7 .fit  {
		width:  14.285714285714286%;
	}
	.raster.l-has-8 .fit  {
		width:  12.5%;
	}
	.raster.l-has-9 .fit  {
		width:  11.11111111111111%;
	}
	.raster.l-has-10 .fit  {
		width:  10%;
	}
	.raster.l-has-11 .fit  {
		width:  9.090909090909092%;
	}
	.raster.l-has-12 .fit  {
		width:  8.333333333333334%;
	}
	/* linebreaks */
	.float.raster.l-has-2 .fit:nth-child(2n+1)  {
		clear: both;
	}
	.float.raster.l-has-3 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.l-has-4 .fit:nth-child(3n+1)  {
		clear: both;
	}
	.float.raster.l-has-5 .fit:nth-child(5n+1)  {
		clear: both;
	}
	.float.raster.l-has-6 .fit:nth-child(6n+1)  {
		clear: both;
	}
	.float.raster.l-has-7 .fit:nth-child(7n+1)  {
		clear: both;
	}
	.float.raster.l-has-8 .fit:nth-child(8n+1)  {
		clear: both;
	}
	.float.raster.l-has-9 .fit:nth-child(9n+1)  {
		clear: both;
	}
	.float.raster.l-has-10 .fit:nth-child(10n+1)  {
		clear: both;
	}
	.float.raster.l-has-11 .fit:nth-child(11n+1)  {
		clear: both;
	}
	.float.raster.l-has-12 .fit:nth-child(12n+1)  {
		clear: both;
	}
	/* uniq width */
	.raster .fit.l-0  {
		width:  0;
	}
	.raster .fit.l-1  {
		width:  8.333333333333332%;
	}
	.raster .fit.l-2  {
		width:  16.666666666666664%;
	}
	.raster .fit.l-3  {
		width:  25%;
	}
	.raster .fit.l-4  {
		width:  33.33333333333333%;
	}
	.raster .fit.l-5  {
		width:  41.66666666666667%;
	}
	.raster .fit.l-6  {
		width:  50%;
	}
	.raster .fit.l-7  {
		width: 58.333333333333336%;
	}
	.raster .fit.l-8  {
		width:  66.66666666666666%;
	}
	.raster .fit.l-9  {
		width:  75%;
	}
	.raster .fit.l-10  {
		width:  83.33333333333334%;
	}
	.raster .fit.l-11  {
		width:  91.66666666666666%;
	}
	.raster .fit.l-12  {
		width:  100%;
	}
	/* padding left */
	.raster .l-left-1  {
		padding-left:  8.333333333333332%;
	}
	.raster .l-left-2  {
		padding-left:  16.666666666666664%;
	}
	.raster .l-left-3  {
		padding-left:  25%;
	}
	.raster .l-left-4  {
		padding-left:  33.33333333333333%;
	}
	.raster .l-left-5  {
		padding-left:  41.66666666666667%;
	}
	.raster .l-left-6  {
		padding-left:  50%;
	}
	.raster .l-left-7  {
		padding-left:  58.333333333333336%;
	}
	.raster .l-left-8  {
		padding-left:  66.66666666666666%;
	}
	.raster .l-left-9  {
		padding-left:  75%;
	}
	.raster .l-left-10  {
		padding-left:  83.33333333333334%;
	}
	.raster .l-left-11  {
		padding-left:  91.66666666666666%;
	}
	.raster .l-left-12  {
		padding-left:  100%;
	}
	/* padding right */
	.raster .l-right-1  {
		padding-right:  8.333333333333332%;
	}
	.raster .l-right-2  {
		padding-right:  16.666666666666664%;
	}
	.raster .l-right-3  {
		padding-right:  25%;
	}
	.raster .l-right-4  {
		padding-right:  33.33333333333333%;
	}
	.raster .l-right-5  {
		padding-right:  41.66666666666667%;
	}
	.raster .l-right-6  {
		padding-right:  50%;
	}
	.raster .l-right-7  {
		padding-right:  58.333333333333336%;
	}
	.raster .l-right-8  {
		padding-right:  66.66666666666666%;
	}
	.raster .l-right-9  {
		padding-right:  75%;
	}
	.raster .l-right-10  {
		padding-right:  83.33333333333334%;
	}
	.raster .l-right-11  {
		padding-right:  91.66666666666666%;
	}
	.raster .l-right-12  {
		padding-right:  100%;
	}
	/* specials */
	.raster .l-break  {
		display:  block !important;
	}
	.l-hidden  {
		display:  none !important;
	}
}



/* optimazation for language chooser */

@media screen and (max-width: 1280px) {
	#additional-header-wrapper #language-chooser .chooser {
		display: none;
	}
	#additional-header-wrapper #language-chooser {
		left: 20px;
		top: 26px;
	}
	#header #menu ul li{
		margin-left: 6px;
	}
	#header #menu {
		width: calc(100% - 160px);
		padding-left: 80px;
	}
}

/* fix nutrition and allergene boxes */
@media screen and (max-width: 840px) {
	body.produkte #detail-popup .info-box{
		width: 230px;
	}
	body.produkte #detail-popup .productinfo-button{
		width: 210px;
	}
	body.produkte #detail-popup .productinfo-button.open{
		background: url("../img/layout/dropdown_pfeil_o.png") no-repeat scroll 215px 7px #D1073E;
	}
	body.produkte #detail-popup .productinfo-button.close{
		background: url("../img/layout/dropdown_close.png") no-repeat scroll 215px 6px #D1073E;
	}
	.allergene-default-text {
		display: none;
	}
	.allergene-default-text-link {
		display: block !important;
		background-image: url("../img/responsive/info@3x.png");
		background-repeat: no-repeat;
		width: 23px;
		height: 23px;
		margin: 0 auto 20px;
		background-size: 23px 23px;
	}
}


/* exclusive desktop */

@media screen and (min-width: 1025px) {
	#header-wrapper.navi-0 #header-background,
	#header-wrapper.navi-0 #header,
	#header-wrapper.navi-0 {
		height: 0;
	}
	#header-wrapper.navi-0 #menu {
		display: none;
	}
	#header-wrapper.navi-0 #menu-toggle{
		top: -55px;
	}
}



/* responsive for ipad landscape */

/* inherit */
@media screen and (max-width: 1024px)  {

	
	.overview .single-container b,.overview .single-container strong, .content-bg .single-container h4 {
		margin-bottom: 20px;
		display: block;
		text-align: center;
	}
	.overview .single-container .def-text-font {
		text-align: center;
	}
	.fancybox-wrap {
		top: 200px !important;
		max-width: 980px;
	}
	.content-bg,
	body.home #content,
	#footer {
		width: calc(100% - 40px);
		max-width: 420px;
	}
	body.home #content #left-col,body.home #content #right-col {
		float: none;
		margin:0 auto;
	}
	#main-wrapper {
		min-width: 0px;
	}
	#content-wrapper {
		width: calc(100% - 32px);
		padding-bottom: 120px;
		padding-top: 192px;
	}
	#header-wrapper {
		position: relative;
		height: 0px;
	}
	#header-background{
		height: 100px;
		position: fixed;
		display: none;
	}
	#header {
		width: 100%;
		height: 165px;
		position: relative;
	}
	#menu-toggle,
	#additional-header-wrapper{
		display: none;
	}

/*	#header .mobile_home {
		display:block;
		position: relative;
		width: 300px;
		height: 100%;
		z-index: 100;
		margin: 0 auto;
		opacity: 0;
	}*/
	
	#header #menu {
		width: 100%;
		top: 0px;
		height: 100px;
		position: fixed;
		padding: 0;
	}
	#header #menu a.mobile_home {
		width: 100%;
		top: 0px;
		padding-left: 0px;
		background-repeat: no-repeat no-repeat;
		background-position: center center;
		background-color: rgb(209, 7, 62);
		position: absolute;
		left: 0px;
		text-indent: 3000px;
		overflow: hidden;
		display:block;
		background-image: url('../img/responsive/logo-claim@3x.png');
		background-size: 250px 118px;
		height: 165px;
		transition: all 260ms;
		/*		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
		-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.7);
		box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.7);*/
	}
	body.shortmenu #header #menu a.mobile_home,
	body.menuopen #header #menu a.mobile_home{
		background-image: url('../img/responsive/logo@3x.png');
		background-size: 156px 54px;
		height: 95px;
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
		-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.7);
		box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.7);
	}
	#header #menu ul.level-1:before {
		content: '';
		background-image: url('../img/responsive/menu@3x.png');
		background-repeat: no-repeat no-repeat;
		background-size: 26px 20px;
		background-position: center center;
		width: 66px;
		height: 80px;
		transition: all 300ms;
		position: fixed;
		top: 0px;
		right: 0px;
		z-index: 100;
		left: initial;
	}
	body.menuopen #header #menu ul.level-1:before {
		position: absolute;
	}
	body.menuopen #header #menu ul.level-1:after {
		content: '';
		width: 100%;
		height: 100%;
		position: fixed;
	}
	#header #menu ul.level-1 {
		/*background: none repeat scroll 0 0 rgb(209, 7, 62);*/
		position: absolute;
		/*background-image: url('../img/responsive/logo@3x.png');*/
		width: 100%;
		left: 110%;
		/*background-size: 156px 54px;*/
		/*background-repeat: no-repeat no-repeat;*/
		padding-top: 150px;
		/*background-position: center 23px;*/
		top: 0;
		z-index: 110;
		transition: padding 300ms;
		-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
		-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.7);
		box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.7);
	}
	body.shortmenu #header #menu ul.level-1 {
		padding-top: 95px;
	}
	body.menuopen #header #menu ul.level-1 {
		left: 0%;
		padding-top: 95px;
	}
	body.menuopen #header #menu {
		overflow-y: scroll;
		height: 100%;
		position: fixed;
		height: 100%;
		width: 100%;
		background: rgba(255,255,255,0.5);
		transition: none;
	}
	#header #menu ul.level-1 > li:first-child {
		border-top: 2px solid rgb(232, 131, 159);
	}
	#header #menu ul.level-1 > li.shops

	{
		display:none;
	}
	#header #menu ul.level-1 > li {
		float: none;
		width: 100%;
		margin-left: 0;
		text-align: center;
		margin-right: 0px;
		display: block;
		padding: 0;
		height: 50px;
		border-top: 2px solid rgb(232, 131, 159);
		background:none repeat scroll 0 0 rgb(209, 7, 62);
	}
	#header #menu ul.level-1 > li.mobile-add {
		height: auto;
	}
	#menu ul.level-2 {
		display: none !important;
	}
	#header #menu ul.level-1 > li a{
		/*display:none;*/
		position: relative;
		display: inline-block;
		width: 100%;
		height: 34px;
		padding-top: 16px;
		font-size: 18px;
	}
	
	#header #menu ul.level-1 > li.mobile-add a{
		position: relative;
		display: inline;
		width: 100%;
		height: initial;
		padding-top: 16px;
		font-size: 18px;
		font-family: 'Droid Serif';
		text-transform: none;
		letter-spacing: 0px;
		overflow: visible;
		padding: 0;
		margin: 0;
	}
	#header #menu ul.level-1 > li.mobile-add .chooser {
		margin: 10px 20px 20px 20px;
		display: none;
	}
	#header #menu ul.level-1 > li.mobile-add .chooser.open {
		display: block;
	}
	#header #menu ul.level-1 > li.mobile-add .curent-language {
		width: 47px;
		height: 40px;
		background-size: 47px 40px;
		margin: 20px auto;
	}
	#header #menu ul.level-1 > li.mobile-add .curent-language.de {
		background-image: url("../img/responsive/lang-de@2x.png");
		width: 47px;
		height: 44px;
		background-size: 47px 44px;
		margin: 0 auto;
		margin-top: 15px;
	}
	#header #menu ul.level-1 > li.mobile-add .curent-language.en {
		background-image: url("../img/responsive/lang-en@2x.png");
	}
	#header #menu ul.level-1 > li.mobile-add .curent-language.fr {
		background-image: url("../img/responsive/lang-fr@2x.png");
	}
	#header #menu ul.level-1 > li.mobile-add .curent-language.pl {
		background-image: url("../img/responsive/lang-pl@2x.png");
	}
	#header #menu ul.level-1 > li.mobile-add .curent-language.ru {
		background-image: url("../img/responsive/lang-ru@2x.png");
	}
	#header #menu ul.level-1 > li.mobile-add .chooser a {
		background: url("../img/layout/bullet_weiss.png") no-repeat scroll right 11px rgba(0, 0, 0, 0);
		padding-right: 11px;
		line-height: 26px;
	}
	.chooser.de a.de, 
	.chooser.fr a.fr, 
	.chooser.en a.en, 
	.chooser.pl a.pl, 
	.chooser.ru a.ru
	{
		color:black !important;
	}
	#header #menu ul.level-1 > li.mobile-add .chooser a.last {
		background: none;
		padding-right: 0px;
	}
	#header #menu ul.level-1 > li.mobile-add .info {
		padding: 20px 10px 40px;
	}
	#header #menu ul.level-1 > li.mobile-add .info a {

    font-size: 16px;
    font-style: italic;
    font-family: 'Droid Serif';
    line-height: 24px;
    color: rgb(255, 255, 255);
    background: url("../img/layout/bullet_weiss.png") no-repeat scroll 1px 8px rgba(0, 0, 0, 0);
    background-size: 3px;
    margin-left: 0px;
    padding-left: 10px;
	}
	#header #menu ul.level-1 > li.mobile-add .info a:first-child{
	background:none;
	padding-left:0px;
	}
	body.home #content .red-wrapper{
		float: none;
		display: block;
		margin: 0 auto;
		position: relative;
		padding: 1px;
		max-width: 460px;
		width: 100%;
	}
	#default-container-logo {
		display: none;
	}
	.small-default-container .headline {
		top: -22px;
		padding: 14px 14px 0;
		background: none repeat scroll 0 0 rgb(239, 239, 233);
	}
	.small-default-container .duplex .headline {
		padding: 14px 4px 0;
		background: transparent;
	}
	.small-default-container .headline-wrapper h3 a {
		color: rgb(0, 0, 0) !important; /**/
	}
	#default-container.news-survey {
		padding-top: 7px;
	}
	.custom-slider#news-survey-slider .slider-wrapper .slider,.custom-slider#news-survey-slider .slider-wrapper .slider .element {
		/* width:100% !important; */
	}
	.news .news-survey-single-container .news-survey-single .left-col {
		margin-left: 20px;
	}
	.news .news-survey-single-container .news-survey-single .right-col {
		width: calc(100% - 300px);
	}
	#default-container .headline-wrapper {
		position: absolute;
		height: 1px;
	}
	#default-container .container-subheader {
		margin-bottom: 30px;
	}
	#default-container .container-subheader h4 {
	}
	#content.default .raster .fit img  {
		max-width: 100%;
		max-height:  200px;
		display: none;
	}
	#default-container .column.right, 
	#default-container .column.left, 
	#default-container .container-subheader{
		float: none;
		clear: both;
		width: calc(100% - 120px) !important;
		margin-right: 60px;
		text-align: left;
		margin-left: 60px;
		display: block;
		margin-bottom: 10px;
	}
	#default-container.center .column.right,
	#default-container.center .column.left {
		text-align: center;
	}
	#content.wide .headline-wrapper h3 {
		margin-top: 0px;
	}
	#content.wide .headline-wrapper h3 > * {
		display: inline-block;
		line-height: 16px;
	}
	#content.wide .headline-wrapper h3 > .bullet {
		line-height: 18px;
		background-position: 50% 5px;
	}
	.news #default-container.news-detail .back {
		opacity: 0;
		margin-bottom: 25px;
	}
	
	.headline-wrapper h3 {
		margin-bottom: 0px !important;
		color: black !important;
		background: none repeat scroll 0 0 rgb(239, 239, 233);
	}
	.headline-wrapper h2 {
		background: none repeat scroll 0 0 rgb(239, 239, 233);
		width: auto;
		display: inline-block;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	#content,
	.content-bg {
		padding-top: 30px;
	}
	 #default-container {
		padding-top: 70px;
	}
	.default-container {
		padding-top: 00px;
	}
	.unternehmen.fakten .single-container, 
	.sitemap .single-container {
		margin: 0px auto 100px;
	}
	body.unternehmen.geschichte #default-container .content {
		margin-top: 0px;
	}
	body.unternehmen.geschichte #default-container .column .item .circle,
	body.unternehmen.geschichte #default-container .content .line {
		display: none;
	}
	.content-bg .single-container {
		padding: 0 10px;
	}
	#default-container.jobs h4.vacancies {
		margin: 20px 0;
	}
	#default-container.jobs .column.left .custom-dropdown-wrapper {
		position: relative;
		left:0px;
		top:0px;
	}
	#default-container.jobs .column.left .custom-dropdown-wrapper .select-info,
	#default-container.jobs .column.left .custom-dropdown-wrapper .select {
		display: none;
	}
	#default-container.jobs .column.left .custom-dropdown-wrapper select {
		display: block !important;
		width: 100%;
		padding: 11px 10px;
		color:white;
		cursor: pointer;
		font-family: 'Droid Serif', serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		border:none;
		background: url("../img/layout/dropdown_pfeil_u.png") no-repeat scroll right 10px rgb(209, 7, 62);
		background-position: right 10px top 50%;
		-webkit-appearance: none;
		-moz-appearance: none;
		text-indent: 1px;
		text-overflow: '';
	}

}

/* exclusive */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	body.home #content #right-col .lecrobag-wrapper {
		background: none repeat scroll 0 0 rgb(209, 7, 62);
		height: 100%;
		width: 100%;
		float: none;
	}
	body.home #content #right-col .lecrobag-wrapper img {
		width: 100%;
	}
}

/* upper inherit */
@media screen and (min-width: 768px) {
	#shop-concept-slider.custom-slider .slider-navi span:after {
		 content:'.'; 
	}
	#business-principles-slider.custom-slider .slider-navi.bottom{
		display: none !important;
	}
}



/* responsive for ipad portrait */

/* inherit */
@media screen and (max-width: 767px) {
	body.video .single-container {
		padding: 0px;
	}
	
	#content.wide .headline-wrapper h3 > .bullet {
		line-height: 18px;
		background-position: 50% 6px;
	}
	.def-text-font {
		font-family: 'Droid Serif', serif !important;
		color:black !important;
		font-size: 18px !important;
		line-height:26px !important;
		text-align: left;
	}
	.overview .single-container b,.overview .single-container strong, .def-headline-font {
		font-family: 'Droid Serif', serif !important;
		color:black !important;
		font-style: italic !important;
		font-size: 20px !important;
		font-weight: bold !important;
		line-height:28px !important;
	}
	
	body.datenschutz .single-container {
		margin: 0;
		font-size: 18px;
		line-height: 26px;
	}
	#header #menu {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	body.home #content #left-col,body.home #content #right-col {
		width:100%
	}
	.small-default-container .headline {
		top: -22px;
		padding: 14px 4px 0;
		background: transparent;
	}

	.fancybox-wrap {
		position:fixed !important;
		width: calc(100% - 20px) !important;
		left: 10px !important;
		transition: top 300;
	}

	body.shortmenu .fancybox-wrap {
		top: 110px !important;
	}
	#fancybox-overlay {
		background:transparent;
	}
	.fancybox-opened .fancybox-skin{

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;


	}

	body.home #content #right-col .lecrobag-wrapper{
		display: block;
		width: 100%;
		height: auto;
		float: none;
	}
	body.produkte #detail-popup #inner-popup {
		border:none;
		padding: 0 30px;
		margin:0px;
	}body.produkte #detail-popup h3{
		color:white;
	}
	body.produkte #detail-popup h2 {
		color: white;
		font-size: 17px;
		padding-top: 25px;
	}
	body.produkte #detail-popup .info-box p{
		font-family: 'Droid Serif', serif;
		color: white;
		font-style: italic;
		font-size: 16px;
		margin-top: 0px;
	}
	body.produkte #detail-popup p.teaser{
		display:none
	}
	body.produkte #detail-popup {
		margin:0px;
		padding:0px;
		background: rgb(209, 7, 62);
		padding-bottom: 80px;
		background-image: url('../img/responsive/close@3x.png');
		background-repeat: no-repeat no-repeat;
		background-position: bottom 25px right 50%;
		background-size: 23px 23px;
	}
	body.produkte .facebook-wrapper,
	body.produkte #detail-popup img {
		display:none
	}
	body.produkte #detail-popup .info-box {
		left: 0px !important;
		top: 10px;
		width: 100%;
		background: rgb(209, 7, 62);
		color: white;
		height: 100%;
		position: relative;
	}
	body.produkte #detail-popup .productinfo-button {
		display: none !important;
	}
	body.produkte #detail-popup .info-content {
		display: block !important;
		background: rgb(209, 7, 62);
	}
	body.produkte #detail-popup .close-button {
		display: none !important;
	}
	body.produkte #detail-popup .info-box ul,
	body.produkte #detail-popup .info-box p {
		color:white;
		text-align: center;
	}
	body.produkte #detail-popup #nutri-box {
		margin-top: 20px;

	}
	body.produkte #detail-popup #nutri-box:before {
		height:2px;
		content:'';
		position: absolute;
		width: 40%;
		margin: 0 auto;
		background: white;
		left: 30%;
		top: -25px;
	}
	body.produkte #detail-popup .info-box ul, body.produkte #detail-popup #allergen-box .allergene {
		color:white;
		text-align: center;
		font-family: 'Droid Serif', serif;
		font-size: 20px;
		line-height: 26px;
		position: relative;
	}
	body.produkte .product-slider.custom-slider {
		width:100% !important;
		padding: 0px;
		margin: 100px auto 10px;
	}
	body.produkte .product-slider.custom-slider .slider {
		width: 100% !important;
		left: 0 !important;
		position: relative !important;
	}
	body.produkte .product-slider.custom-slider .slider-wrapper {
		height: 100% !important;
	}
	body.produkte .product-slider.custom-slider .slider-arrow-right,
	body.produkte .product-slider.custom-slider .slider-arrow-left {
		display:none;
	}
	body.produkte .product-slider.custom-slider .slider .element a:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	body.produkte .product-slider.custom-slider .slider .element {
		height: auto !important;
		max-width: 270px !important;
		width: auto !important;
		margin: 0 auto 50px !important;
		position: relative;
		float: none;
		overflow: visible !important;
		padding-bottom: 18px;
	}
	body.produkte .product-slider.custom-slider .slider .element a img {
		height:auto;
		width:100%
	}
	body.produkte .product-slider.custom-slider .slider .element p {
		min-height:auto;
		padding-bottom: 25px;
	}
	#content.wide #default-container .headline {
		top: -5px;
	}
	#content.wide {
		margin:0 auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: calc(100% - 30px) !important;
		padding: 15px 15px 60px 15px !important;
	}
	body.fuehrungsgrundsaetze #default-container .column {
		display: none;
	}
	#business-principles-slider.custom-slider .init-content-wrapper span.desc {
		padding: 30px 15px 0;
		text-align: left;
		overflow: hidden;
	}
	#business-principles-slider.custom-slider .init-content-wrapper span.desc img{
		display:none;
	}
	body.unternehmen.fuehrungsgrundsaetze #default-container .container-subheader {
		margin: 0 0 20px;
	}
	body.unternehmen.fuehrungsgrundsaetze #default-container .container-subheader h4{
		text-align: center;
	}
	#content.wide #default-container ,
	#content.wide .default-container {
		border: none;
		margin: 0;
		padding: 0;
		padding-top: 65px;
	}
	#business-principles-slider.custom-slider{
		/* width: calc(100% + 30px) !important; */
		background: transparent;
		left: -15px;
		margin-top: 30px;
	}
	#business-principles-slider.custom-slider .slider .element h2 {
		margin: 0;
		padding: 25px 10px 30px;
		color: white;
	}
	#business-principles-slider.custom-slider .slider-wrapper  {
		background: rgb(209, 7, 62);
	}
	#default-container .teaser img ,
	.default-container .teaser img {
		width: 100% !important;
		max-width: 100% !important;
	}
	#default-container.small-default-container h3, 
	.default-container.small-default-container h3, 
	.small-default-container h3,
	.default-container h3 a ,
	#default-container h3 a {
		font-size: 12px !important;
		color: black;
	}
	#default-container.small-default-container h2, 
	.default-container.small-default-container h2, 
	.small-default-container h2 {
		font-size: 18px;
	}
	#default-container.small-default-container h2:after, 
	.default-container.small-default-container h2:after, 
	.small-default-container h2:after {
		content:'';
	}
	#default-container.small-default-container h2:before, 
	.default-container.small-default-container h2:before, 
	.small-default-container h2:before {
		content:'';
	}
	body.home #content .news-item span {
		font-family: 'Droid Serif', serif;
		font-size: 18px;
		line-height: 22px;
		color: #000000;
	}	
	body.home #content #right-col .lecrobag-wrapper img{
		width: 100%;
	}
	body.home #content #right-col .bonjour-wrapper,body.home #content #right-col .facebook-wrapper {
		width: 100%;
		background: rgb(239, 239, 233);
		text-align: center;
	}
	.shadow-01 ,.shadow-02 ,.shadow-03,.shadow-04{
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#background-wrapper {
		display:none;
	}
	html,body {
		background: #e0e0db;
	}
	#footer-menu ul li {
		background: url("../img/layout/bullet_weiss.png") no-repeat scroll 1px 8px rgba(0, 0, 0, 0);
		background-size: 3px;
		margin-left: 0px;
		padding-left: 10px;
	}
	#footer {
		height: auto;
	}
	body.entree #main-wrapper {
		overflow: auto;
	}
	body.entree #content-wrapper {
		height: calc(100% - 20px);
	}
	body.entree{
		height: auto;
		overflow: auto;
		position: relative;
	}
	#footer-menu ul{
		width: 100%;
		margin: 0 auto;
		max-width: 460px;
		text-align: left;
		padding: 30px 0px 30px;
	}
	.footer-social, #footer-press, #background-inner,#footer-menu ul li.sitemap {
		display: none;
	}
	#footer-menu ul li a {
		font-size: 16px;
		font-style:italic;
		font-family:'Droid Serif';
		line-height: 24px;
		color:white;
	}
	body.entree #footer-menu ul li a {
		color:black
	}
	#content-wrapper{
		padding-bottom:26px
	}
	body.home #content-wrapper{
		padding-bottom:0px
	}
	#footer-wrapper {
		background: none repeat scroll 0 0 rgb(209, 7, 62);
		position:relative;
	}
	body.entree #footer-wrapper {
	position: relative;
	background: white;
}
	body.entree #start-img {padding: 80px 10px;}

	body.entree #content-wrapper a.logo {
		position: absolute;
		width: 100%;
		top: 4%;
	}
	body.entree #content-wrapper a.bienvenue {
		position: absolute;
		width: 100%;
		top: 32%;
		background: rgba(255, 255, 255, 0.21);
	}
	body.home #content .news-item h2 {
		font-family: 'Droid Serif', serif;
		font-size: 20px;
		font-weight: bold;
	}
	body.home #content .news-item h3 {
		font-family: 'Droid Serif', serif;
		font-size: 16px !important;
		font-style: normal;
	}
	.news .news-survey-single-container .news-survey-single .left-col,
	.news #default-container .news-survey-single .right-col {
		float: none;
		clear: both;
		width:100%;
		text-align: center;
		margin: 0 auto;
	}
	#content, .content-bg {
		max-width: 460px !important;
		margin:0 auto;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		width: calc(100% - 50px) !important;
		padding: 25px !important;
	}
	.content-bg {
		margin-bottom:26px;
	}
	.overview .single-container b,.overview .single-container strong, .content-bg .single-container h4 {
		margin-bottom: 20px;
	}
	#default-container .column, 
	#default-container .column.left, 
	#default-container .column.right,
	#default-container .container-subheader,
	.default-container .column, 
	.default-container .column.left, 
	.default-container .column.right,
	.default-container .container-subheader 
	{
		width: 100% !important;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	}
	.news #default-container.news-detail .column.right h4 {
		font-weight:bold;
		font-size:22px;
		margin-top: 3px;
		margin-bottom: 4px;
		text-align: center;
	}
	body.home #content .news-item {
		margin: 0;
		left: 0;
		width: calc(100% - 20px);
		margin-bottom: 30px;
		margin-left: 010px;
	}
	body.home #content .news-item .arrow {
		display:none;
	}
	.home #content {
		margin-top: 0;
		width: 100% !important;
		padding: 0 !important;
	}
	body.news .custom-slider .slider-wrapper {
		height:100% !important;
		margin-top: 64px;
	}
	body.news .custom-slider .slider-wrapper .slider {
		width: 100% !important;
		left: 0 !important;
		position: relative !important;
	}
	#news-survey-slider.custom-slider .slider .element{
		width: 100% !important;
		float: none;
		display: block;
		height: 100% !important;
	}
	.news .news-survey-single-container {
		text-align: center;
		margin: 0px 20px 00px 20px;
	}
	.news .news-survey-single-container .news-survey-single{
		position: relative;
		margin-bottom: 70px;
	}
	.news .news-survey-single-container a {
		margin: 0 auto;
		width: calc(100% - 60px);
	}
	.news .news-survey-single-container .readmore a{
		color: #d1073e;
		margin: 24px 0 0 0;
		display: block;
		width: 100%;
		text-decoration: underline;
		padding-bottom: 26px;
	}
	body.news #news-survey-slider.custom-slider .slider .element img {
		width:100%;
		max-width: initial;
		margin-bottom: 26px;
	}
	.default-container, #default-container {
		padding-top: 0px;
		width: 100%;
	}
	body.news #news-survey-slider.custom-slider .slider-navi {
		display: none !important;
	}
	.news #default-container .news-survey-single-container .news-survey-single .right-col h2 {
		font-family: 'Droid Serif', serif;
		font-size: 20px;
	}
	.news .news-survey-single-container .news-survey-single .right-col .news-date, .news #default-container.news-detail .column.right .news-date {
		font-family: 'Droid ';
		font-size: 16px;
		font-style: normal;
	}
	.news .news-survey-single-container .news-survey-single .right-col .news-teaser, .news #default-container.news-detail .column.right .news-teaser {
		font-family: 'Droid Serif', serif !important;
		font-size: 18px;
		color: black;
		line-height: 26px;
	}
	.unternehmen.fakten .single-container p, body.unternehmen.geschichte #default-container .column span, #default-container .column p{
		text-indent: initial !important;
		margin-left: initial !important;
		font-size: 18px;
		font-family: 'Droid Serif', serif !important;
		line-height: 26px;
		text-align: left;
	}
	#default-container .container-subheader h4, 
	.default-container .container-subheader h4, 
	.unternehmen.fakten .single-container h4, 
	.sitemap .single-container h4 a, 
	#default-container .column h4 ,
	.default-container .column h4 {
		font-size: 20px !important;
		text-align: left;
		font-weight: bold;
		margin-bottom: 30px;
	}
	#default-container .column h5 ,
	.default-container .column h5 {
		text-indent: initial !important;
		margin-left: initial !important;
		font-size: 18px !important;
		font-family: 'Droid Serif', serif !important;
		line-height: 26px;
		text-align: left;
	}
	.news #default-container .news-survey-single-container .news-survey-single .right-col h2 a{
		font-size: 22px;
		font-weight:bold;
		margin-bottom: 5px;
	}
	body.produkte #frische-link{
		margin: 0 0 30px 0;
	}
	body.produkte #produktinfos-link {
	display: block !important;
	margin: 0 0 30px 0;
}
	body.produkte .product-link a {
		width: calc(100% - 20px);
		max-width: 100%;
		height: auto;
		padding: 0 10px;
	}
	body.produkte #product-list li {
		max-width: 260px;
		margin: 0 auto;
		float: none;
		width: 100%;
		position: relative;
		margin-bottom: 70px;
	}
	body.produkte #product-list {
		margin-top:80px;
	}
	.news .news-survey-single-container .news-survey-single:after,
	body.produkte .product-slider.custom-slider .slider .element:after,
	body.produkte #product-list li:after {
		content:'';
		height: 2px;
		background: black;
		width: 70%;
		margin-left: 15%;
		position: absolute;
		left: 0;
		bottom: -10px;
	}
	.custom-slider .slider-arrow {
		display: none !important;
	}
	#shop-concept-slider.custom-slider .init-content-wrapper {
		position: relative;
		color: black;
		width: 100%;
		height: auto;
		padding-bottom: 140px;
	}
	#shop-concept-slider.custom-slider .init-content-opacity {
		display: none;
	}
	#shop-concept-slider.custom-slider .init-content-wrapper .init-content b {
		font-family: 'Droid Serif', serif;
		font-size: 18px;
	}
	#shop-concept-slider.custom-slider .init-content-wrapper .init-content span.desc {
		font-family: 'Droid Serif', serif;
		font-size: 18px;
		line-height:22px;
	}
	#shop-concept-slider.custom-slider .init-content-wrapper .init-content {
		text-align: center;
		margin-top: 15px;
	}
	#shop-concept-slider.custom-slider .slider-navi.top {
		left: 0px;
		height: 20px;
		top: initial;
		bottom: initial;
		position: relative;
		text-align: center;
		width: 100%;
		margin-top: 25px;
	}
	#shop-concept-slider.custom-slider .slider-navi.top span {
		border: 2px solid black;
		height: 31px;
		display: inline-block;
		text-align: center;
		padding: 9px 8px 0px 10px;
		text-align: center;
		font-size: 25px;
		text-indent: 200px;
		width: 10px;
		height: 10px;
		border-radius: 100%;
		overflow: hidden;
		padding: 0;
		margin: 0 4px;
		background: rgb(224, 224, 219);
		border: none;
	}
	#shop-concept-slider.custom-slider .slider-navi.top span.active {
		background: rgb(209, 7, 62);
		border-color: rgb(209, 7, 62);
	}
	#shop-concept-slider.custom-slider .slider-navi {
		bottom: 50px;
		height: 20px;
		top: initial;
		text-align: center;
		left: -16px;
		width: calc(100% + 32px);
	}
	#shop-concept-slider.custom-slider .slider-navi span {
		border: 2px solid black;
		height: 31px;
		display: inline-block;
		text-align: center;
		padding: 9px 8px 0px 10px;
		text-align: center;
		font-size: 25px;
		margin-left: 10px;
		color: black;
	}
	#shop-concept-slider.custom-slider .slider-navi span.active {
		background: rgb(209, 7, 62);
		border-color: rgb(209, 7, 62);
	}
	body.unternehmen.shopkonzepte .text {
	display:none;
}
	body.produkte #product-list li a p {
		font-family: 'Droid Serif', serif;
		font-size: 20px;
	}
	body.produkte #product-list li a:hover {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#business-principles-slider.custom-slider .slider-navi.top {
		position: absolute;
		top: -26px;
		margin: 0 auto;
		padding-top: 0px;
		width: 100%;
	}
	#business-principles-slider.custom-slider .slider-navi.top span{
		background: none;
		color:white;
		text-indent: -200px;
		overflow: hidden;
		background: rgb(224, 224, 219);
		width: 10px;
		height: 10px;
		display: inline-block;
		position: relative;
		padding: 0;
		margin: 0 4px;
		border-radius: 100%;
	}
	#business-principles-slider.custom-slider .slider-wrapper .slider .element .navi-desc {
		display: inline-block;
		width: 30px;
		margin: 0 auto;
		position: relative;
		font-family: 'TradeGothicLTStdExtendedBold';
		font-size: 25px;
		font-style: normal;
		border: 2px solid rgb(255, 255, 255);
		padding: 4px 0;
		margin-top: 30px;
		color: white;
	}
	#business-principles-slider.custom-slider .slider-navi.top span.active{
		position: relative;
		font-style: normal;
		background: rgb(209, 7, 62);
	}
	
	
	#business-principles-slider.custom-slider .slider-navi.bottom span {
		display: inline-block;
		width: 26px;
		margin: 0 auto;
		position: relative;
		font-family: 'TradeGothicLTStdExtendedBold';
		font-size: 20px;
		font-style: normal;
		border: 2px solid rgb(0, 0, 0);
		padding: 2px 0;
		background: none;
		margin-top: 30px;
		color: white;
		color: black;
		margin: 0 5px;
	}
	#business-principles-slider.custom-slider .slider-navi.bottom span.active {
		background: rgb(209, 7, 62);
		border-color: rgb(209, 7, 62);
		color: white;
	}
	#footer-menu a.totop {
		background: url("../img/responsive/arrow-top@3x.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0);
		width: 41px;
		height: 41px;
		background-size: 41px 41px;
		position: absolute;
		right: 0px;
		top: 23px;
	}	
}

/* exclusive */
@media screen and (max-width: 767px) and (min-width: 513px) {
	
}



/* go responsive smartphone */

/* inherit */
@media screen and (max-width: 512px)  {
	body.home #content #right-col .bonjour-wrapper {
		float: none;
		display: block;
		margin: 26px 0 0 0;
	}
	body.home #content #right-col,body.home #content #left-col {
		width:100%
	}
	body.home #content #left-col .carrier-wrapper span.text {
		margin-bottom: 25px;
		font-size: 20px;
	}
	.news .news-survey-single-container{
		margin: 0px 10px;
	}
	.news .news-survey-single-container a{
		width: calc(100% - 25px);
	}
}



/* optimazation for small smartphone */

/* inherit */
@media screen and (max-width: 374px)  {
	#footer-menu ul li {
		display: block;
		background: url("../img/layout/bullet_weiss.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0) !important;
		padding-left: 12px !important;
		margin-left: 0px;
	}
} 
@media screen and (max-width: 350px)  {
	.small-default-container{
		padding-bottom: 6px;
	}
	body.home #content #left-col .product-wrapper #home-product-slider.custom-slider {
		margin: 0 10px;
		width: calc(100% - 24px);
	}
	#content-wrapper {
		width: 100%;
		padding-bottom: 10px;
	}
	body.home #content #right-col .news-wrapper .news{
		margin: 0 9px;
	}
	#header #menu a.mobile_home {
		background-size: 187.5px 88.5px;
	}
	#content,
	.content-bg  {
		max-width: 460px !important;
		margin:0 auto;
		width: calc(100% - 20px) !important;
		padding: 25px 10px 25px 10px !important;
	}
	.content-bg {
		margin-bottom: 10px;
	}
}