/**************
BASIC
*********/ 
html, body { font-family: 'Open Sans', sans-serif;  color: #525252; height:100%;}
.row { max-width: 75rem; margin-left: auto; margin-right: auto; }
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.button, .button:focus, .button:hover, .button.disabled, .button.disabled:hover {  background-color: #FFE200; color: #525252; }
.ct-margin, .marg-top { margin-top:30px; }
.no-marg { margin:0; }
.right { float:right; }
.left { float:left; }
.setRelative {position: relative;}
.pad-hori { padding: 0 10px; }
.pad-hori-20 { padding: 0 20px; }
.pad-verti { padding: 10px 0; }
.pad-verti-20 { padding: 20px 0; }
.pad-full { padding:10px; }
.pad-full-20 { padding:20px; }
.grid-margin-y { margin-top: 10px; margin-bottom: 10px; }
.bigBottomMarg { margin-bottom:50px!important;}
.prim-bg { background-color: #FEFADD;}
.sec-bg { background-color: #FFE200;}
.third-border { border: 1px solid #d7d7d7; }
.reveal-overlay {background-color:rgba(10,10,10,.80); z-index: 2100;}
a, a:active, a:focus, a:hover  { color: #525252;}
.content a { text-decoration:underline; }
.kacheln a, .t-columns a, #Rezeptliste a, .teaser a, .socialbar a, a.button { text-decoration:none; }
.button {
    background: #FFE200 url("/C1256CEF0045FD9B/RepositoryFile/files/$File/arrow-button-right.png") no-repeat center right;
    color: #525252;
	font-size: .9rem;
    padding-right: 50px;
	text-decoration:none;
}
a.btn-lft, span.btn-lft { 
	background: #FFE200 url("/C1256CEF0045FD9B/RepositoryFile/files/$File/arrow-button-left.png") no-repeat center left;
    padding-left: 50px;
	padding-right: 15px;
}
ul { list-style:none; margin:0; padding-bottom:15px;}
ol {counter-reset: item;}
h1,h2,h3,h4,h5,h6 { font-family: 'Open Sans', sans-serif; margin-top:0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a, .content h6 a { text-decoration:none; }
h1 { font-size: 2.2rem; font-weight:700; }
h2 { font-size: 1.5rem; font-weight:700; }
h3 { font-size: 1.0rem; }
h4 { font-size: 1.1rem; }
h5 { font-size: 1rem; }
h6 { font-size: 2.2rem; font-weight: 700; }
form { width: 100%; }

#TopButton {
  position: fixed;
  right: 1em;
  bottom: 6em;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  z-index: 1000;
  border: none;
  outline: none;
  cursor: pointer;
  background: #FFE200;
  border-radius: 45px;
 display: none;
}
#TopButton a.top {
  font-size: 2.2rem;
  padding: 0 0.5em;
}

/**************
TOPBAR
*********/ 
.top-bar {
	background: #fbdf1a;
	background: -moz-linear-gradient(left, #fbdf1a 0%, #fbf182 20%, #fbdf1a 100%);
	background: -webkit-linear-gradient(left, #fbdf1a 0%,#fbf182 20%,#fbdf1a 100%);
	background: linear-gradient(to right, #fbdf1a 0%,#fbf182 20%,#fbdf1a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdf1a', endColorstr='#fbdf1a',GradientType=1 ); 
}
.top-bar .social-bar { font-size:1.875rem; }
.top-bar .language {
    font-size: .9375rem;
    margin-top: 12px;
    margin-left: 10px;
    border: 1px solid #fff;
} 
.social-bar a i { text-shadow: 2px 2px 1px rgba(150, 150, 150, 0.23); }
.social-bar a img { width: 24px; height:24px; margin-bottom: 5px; }
.social-bar a i, .language a { color: #FFF; ); }
.top-bar .language a.active { background-color:#FFF; color:#6e6e6e; }
.top-bar .language a { padding:2px 8px; }

/****************************
NAV-BAR & MENU & SEARCH & BREADCRUMP
*********/ 

#ajaxloaderimg { 
	/* default fallback */
	background: rgb(255, 255, 255) transparent;
	/* nice browsers */
	background: rgba(255, 255, 255, 0.8);
	/* IE 6/7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
	/* IE8 */    
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10;
}

#ajaxloaderimg .loader-box {  width: 120px; margin: 200px auto; text-align: center; }
#ajaxloaderimg .loader-box p {  position: relative; top: -85px;  text-align: center; }
#ajaxloaderimg .loader { 
	border: 16px solid #ededed;
	border-radius: 50%;
	border-top: 16px solid #fbdf1a;
	border-bottom: 16px solid #fbdf1a;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.nav-bar { background-color: #FEFADD; }
.nav-bar input{ /*width: 200px; */ float:left; margin-right: 1rem; }
.nav-bar-brand  { position:relative; }
.nav-bar-brand #logo {
    top: -40px;
    z-index: 1;
    position: absolute;
    display: block;
    width: 135px;
    display: block;
}
.nav-bar .nav-bar-navigation { margin-left:130px; position:relative;}
.search .button { background-image: none; background-color: #efefef; color: #666; padding-right:11px;}
.search_box{ visibility: hidden; position:absolute; }
.search_form{  background: #FFE200; }
.search-toggle label { color:#FFF; }
.search_box:checked~.search_form{
	width: 300px;
	height:50px;
	padding:5px;
	top:0;
}
.search_form input[type="text"] {
    background-color:#FFF !important;
	margin: 5px;
    padding: 0px 5px 1px;
    float: left;
    height: 2em;
	width:175px;
	}
.search_form input[type='submit']{
  text-transform:uppercase;
  font-size:.65rem;
  height: 30px;
  margin: 5px 5px 0;
  cursor: pointer;
}
.menu-search-toggle .icon-search { display:none; }
.search #mobile-toggle-search { display:none; }
.menu {
    margin: 0;
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
	text-transform: uppercase;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    font-size:1.3rem;
	font-weight: 400;
	align-items: center;
    width: 100%;
}
.menu li a { padding:0.7rem 1rem; }
.menu li label { color: #9c9c9c; }
.menu li.dropdown ul { display:none; font-size: 1rem; }
.menu li.dropdown ul li:last-child { border-bottom:0; }
.menu li.dropdown ul li a { color:#8f8f8f; }
.fixedhead {position: fixed; width: 100%; z-index: 2000;}
/*.headerdummy {padding-top: 101px;}*/
.nouppercase {text-transform: none;}

/*-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; } */


/*Multilevel-Navigation*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  /*margin: 0;*/
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1.6;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  /*clear: both;*/
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: 'Open Sans', sans-serif;
  background: #FEFADD;
  z-index: 2000;
}

#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 16px;
  /*font-size: 12px;*/
  /*letter-spacing: 1px;*/
  text-decoration: none;
  color: #525252;
  /*font-weight: 700;*/
  text-transform: uppercase;
  padding:0.7rem 1rem;
}
#cssmenu > ul > li:hover > a {
  color: #a2a2a2;
}
#cssmenu > ul > li.has-sub > a {
  /*padding-right: 30px;*/
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  /*display: block;*/
  display: none;
  background: #525252;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  /*display: block;*/
  display: none;
  width: 2px;
  height: 8px;
  background: #525252;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;

}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 12px;
  text-decoration: none;
  color: #525252;
  font-weight: 400;
  background: #333333;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #a2a2a2;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #525252;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #525252;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#cssmenu li.active {
background-color: #efefef;
}

.menu li.dropdown ul { display:block; }

#hamburger-menu-social {display: none!important;}

#shopml {display:none!important; visibility: hidden; }
#shopdtl {display:block!important; visibility: visible;}

#prodml {display:none!important; visibility: hidden; }
#proddtl {display:block!important; visibility: visible;}

.js {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}


.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

#instalink {display: none!important;}


@media screen and (min-width: 54em) {
  .js {  position: relative; }
  .js {  max-height: none; }
  .nav-toggle { display: none; }
}
#toggle::before { content: "≡";}
#toggle.active::before { content: "x";}
#toggle {
    color: white;
    margin: 0.1em 0.5em;
    border: 0;
    cursor: pointer;
    font-size: 2.6rem;
}
@media (min-width: 54em) {
  #toggle { display: none; }
}

#instaimg {
float: left;
margin-right: 5px;
position:relative;
top:-2px; 
}


.breadcrumbs {
    margin: 5px 0 20px 0;
    list-style: none;
    padding: 0;
}
.breadcrumbs::before, .breadcrumbs::after {
    display: table;
    content: ' ';
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -ms-flex-order: 1;
        order: 1; }
.breadcrumbs::after {
    clear: both; }
.breadcrumbs li {
    float: left;
    font-size: 0.6875rem;
	color:#999;
    cursor: default;
    text-transform: uppercase; }
.breadcrumbs li:not(:last-child)::after {
      position: relative;
      margin: 0 0.75rem;
      opacity: 1;
      content: "/";
      color: #cacaca; }
.breadcrumbs a {  color: #525252; text-decoration:none; }

/****************************
SLIDER'S CUSTOM
*********/ 
.slider { width: 100%;margin: 0 auto; }
.slider div { position:relative; /*min-height:560px;*/}
.slider div div.slidermessage {
	color:#000;
	text-transform:uppercase;
    position: absolute;
    width: 75rem;
	top:0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	z-index:0;/*vorher 2. Angepasst wegen Link auf Slidergrafik*/}
}
.slider div div.normalize { text-transform:none!important; }
.slider div div.slidermessage ul { float:left; }
.slider div div.slidermessage ul li {
    text-shadow: 1px 2px 5px #FFFFFF;
    padding-left: 40px;
    font-size: 3.2rem;
    font-weight: 700;
    margin: 0;
    line-height: 60px;
}
.slider div div.slidermessage ul li a.button { text-shadow: none; }
.slider div div.slidermessage ul li:first-child { padding-left:0;}
.slider div div.slidermessage .slidermessage-set {
    max-width: 700px;
    text-align: left;
    padding: 0 15px;
    position: absolute;
    top: 60px;
}
.slider button {
    position: absolute;
    top: 45%;
    z-index: 2;
    width: 100px;
    height: 100px;
    text-indent: -10000em;
    cursor: pointer;
}
.slider button.slick-next {
	background:url() 0 0 no-repeat;
    right: 0;
}
.slider button.slick-prev {
	background:url() 0 0 no-repeat;
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.vp-recipes .slick-slide img { width:auto;  }
.vp-recipes .slider { overflow: hidden; }
.vp-recipes .slider img { transition: all 300ms ease; opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ }
.vp-recipes .slider .slick-center img { 	opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }
.vp-recipes .slick-track div img  { margin: 0 auto; }
.vp-recipes .slick-dots {   position: initial;  }
.recipes div img{ max-height:600px; }

/****************************
SLIDER'S BASIC
*********/ 
/* Dots */
.slick-dots {
    position: absolute;
    bottom: 25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {  outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 1.6rem;
    line-height: 11px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1.0;
    color: white;
	text-shadow: 0px 0px 1px black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before { opacity: .75;  color: black; }
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after { display: table;  content: ''; }
.slick-track:after {  clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
	position:relative;			   
}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img {
    display: block;
    margin: 0 auto;	

}
.slider .slider-content {
   /* position: absolute; */
    left: 10%;
    color: #FFF;
    top: 5%;
}					   
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/****************************
CONTENT - BASIC
*********/ 
.content img { width:100%; }
.teaserimg { border: 1px solid #d7d7d7; }

.content picture, .kacheln picture  {   
	display: block;
    overflow: hidden;
}
.content picture { min-height: 350px; }
.kacheln picture { border: 1px #d7d7d7 solid; position:relative; }
.kacheln picture img { 
	position:absolute; 
	max-width:none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
}
.kacheln .teaser-content .teaser-article { min-height: 106px; }
.highlight_box { background-color: #f6f6f6; }
span.highlight_title { text-transform:uppercase;}

/****************************
CONTENT - Recipes
*********/ 
#Rezeptliste { min-height: 500px; }
.recipe-list { margin-bottom:15px; }
.recipe-list h3 { margin-bottom:0;}
.recipe-list picture {
  position:relative;
  width: 100%;
  max-width: 100%;
  display:block;
  overflow:hidden;
  max-width: 591px; 
  max-height: 591px;
  min-height: unset;
}
.recipe-list picture img {
    position: absolute;
	min-height: 200px;
	width: 100%;
	height: auto;
	max-width: 200%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px; 
}
.recipe-list cell picture:before {
	content: "";
	display:block;
	padding-top: 100%;
}
.recipe-list .teaser-content .teaser-article { padding: 0px 10px; }
.recipe-list div.cell { background-color:#FAFAFA; border:1px solid #d7d7d7;}
.recipe-title h1 { color:#525252; font-weight:700; margin-top: 0; } 
.recipe-title strong.recipe-category {  font-size: 1.6rem;  font-weight: 300; }
.recipe-ingredients  { margin-bottom:1em; }
.recipe-ingredients ul li span { font-weight:bold; }
.recipe-ingredients ul li span::after { content:" "; }
.recipe-information ul li , .tags-container ul li { float:left; }
.tags-container ul li { background-color: #CCC; padding: 5px 10px; margin:0 5px 5px 0;}
.recipe-information ul li::after{ content:", "; white-space: pre; }
.star-rating,.star-rating a:hover,.star-rating a:active,.star-rating a:focus,.star-rating .current-rating {background: url() left -1000px repeat-x;}
.star-rating {
	position:relative;
	width:170px;
	height:34px;
	overflow:hidden;
	list-style:none;
	background-position:left 0px;
	margin:0;
	padding:0;
}
.star-rating li { display:inline; margin-left:0; list-style-type:none; }
.star-rating span,.star-rating .current-rating {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:34px;
	line-height:18px;
	outline:none;
	overflow:hidden;
	border:none;
}
.star-rating span:hover,.star-rating a:active,.star-rating a:focus { background-position:left bottom; cursor: pointer;}
.star-rating span.one-star { width:20%; z-index:7;}
.star-rating span.two-stars { width:40%; z-index:6;}
.star-rating span.three-stars { width:60%; z-index:5; }
.star-rating span.four-stars { width:80%; z-index:4; }
.star-rating span.five-stars { width:100%; z-index:3; }
.star-rating .current-rating { z-index:10; background-position:left center;}
.bigstars { width: 170px;}
.bigstars:hover .current-rating { display:none;}
.recipe-list .star-rating, .recipe-list  .star-rating .current-rating, .recipe-list  .star-rating span {  background-size: 15px; }
.recipe-list .star-rating {margin-top:5px; width: 75px;   height: 15px; }
.recipe-list  .star-rating .current-rating {  background-position:left -15px;}
.recipe-list  .star-rating span  {  background-position:left -40px;}

.social-bar-bottom {
display: none;
position: fixed;
bottom: 0px;
z-index: 100;
text-align: center;
width: 100%;
font-size: 3.875rem;
line-height: 0.8;
}

.social-bar-bottom a i.fi-social-pin, .social-bar-bottom a i.fi-social-fb, .social-bar-bottom a i.fi-social-whatsapp, .social-bar-bottom a i.fi-social-mail, .social-bar-bottom a i.fi-social-print {
background-image: url('/C1256CEF0045FD9B/RepositoryFile/files/$File/Socialmedia-Buttons-VP-35.png');
  background-repeat: no-repeat;
}

.social-bar-bottom a i.fi-social-pin {
height: 36px;
width: 36px;
background-position: -39px 0px;
}
 
.social-bar-bottom a i.fi-social-fb {
height: 36px;
width: 36px;
background-position: 0px 0px;
}

.social-bar-bottom a i.fi-social-whatsapp {
height: 36px;
width: 36px;
background-position: -77px 0px;
}

.social-bar-bottom a i.fi-social-mail {
height: 36px;
width: 36px;
background-position: -115px 0px;
}

.social-bar-bottom a i.fi-social-print {
height: 36px;
width: 36px;
background-position: -154px 0px;
}

/* VideoTeaserBox */
.showVideoTeaser { margin-bottom:20px; }
.video-container {
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}
.video-container iframe{ 
 left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
 }
.video-container #dsh {
    background: url() no-repeat 50% 50%;
    position: absolute;
    height: 100%;
    width: 100%;
}

.video-container  p { max-width:unset; } 

.video-container #dsh #loadinfo-dsh {
	width: 100%;
	position: absolute;
	z-index: 100;
	display: none;
}


.video-container #dsh #loadinfo-dsh div{ background-color: #fff; padding: 7px;}

/****************************
CONTENT - Zutatenrechner
*********/ 
.recipe--full__ingredients {padding-top: 10px;}
.ingredients__head {padding-bottom: 10px;}
.ingredients__footer {padding-top: 10px;}
.ingredients__shoppinglistbutton {padding-top: 20px;}
.recipe--full__shoppinglist {display: none;}
.portions__controls-decrease {
	float: left;  
    background-color: #ffe200;
    padding-right: 9px;
    padding-left: 10px;
    padding-top: 0px;
    line-height: 26px;
    border-radius: 0rem;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 6px;}
.portions__controls-increase {  
	background-color: #ffe200;
    padding-right: 8px;
    padding-left: 9px;
    padding-top: 2px;
    line-height: 25px;
    border-radius: 0rem;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
	display: inline-block;
}
.portions__controls-counter {float: left;
border: 1px solid #d4d5d6;
text-align: center;
border-radius: .25rem;
height: 2rem;
width: 6.5rem;
font-size: .875rem;
line-height: 1.8rem;
margin: 0 .5rem;
}
.ingredients__headline {padding-top: 10px;}
.ingredients__amount {float: left;}
.ingredients__quantity {padding-right: 5px;}
.ingredients__unit {padding-right: 4px;}

 
/****************************
CONTENT - PRODUCTS
*********/ 
.product-box picture { display:block;}
.product-box  .product-image { 
	position:relative; 
	border: 1px #d7d7d7 solid; 
	display:block;
	background: -moz-linear-gradient(top, rgba(234,234,234,0.65) 0%, rgba(234,234,234,0.65) 1%, rgba(226,226,226,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(234,234,234,0.65) 0%,rgba(234,234,234,0.65) 1%,rgba(226,226,226,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(234,234,234,0.65) 0%,rgba(234,234,234,0.65) 1%,rgba(226,226,226,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6eaeaea', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
	text-align: center;
}
.product-list .product-box .product-image picture img, .product-box .product-image picture img  {
    padding: 5px 15px 5px 15px;
    z-index: 2;
    position: relative;
}
.product-list .product-box .product-image { border-bottom:0;}
.product-list .product-box .product-image picture img { max-height: 320px; }
.product-box .product-image picture img { max-height: 650px; }
.product-box .podium {
    background: #f5f5f5;
    position: absolute;
    height: 20%;
    width: 100%;
    bottom: 0;
}
.product-list .product-box .teaser-content .teaser-article { min-height: 146px;}

/****************************
CONTENT - HISTORY
*********/ 

.timeline .timeline-item::after, .timeline .timeline-item::before {
  clear: both;
  content: '';
  display: block;
  width: 100%;
}

.timeline {
  margin: 30px auto;
  padding: 0 10px;
  position: relative;
  transition: all 0.25s ease-in;
  width: 100%;
}

.timeline::before {
background:#efefef;
  content: '';
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  width: 3px;
}

.timeline::after {
  clear: both;
  content: '';
  display: table;
  width: 100%;
}

.timeline a {
  color: #fefefe;
  font-weight: bold;
  transition: all 0.25s ease-in;
}
.timeline a:hover {
  box-shadow: 0 1px 0px 0px #fefefe;
  transition: all 0.25s ease-in;
}

.timeline .timeline-item {
	
  margin-bottom: 50px;
  position: relative;
}
.timeline .timeline-item .timeline-icon {

    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin-left: -23px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50px;
    color: #fbdf1a;
    border: 2px solid;
	background-color:#FFE200;
    text-align: center;
}
.timeline .timeline-item .timeline-icon i { font-size:32px; color: #FFF;}


.timeline .timeline-item .timeline-content {
  padding: 5px 20px 20px 20px;
  text-align: right;
  transition: all 0.25s ease-in;
  width: 45%;
  background: transparent;
}

.timeline .timeline-item .timeline-content p {
}

.timeline .timeline-item .timeline-content p {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0;
}

.timeline .timeline-item .timeline-content .timeline-content-date {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
}

.timeline .timeline-item .timeline-content .timeline-content-month {
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: 400;
}

.timeline .timeline-item .timeline-content.right {
  float: right;
  text-align: left;
}

@media screen and (max-width: 39.9375em) {
  .timeline {
    margin: 30px;
    padding: 0;
    width: 90%;
  }
  .timeline::before {
    left: 0;
  }
  .timeline .timeline-item .timeline-content {
    float: right;
    text-align: left;
    width: 90%;
  }
  .timeline .timeline-item .timeline-content::before, .timeline .timeline-item .timeline-content.right::before {
    border-left: 0;
    border-right: 7px solid #fefefe;
    left: 10%;
    margin-left: -6px;
  }
  .timeline .timeline-item .timeline-icon {
    left: 0;
  }
}



/****************************
CONTENT - SOCIALMEDIA
*********/ 
.socialbar { color:#7e7e7e; }
.socialbar a { padding-left:22px; }
.socialbar p { font-size:0.9rem; position:relative; }
.socialbar  i { font-size:1.5rem; position:absolute; top: -7px;}
.socialbar  i.whatsapp-icon { background: transparent url("/C1256CEF0045FD9B/RepositoryFile/files/$File/whatsapp-icon.png") no-repeat 0 0; width: 25px; height: 22px; margin: 8px 0; left: -3px;}

/****************************
CONTENT - ICONS SET
*********/ 
i { display: inline-block; }
i.facebook { width: 20px; height: 20px; background: url("/C1256CEF0045FD9B/RepositoryFile/files/$File/social-sprites.png") -50px -50px; }
i.pinterest { width: 20px; height: 20px; background: url("/C1256CEF0045FD9B/RepositoryFile/files/$File/social-sprites.png") -10px -50px; }
.social-hit-bar {
    height: 20px;
    background: url("/C1256CEF0045FD9B/RepositoryFile/files/$File/social-sprites.png") -10px -10px;
    padding: 2px 2px 10px 10px;
    font-size: 0.6rem;
}

/****************************
CONTENT - PAGINATION
*********/ 
.pagination { margin-left: 0;  margin-bottom: 1rem; }
.pagination::before, .pagination::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.pagination::after {  clear: both; }
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0;
  font-size: 0.875rem;
  display: inline-block;
}
.pagination a, .pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  color: #0a0a0a;
  text-decoration:none;
}
.pagination a:hover, .pagination button:hover {  background: #e6e6e6; }
.pagination .current { padding: 0.1875rem 0.625rem; background: #FFE200; color: #525252; cursor: default; }
.pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: '\2026'; color: #525252;}

/****************************
CONTENT - Teaser
*********/ 
.t-columns {	column-width: 320px; column-gap: 10px; margin: 50px auto; }
div.t-columns .teaser {
	/*margin: 1em 10px;*/
	padding-bottom: 10px;
	display: inline-block;
	column-break-inside: avoid;
	width:100%;
}
div.t-columns .teaser  img { width: 100%; height: auto; }
div.t-columns small { float: right; text-transform: uppercase; } 
@media screen and (max-width: 750px) { 
  .t-columns {  column-gap: 5px;  }
  .t-columns .teaser  { width: 98%; }
}
.teaser-pre-content { padding: 0 10px 10px; font-size: 0.9rem; height: 150px; }
.teaser-pre-content h2 { font-size: 1rem; font-weight: 700; margin: 5px 0; }
.teaser-content {  background: #ffa800 url("/C1256CEF0045FD9B/RepositoryFile/files/$File/arrow-teaser-right.png") no-repeat center right; color:#FFF; }
.teaser-content .teaser-article {
    margin-right: 50px;
    border-right: 1px solid #fff;
    padding: 10px;
    /* min-height: 106px;  FEhldarstellungen in Kategorieübersicht*/
}
.teaser-content .teaser-article p { margin-bottom:auto; }
.mini-social p { float: right;  margin: 0 2px; }
.mini-social i { line-height:15px; }
.new-Troublemaker {
    background: transparent url("/C1256CEF0045FD9B/RepositoryFile/files/$File/eck-highlight-stoerer.gif") no-repeat top right;
    position: absolute;
    right: -14px;
    top: -14px;
    height: 160px;
    width: 160px;
    z-index: 2;
    text-align: center;
    font-size: 0.9rem;
}
.new-Troublemaker p {
	position: absolute;
	right: -5px;
	top: 30px;
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(45deg);     /* IE 9 */
	transform: rotate(45deg);
	line-height: 1.3em;
}
.new-Troublemaker p strong {
	font-size:1.6rem;
}

/****************************
REZEPTWETTBEWERBE
*********/ 
.recipe_competition ul.profit_list { padding-left:0.6em; }
.recipe_competition ul.profit_list li strong.amount {  padding-right: 20px; }

/****************************
TABLES
*********/ 
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
    border-radius: 0;
}
table .button { margin: unset; }
table thead {
    background: #f8f8f8;
    color: #0a0a0a;
}
table thead, table tbody, table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}
table tbody th, table tbody td {
    padding: 0.5rem 0.625rem 0.625rem;
}
table tbody tr:nth-child(2n) {
    border-bottom: 0;
    background-color: #f1f1f1;
}
table thead th, table thead td, table tfoot th, table tfoot td {
    padding: 0.5rem 0.625rem 0.625rem;
    font-weight: bold;
    text-align: left;
}

/****************************
LISTS
*********/ 
ul.checked-points li {
    background: transparent url("/C1256CEF0045FD9B/RepositoryFile/files/$File/checked.gif") no-repeat 0 0;
    padding-left: 40px;
    margin: 15px 0;
}
ol.profit_list {  list-style: none;  margin-left: 0; }
ol.profit_list strong.amount { padding-right:10px; }
ul.square { list-style-type: square; margin-left: 15px; }



/****************************
SITEMAP
*********/ 

ul#sitemap a { text-decoration:none; }
ul#sitemap > li { float:left; width:50%;}
ul#sitemap > li:nth-child(odd) { padding-right:30px; }
ul#sitemap > li:nth-child(2n+1) { clear:both; }
ul#sitemap li ul { margin: 0;  line-height: 2em; }
ul#sitemap > li > ul > li:first-child {
    font-weight: lighter;
    margin-bottom: 15px;
    border-bottom: 1px #d7d7d7 solid;
    padding-left: 10px;
    font-size: 1.4em;
}
#sitemap > li > ul > li > ul > li > ul > li{ font-weight: lighter; }
ul#sitemap > li > ul > li:nth-child(n+2) {
    padding-left: 10px;
    font-size: 0.75em;
    line-height: 2em;
}
#sitemap > li > ul > li > ul > li:nth-child(n+2) {padding-left:10px;}
ul#sitemap li ul li ul li:nth-child(n+2) a::before  { content: "> "; color:#9c9c9c; }
#sitemap > li  { font-size:1.5em; }
#sitemap > li > ul > li> ul > li > ul > li { font-size:0.8em }
#sitemap > li > ul > li > ul { padding-bottom:0; }


/****************************
FORMS
*********/ 
input, textarea, select { background-color: #f6f6f6 !important; }
select { margin: 0 0 1rem; }
#fragebogen .grades input { margin: 0 2px; }
#fragebogen label { font-weight:bold; margin-left: 0;}
#fragebogen .grades::before, #fragebogen .grades::after { font-weight:bold; display:inline-block;}
#fragebogen .grades::before { content:"1"; padding-right:5px;}
#fragebogen .grades::after { content:"6"; padding-left:5px;}
.age {
position: absolute;
top: -500px;
left: -500px;
}

/****************************
LAYER
*********/ 
#altersverifikation { 
	background: transparent url("/C1256CEF0045FD9B/RepositoryFile/files/$File/alterspruefung-verpoorten-2.jpg") no-repeat center 0; 
	background-size: cover;
	color:#FFF;
	min-height: 660px;
	text-shadow: 1px 2px 5px #000;
	position:relative;
	overflow:hidden;
	padding: 1.5rem 3rem;
}
#altersverifikation a, #altersverifikation span  { text-shadow:none; }
#altersverifikation .access_links { position:absolute; bottom:20px; }
#altersverifikation .mg-notice-logo {
	position: absolute;
	right: -10px;
	bottom: 55px;
	z-index: 2;	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#altersverifikation  .corner {
	position:absolute;
	background-color:#fff;
	display: block;
	width: 490px;
	height: 400px;
	position: absolute;
	top: -260px;
	right: -155px;
}
.reveal .close-button {
    position: absolute;
    top: 10px;
    right:10px;
    font-size: 2rem;
    cursor: pointer;
}

/****************************
CIRCLES
*********/ 
div [class*="circle-"] {
    position: absolute;
    text-align: center;
    background: #FFE200;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    z-index: 5;
    right: 10px;
    top: 10px;
}
div [class*="circle-"] p {
    margin: auto;
    overflow: hidden;
}
.circle-multitext p {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 15% 10px 10px 10px;
    width: 90px;
    height: 90px;
    line-height: 17px;
}
.circle-BigMultitext p {
    font-size: 1.3rem;
    font-weight: bold;
    padding: 15% 15px 15px 15px;
    width: 140px;
    height: 140px;
    line-height: 25px;
}
.circle-onword p {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 30% 10px 10px 10px;
    width: 90px;
    height: 90px;
    line-height: 30px;
}


/****************************
FOOTER
*********/ 
.footer-container { background-color: #FBF094; font-size: .75rem;  margin-top: 40px; }
.footer-container .footer-highlights { padding:20px 0; }
.footer-container .footer-bottom { background-color: #FFE200; }
.footer-container ul.newRecieps { margin-bottom:10px; }
.footer-container ul.newRecieps li { padding:2px; }
.footer-container ul.newRecieps li a.outer { position: relative; width: 100%; max-width: 100%; display: block; }
.footer-container ul.newRecieps li a.outer::before {   content: ""; display:block; padding-top: 100%;  }
.footer-container ul.newRecieps li a div.inner { background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
.footer-container ul.newRecieps li a div.inner img { width: 100%; height: 100% }
.footer-bottom ul.footer-bottom-linkbar { line-height: 1em; padding: 10px 0; }
.footer-bottom ul.footer-bottom-linkbar li { display:inline-block; padding:0 10px; border-right: 1px solid #525252;}
.footer-bottom ul.footer-bottom-linkbar li:first-child { padding-left:0;}
.footer-bottom ul.footer-bottom-linkbar li:last-child { border-right:0;}
.footer-bottom ul.footer-campaign li { padding: 10px; display: inline-block; }
.footer-bottom p.copyright { padding: 10px 0 0 0;  margin-bottom: 2px; }
.footer-bottom .social-bar-footer { font-size: 1.875rem; text-align: center;  display: none; }
 ul.useful-Links li a::before { content: "> "; }
 #cloud li { display: inline; }
 #cloud { padding: 2px; line-height: 2.1em; text-align: center; }
 #cloud a { padding: 0px; }
 #cloud a.tag1 { font-size: 0.7rem; font-weight: 400; }
 #cloud a.tag2 { font-size: 0.8rem; font-weight: 700; }
 #cloud a.tag3 { font-size: 0.9rem; font-weight: 400; }
 #cloud a.tag4 { font-size: 1.0rem; font-weight: 300; }
 #cloud a.tag5 { font-size: 1.2rem; font-weight: 400; }
 #cloud a.tag6 { font-size: 1.4rem; font-weight: 300; }
 #cloud a.tag7 { font-size: 1.6rem; font-weight: 700; }
 #cloud a.tag8 { font-size: 1.8rem; font-weight: 300; }
 #cloud a.tag9 { font-size: 2.2rem; font-weight: 400; }
 #cloud a.tag10 { font-size: 2.5rem; font-weight: 300; }
 
 
 /******** FONTS ********/
 
 /* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(/C1256CEF0045FD9B/RepositoryFile/fonts/$File/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

 
 
 
 
 
 
 /****************************
RESPONSIVE - PARTS
*********/ 



@media screen and (max-width: 23em) {
	/* div [class*="circle-"] { transform: scale(0.65); right: -35px; top: -45px; } */
}
@media screen and (min-width: 23em) and (max-width: 40em) {
	.teaser-pre-content { height:85px;	}
}
@media screen and (max-width: 30em) {
		.slider modernstyle { min-height: 280px; }
		.slider modernstyle picture { display:block; position:relative; }
		.slider modernstyle picture  img{    
			position: absolute;
			height: 280px;
			margin: 0 auto;
			left: 50%;
			transform: translate(-50%, 0);
			max-width: inherit;
		}
}
@media screen and (max-width: 35em) {
	  	.slider .slick-arrow { display: none!important; }	
		.pagination {  margin-bottom: 0;  padding-bottom: 5px; }
}
@media screen and (min-width: 40em) and (max-width: 43em) {
	.teaser-pre-content { height:200px;	}
}

@media screen and (max-width: 54em) {
/*h*/
	
	#instalink {display: block!important;}
	#altersverifikation { padding: 1.5rem 1rem; }
	#altersverifikation .mg-notice-logo {  right: -22px; }
	.button { font-size: .8rem; }	
	.social-bar-bottom { display: block;}
	.ct-margin { margin-top:10px; }
	.footer-bottom { position:absolute; }
	.footer-bottom .copyright strong:after { content:"\A "; white-space: pre;}
	.footer-bottom .social-bar-footer { display:block; }
	.top-bar { height: 70px;}
	.top-bar .language { position: absolute; left: 0; top: 10px;} 
	.top-bar .social-bar { display:none;	}
	.nav-bar-brand { position: unset !important; }
	.nav-bar-brand #mobile-toggle { position:absolute; }
	.nav-bar-brand #logo { width: 50%; top: 5px;	text-align: center;	margin-left: 25%; margin-right: 25%;}
	.nav-bar-brand #mobile-toggle { position: absolute;	top: 0; right: 5px;	width: 15%;	}
	.nav-bar-brand #logo { }
	.nav-bar-brand #logo img { width:90px; }
	.nav-bar .nav-bar-navigation { margin-left: 0; }
	.left{ float:none; }
	.search { position: relative; }
	.search, .search_form { width: 100% !important; }
	.search_form input[type="text"] { width:72% !important }
	.search_form input[type="submit"] { width:22% !important }	
	.search_box:checked~.search_form, .search_form {top:0 !important; }
	.search-toggle label { margin:7px 65px 0 0; }
	  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #525252;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #a2a2a2;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
	
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #525252;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #525252;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 55px;
    width: 55px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #FEFADD;
  }
  #cssmenu ul ul .submenu-button {
    height: 41px;
    width: 41px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 27px;
    right: 21px;
    width: 8px;
    height: 2px;
    display: block;
    background: #525252;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 20px;
    right: 15px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #525252;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 24px;
    right: 24px;
    display: block;
    width: 2px;
    height: 8px;
    background: #525252;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 17px;
    right: 18px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
	#cssmenu > ul > li.has-sub > a:after {
	display: block;
	}

	#cssmenu > ul > li.has-sub > a:before {
	display: block;
	}
	
	#cssmenu ul ul {
	display: block;
	}
	
	#cssmenu li.active {
	background-color: #FEFADD;
	}
	/*.headerdummy {padding-top: 70px;}*/
	
	#hamburger-menu-social-text {font-size: 0.6em; padding-left: 16px;}
	#hamburger-menu-social-instagram {font-size: 0.6em; float: left; width: auto!important; padding-right: 0px !important; z-index:300;}
	#hamburger-menu-social-pinterest {font-size: 0.6em; float: left; width: auto!important; z-index:250;}
	#hamburger-menu-social-facebook {font-size: 0.6em; width: auto!important; z-index:200;}
	#hamburger-menu-social {	display: block!important;}

	#shopdtl {display:none!important; visibility: hidden; }
	#shopml {display:block!important; visibility: visible;}
	
	#proddtl {display:none!important; visibility: hidden; }
	#prodml {display:block!important; visibility: visible;}
	
}

@media screen and (min-width: 1em) and (max-width: 72em) {
/*t*/
	#rslider{min-height:100px}
	#recipesslider{min-height:200px}
	.social-bar-bottom { display: block;}
	.search_box:checked ~ .search_form { height:75px; } 
	.search .searchinput { display:none }
	.search { background-color:transparent; display: inline-block; }
	.menu-search-toggle .icon-search { display:block; } 
	[class^="icon-"]{
	  display:inline-block;
	  font-size:1.6rem;
	  cursor: pointer;
	  z-index:10;
	  position:relative;
	}
	.search_form input[type="submit"] { height:55px; }
	.search_form{
	  position:absolute;
	  z-index:5;
	  padding:0px 5px;
	  right:0;
	  top:55px;
	  overflow: hidden;
	  width: 20px;
	  height:0px;
	  transition: height 0.2s ease-out 0.5s , padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;
	  -webkit-transition: height 0.2s ease-out 0.5s , padding 0.2s ease-out 0.5s, width 0.3s ease-out 0.2s;  
	}
	.search_form form{
	  opacity:0;
	   transition:all 0.3s ease-out;
	  -webkit-transition:all 0.3s ease-out;
	}
	.search_form input{  border:none; }
	.search_box:checked~.search_form{
	  width: 450px;
	  padding:5px;
	  top:55px; 
	  transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s;
	  -webkit-transition: height 0.2s ease-out, top 0.2s ease-out, padding 0.2s ease-out, 0.3s width ease-out 0.2s; 
	}
	.search_box:checked~.search_form form{
	  opacity:1;
	  transition:0.3s all ease-out 0.5s;
	  -webkit-transition:0.3s all ease-out 0.5s;
	}
	.search_form input[type="text"] { width:350px; height:55px;} 
	.slider div div.slidermessage .slidermessage-set { top:15px; }	
	.recipes div img { max-height:none; }
	
	#cssmenu > ul > li.has-sub > a:after {
	display: none;
	}

	#cssmenu > ul > li.has-sub > a:before {
	display: none;
	}
	
	#cssmenu ul ul {
    display: none;
	}
	#cssmenu > ul > li.has-sub > a {
	padding-right: 16px;
	}
	ul#sitemap > li { float:none; width:auto; }
	.fixedhead{position: unset;}
	.product-list .product-box .teaser-content .teaser-article { min-height: 100px;}
	

	
}
@media screen and (max-width: 41em) {
		  .slider div div.slidermessage ul li {	font-size: 1.2rem; line-height: 25px; }
		  #instalink {display: block!important;}
}
@media screen and (max-width: 28em) {
		  .search_form input[type="text"] {width:68% !important; }
		  h1 { font-size: 1.3rem; }
		  h2 { font-size: 1rem; }
		  h6 { font-size: 1.3rem; }
}
@media screen and (min-width: 54em) and (max-width: 72em) {
	 .nav-bar-navigation { float:right; }
	 
} 
@media screen and (min-width: 72em)  {
	 .nav-bar .row .left { float:none; }
	 .search_box, .search-toggle { display: none; }
	 .headerdummy {padding-top: 101px;}
} 
@media screen and (min-width: 1800px)  {
	 .slick-slide img { position: unset; left: unset; transform: unset; width: 100%;   max-width: 1920px;}
}
/*@media screen and (max-width: 1800px)  {
	 .slick-slide img { float:right; }  Für Unterseiten Slider/*
}
 /****************************
PRINTING PART
*********/ 
@media print {
	@page {
		size: A4 portrait;
	}
	
	
	html, body { font-size: 10pt; }
	h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
	h1 , h6{ font-size: 24pt; }
	h2, h3, h4 { font-size: 14pt; margin-top: 25px;}
	.content a:after, .content a:link:after  { 
		color: red;
		background-color:transparent; 
		content: "\A(Link: " attr(href) ") ";
		font-size: 8pt;
		white-space: pre;
	}
	.slider { position:relative; }
	.slider picture img { postion:absolute; max-width:100%; }

	
	
	.nav-bar-brand #logo { position: relative; left: 45%; }
	.top-bar, .language, .nav-bar-navigation, .social-bar,  .search, footer, #mobile-toggle, .reciepe-nav, .socialbar, .breadcrumbs, .recipe-rating , .slick-dots{ display:none !important; }
	.nav-bar-brand #logo { position:unset; }
	.cell { width: 100% !important; }
}