/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}

/* ==========================================
   AR COACHING – SIMPLYBOOK.ME
   01 – HEADER & NAVIGATION
   ========================================== */

/* Schwarzer Header */
#header,
#header .nav-wrapper,
#header .nav-wrapper .items-wrapper {
    background-color: #050505 !important;
}

/* Weiße Navigationslinks */
#header .nav-wrapper a,
#header .nav-wrapper .nav-item a {
    color: #F5F5F5 !important;
}

/* Neongrün bei Hover */
#header .nav-wrapper a:hover,
#header .nav-wrapper .nav-item a:hover {
    color: #C6FF1A !important;
}

/* Logo nicht verzerren */
#header img {
    object-fit: contain;
}

/* Dezente Abgrenzung */
#header {
    border-bottom: 1px solid #202020 !important;
}


/* ==========================================
   AR COACHING | SIMPLYBOOK.ME
   VERSION 02 – PERFORMANCE DESIGN
   ========================================== */

/* 1. HEADER: DUNKEL MIT WEICHEM ÜBERGANG */

#header {
    position: relative;
    z-index: 10;
    overflow: visible !important;
    background: rgba(5, 5, 5, 0.96) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

#header .nav-wrapper,
#header .nav-wrapper .items-wrapper {
    background: transparent !important;
}

/* Sanfter Übergang vom Header zum Trainingsbild */
#header::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 95px;
    background: linear-gradient(
        to bottom,
        rgba(5, 5, 5, 0.92) 0%,
        rgba(5, 5, 5, 0.45) 45%,
        rgba(5, 5, 5, 0) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* 2. NAVIGATION: RUHIG UND HOCHWERTIG */

#header .nav-wrapper a,
#header .nav-wrapper .nav-item a {
    color: #f5f5f5 !important;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-decoration: none;
    transition:
        color 0.2s ease,
        background-color 0.2s ease;
}

#header .nav-wrapper a:hover,
#header .nav-wrapper a:focus-visible {
    color: #c6ff1a !important;
}

/* Dezente Navigationselemente auf Desktop */
@media (min-width: 850px) {
    #header .nav-wrapper .nav-item a {
        border-radius: 6px;
        padding: 10px 12px;
    }

    #header .nav-wrapper .nav-item a:hover {
        background: rgba(198, 255, 26, 0.09) !important;
    }
}

/* 3. LOGO SAUBER DARSTELLEN */

#header img {
    object-fit: contain;
    max-width: 100%;
    image-rendering: auto;
}

/* 4. BUCHUNGSBUTTONS IM BUCHUNGSPROZESS */

#events input.reserve_time_btn,
#eventForm #save_button {
    background: #c6ff1a !important;
    color: #080808 !important;
    border: 1px solid #c6ff1a !important;
    border-radius: 7px !important;
    padding: 12px 22px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    cursor: pointer;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

#events input.reserve_time_btn:hover,
#eventForm #save_button:hover {
    background: #b5ea10 !important;
    transform: translateY(-1px);
}

/* 5. ÜBERSCHRIFTEN IM BUCHUNGSPROZESS */

#events h3,
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
    color: #151515 !important;
    font-weight: 700 !important;
    letter-spacing: -0.3px;
}

/* 6. MOBILE ANPASSUNG */

@media (max-width: 767px) {
    #header::after {
        height: 55px;
    }

    #header .nav-wrapper a {
        font-size: 14px;
    }

    #events input.reserve_time_btn,
    #eventForm #save_button {
        max-width: 100%;
    }
}

/* ENDE AR COACHING VERSION 02 */



/* ==========================================
   AR COACHING – SIMPLYBOOK.ME
   VERSION 03 NEU
   Header, Button & Typografie
   ========================================== */

/* 1. HEADER – ANGENEHME HOEHE */

#header {
    min-height: 72px !important;
    padding: 11px 0 !important;
    border-bottom: 0 !important;
    background: #080808 !important;
    box-shadow: none !important;
}

/* Logo */
#header img {
    max-height: 54px !important;
    max-width: 100% !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Navigation */
@media (min-width: 850px) {
    #header .nav-wrapper .nav-item a {
        padding: 10px 13px !important;
        line-height: 1.4 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
}

/* 2. WEICHER UEBERGANG */

#header::after {
    height: 80px !important;
    background: linear-gradient(
        to bottom,
        rgba(8,8,8,0.92) 0%,
        rgba(8,8,8,0.45) 50%,
        rgba(8,8,8,0) 100%
    ) !important;
}

/* 3. BUCHUNGSBUTTON – EINHEITLICHE FLAECHE */

#main-buttons a,
#main-buttons button,
#main-buttons .btn {
    background: #C6FF1A !important;
    color: #080808 !important;
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
    text-shadow: none !important;

    padding: 16px 28px !important;
    margin: 0 !important;

    transition: background-color 0.2s ease !important;
}

/* Verschachtelte Button-Elemente zuruecksetzen */
#main-buttons a .btn,
#main-buttons a button,
#main-buttons button .btn,
#main-buttons .btn .btn,
#main-buttons a span,
#main-buttons button span {
    background: transparent !important;
    color: inherit !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* Haken und Icons einheitlich dunkel */
#main-buttons i,
#main-buttons svg {
    color: #080808 !important;
    fill: currentColor !important;
    text-shadow: none !important;
}

/* Hover */
#main-buttons a:hover,
#main-buttons button:hover,
#main-buttons .btn:hover {
    background-color: #D5FF45 !important;
    color: #080808 !important;
    box-shadow: none !important;
}

/* 4. TYPOGRAFIE DER UNTERNEHMENSKARTEN */

/* SimplyBook-Unternehmensbereiche */
[id^="sb_booking_company_"] {
    font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif !important;
    color: #202020 !important;
}

/* Einheitliche Ueberschriften */
[id^="sb_booking_company_"] h2,
[id^="sb_booking_company_"] h3,
[id^="sb_booking_company_"] h4 {
    font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.4px !important;
    color: #171717 !important;
}

/* Beschreibung */
#sb_booking_company_info p,
#sb_booking_company_about p,
#sb_booking_company_description p {
    font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;
    line-height: 1.65 !important;
    letter-spacing: 0 !important;
    color: #333333 !important;
}

/* 5. MOBILE */

@media (max-width: 767px) {
    #header {
        min-height: 62px !important;
        padding: 8px 0 !important;
    }

    #header img {
        max-height: 42px !important;
    }

    #header::after {
        height: 50px !important;
    }

    #main-buttons a,
    #main-buttons button,
    #main-buttons .btn {
        font-size: 15px !important;
        padding: 14px 20px !important;
    }
}

/* ==========================================
   ENDE VERSION 03 NEU
   ========================================== */