Foren Ansicht in Kacheloptik

@include screen-md-up {
    
    #tpl_wbb_boardList {
        
        .wbbBoardList .tabularBox {
            overflow: initial;
        }

        .wbbBoardList .wbbBoardContainer {
            border-bottom: 0;
        }

        .wbbBoardList > li > ul {
            display: flex;
            flex-wrap: wrap;
            margin: 5px -5px;
            > li {
                width: 33.33%;
                padding: 5px;
            }
        }

        .wbbBoardList > li > ul > li > div {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            width: 100%;
        }

        .wbbBoardList .wbbBoard {
            align-items: flex-start;
            background-color: $wcfSidebarBackground;
            border-radius: 5px;
            padding: 20px 20px 70px 20px;
            height: 100%;
            position: relative;
        }

        .wbbBoardDescription {
            margin-top: 5px;
        }
        
        .wbbBoardList .wbbBoard > .icon {
            width: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard > .icon {
            margin-left: 0;
            margin-right: 0;
            height: 65px;
            width: 65px;
            border-radius: 65px;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: darken($wcfSidebarBackground,7%);
        }

        .wbbBoardList .wbbBoardMain {
            margin: 0;
            flex-basis: calc(100% - 75px);
            max-width: calc(100% - 75px);
            margin-bottom: 20px;
            min-height: 65px;
            margin-left: 10px;
        }

        .wbbBoardList .wbbLastPost {
            flex-basis: calc(100% - 35px);
            max-width: calc(100% - 35px);
            padding-right: 0;
            margin-bottom: 20px;
        }
        
        .wbbBoardList .wbbStats + .wbbLastPost {
            margin-left: 34px;
        }

        .wbbBoardList .wbbLastPost > .box32 > div > p {
            white-space: initial;
        }
        
        .wbbBoardList .wbbStats {
            flex: 0 0 100%;
            margin-right: 0;
            order: 4;
            position: absolute;
            padding-top: 20px;
            bottom: 7px;
            left: 20px;
            right: 20px;
        }

        .wbbStats::before {
            content: "";
            height: 2px;
            width: 70px;
            position: absolute;
            top: 0;
            background-color: $wcfContentLink;
        }

        .wbbBoardList .wbbStats > dl {
            visibility: visible;
            display: inline-block;
        }

        .wbbBoardList .wbbStats .statsDataList:first-child {
            margin-right: 5px;
        }

        .wbbBoardList .wbbStats dl.statsDataList > dt {
            margin-left: 0;
        }

        .wbbBoardList .wbbStats dl.statsDataList > dd {
            width: 100%;
            text-align: center;
            font-weight: 700;
        }

        .messageGroupListStatsSimple {
            display: none;
        }

    }

}