/*.recept .csc-header h1,*/
/*.recept .rightcol h4,*/
/*.recept .leftcol h4,*/
/*.recept .tx-vealrecipes-buttons a {*/
/*    font-size: 26px;*/
/*    color: #fff;*/
/*    text-transform: uppercase;*/
/*    line-height: 55px;*/
/*    display: inline !important;*/
/*    background-color: #ccdc2b;*/
/*    border: 5px solid #ccdc2b;*/
/*    text-shadow: 5px 8px 10px rgba(0,0,0,0.3);*/
/*}*/
/*.recept .rightcol h4,*/
/*.recept .leftcol h4 {*/
/*    text-transform: none;*/
/*    font-size: 20px;*/
/*    line-height: 185%;*/
/*    text-shadow: 3px 5px 6px rgba(0,0,0,0.3);*/
/*}*/
/*.recept .tx-vealrecipes-buttons a {*/
/*    font-size: 12px;*/
/*    font-weight: bold;*/
/*    line-height: 105%;*/
/*    padding: 5px 10px;*/
/*    display: inline-block !important;*/
/*    text-decoration: none;*/
/*    margin: 0 10px 15px 0;*/
/*}*/
/*.recept .tx-vealrecipes-buttons a:last-child {*/
/*    background-color: #ccc;*/
/*    border-color: #ccc;*/
/*}*/
/*.recept .width25.rightcol {*/
/*    width: 23%;*/
/*    float: right;*/
/*}*/
/*.recept .image_container {*/
/*    float: left;*/
/*    width: 100%;*/
/*    background: #fff;*/
/*    box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);*/
/*    margin-bottom: 25px;*/
/*}*/
/*.recept .image_container .news-single-img {*/
/*    float: left;*/
/*    width: 67%;*/
/*}*/
/*.recept .image_container .recipe_properties {*/
/*    float: left;*/
/*    width: 33%;*/
/*    padding: 15px 5px 0 20px;*/
/*    box-sizing: border-box;*/
/*}*/

.recipe_properties * {
    font-size: 18px;
}
.recipe_properties .cell {
    float: left;
    width: 100%;
    padding: 5px 0;
}
.recipe_properties .cell::before {
    content: '';
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    background: url('../Images/bg_recipe_sprite.png') center 0 no-repeat;
}
.recipe_properties .cell#recipe-info-recipeYield::before {
    background-position: center 0;
}
.recipe_properties .cell#recipe-info-niceTime::before {
    background-position: center -50px;
}
.recipe_properties .cell#recipe-info-mainProduct::before {
    background-position: center -100px;
}
.recipe_properties .cell#recipe-info-difficulty::before {
    background-position: center -150px;
}
.recipe_properties .cell#recipe-info-cookingMethod::before {
    background-position: center -300px;
}
.recipe_properties .cell#recipe-info-calories::before {
    background-position: center -200px;
}
.recipe_properties .cell#recipe-info-source::before {
    background-position: center -250px;
}
.recipe_properties .cell label,
.recipe_properties .cell .value {
    float: left;
    width: calc(100% - 40px);
}
.recipe_properties .cell label {
    font-weight: 600;
}
.tx-vealrecipes-ingredientslist {
    list-style: none;
    padding-left: 0;
}
.tx-vealrecipes-ingredientslist li {
    margin-bottom: 5px;
}
.tx-vealrecipes-ingredientslist li label {
    position: relative;
    display: block;
    padding-left: 25px;
}
.tx-vealrecipes-ingredientslist li label input[type=checkbox] {
    position:  absolute;
    top: 1px;
    left: 0;
}

.tx-vealrecipes-buttons {
    margin-top: 30px;
}
.tx-vealrecipes-buttons .button {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0 15px 15px 0;
    background: #fff;
    transition: all ease 0.4s;
}
.tx-vealrecipes-buttons .button:hover {
    color: #fff;
    background: #020203;
}

/* LIST */

/* pagination */

ul.f3-widget-paginator,
ul.recipes.pagination {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 15px 0;
    padding: 0 15px;
}
@media all and (max-width: 575px) {
    ul.f3-widget-paginator {
        padding: 0;
    }
}
ul.f3-widget-paginator li {
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: 0;
    height: 24px;
}
ul.f3-widget-paginator li a,
ul.f3-widget-paginator li.current {
    display: inline-block;
    height: 26px;
    line-height: 22px;
    min-width: 26px;
    font-size: 1.6rem;
    text-align: center;
    margin: 0;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color ease 0.4s;
    background: #fff;
}
ul.f3-widget-paginator li.current {
    margin: 0 5px 0 0;
    background: #ccc;
}
ul.f3-widget-paginator li a:hover {
    color: #fff !important;
    background: #666;
}
ul.f3-widget-paginator li.next a,
ul.f3-widget-paginator li.previous a {
    position: relative;
    width: 25px;
    text-indent: -999px;
    overflow: hidden;
}
ul.f3-widget-paginator li.next a:after,
ul.f3-widget-paginator li.previous a:after {
    content: '<';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 25px;
    text-indent: 0;
}
ul.f3-widget-paginator li.next a:after {
    content: '>';
}
ul.f3-widget-paginator li.next a {
    background-position: 10px 3px;
}



/*
 * Recipe list pagination, TYPO3 13.4.
 * EXT:recipes now renders nav.pagination-wrap > ul.pagination > li.pagination-item
 * (current page: li.current > span, prev/next: li.pagination-item-previous/-next).
 * EXT:recipes' Recipes.css still only styles the 10.4 markup (ul.f3-widget-paginator),
 * so these rules give the new markup the look the 10.4 site has.
 */
.pagination-wrap ul.pagination {
    display: inline-block;
    width: 100%;
    list-style: none;
    margin: 15px 0;
    padding: 0 15px;
}
.pagination-wrap ul.pagination li.pagination-item {
    display: inline-block;
    list-style-type: none;
    min-width: 20px;
    vertical-align: top;
    text-align: center;
    margin: 0 5px 10px 0;
    padding: 0;
    border: none;
}
.pagination-wrap ul.pagination li.pagination-item a,
.pagination-wrap ul.pagination li.pagination-item.current span {
    display: inline-block;
    min-width: 26px;
    height: 26px;
    line-height: 20px;
    font-size: 15px;
    text-align: center;
    margin: 0;
    padding: 2px 5px 2px 5px;
    border: 1px solid #ccc;
    text-decoration: none;
    box-sizing: border-box;
    transition: background-color ease 0.4s;
}
.pagination-wrap ul.pagination li.pagination-item.current span {
    background: #ebebeb;
}
.pagination-wrap ul.pagination li.pagination-item a:hover {
    color: #fff;
    background: #666;
}
/* previous / next as < and > */
.pagination-wrap ul.pagination li.pagination-item-previous a,
.pagination-wrap ul.pagination li.pagination-item-next a {
    position: relative;
    text-indent: -999px;
    overflow: hidden;
}
.pagination-wrap ul.pagination li.pagination-item-previous a:after,
.pagination-wrap ul.pagination li.pagination-item-next a:after {
    position: absolute;
    content: '>';
    display: inline-block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 25px;
    text-indent: 0;
}
.pagination-wrap ul.pagination li.pagination-item-previous a:after {
    content: '<';
}
/* home page: blue buttons (main.css styles the 10.4 markup the same way) */
body.home .pagination-wrap ul.pagination li.pagination-item a {
    color: #fff;
    background: #005998;
}
body.home .pagination-wrap ul.pagination li.pagination-item:hover a {
    background: #F30043;
}
body.home .pagination-wrap ul.pagination li.pagination-item.current span {
    background: #005998;
    border-color: rgba(255, 255, 255, 0.25);
}