/* Stylesheet Plugin */

.ccfnam-catlist{
    width:100%;
    float:left;
    padding-bottom:20px;
    margin-bottom:20px;
    border-bottom:1px solid #092743;
}

.ccfnam-catlist-element{
    float:left;
    border:solid 1px #092743;
    border-radius: 3px;
    padding: 10px;
    min-width:120px;
    text-align: center;
    color: #092743;
    background-color:#fff;
    margin-right:20px;
    margin-top:20px;
    cursor: pointer;
    -ms-user-select: None;
    -moz-user-select: None;
    -webkit-user-select: None;
}

.ccfnam-filter-active{
    background-color:#092743;
    color:#fff;
}

.ccfnam-catlist-element:hover{
    /*background-color: #878585;
    color: #092743;*/
    background-color:#092743;
    color:#fff;
}

.ccfnam-list{
    width:100%;
    float:left;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ccfnam-post{
    width:calc(33.33% - 40px);
    float:left;
    background-color:#fff;
    border: none;
    margin-right:40px;
    margin-bottom:40px;
}

.ccfnam-image{
    width:100%;
    float:left;
    min-height:200px;
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}

.ccfnam-titel{
    width:100%;
    float:left;
    padding-left:20px;
    padding-right:20px;
    margin-top:20px;
}

.ccfnam-excerpt{
    width:100%;
    float:left;
    /*font-size:16px;*/
    /*line-height:22px;*/
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
}

@media (max-width:1280px){
    .ccfnam-post{
        width:calc(50% - 40px);
        float:left;
        background-color:#fff;
        border: none;
        margin-right:40px;
        margin-bottom:40px;
    }
}

@media (max-width:620px){
    .ccfnam-post{
        width:100%;
        float:left;
        background-color:#fff;
        border: none;
        margin-right:0px;
        margin-bottom:40px;
    }
}