body.page-referenzen 
{
    .photo-referenzen-big {
        display: block;            
    }
    .photo-referenzen-middle {
        display: none;            
    }    
    .photo-referenzen-small {
        display: none;            
    }

    .fl-row:not(.row-mtv) .fl-col-content.ot-paneel.referenzen-panel, 
    .fl-row:not(.row-mtv) .fl-col.ot-paneel.referenzen-panel > .fl-col-content {
        padding-top: 20px !important;
        padding-bottom: 40px !important;

        margin-bottom: 20px !important;
    }   

    .fl-page-content .referenzen-panel .fl-module-rich-text .fl-rich-text > p:first-child {
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

}
@media (min-width: 1050px) {

    body.page-referenzen 
    {
        .fl-row:not(.row-mtv) .fl-col-content.ot-paneel.referenzen-panel, 
        .fl-row:not(.row-mtv) .fl-col.ot-paneel.referenzen-panel > .fl-col-content {

            padding-left: 120px !important;
            padding-right: 120px !important;
        }

    }
}
@media (min-width: 920px) {

    body.page-referenzen 
    {
        .fl-row:not(.row-mtv) .fl-col-content.ot-paneel.referenzen-panel, 
        .fl-row:not(.row-mtv) .fl-col.ot-paneel.referenzen-panel > .fl-col-content {

            padding-left: 80px !important;
            padding-right: 80px !important;
        }
    }
}
@media (min-width: 855px) {

    body.page-referenzen 
    {
        .fl-row:not(.row-mtv) .fl-col-content.ot-paneel.referenzen-panel, 
        .fl-row:not(.row-mtv) .fl-col.ot-paneel.referenzen-panel > .fl-col-content {

            padding-left: 40px !important;
            padding-right: 40px !important;
        }
    }
}
@media (max-width: 855px) {

    body.page-referenzen 
    {
        .fl-row:not(.row-mtv) .fl-col-content.ot-paneel.referenzen-panel, 
        .fl-row:not(.row-mtv) .fl-col.ot-paneel.referenzen-panel > .fl-col-content {

            padding-left: 0px !important;
            padding-right: 0px !important;
        }

    }
}


@media (max-width: 587px) {

    body.page-referenzen 
    {
        .photo-referenzen-big {
            display: none;            
        }
        .photo-referenzen-middle {
            display: block;  
        }
        .photo-referenzen-small {
            display: none;  
        }
    }
}
@media (max-width: 420px) {

    body.page-referenzen 
    {
        .photo-referenzen-big {
            display: none;            
        }
        .photo-referenzen-middle {
            display: none;  
        }
        .photo-referenzen-small {
            display: block;  
        }
    }
}