.generalRecipesWrapper{
	padding:0 3.125%;/*10/320*/
	margin:22px auto;
	text-align:center;
}

.generalRecipesWrapper .recipeBox{
	max-width:400px;
	margin:0 auto 10px;
}

.generalRecipesWrapper .singleRecipeContainer .recipeBox{
	width: 100%;
}

@media(min-width:630px) and (max-width:834px){
	.generalRecipesWrapper{
		padding:0 1.5873015873%;/*10/630*/
	}
	
	.generalRecipesWrapper .recipeBox{
		float:left;
		margin-right:1.6393442623%;/*10/610*/
		width:49.1803278689%;
		margin-bottom:20px;
	}
	
	.generalRecipesWrapper .recipeBox:nth-child(2n){
		margin-right:0;
	}
}

@media(min-width:835px) and (max-width:1262px){
	.generalRecipesWrapper{
		padding:0 1.19760479042%;/*10/835*/
	}
	
	.generalRecipesWrapper .recipeBox{
		float:left;
		margin-right:1.19760479042%;/*10/835*/
		width:32.5153374233%;/*265/835*/
		margin-bottom:20px;
	}
	
	.generalRecipesWrapper .recipeBox:nth-child(3n){
		margin-right:0;
	}
}

@media(min-width:1263px) and (max-width:1279px){
	.generalRecipesWrapper{
		padding:0 0.791765637371%;/*10/1263*/
	}
	
	.generalRecipesWrapper .recipeBox{
		float:left;
		margin-right:0.791765637371%;/*10/1263*/
		width:24.396621078%;/*303,25/1243*/
		margin-bottom:20px;
	}
	
	.generalRecipesWrapper .recipeBox:nth-child(4n){
		margin-right:0;
	}
}

@media(min-width:1280px){
	.generalRecipesWrapper{
		padding:0 2.08333333333%;/*20/960*/
		margin-top:27px;
	}
	
	.generalRecipesWrapper .recipeBox{
		float:left;
		margin-right:1.04166666667%;/*10/960*/
		width:32.6086956522%;/*300/920*/
		margin-bottom:30px;
	}
	
	.generalRecipesWrapper .recipeBox:nth-child(3n){
		margin-right:0;
	}
}


/*****************************************
RECIPES BOX
******************************************/
.recipeBox .recipeImageContainer{
	position:relative;
}

.recipeBox .recipeImageContainer,
.recipeBox .recipeInfoContainer{
	max-width: 100%;
	margin: 0 auto;
}

.recipeBox .recipeInfoContainer{
	text-align: center;
	border: 1px solid #cbcbcb;
	border-top: 0;
	padding: 15px 0 15px;
}

.recipeBox .recipeImageContainer .recipeFavDelete{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	border: 1px solid #cbcbcb;
	cursor:pointer;
	background: #fafafa;
}

.recipeBox .recipeImageContainer .recipeFavDelete:before{
	content:"\a063";/*ico-x_squared*/
	font-size:15px;
	color:#808080;
	position:absolute;
	top:50%;margin-top:-7.5px;
	left:50%;margin-left:-7.5px;
}

.recipeBox .recipeInfoContainer .recipeInfoContainerTitle{
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 18px;
	color: #a77054;
	margin-bottom: 10px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 4%;
	text-align:center;
}

.recipeBox .recipeInfoContainer .recipeInfoContainerNutritionAttribute{
	margin-bottom: 14px;
	text-align: center;
	height: 24px; min-height: 24px;
}

.recipeBox .recipeInfoContainer .recipeInfoContainerDetails{
	margin-bottom: 20px;
}

.recipeBox .recipeInfoContainer .recipeInfoContainerDetails label{
	display: inline-block;
	margin-right: 8px;
}
.recipeBox .recipeInfoContainer .recipeInfoContainerDetails label:last-child{
	margin-right: 0;
}
.recipeBox .recipeInfoContainer .recipeInfoContainerDetails .numberOfPeople{
	font-family: MuseoSans;
	font-weight: 500;
	font-size: 14px;
	color: #828282;
	background: url('../images/shapes/ico_recipe_person.png') no-repeat 5% 50%;
	padding-left: 20px;
}
.recipeBox .recipeInfoContainer .recipeInfoContainerDetails .time{
	font-family: MuseoSans;
	font-weight: 500;
	font-size: 12px;
	color: #828282;
	background: url('../images/shapes/ico_recipe_time.png') no-repeat 5% 50%;
	padding-left: 20px;
/* 	margin-left: 21px; */
}
.recipeBox .recipeInfoContainer .recipeInfoContainerDetails .difficult{
	font-family: MuseoSans;
	font-weight: 300;
	font-size: 12px;
	color: #828282;
	background: url('../images/shapes/ico_recipe_difficult.png') no-repeat 5% 50%;
	padding-left: 20px;
	text-transform: capitalize;
/* 	margin-left: 15px; */
}

.recipeBox .recipeInfoContainer .ingredients{
	font-family: MuseoSans;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	padding: 8px 33px 8px 10px;
	margin: 0 auto;
	background: #a87055 url('../images/shapes/ico_recipe_arrow_right.png') no-repeat 95% 50%;
	position: relative;
}


@media (min-width:768px){
	.recipeBox .recipeInfoContainer{
		text-align: left;
		padding-left:4.815864%; /* 17/353 */
		padding-right:4.815864%; /* 17/353 */
	}
	
	.recipeBox .recipeInfoContainer .recipeInfoContainerNutritionAttribute{
		text-align: left;
	}
	
	.recipeBox .recipeInfoContainer .recipeInfoContainerTitle{
		padding-left: 0;
		padding-right: 0;
	}
	
	.recipeBox .recipeInfoContainer .recipeInfoContainerDetails label{
		width: auto;
		margin-right: 8px;
	}
	.recipeBox .recipeInfoContainer .recipeInfoContainerDetails label:last-child{
		margin-right: 0;
	}
}

/*****************************************
END RECIPES BOX
******************************************/


/*****************************************
MY RECIPE OVERVIEW
******************************************/

.accountMyRecipesContainer{
	padding: 0;
}

.accountMyRecipesContainer .noFavoriteRecipes{
	width:90%;
	margin:30px auto;
	text-align:center;
	text-transform:uppercase;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
}

/*****************************************
END MY RECIPE OVERVIEW
******************************************/

/*****************************************
RECIPE DETAILS
******************************************/

.recipeDetailContainer .mainHeadline{
	position:relative;
	margin:0;padding:0 20px;
	font-family:MuseoSans;
	font-weight:700;
	font-size:18px;
	color:#333333;
	text-align:center;
	text-transform:uppercase;
	height:58px;line-height:58px;
	background:#fafafa;
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#cccccc;
	cursor:pointer;
}

.recipeDetailContainer .mainHeadline:before{
	content:"\a006";/*ico-arrow_round_down*/
	font-size:13px;
	color:#E0001A;
	position:absolute;
	top:50%;margin-top:-6.5px;
	right:7px;
}

.recipeDetailContainer .recipeImageContainer{
	position:relative;
	display:block;
}

/*recipeFavHeart used for recipeBox and for recipeDetailPage*/
.recipeImageContainer .recipeFavHeart{
	cursor:pointer;
}

.recipeImageContainer .recipeFavHeart:before,
.recipeImageContainer .recipeFavHeart.active:before{
	content:"\a027";/*ico-heart_empty*/
	font-size:24px;
	color:#da252c;
	position:absolute;
	top:19px;right:11px;
}

.recipeImageContainer .recipeFavHeart.active:before{
	content:"\a028";/*ico-heart_full*/
}


.recipeDetailContainer .recipeTitle{
	width:93.75%;/*300/320*/
	margin:0 auto;padding:20px 0;
	font-family:MuseoSans;
	font-weight:700;
	font-size:20px;
	letter-spacing:1px;
	color:#a77054;
	text-align:center;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height:1;
}

/*recipeBasicDetail used for recipeBox and recipeDetailPage*/
.recipeBasicDetail{
	font-family:MuseoSans;
	font-weight:500;
	font-size:18px;
	color:#9e9e9e;
	text-align:center;
	border-bottom:1px solid #cccccc;
	margin:0 -3px;
	width: 90%;
	margin: 0 auto;
}

.recipeBox .recipeBasicDetail{border:0;}

.recipeBasicDetail .outcomeDetail,
.recipeBasicDetail .timeDetail,
.recipeBasicDetail .levelDetail{
	margin-left:2px;margin-right:2px;
}

.recipeBasicDetail .ico-users,
.recipeBasicDetail .ico-hourglass,
.recipeBasicDetail .ico-arrow_level_up{
	font-size:16px;
}

.recipeBasicDetail .timeDetail{
	font-size:15px;
}

.recipeBasicDetail .levelDetail{
	font-weight:300;font-size:15px;margin-left:6px;margin-right:0;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsTitle{
	margin:30px auto;padding:0;
	width:93.75%;/*300/320*/
	font-family:MuseoSans;
	font-weight:700;
	font-size:18px;
	color:#000000;
	line-height:1;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsTitle label{
	font-family:MuseoSans;font-weight:300;font-size:18px;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList{
	margin:0 auto;padding:30px 7.8125%;/*left/right:25/320*/
	width:93.75%;/*300/320*/
	border:1px solid #cccccc;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .ingredientGroupName{
	margin:20px 0;padding:0;
	font-family:MuseoSans;
	font-weight:700;
	font-size:14px;
	color:#000000;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList li:not(.singleIngredient):first-child .ingredientGroupName{
	margin-top:0;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient{
	margin-bottom:10px;
	display:table;
	width:100%;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient .ingredientQtyUnit,
.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient .ingredientDesc{
	font-family:MuseoSans;
	font-weight:300;
	font-size:14px;
	color:#808080;
	display:table-cell;
	vertical-align:middle;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient .ingredientQtyUnit{
	width:28%;/*70/248*/
	width:28.2258064516%;
	max-width:70px;
}

.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient .ingredientDesc{
	width:72%;/*178/248*/
	width:71.7741935484%;
	color:#000000;
}

.recipeDetailContainer .recipeIngredientsContainer .searchAllIngredients{
	padding:22.5px 0;
	width:93.75%;/*300/320*/
	font-family:MuseoSans;
	font-weight:700;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:underline;
	border:0;outline:0;
	background:#d9252b;
	margin:0 auto;
	display:block;
}

.recipeDetailContainer .recipeStepsContainer .recipeStepsTitle,
.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoTitle{
	margin:30px 0;padding:0;
	font-family:MuseoSans;
	font-weight:700;
	font-size:18px;
	color:#000000;
	text-align:center;
}

.recipeDetailContainer .recipeStepsContainer{
	background:#fafafa;
	border-width:1px 0 1px 0;
	border-style:solid;
	border-color:#cccccc;
	margin-top:20px;
}

.recipeDetailContainer .recipeStepsContainer .recipeStepsTitle{
	padding:20px 0;
	margin-top:0;
	border-bottom:1px solid #cccccc;
}

.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc{
	width:90%;/*288/320*/
	margin:0 auto 20px auto;
	display:block;
}

.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partTitle,
.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partDesc{
	margin:0;padding:0;
	font-family:MuseoSans;
	font-weight:700;
	font-size:14px;
	color:#000000;
}

.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partTitle{
	margin:20px 0;
}

.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partDesc{
	font-weight:300;font-size:12px;padding:20px 0 0 0;
}

.recipeDetailContainer .recipeNutritionInfoContainer{
	width:93.75%;/*300/320*/
	margin:0 auto;
}

.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList{
	border-top:1px solid #cccccc;
	background:#fafafa;
	margin-bottom:40px;
}

.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList li{
	height:40px;line-height:40px;
	border-bottom:1px solid #cccccc;
}

.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoKey,
.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoValue{
	display:block;
	float:left;
	width:59%;/*177/300*/
	padding-left:7.33333333333%;/*22/300*/
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#000000;
}

.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoValue{
	width:41%;/*123/300*/
	border-left:1px solid #cccccc;
	text-align:center;
	padding-left:0;
	font-weight:300;
}

.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoValue.strong{
	font-weight:700;
}

.recipeOverviewFromRecipe{
	display:block;
	height:60px;line-height:60px;
	background:#fafafa;
	font-family:MuseoSans;
	font-weight:700;
	font-size:12px;
	color:#333;
	text-align:center;
	text-transform:uppercase;
	text-decoration:underline;
}

@media(min-width:768px){
	
	.recipeDetailContainer .mainHeadline{
		font-size:20px;
	}
	
	.recipeDetailContainer .mainHeadline::before{
		right:31px;
	}
	
	.recipeDetailContainer .recipeTitle{
		font-size:22px;
		padding-bottom:15px;
	}
	
	.recipeDetailContainer .recipeDetailInfoContainer{
		display:table;
		width:100%;
	}
	
	.recipeDetailContainer .recipeImageWrapper,
	.recipeDetailContainer .recipeDetailInfo{
		display:table-cell;
		width:50%;
		vertical-align:middle;
		border-bottom:1px solid #cccccc;
	}
	
	.recipeDetailContainer .recipeImageContainer{
		max-width:479.5px;
	}
	
	.recipeBasicDetail{
		border-bottom:0;
	}

	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsTitle,
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsTitle label{
		font-size:22px;
	}

	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList{
		margin:0 auto;padding:30px 5.20833333333%;/*left/right:40/768*/
		width:96.875%;/*744/768*/
		border:1px solid #cccccc;
	}

	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient{
		display:table;
		float:left;
		width:50%;
	}
	
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient .ingredientQtyUnit{
		width:28.2258064516%;
		width:20%;
	}
	
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList .singleIngredient .ingredientDesc{
		width:80%;
	}
	
	.recipeDetailContainer .recipeIngredientsContainer .searchAllIngredients{
		width:96.875%;/*744/768*/
	}
	
	.recipeDetailContainer .recipeStepsContainer .recipeStepsTitle{
		text-align:left;
		margin-left:auto;margin-right:auto;
		font-size:22px;
		padding-left:6.66884114583%;
	}
	
	.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc{
		width:96.875%;/*744/768*/
		padding-left:5.10752688172%;
	}
	
	.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partTitle,
	.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partDesc{
		font-size:14px;
	}
	
	.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partDesc{
		padding-left:60px;
	}
	
	.recipeDetailContainer .recipeNutritionInfoContainer{
		width:96.875%;/*744/768*/
	}
	
	.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoTitle{
		text-align:left;
		font-size:22px;
		text-indent:5.10752688172%;/*38/744*/
	}
	
	.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoKey,
	.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoValue{
		width:71.6397849462%;/*533/744*/
		font-size:16px;
		padding-left:5.10752688172%;/*38/744*/
	}
	.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoValue{
		width:28.3602150538%;/*211/744*/
		padding-left:0;
	}
}

@media(min-width:1280px){
	.recipeDetailContainer .mainHeadline{
		display:none;
	}
	
	.recipeDetailContainer .recipeIngredientsContainer{
		width:91.7622523462%/*880/959*/;
		margin:0 auto;
	}
	
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsTitle, 
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsTitle label{
		font-size:26px;
	}
	
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList{
		border:0;
		border-top:1px solid #cccccc;
		padding:30px 12%;
	}
	
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsTitle,
	.recipeDetailContainer .recipeIngredientsContainer .recipeIngredientsList,
	.recipeDetailContainer .recipeIngredientsContainer .searchAllIngredients{
		width:100%;
	}
	
	.recipeDetailContainer .recipeStepsContainer .recipeStepsTitle{
		padding-left:0;
		font-size:26px;
	}
	
	.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc{
		width:100%;
		padding-left:3%;
	}
	
	.recipeDetailContainer .recipeStepsContainer .recipeStepsDesc .partDesc{
		padding-top:0;
		position:relative;
	}
	
	.recipeDetailContainer .recipeStepsContainer,
	.recipeDetailContainer .recipeNutritionInfoContainer{
		width:91.7622523462%/*880/959*/;
		background:#ffffff;
		margin-left:auto;margin-right:auto;
		border-top:0;
	}
	
	.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoTitle{
		font-size:26px;
		text-indent:0;
	}
	
	.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoKey{
		width:73.0681818182%;/*643/880*/
		padding-left:3.108%
	}
	
	.recipeDetailContainer .recipeNutritionInfoContainer .recipeNutritionInfoList .recipeNutritionInfoValue{
		width:26.9318181818%;/*237/880*/
	}
	
}	

/*****************************************
END RECIPE DETAILS
******************************************/