/*-------rezepte.html---------*/



.mobile-view {
    display: none;
}

.circle-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.circle-icon span {
    display: inline-block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: 13px;
    float: left;
}

.korotte-blog {
    display: inline-block;
    width: 100%;
    padding: 25px 0;
    float: left;
}

.korotte-blog h6 {
    font-size: 20px;
    margin-bottom: 16px;
    position: relative;
    text-transform: uppercase;
}

.korotte-blog h6 p {
    text-transform: capitalize;
    font-size: 18px;
    padding-right: 3px;
}

.circle-icon1 {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

.circle-icon1 span {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 13px;
    float: left;
}

.korotte-blog h6 span {
    position: relative;
    width: 10px;
    height: 10px;
    background: #9cc536;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.hr3 {
    display: none;
    margin: 25px 0;
    border: none;
    border-top: 1px solid #5c5c5c;
}

.korotte-slider-outer {
    display: inline-block;
    width: 100%;
    position: relative;
    float: left;
    padding: 25px 37px 30px;
    background: #F4F8E7;
    text-align: center;
    margin-bottom: 30px;
}

.korotte-slider-outer h2 {
    text-align: center;
    margin-bottom: 20px;
}

.korotte-slider {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-top: 0px;
}

.korotte-slider-outer h5 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 22.5px;
}

.korotte-slider-outer-img {
    display: block;
    text-align: center;
}






/*-----------rezepte-uberschit.html--------*/

.filter {
    /*margin-top: 41px;*/
}

.filter-blog {
    position: relative;
    display: block;
    width: 100%;
}

.filter-blog p {
    text-transform: uppercase;
}

.filter-blog label {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
}

.filter-blog label .check-box {
    margin-right: 8px;
    width: 15px;
    height: 15px;
    background: #fff;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 2px;
}

.filter-blog label .checkmark {
    position: absolute;
    top: 2px;
    transform: translateY(0%);
    left: 0px;
    height: 15px;
    width: 15px;
    background-color: #fff;
}

.portfolioContainer {
    width: 100%;
    display: block;
    position: relative;
}

.portfolio-img {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.portfolio-img img {
    width: 100%;
}
.portfolio-img:hover img {
}

.circle-icon2 {
    position: absolute;
    right: 5px;
    top: 5px;
}

.circle-icon2 span {
    width: 29px;
    height: 29px;
    background: #9cc536;
    border-radius: 50%;
    margin-left: 7px;
    display: inline-block;
    float: left;
}







/*---------27-10-2018 css--------*/

.rezepte-info {
    position: relative;
    display: inline-block;
    width: 100%;
}

.rezepte-info h6 {
    text-transform: uppercase;
}

.rezepte-row {
    width: 100%;
    display: inline-block;
    position: relative;
    padding-bottom: 30px;
    float: left;
}

.rezepte-img {
    width: 100%;
    display: inline-block;
    position: relative;
    border: 1px solid rgba(89, 89, 89, 0.471);
    float: left;
}

.rezepte-input {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}

.rezepte-img img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
}

.rezepte-row label {
    color: #5c5c5c;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}

.rezepte-row input,
.rezepte-row textarea {
    width: 100%;
    display: inline-block;
    position: relative;
    /*border: 1px solid rgba(89, 89, 89, 0.471);*/
    padding: 10px 15px;
    margin-bottom: 30px;
    outline: none;
    box-shadow: none;
    background: no-repeat;
    float: left;
}

.rezepte-row textarea {
    height: 200px;
    margin-bottom: 0;
    resize: none;
}

.rezepte-row .quantity {
    width: 84px;
    display: inline-block;
    position: relative;
}

.rezepte-row .quantity input.qty {
    /*width: 84px;*/
    /*border: 1px solid #595959;*/
    /*padding: 15px 35px 15px 5px;*/
    background: #fff;
    color: #5c5c5c;
    /*font-size: 24px;*/
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
}

.btn-outer {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
}

.rezepte-tab {
    position: relative;
    display: inline-block;
    width: 100%;
    float: left;
}

.rezepte-tab ul {
    width: 100%;
    display: inline-block;
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    border: 1px solid #5c5c5c;
}

.rezepte-tab ul li {
    background: #f0f0f0;
    width: 50%;
    position: relative;
    display: inline-block;
    float: left;
    margin: 0;
    text-align: center;
    border-left: 1px solid #5c5c5c;
}

.rezepte-tab ul li:first-child {
    border-left: none;
}

.rezepte-tab ul li a {
    color: #5c5c5c;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 15px;
    display: block;
}

.rezepte-tab ul li.selected {
    background: #fff;
}

.rezepte-tab-info {
    width: 100%;
    display: none;
    position: relative;
    float: left;
}



#MEINEREZEPTE {
    display: block;
}

.rezepte-shorting {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #5c5c5c;
    padding: 15px 0;
    float: left;
}

.rezepte-shorting-button {
    display: inline-block;
    position: relative;
    float: left;
    padding: 0 50px 0 0px;
}

.rezepte-shorting .rezepte-shorting-button:first-child {
    padding-left: 20px;
}

.rezepte-shorting-button p {
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
}

.rezepte-shorting-button a.sort-submit,
.rezepte-shorting-button a.favorite-sort-submit {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 30px;
    color: #fff;
    cursor: pointer;
    outline: none;
    background: no-repeat;
    border: none;
    text-align: left;
}

.rezepte-shorting-button-icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.rezepte-shorting-button-icon span {
    display: block;
    text-align: center;
    width: 15px;
    height: 15px;
    position: relative;
}

.rezepte-shorting-button-icon span img {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.rezepte-list {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 23px 0;
    border-bottom: 1px solid rgb(209, 209, 209);
    float: left;
}

.rezepte-list-left {
    position: relative;
    display: inline-block;
    float: left;
    max-width: 60%;
}

.rezepte-list h6 {
    min-height: 100px;
    margin-bottom: 0;
    color: #9cc536;
}

.rezepte-list .blog-btn {
    display: inline-block;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1;
    position: relative;
    vertical-align: middle;
}

.rezepte-list .blog-btn .eye-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.rezepte-list .edit-link {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: none;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin: 0 5px;
}

.rezepte-list .edit-link img {
    width: auto;
    height: auto;
}

.rezepte-list .delete-link {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: none;
    vertical-align: middle;
}

.del-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff;
}

.rezepte-list-right {
    position: relative;
    display: inline-block;
    float: right;
    max-width: 40%;
    padding-left: 30px;
    min-height: 47px;
}

.rezepte-list-img {
    display: inline-block;
    position: relative;
}

.rezepte-list-img-inner {
    max-width: 100%;
    max-height: 128px;
}

.rezepte-status {
    position: absolute;
    left: 0;
    bottom: 0;
}

.rezepte-status-icon {
    display: block;
    background-color: #ccc;
    border-radius: 100%;
    width: 13px;
    height: 13px;
    margin-bottom: 4px;
}

.rezepte-status-icon.active {
    background: #9cc536;
}


.edDen, .edWeight, .edCal{
    text-align:right;
}


.vb-embed .vb-content-icon img{
    position:absolute;
    top:5px;
    right:5px;
    /*bottom:0;*/
    /*left:0;*/
    max-width:40px;
    max-height:40px;
    /*margin:auto;*/
    /*opacity:.6;*/
}

.vb-embed{
    position:relative;
    display:inline-block;
    margin-bottom:20px;
}
.vb-embed img{
    max-width:100%;
}