/* Import Open Sans font-face */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
}

#sb-main-container header#header {
    display: none;
}

#sb-timeline #time-settings {
    display: none;
}

#sb-timeline #steps-nav {
    display: none;
}

.is-widget #header {
    padding-bottom: 0 !important;
}

#header .nav-wrapper .items-wrapper {
    height: 39px !important;
}

.is-widget #header .nav-wrapper .items-wrapper {
    justify-content: flex-end;
}

.btn.select.custom {
    color: #cc165c !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    border: 1px solid #cc165c;
}

.btn.select.custom:hover {
     background: rgba(204, 22, 92, 0.1) !important;
}

.btn.select.custom a {
    font-family: 'Open Sans', sans-serif;
    color: #cc165c !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

#sb-timeline #steps-nav li .content .title-sub {
opacity: 1  !important;
     color: #cc165c;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_container .slot a {
    border-radius: 0 !important;
}

/* BEGIN Turn all prices in extras selection magenta */
#sb-timeline #steps #steps-content #sb_booking_content aside.timeline-sidebar .excerpt-info .tab-pd .bar-service .d-flex > div.badge,
#sb-timeline #steps #steps-content #sb_booking_content aside.timeline-sidebar .excerpt-info .tab-pd .bar-service .d-flex.small span,
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-footer #sb_attribute_totals .paid-attribute-totals__subtotal b
 {
    color: #cc165c;
}
/* END Turn all prices in extras selection magenta */

/* Subtotal bold in extras footer */
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-footer #sb_attribute_totals .paid-attribute-totals__subtotal {
    font-weight: bold;
}

/* Hide total time in extras' footer */
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-footer #sb_attribute_totals .paid-attribute-totals__duration {
    display: none;
}

/* Larger Subtotal in extra selection */
#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-footer #sb_attribute_totals {
    font-size: 24px;
}

/* Prevent linebreak in sidebar prices */
#sb-timeline #steps #steps-content #sb_booking_content aside.timeline-sidebar .excerpt-info .tab-pd .bar-service .d-flex.small span {
    /*width: 50px;*/
}

/* BEGIN List time and prices in sidebar in a column direction not row */
#sb-timeline #steps #steps-content #sb_booking_content aside.timeline-sidebar .excerpt-info .tab-pd .bar-service .d-flex.small {
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

#sb-timeline #steps #steps-content #sb_booking_content aside.timeline-sidebar .excerpt-info .tab-pd .bar-service .d-flex.small:not(:last-of-type) {
    margin-bottom: 10px;
}

#sb-timeline #steps #steps-content #sb_booking_content aside.timeline-sidebar .excerpt-info .tab-pd .bar-service .d-flex.small > *{
    width: 100%;
}
/* END List time and prices in sidebar in a column direction not row */

/* Hide service duration in sidebar */
#sb-timeline #steps #steps-content #sb_booking_content aside.timeline-sidebar .excerpt-info .tab-pd .bar-service .d-flex .time {
    display: none;
}

.btn.btn-with-image, .btn.custom {
    border-radius: 0 !important;
}

#main #main-content #sb_content #client-login button.btn {
    color: #D42853 !important;
    background: #ffffff !important;
    border: 1px solid #D42853 !important;
}

#main #main-content #sb_content #client-login button.btn:hover {
    background: #D42853 !important;
    color: #ffffff !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .badge {
    padding: 0;
}

/* Hide duration in service listing */
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time {
    display: none;
}

#sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .additional-info .btn {
    border-radius: 0 !important;
}

#sb_content #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {
    color: #d42853 !important;
    background: #ffffff !important;
    border: 1px solid #d42853 !important;
    border-radius: 0 !important;
}

#sb_content #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn:hover {
    color: #fff !important;
    background: #d42853 !important;
}

#sb_booking_content .category-item .content a {
    font-weight: bold;
    color: #cc165c;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .content .txt.short {
    max-width: 100%;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .content .txt.short p > a {
    display: block;
    max-width: 100%;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .content .txt.short p {
    margin: 0;
    max-width: 100%;
}

/** In category description text: Moves text after first paragraph down so it's only shown when clicking "Mehr erfahren..." */
#sb_category_step_container .content .txt.short p:first-of-type {
    margin-bottom: 4rem !important;
}

/** In category description popup: Makes first line bold */
#sb_category_step_container .category-item .modal-dialog .txt.full p:first-of-type {
    font-weight: bold;
}

/** Move "Mehr erfahren..." Button to the left */
.tab.tab-col .excerpt-info .tab-pd .content .read-more {
    left: 0;
}

#sb_content .modal-dialog .full-info .close-full-info {
    background-color: rgba(255,255,255,0.5);
}

/* Hide duration of first element (service) in order confirmation details */
#details .detail-step .confirm-details .current-booking-info p.booking-info__details:first-of-type .booking-info__details-time {
    display: none;
}

/* Hide credit card icons for PayPal payment option */
#sb_invoice_payment_systems_container .payment-system-paypal .sub-systems {
    display: none;
}

/* Show "(Kreditkarte)" after Stripe payment name */
#sb_invoice_payment_systems_container .payment-system-stripe .name::after {
    content: '(Kreditkarte)';
}

/* Show "(Vorkasse)" after Pay-Later payment name */
#sb_invoice_payment_systems_container .payment-system-delay .name::after {
    content: '(Vorkasse)';
}

/* Hide JavaScript category */
#sb_booking_content #sb_category_step_container > .category-item:first-of-type {
    display: none;
}

/* Remove unnecessary top padding */
body {
    padding-top: 0;
}

/* Hide header (visible after booking) */
section#main-buttons {
    display: none !important;
}

/* Back to Website after booking button full width */
.back-to-site .btn {
    width: 100%;
}

/* Hide footer with gdpr info */
footer {
    display: none;
}

/* Hide confusing coupon calculation message on checkout */
.invoice-pay-page .invoice-promotions .promo-code-input .alert.alert-info {
    display: none;
}