@media (max-width: 1600px){
	
   .boxes .box,
   .boxes .background{
   	 height: 450px;
  	}
	
	.boxes .box-70{
		width: 60%;
	}
	.boxes .box-30{
		width: 40%;
	}
	
	.boxes .box.box-kaesemacherwelt .background div.button:after,
  	#wrapper.kaesemacherwelt .boxes .box.box-kaesemacher .background div.button:after{
  		top: 150%;
  	}
  	
  	.innerpadding.specialarea{
	  padding: 40px 0 30px 0;
	}
	.innerpadding.sectiontwo{
	  padding: 30px 0 30px 0;
	}
  	
}

@media (max-width: 1200px){
	#teaser #background-slider, 
	#teaser .vegas-container{
		height: 750px !important;
	}
	
	.boxes .box,
    .boxes .background{
   	 height: 350px;
  	}
  	.boxes .box.box-kaesemacherwelt .background div.button:after,
  	#wrapper.kaesemacherwelt .boxes .box.box-kaesemacher .background div.button:after{
  		top: 125%;
  	}
  	
  	.innerpadding.specialarea{
	  padding: 20px 0 10px 0;
	}
	.innerpadding.sectiontwo{
	  padding: 5px 0 10px 0;
	}
  	
}

@media (max-width: 991px){
	
	.weiterfuehrendes .boxes .box.box-kaesemacherwelt .background div.button:after{
		top: 100% !important;
	}
	
	#produkte .product,
	#produkte .grid-sizer{
		width: 20%;
	}
	#produkte .product.featured{
		width: 40%;
	}
	
	#rezepte .recipe{
		width: 50%;
	}
	
	.boxes .box-33.box-first{
		width: 60%;
	}
	.boxes .box-33.box-center{
		width: 40%;
	}
	.boxes .box-33.box-last{
		width: 100%;
	}
	
	.weiterfuehrendes .boxes .box.box-50,
	.weiterfuehrendes .boxes .box.box-50 .background{
		height: 300px !important;
	}
	
	.weiterfuehrendes .boxes .box.box-100,
	.weiterfuehrendes .boxes .box.box-100 .background{
		height: 300px !important;
	}
	
	.weiterfuehrendes .boxes .box-33.box-first,
	.weiterfuehrendes .boxes .box-33.box-center{
		width: 50%;
	}
	
	.weiterfuehrendes .boxes .box-33.box-first{
		padding-right: 7px;
	}
	.weiterfuehrendes .boxes .box-33.box-center{
		padding-left: 8px !important;
		padding-right: 0 !important;
	}
	.weiterfuehrendes .boxes .box-33.box-last{
		padding-top: 15px;
	}
	
	
	.boxes .box.no-border-md{
		padding: 0;
	}
	
	#teaser #background-slider, 
	#teaser .vegas-container{
		height: 650px !important;
	}
	#navigation-area #navigation .nav li a{
		font-size: 16px;
	}
	
	.distance-md{
		margin-bottom: 30px;
	}
	
	#navigation-area #navigation .nav{
		padding: 20px 10px;
	}
	
	.height-60{
		height: 30px;
	}
	
	#wrapper.kaesemacherwelt #events .grid-item{
		width: 50%;
	}
}

@media (max-width: 767px){
	
	#produkte .product,
	#produkte .grid-sizer{
		width: 25%;
	}
	#produkte .product.featured{
		width: 50%;
	}
	
	#wrapper.kaesemacherwelt #events .grid-item{
		width: 100%;
	}
	
	.height-60{
		height: 15px;
	}
	.height-15{
		display: none;
	}
	
	.weiterfuehrendes .boxes .box-33.box-first,
	.weiterfuehrendes .boxes .box-33.box-center,
	.weiterfuehrendes .boxes .box-33.box-last{
		padding: 0 !important;
		margin: 0 0 15px 0;
	}
	
	.weiterfuehrendes .boxes .box.box-50{
		padding: 0 !important;
		margin: 0 0 15px 0;
	}
	
	.boxes .box{
		width: 100% !important;
	}
	
	.boxes .box.border{
		padding: 0;
	}
	
	.distance-xs{
		margin-bottom: 15px;
	}
	/*#footer .footer-social-media ul{
		text-align: left;
	}
	
	#footer img{
		margin: 0;
	}*/
	
	#footer{
		text-align: center;
	}
	
	#teaser #background-slider, 
	#teaser .vegas-container{
		height: 450px !important;
	}
	
	#teaser #background-slider:before{
		display: none;
	}
	#teaser #background-slider:after{
		width: 100%;
		background: transparent;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 35%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(35%,rgba(255,255,255,0)));
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 35%);
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 35%);
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 35%);
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 35%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	}
	
	#teaser #left{
		display: none;
	}
	#teaser #right{
		right: 0;
		left: 0;
		margin: auto;
		display: block;
		text-align: center;
	}
	
	#navigation-area{
		top: 125px;
	}
	
	#navigation-area #navigation .nav li a{
		display: block;
		text-align: center;
		font-size: 18px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	#navigation-area #navigation #responsive-nav{
		-webkit-transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
        -moz-transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	}
	#navigation-area #navigation #responsive-nav.active{
		
		width: 275px;
		-webkit-transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
        -moz-transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
	}
	
	#navigation-area #navigation{
		width: auto;
		margin: 0;
	}
	#navigation-area #navigation .nav{
		background: #fff !important;
		display: block;
		position: absolute;
		padding: 0;
      	top: 52px;
      	
      	filter: drop-shadow(0px 4px 2px rgba(89, 79, 63, 0.5));
		-webkit-filter: drop-shadow(0px 4px 2px rgba(89, 79, 63, 0.5));
		-moz-filter: drop-shadow(0px 4px 2px rgba(89, 79, 63, 0.5));
		
		opacity: 1;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
         transform-origin: 0 0;
         -webkit-transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         -moz-transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
          transition: all 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         -webkit-transform: rotateX(-90deg); 
         -moz-transform: rotateX(-90deg);
          transform: rotateX(-90deg);
          -webkit-backface-visibility: hidden; 
           backface-visibility: hidden; 
           visibility: hidden;
           width: 125px;
           margin: auto;
           left: 0; 
           right: 0;
	}
	
	#wrapper #navigation-area #navigation .nav li a:hover, 
	#wrapper #navigation-area #navigation .nav li a.nav-selected,
	#wrapper #navigation-area #navigation .nav li a.nav-path-selected,
	#wrapper #navigation-area #navigation .nav li.nav-dropdown .submenu ul li a:hover, 
	#wrapper #navigation-area #navigation .nav li.nav-dropdown .submenu ul li a.nav-selected,
	#wrapper #navigation-area #navigation .nav li.nav-dropdown .submenu ul li a.nav-path-selected{
		color: #fdb933;
	}
	
	#navigation-area #navigation .nav li a{

		-webkit-transition: font-size 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
        -moz-transition: font-size 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         transition: font-size 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         font-size: 0;
	}
	
	#navigation-area #navigation .nav.active li a{

		-webkit-transition: font-size 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
        -moz-transition: font-size 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         transition: font-size 300ms cubic-bezier(0.550, 0.085, 0.680, 0.530);
         font-size: 18px;
         
	}
	
	#navigation-area #navigation .nav.active{
		visibility: visible;
         opacity: 1;
         -webkit-transform: rotateX(0deg);
         -moz-transform: rotateX(0deg); 
         transform: rotateX(0deg);
         width: 275px;
	}
	
	#navigation-area #navigation .nav:after{
		position: absolute;
		left: 0;
		right: 0;
		width: 100%;
		display: block;
		background: url(../img/menu/mobile-nav-bottom.png) no-repeat center top;
		bottom: -12px;
		height: 12px;
		-webkit-background-size: 100% !important;
		-moz-background-size: 100% !important;
		-o-background-size: 100% !important;
		 background-size: 100% !important;
		 
	}
	#navigation-area #navigation ul{
		position: relative;
		padding: 10px 20px;
	}
	
	#navigation-area #navigation ul:before,
	#navigation-area #navigation ul:after{
		position: absolute;
		top: 0;
		bottom: 0;
		height: 100%;
		-webkit-background-size: 100% 100% !important;
		-moz-background-size: 100% 100% !important;
		-o-background-size: 100% 100% !important;
		 background-size: 100% 100% !important;
		 width: 8px;
		 display: block;
		 content: '';
	}
	
	#navigation-area #navigation ul:before{
		left: -8px;
		background: url(../img/menu/mobile-nav-left.png) no-repeat right center;
	}
	#navigation-area #navigation ul:after{
		right: -8px;
		background: url(../img/menu/mobile-nav-right.png) no-repeat left center;
	}
	
	#navigation-area #navigation .nav li{
		float: none;
		display: block !important;
		width: 100%;
		text-align: left;
	}
	#navigation-area #navigation .nav li a.nav-kaesemacherwelt:after,
	#navigation-area #navigation .nav li a.nav-kaesemacher:after{
		display: block;
		position: static;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	#navigation-area #navigation .nav li.nav-dropdown .submenu{
		
		position: static;
		
		color: #fdb933;
		
		visibility: visible;
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg); 
         transform: rotateX(0deg);
	}
	#navigation-area #navigation .nav li.nav-dropdown ul{
		background: none;
		padding: 0;
	}
	
	#navigation-area #navigation .nav li.nav-dropdown ul li a{
		color: #594f3f;
		font-size: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#navigation-area #navigation .nav.active li.nav-dropdown ul li a{
		font-size: 10px;
	}
	
	.hellbraun{
		padding: 30px 0 !important;
	}
	.weiss{
		padding: 40px 0 60px !important;
	}
	
	#footer #top{
		top: -60px;
	}
	
	.search-image{
		width: 40%;
	}
	.search-text{
		width: 60%;
	}
	
	.search-text{
		padding-left: 15px;
	}
	
	.ccm-image-slider-inner .rslides_nav{
		left:-30px;
	}
	.ccm-image-slider-inner .rslides_nav.next{
		right: -30px;
	}
	
	#wrapper #searchName{
		width: 200px;
	}
	
	.news .nopadding{
		margin: 0;
	}
	.braune-box{
		padding: 60px 30px;
	}
	
	#rc-imageselect, .g-recaptcha {
		transform:scale(0.77);
		-webkit-transform:scale(0.77);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	.boxes .box-50.center{
		margin: 0 !important;
	}
	.illu-text{
		padding: 15% 15% 35% 15%;
	}
	.illu-text.inverse{
		padding: 35% 15% 15% 15%;
	}
}


@media (max-width: 511px){
	
	.search-text,
	#produkte-liste #attributes .button,
	.search-content{
		padding-left: 0;
	}
	
	.search-image,
	.search-text{
		width: 100%;
	}
	
	#rezepte .recipe{
		width: 100%;
	}
	
	#produkte .product,
	#produkte .grid-sizer{
		width: 50%;
	}
	#produkte .product.featured{
		width: 100%;
	}
}