/*Agenda Wrapper*/
#search  {
  font-size: 12px;
  height: 24px;
}

.wbox-recipe-block .ccm-block-page-list-page-entry-grid-item {
    height: 180px;
}

@media (min-width:769px) and (max-width:1460px) {
 .wbox-recipe-block .ccm-block-page-list-page-entry-grid-item {
    height: 148px;
    }
    .ccm-block-page-list-page-entry-grid-item h2 {
        margin-top: 7px !important;
        font-size: 1em;
    }    
}

@media (max-width:768px){
 .wbox-recipe-block .ccm-block-page-list-page-entry-grid-item {
    height: auto;
    }
   
}


.wbox-recipe-block-titel {

}

.wbox-recipe-group {
    color:#2682FF;
    margin-top:25px;
}

.wbox-recipe-group h2{
    margin-top:0px;
}

.wbox-recipe-group a, .wbox-recipe-group a:visited {
    color:#2682FF;
}

.wbox-recipe-group a:hover {
    color:#005cd8 !important;
}

.wbox-recipe-single {
    margin-top:8px;
    margin-bottom:10px;
}

.wbox-recipe-single a, .wbox-recipe-single a:visited {
}

.wbox-recipe-single a:hover{

}

.js-box-title {
    padding:5px 10px;
    cursor: pointer;
    position: relative;
    background-color: #ebebeb;
}

.js-box-title:hover {
    background-color:#b4901f;
    background-image: -webkit-linear-gradient(219deg, #b4901f 0%, #b4901f 19%, #dfc675 70%, #f7e4a5 100%);
    background-image: linear-gradient(231deg, #b4901f 0%, #b4901f 19%, #dfc675 70%, #f7e4a5 100%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.js-box-title:before {
    content: "\f055";
    font-family: 'Font Awesome 5 Free';
    font-size: 20px;
    color: #b4901f;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.js-box-title:hover:before {
    color: #222;
}

.js-box-title.active {
    background-color:#b4901f;
    background-image: -webkit-linear-gradient(219deg, #b4901f 0%, #b4901f 19%, #dfc675 70%, #f7e4a5 100%);
    background-image: linear-gradient(231deg, #b4901f 0%, #b4901f 19%, #dfc675 70%, #f7e4a5 100%);
}

.js-box-title.active:hover {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.js-box-title.active:before {
    content: "\f056";
    font-family: 'Font Awesome 5 Free';
    color: #222;
}

.wbox-recipe-single-titel, a.wbox-recipe-single-titel {
    color:#2682FF;
    font-weight: 700;
    display:block;
}

body .js-box-title:hover .wbox-recipe-single-titel { color: #222222 !important;}


.js-box-content {
    padding:5px 10px;
    background-color:#f1f1f1;
}

.wbox-recipe-description { margin: 0; padding: 0;   }
.wbox-recipe-description p {
    padding-top:6px;
    margin-left: 0px !important;
}

.wbox-recipe-link {

}

.wbox-recipe-link::before {
    content: "\f08e";
    padding-right: 5px;
    font-family: 'Font Awesome 5 Free';
}

.wbox-recipe-pdf {

}

.wbox-recipe-pdf::before {
    content: "\f1c1";
    padding-right: 5px;
    font-family: 'Font Awesome 5 Free';
}

.wbox-recipe-date {
    color:#ffffff;
}


.wbox-recipe-categorie {
    font-size:12px;
    padding-top: 5px;
    color: #999;
}

.wbox-recipe-categorie::before {
    content: 'Kategorie: ';
}
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a {
    position: relative;
    display: table;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 2;
}

div.ccm-block-page-list-page-entry-grid-thumbnail a:hover
div.ccm-block-page-list-page-entry-grid-thumbnail-hover {
    opacity: 1;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title {
    display: table-cell;
    width: 100%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}

div.ccm-block-page-list-page-entry-grid-thumbnail-title i {
    display: none;
}


.thumbnail-wrap {
    height: auto;
    overflow: hidden;
    }
.thumbnail-grey>a { background: #eee; display: block; width: 100%; }

@media (max-width:640px) {height:135px;}
@media (min-width:640px) {height:100px;}
@media (min-width:1460px) {max-height:235px;}
.thumbnail-wrap img {width:100%;}

.ccm-block-page-list-page-entry-grid-item {
    margin-bottom: 15px;
    }

.ccm-block-page-list-page-entry-grid-item h2 {
    margin-top:12px;
    }

.ccm-block-page-list-page-entry-grid-item h2 a:hover {
    text-decoration: none;
    }

.ccm-block-page-list-page-entry-grid-item h2 a {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    }

.ccm-block-page-list-page-entry-grid-item h2 a:after {
    font-family: 'Font Awesome 5 Free';
    font-size: 0.9em;
    display: inline-block;
    content: '\f054';
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    }

@-moz-document url-prefix() {
  .wbox-content-wrap img {
     width: 100%;
  }
}