/*Loop*/
main article.has-post-thumbnail:not(.video.type-video):hover .loop-wrapper .thumbnail{
    transform:scale(1);
}
.loop-wrapper{
    background: var(--middleBlue);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.loop article .loop-wrapper{
    justify-content: space-between;
    background: var(--darkBlue);
    }
    .loop article{
        transition: none;
    }
    .loop-wrapper .loop-meta-info{
        display: flex;
        justify-content: space-between;
        margin-bottom: var(--abstandUntenPostContent);
        padding:30px var(--abstandSeitenLoop) 0;
        }
        .post-tags a{
            color:white;
            font-size: var(--paragraph);
            text-transform: lowercase;
        }
        .category-design .post-tags a{
            color: var(--neonGreen);
        }
        .category-architektur .post-tags a:hover{
            color: white;
        }


        .post-kategorie{
            display: none;
            }
            /*
            .post-kategorie a{
                border-radius: 50%;
                border: 2px solid var(--turkies);
                width: 45px;
                height: 45px;
                display: flex;
                justify-content: center;
                align-items: center;
                }
                .post-kategorie a span{
                    color:var(--turkies);
                    font-family: 'Montserrat Bold';
                    font-size: 27px;
                    margin-top: -2px;
                    }
            .post-kategorie a.design{
                border-radius: 50%;
                border: 2px solid var(--neonGreen);
                }
                .post-kategorie a.design span{
                    color:var(--neonGreen);
                    }
                    */

        .loop-wrapper .loop-main-link{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            }
            .loop-wrapper .loop-title{
                padding:0;
                background-color: transparent;
                font-size: var(--headline-4);
                line-height: 150%;
                font-family:var(--fontFamilyHeader);
                justify-content: flex-start;
                padding:0 var(--abstandSeitenLoop) 30px;
                text-align: left;
            }
            .loop-wrapper .thumbnail-wrap{
                overflow: hidden;
            }
    
            .loop-main-link:hover ~ .thumbnail-wrap > .thumbnail-scaler{
                transform: scale(1.5);

            }

/*Loop mit Filter*/
.mb-filtermanager-wrapper .filter-wrap .mb-filtermanager-category-wrapper > div:first-child{
    min-width: 160px
}
.home .mbgi-block-post-loop,
.mb-filtermanager-wrapper.loop-wrap{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    transition: none;
    }
    /* .home .mbgi-block-post-loop article,
    .mb-filtermanager-wrapper .loop-wrap article{
        width: calc(50% - 15px);
        display: flex;
        flex-direction: column;
    } */

/*Award-Ribbon Loops*/
.winnerwinnerchickendinner-ribbon {
    position: absolute;
    top:-6px;
    right:-6px;
    width: 125px;
    height: 105px;
    background: #8AC911;
    }
    .category-architektur .winnerwinnerchickendinner-ribbon {
        background: white;
    }
    .winnerwinnerchickendinner-ribbon .ribbon-flaeche{
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        z-index: 1;
        position: absolute;
        border-style: solid;
        border-width: 0 125px 105px 0;
        border-color: transparent var(--neonGreen) transparent transparent;
    }
    .category-architektur .winnerwinnerchickendinner-ribbon .ribbon-flaeche{
        border-color: transparent white transparent transparent;
    }
    .winnerwinnerchickendinner-ribbon i{
        z-index: 2;
        color:var(--darkBlue);
        font-size: 28px;
        top: 15px;
        right: 25px;
        position: absolute;
    }
    


/*Loop Person*/
.mbgi-block-post-loop.person{
    display: flex;
    transition: none;
    }
    .loop.person article{
        box-shadow: none;
        }
        .loop.person article .loop-wrapper{
            background: none;
            text-align: left;
            padding-bottom: 30px;
            justify-content: flex-start;
            }
            .loop.person article .loop-wrapper *{
                transition: all 1s ease;
            }
            .loop.person article .loop-wrapper input{
                left: 15px;
                top: -4px;
                z-index: 0;
                -webkit-appearance: none;
                display: none;
            }
            .loop.person article .loop-wrapper label{
                position: absolute;
                z-index: 1;
                right: 0;
                cursor: pointer;
                text-align: center;
                }
                .loop.person article .loop-wrapper label:before{
                    width: 60px;
                    height: 60px;
                    background-color: var(--neonGreen);
                    display: block;
                    content: "\F64D";
                    font-family: var(--fontBootstrap);
                    color:var(--darkBlue);
                    font-size: 30px;
                    line-height: 60px;
                    }
                .loop.person article .loop-wrapper label.checked:before{
                    content: "\F63B";
                }
            
            /*Portrait*/
            .loop.person article .loop-wrapper .loop-portrait{
                margin-bottom: 40px;
                width: 574px;
                height: 540px;
            }
            .loop.person article .loop-wrapper .checked ~ .loop-portrait{
                height:0;
                margin-bottom: 0px;
            }
            .loop.person article .loop-wrapper .checked ~ .loop-portrait img{
                opacity: 0;
            }
            /*FIX Architekten ohne Animation (Grid Breite)*/
            .loop.person article.pers_gruppe-architektur .loop-wrapper .loop-portrait{
                width: unset;
                height: unset;
            }
            .loop.person article.pers_gruppe-architektur .loop-wrapper .loop-portrait > img{
                width: 100%;
                height: auto;
            }

            /*Texte*/
            .loop.person article .loop-wrapper .loop-title{
                margin:0;
                padding:0 0 25px;
            }    
            .loop.person article .loop-wrapper a.person-tel{
                color:var(--brigthGrey);
                padding-bottom:20px;
                margin-top:5px;
            }
            .loop.person article .loop-wrapper .person-mail{
                margin-top: 20px;
                }
                .loop.person article .loop-wrapper .person-mail a{
                    color:var(--darkBlue);
                    background: var(--neonGreen);
                    padding:15px 20px;
                    border-radius: 5px;
                }
                
            .loop.person article .loop-wrapper .loop-content{
                margin-top:80px;
                height:0;
                overflow: hidden;
                opacity: 0;
            }
            .loop.person article .loop-wrapper .checked ~ .loop-content{
                height:100%;
                opacity: 1;
            }

            .design-und-komminikation .mbgi-block-post-loop.person{
                max-height:862px
            }
            
            /*Architekten-Team*/
            .architektur .mbgi-block-post-loop.person{
                display: grid;
                grid-template-columns: 1fr 1fr;
                }    
                .architektur .loop.person article .loop-wrapper label{
                    display:none
                }
                .architektur .loop.person article .loop-wrapper .person-mail a{
                    background: var(--turkies);
                }
                .architektur .winnerwinnerchickendinner-ribbon .ribbon-flaeche{
                    border-color: transparent var(--turkies) transparent transparent;
                }