/* --- 1. Elemente ausblenden --- */
/* Versteckt Details und spezifische Karten-Elemente */
.booking__details-desktop[data-v-c3400159],
.booking__details-mobile[data-v-c3400159], 
.bs-service-card-dc__item[data-v-78694904]:nth-child(2) {
    display: none !important;
}

/* --- 2. Haupt-Design: Rot mit weißer Schrift --- */
/* Gilt für Buttons, Input-Felder und Header */
.ui-button[data-v-7c61a4c2],

.booking-details-mobile__header[data-v-b4d03370] {
    background-color: #e31837 !important;
    color: #ffffff !important;
    border: 2px solid #e31837 !important;
    transition: all 0.3s ease !important;
    font-weight: bold !important;
}

/* --- 3. Hover-Effekt: Invertiert (Weißer Hintergrund) --- */
/* Nur für Buttons: Wechselt zu weißem Hintergrund mit rotem Text */
.ui-button[data-v-7c61a4c2]:hover {
    background-color: #ffffff !important;
    color: #e31837 !important;
    border-color: #e31837 !important;
}

/* --- 4. Akzent-Farben: Nur Linien & Icons --- */
/* Setzt rote Schrift für Icons und rote Ränder für Kalender/Zeit-Slots */
.ui-icon[data-v-f567b4d1]:before,
.ui-cal__day.is-selected[data-v-b6748915] {
    color: #e31837 !important;
}

.booking-ts[data-v-78de0e1f],
.ui-cal__day[data-v-b6748915] {
    border: 2px solid #e31837 !important;
}

/* --- 5. Radio-Buttons --- */
/* Ändert die Farbe der Auswahl-Punkte/Buttons */
.ui-radio-button.el-radio-button .el-radio-button__inner {
    width: 100%;
    --el-radio-button-checked-bg-color: #e31837 !important;
}