.elementor-3240 .elementor-element.elementor-element-71c6fa8{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-921b019 *//* 1. Hintergrund & Schriftart */
#multicalendar, 
#multicalendar .calmain, 
#dvCalMaincal1_0 {
    background-color: rgb(175, 0, 0) !important;
    background-image: none !important;
    font-family: din-condensed, sans-serif !important;
}

/* 2. ALLE HELLBLAUEN RÄNDER DURCH WEISS ERSETZEN */
#multicalendar,
#multicalendar *,
.gridcontainercover.viewmonth,
.fbutton {
    border-color: #ffffff !important;
}

/* 3. DIE PFEILE: Absolute URL & Weißer Filter */
#multicalendar .ui-icon {
    background-image: url("https://staging.condescending-archimedes.31-70-110-254.plesk.page/wp-content/plugins/cp-multi-view-calendar/DC_MultiViewCal/css/images/icons_black.png") !important; 
    background-repeat: no-repeat !important;
    display: block !important;
    filter: brightness(0) invert(1) !important; 
}

#multicalendar .ui-icon-circle-triangle-w { background-position: -27px 0px !important; width: 5px !important; height: 8px !important; }
#multicalendar .ui-icon-circle-triangle-e { background-position: -32px 0px !important; width: 5px !important; height: 8px !important; }

/* 4. Monatstext & Wochentage */
#txtdatetimeshowcal1_0, .fshowdatep {
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 16px !important;
}
.monthview-header td {
    color: #ffffff !important;
    font-weight: bold !important;
}

/* 5. Button-Styling (Pfeile) */
.fbutton {
    background-color: rgb(175, 0, 0) !important;
    border: 1px solid #ffffff !important;
    border-radius: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 22px !important;
    width: 20px !important;
}/* End custom CSS */