.bg-dark {
    background-color: #000000 !important;
}














.text-primary {
    color: #c13028 !important;
}
.bg-primary {
    background-color: #c13028 !important;
    color: #ffffff;
}

.btn-primary {
    background-color: #c13028;
    border-color: #c13028;
    color: #ffffff;

}
.btn-primary:hover {
    background-color: rgb(116, 29, 24);
    border-color: rgb(116, 29, 24);
    color: #ffffff;

}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgb(116, 29, 24);
}
.btn-primary:disabled {
    background-color: #c13028;
    border-color: #c13028;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background-color: rgb(116, 29, 24);
    border-color: rgb(116, 29, 24);
}
.form-control:focus {
    border-color: #c13028;
    box-shadow: 0 0 0 0.2rem rgba(193, 48, 40, 0.25);
}
a:hover {
    color: rgb(116, 29, 24);
}
a {
    color: #ffffff
}

.bg-logo {
    background-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255, 0.5);
}

#btn-info, #btn-back {
    text-decoration: none;
    text-transform: uppercase;
}

#btn-info:hover, #btn-back:hover {
    color: #ffffff;
    background-color: rgb(116, 29, 24) !important;
}

#background::before {
    content: "";
    background-image: url(https://ptobler20.voegeli.ch/vCardIpa/assets/img/headerimage.jpg);
    background-size: cover;
    background-position: center top;
            position: absolute;
        top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.5;
    min-width:               100%;
            height:              100vh;
        z-index: -100;
}

#background {
    color: #ffffff;
    position: relative;
    height: 40vh;
}

.portrait-holder .overlay {
    background: #c13028;
    color: #ffffff;
}

.btn-vcard-mobile {
    background: #c13028;
    color: #ffffff;
}

select.form-control  {
    background: url(/vCardIpa/assets/img/down-arrow.png) 98%/2% no-repeat #ededed;
}
footer {
    background-color: #ffffff;
    color: #000000;
}

footer a {
    color: #000000;
    text-decoration: none;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background-color: #c13028 !important;
    color: white !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
   background-color: #c13028 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover {
    background-color: #c13028 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color:      #fff !important;
    background-color: #c13028 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:focus {
    background-color: #c13028 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:focus {
    background-color: #c13028 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #c13028 !important;
    box-shadow: #c13028 0 1px 3px 0 inset !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: rgb(116, 29, 24) !important;
}