/*
 Theme Name:   VRM Digital Communications GmbH
 Theme URI:    https://www.vrm-digital-communications.de
 Description:  Umsetzung: <strong>Stephan Benz</strong>
 Author:       VRM Digital Communications GmbH
 Template:     Divi
 Author URI:   https://www.vrm-digital-communications.de
 Version:      2.1
*/

@import "css/_fonts.css";

body, p, ul li, a, h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web', sans-serif;
}


@media only screen and ( min-width: 641px ) {
    #alzey-kompakt .epaper,
    #alzey-plus .epaper,
    #mainz-kompakt .epaper,
    #mainz-plus .epaper,
    #wiesbaden-kompakt .epaper,
    #wiesbaden-plus .epaper,
    #wetzlar-plus .epaper,
    #dill-plus .epaper,
    #hinterland-plus .epaper,
    #weilburg-plus .epaper {
        display: flex;
        flex-wrap: wrap;
    }

    #alzey-kompakt .epaper .file, #alzey-kompakt .epaper .file:nth-child(2n +3),
    #alzey-plus .epaper .file, #alzey-kompakt .epaper .file:nth-child(2n +3),
    #mainz-kompakt .epaper .file, #mainz-kompakt .epaper .file:nth-child(2n +3),
    #mainz-plus .epaper .file, #mainz-kompakt .epaper .file:nth-child(2n +3),
    #wiesbaden-kompakt .epaper .file, #wiesbaden-kompakt .epaper .file:nth-child(2n +3),
    #wiesbaden-plus .epaper .file, #wiesbaden-kompakt .epaper .file:nth-child(2n +3),
    #wetzlar-plus .epaper .file, #wiesbaden-kompakt .epaper .file:nth-child(2n +3),
    #dill-plus .epaper .file, #wiesbaden-kompakt .epaper .file:nth-child(2n +3),
    #hinterland-plus .epaper .file, #wiesbaden-kompakt .epaper .file:nth-child(2n +3),
    #weilburg-plus .epaper .file, #wiesbaden-kompakt .epaper .file:nth-child(2n +3) {
        float: unset;
        width: calc((100% / 5) - (50px * 4 / 5));
        margin-right: 50px;
        margin-bottom: 0;
    }

    #alzey-kompakt .epaper .file:last-of-type,
    #alzey-plus .epaper .file:last-of-type,
    #mainz-kompakt .epaper .file:last-of-type,
    #mainz-plus .epaper .file:last-of-type,
    #wiesbaden-kompakt .epaper .file:last-of-type,
    #wiesbaden-plus .epaper .file:last-of-type,
    #wetzlar-plus .epaper .file:last-of-type,
    #dill-plus .epaper .file:last-of-type,
    #hinterland-plus .epaper .file:last-of-type,
    #weilburg-plus .epaper .file:last-of-type {
        margin-right: 0;
    }
}

/*================================================
BorlabsCookie
================================================*/

#BorlabsCookieBox ._brlbs-btn:hover,
#BorlabsCookieBox ._brlbs-btn-accept-all:hover,
#BorlabsCookieBox ._brlbs-btn,
#BorlabsCookieBox ._brlbs-refuse-btn a, #BorlabsCookieBox a._brlbs-refuse-btn,
#BorlabsCookieBox ._brlbs-manage-btn a {
    background: #2ea3f2!important;
    color: #fff !important;
}

#BorlabsCookieBox a,
#BorlabsCookieBox ._brlbs-manage a,
#BorlabsCookieBox a:hover,
#BorlabsCookieBox ._brlbs-manage a:hover {
    color: #2ea3f2!important;
}

#BorlabsCookieBox a:hover,
#BorlabsCookieBox ._brlbs-manage a:hover {
    filter: brightness(90%);
}

#BorlabsCookieBox ._brlbs-btn:hover,
#BorlabsCookieBox ._brlbs-btn-accept-all:hover,
#BorlabsCookieBox ._brlbs-refuse-btn a:hover, #BorlabsCookieBox a._brlbs-refuse-btn:hover,
#BorlabsCookieBox ._brlbs-manage-btn a:hover {
    filter: brightness(90%);
    background: #2ea3f2!important;
    color: #fff !important;
}

.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider {
    background-color: #2ea3f2!important;
}

.BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator {
    background-color: #2ea3f2!important;
    border-color: #2ea3f2!important;
}

.BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator {
    border-color: #2ea3f2!important;
}

.BorlabsCookie ._brlbs-checkbox input:disabled ~ ._brlbs-checkbox-indicator::after {
    border-color: #eee;
}

#BorlabsCookieBox ._brlbs-manage-btn {
    display: none;
}

.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed,
.BorlabsCookie ._brlbs-content-blocker ._brlbs-embed ._brlbs-thumbnail {
    width: 100%;
    max-height: 580px;
}


/*================================================
Anzeigen
================================================*/
.vrm-anzeigen .post-filters {
    position: relative;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: white;
}
.vrm-anzeigen .post-filters.fix-filters {
    position: fixed;
    top: 0;
    z-index: 99;
    padding: 10px 0;
}
.flex.et_pb_blog_grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.post-filters label {
    display: block;
}
.post-filters select {
    margin-right: 15px;
}
.load-more-button,
.post-filters input {
    padding: 4px 10px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: black;
    color: white;
}
.post-filters .submit {
    margin-top: 15px;
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
}
.vrm-anzeigen .et_pb_post {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding-bottom: 1.8em;
    position: relative;
	height: 230px!important;
    width: 220px;
	height: 100%;
	overflow: hidden;
    border: 1px solid #1da6df;
}
.vrm-anzeigen .et_pb_post:hover {
    border-bottom-width: 3px;
    border-bottom-color: #1da6df;
}
.vrm-anzeigen .et_pb_post img {
    max-height: 100%;
}
.vrm-anzeigen a.et_pb_post:hover {
    cursor: zoom-in;
}
.vrm-anzeigen p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #666;
    background: white;
    padding: 0 8px;
}
a.page-numbers:hover {
	cursor:pointer;
}
@media (min-width: 768px) {
    .post-filters .submit {
        margin-top: 0px;
    }
    .vrm-anzeigen .post-filters.fix-filters {
        width: 100%;
    }
    
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of4 {
        /* width: 47.7%; */
        margin-right: 3%;
    }
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of4:nth-child(2n) {
        margin-right: 0;
    }
    
}
@media (min-width: 981px) {
    
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of4,
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of4:nth-child(2n) {
        /* width: calc( (100% - 120px) / 4); */
        margin-right: 40px;
        margin-bottom: 40px;
    }
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of4:nth-child(4n) {
        margin-right: 0;
    }
    
    .vrm-anzeigen .post-filters.fix-filters {
        top: 54px;
    }
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of4:hover,
    .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of4:nth-child(2n):hover {
        margin-bottom: 38px;
    }
}

.fancybox__container {
    top: 75px;
    --fancybox-bg: rgba(24, 24, 27, 0.9);
}
body.admin-bar .fancybox__container {
    top: 107px;
}

.f-button {
    background: transparent;
}

.fancybox__toolbar__column.is-right .f-button:nth-child(2) {
    display: none;
}