@media (max-width: 1450px){
	.detail-img-container{ 
		padding-right: 0px;
	}
	body{
		overflow-x: hidden;
	}
	.website-wrapper{
		min-width: auto;
	}
	.container{
		max-width: 100%;
	}
	.grid-search{
		right: 16.7%;
	}
	.grid-einkaufslisten{
		left: 18%;
	}
	.grid-favoriten{
		left: 28%;
	}
	header .top-accountnav-wrapper{	
	    position: absolute;
	    right: 16.7%;
	    margin-right: 0;
	}
	.compact-detail-left .action-top .action{
		margin-right: 20px;
	}
	.favoriten-add{
		margin-left: 0;
		margin-right: 0;
	}
	.detail-img-container{
		max-width: calc(100% - 18px);
	}
	section.content .container .grid.side-content.side-left{
		padding-left: 25px;
	}
	section.content .container .grid.side-content.side-right{
		padding-right: 25px;
	}
	.container .row .grid.big-padding{
		padding: 15px;
	}
}

@media (max-width: 1200px){

	#mobile-menu-icon,
	#mobile-menu.change{
		display: block;
	}
	header .top-nav-wrapper{
		margin-left: 30px;
	}
	header .top-accountnav-wrapper{
		right: 22px;
		z-index: 99;
	}
	header .logo{
		left: 50%;
		transform: translateX(-50%);
	}
	section.content .container .grid.side-content.side-left,
	section.content .container .grid.side-content.side-right{
		display: none;
	}
	.grid-search{
		right: 25px;
	}
	.grid-einkaufslisten{
		left: 25px;
	}
	.grid-favoriten{
		left: 160px;
	}
	.compact-detail-left{
		max-width: 434px; 
	}
	.compact-detail-right{
		width: calc(100% - 434px); 
	}
	.container .row .grid.big-padding{
		padding: 15px 25px;
	}
}
@media (max-width: 910px){
	.detail-img-container{
		position: relative;
		top: 0;
	}
	.compact-detail-right .compact-infobox.login-box{
		text-align: center;
	}
	.detail-img-container{
		max-width: 100%;
	}
	.compact-detail-right{
		width: 50%;
	}
	.compact-detail-right .compact-infobox.login-box a{
		display: block;
		margin:10px auto;
	}
	.desktop-link{
	  display: none!important;
	}
	.mobile-link{
	  display: block!important;
	}
	.cycle-next{
		right: calc(50% - 150px);
	}
	.cycle-prev{
		left: calc(50% - 150px);
	}
}
@media (max-width: 767px){
	#mobile-menu{
  		top: 157px;
	}
	header{
		background-position: center;
		background-size: 100% auto;
	}
	header .top-nav-wrapper{
		margin-left: 0;
	}
	header .logo{
		width: 50%;
		height: auto;
		min-width: 230px;
	}
	header .logo a{
		width: 100%;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	header .top-nav,
	.grid-einkaufslisten,
	.grid-favoriten{
		display: none;
	}
	header .top-nav-wrapper{
		background: none;
	}
	.compact-detail-left .title h1{
		font-size: 26px;
	}
	.breadcrumb li{
		font-size: 16px;
	}
	nav.horizontal-nav.centered > ul > li{
		display: block;
		text-align: left;
	}
	footer{
		padding: 20px 0;
	}
	footer.no-banner{
		padding-bottom: 20px;
	}
	footer .footer-nav a:not(.icon){
		line-height: 35px;
	}
	footer .footer-nav a.icon{
		margin-left: 23px;
		line-height: 60px;
	}
	.grid-search{
		right: 10px;
	}
	.mid-content{
		background: white!important;	
	}
	.compact-list-wrapper .list-img-container{
		margin-bottom: 10px;
	}
	.my-category-col-mobile{
		width: 25%;
	}
	.fancybox-content.ajax-box{
		padding-left: 0;
		padding-right: 0;
	}
	.sponsorbox{
		margin-top: 50px;
	}
	.compact-detail-right .compact-info-wrapper{
		top: -60px;
	}
	.compact-list-wrapper > a{
		margin-bottom: 30px;
	}




	.template-test{
		width: calc(50% - 10px);
		display: inline-block;
		vertical-align: top;
		margin: 0 15px 0 0!important;
	}
	.template-test:nth-of-type(even){
		margin-right: 0!important;
	}
	.template-test .compact-list-wrapper .text-wrapper p{
		display: none;	
	}
	.template-test .compact-list-wrapper .compact-info{
		width: 50%;
	}
	.template-test .compact-list-wrapper{
		padding: 0!important;
	}
	.template-test .compact-list-wrapper .compact-info p{
		margin-bottom: 3px;
	}
	.template-test .img-responsive{
		width: 100%;
	}
}
@media (max-width: 600px){
	.my-category-col-mobile{
		width: 33.3%;
	}
	.compact-detail-right .compact-info-wrapper{
		position: relative;
		top: 0;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.compact-detail-left{
		max-width: 100%;
		width: 100%; 
	}
	.compact-detail-right{
		width: 100%;
	}
}
@media (max-width: 490px){

	.my-category-col-mobile{
		width: 50%;
	}
	.ingredients-container{
		width: 100%;
	}
	.compact-detail-right .anzahl-umrechnen{
		margin-left: 0;
		float: right;
	}
	.link-einkaufsliste{
		float: right;
	}
	.sponsorbox .sponsor img{
		padding: 20px 0 0 0;
	}

	.cc-window.cc-banner{
		padding: 0 20px!important;
	}
	.einkaufsliste-item .img-container,
	.einkaufsliste-item .txt-container{
		max-width: 100%;
		width: 100%;
		margin-bottom: 10px;
	}
	.tipp-box a{
	margin-right: 0;
	}
	.tipp-box img{
	width: 80px;
	}
	.tipp-box span{
	left: 100px;
	top: 10px;
	}
	.tipp-box .mehrlink{
	left: 100px;
	top: 32px;
	}
}
@media (max-width: 450px){
	.container .row .grid.big-padding{
		padding: 20px 25px;
	}
	header .top-nav-wrapper{
		width: 100%;
		background-size: contain;
		height: 90px;
	}
	header .container{
		min-height: 198px;
	}
	header .logo, header .logo a{
		height: 90px;
	}
	.grid-search{
		width: calc(100% - 20px);
		top: 161px;
	}
	.search-right-side{
		width: calc(100% - 70px);
	}
	.search-wrapper{
		width: 100%;
	}
	.search-right-side > input{
		width: calc(100% - 36px);
	}
	.category .inner a h2, .category .inner a h3{
		font-size: 16px;
		line-height: 23px;
	}
	.compact-detail-right .compact-infobox.login-box{
		top: -75px;
	}
	.compact-list-wrapper .text-wrapper h2{
		font-size: 22px;
		margin-bottom: 10px;
	}
	p{
		font-size: 15px;
	}
	.compact-list-wrapper .compact-info p{
		font-size: 13px;
		line-height: 16px;
	}
	.compact-list-wrapper .compact-info p .title{
		font-size: 12px;
	}	
	.recipe-list{
		margin-top: 0;
	}
	.search-left-side{
		padding-left: 15px;
	}
	footer .footer-nav a:not(.icon){
		padding-left: 15px;
	}
	footer .footer-nav a.icon{
		margin-left: 15px;
	}
}

@media (max-width: 414px){
	.cc-window .cc-message{
		margin-bottom: 0!important;
	}
	.cc-window.cc-banner{
		padding-bottom: 10px!important;
	}
}