#main #main-content #sb_content #client-login button.btn {
    border: 3px solid #fff8b4 !important;
    background: #fff8b4 !important;
    color: #2c2c2c !important;
}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row .btn.btn--sign-up {
    border: 3px solid #fff8b4 !important;
    background: #fff8b4 !important;
    color: #2c2c2c !important;
}

.current-booking-info .booking-btns .btn, .current-booking-info .booking-btns .btn.sb_add_to_cal {
background: #fff8b4 !important;
}

.current-booking-info .booking-btns .btn.sb_cancel_btn, .current-booking-info .booking-btns .btn.sb-reschedule {
    border: 3px solid #fff8b4 !important;
    color: #2c2c2c !important;
}

#main #main-buttons .btn {
    border: 3px solid #fff8b4 !important;
    color: #fff8b4 !important;
}


#main #main-buttons .btn a {
    color: #fff8b4 !important;
}


current-booking-info .booking-btns .btn.sb_cancel_btn , .current-booking-info .booking-btns .btn.sb-reschedule  {
    border: 3px solid #fff8b4 !important;
    color: #fff8b4 !important;
}

current-booking-info .booking-btns .btn.sb_cancel_btn a, .current-booking-info .booking-btns .btn.sb-reschedule a {
    color: #fff8b4 !important;
}

#main #main-buttons .btn.book {
    background: #fff8b4 !important;
    color: #2c2c2c !important;
}

#main #main-buttons .btn.book a{
    background: #fff8b4 !important;
    color: #2c2c2c !important;
}


.current-booking-info .booking-btns .btn a, .current-booking-info .booking-btns .btn.sb_add_to_cal {
    border: 3px solid #fff8b4 !important;
    background: #fff8b4 !important;
    color: #2c2c2c !important;
}

.current-booking-info .booking-btns .btn a, .current-booking-info .booking-btns .btn.sb_add_to_cal a {
    background: #fff8b4 !important;
    color: #2c2c2c !important;
}




/* Buchungstitel */
.grid-weekly-header-item.grid-weekly-item.grid-weekly-serice, .grid-weekly-header-item.grid-weekly-item.grid-weekly-provider, .grid-weekly-header-item.grid-weekly-item.grid-weekly-button {
    display: none !important;
}

.cancellation-dialog-body .form-group {
    margin-bottom: 15px;
    margin-top: 16px;
}

.modal-cancellation-reason .is_all_group, .modal-cancellation-reason .is_all_recurring {
    display: -ms-flexbox;
    display: none;
    margin: 15px 0 10px;
}


#sb_google_translate .modal-cancellation-reason .cancellation-dialog-body .wrap-cancelation-policy textarea.goog-te-combo, .modal-cancellation-reason .cancellation-dialog-body .wrap-cancelation-policy #sb_google_translate textarea.goog-te-combo, .modal-cancellation-reason .cancellation-dialog-body .wrap-cancelation-policy textarea.form-control {
    resize: vertical;
    min-height: 12px;
    height: 42px;
}


#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time.with-end-time {
    width: 100% !important;
    justify-content: center;
    font-size: large;
}

/* payment provider / stripe */
.invoice-payment-systems-info.payment-modal {
    display: none;
}


/*
	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 */
}

/* Startseite öffnungszeiten und Kontakt ausblenden + rest gross machen */
.col-sm-4.col-md-3 {
    display: none;
}
.col-sm-4.col-md-6 {
    width: fit-content;
}

/* Zeit nicht anzeigen*/
div#sb_booking_company_time {
    display: none;
}

 #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 */
}

/* Buchung filter */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .parts-of-day .btn.active, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .days-of-week .btn.active {
    background: #fff8b4;
    color: #2c2c2c !important;
}

.flexible-weekly-view .top-inline-steps .col-sm-6.col-md-4.col-lg-4 {
    display: none;
}

/* Hide Einen Termin vereinbaren */
.sb-widget-form .buttons .open-booking-widget-button {
  display: none;
}

/*Buchungs header */
.booking-info {
    display: none;
}

/* homepage picture size */
#main #main-buttons {
    min-height: 500px; 
    overflow: hidden;
}
#main-buttons {
    text-align: center;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
}
#main-buttons .wrapper {
    height: auto;
    min-height: 500px;
    padding-bottom: 40px;
    padding-top: 40px;
}

.alert-success {
    color: #72c811;
}

.confirm-details #sb_terms_and_conditions a {
    color: #fff8b4 !important;
}

.bookings .current-booking-info .booking-btns .btn.sb_cancel_btn, .bookings .current-booking-info .booking-btns .btn.sb-reschedule {
    background: transparent;
    border: 2px solid #2c2c2c !important;
    color: #2c2c2c !important;
}

/* tagabstand */
#sb_timeview_container .timeline-wrapper .grid-weekly-header .grid-weekly-header-item {
    background-color: #fff8b4;
    color: #2c2c2c;
    margin-top: 58px;
}

/*  Content Background color */

body {
 background-color: #2c2c2c;
}

#main #main-content {
    overflow-anchor: none;
    background-color: #2c2c2c;
}

/* Geschäftsbestimmung */
#sb_terms_and_conditions a {
    color: #2c2c2c !important;
    text-decoration: underline;
}

/* URL nicht anzeigen auf Startseite */
#main #main-content #sb_content .index-data-wrapper .section .links.website a, #main #main-content #sb_content .wrap-client-info-view .section .links.website a {
    display: none;
}

/* TEL nicht anzeigen auf Startseite */
#main #main-content #sb_content .index-data-wrapper .section .links.phone a, #main #main-content #sb_content .wrap-client-info-view .section .links.phone a {
    display: none;
}




/* Warenkorb */
.bookings .accordion .title {
    display: block;
    position: relative;
    padding: 15px 20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2c2c2c;
}

/* Title Farbe */
.title-main {
    font-size: 28px;
    font-weight: 600;
    padding-bottom: 35px;
    color: white;
}





.current-booking-info .calendar .header {
    background-color: #fff8b4;
    color: #2c2c2c;
}

/* Body Farbe */
div.page-content {
    color: white;
}

/* Date Picker color*/
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active 
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    background-color: #fff8b4;
    color: #2c2c2c !important;
    font-weight: bold;
}

/*  Anstehende Buchungen */
#booking-result-view #sb_bookings_list>div .alert {
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    color: white;
}

/* passwort vergessen */
.remind-pass {
    color: #2c2c2c !important;
}

/* Zu kalender hinzufügen Button */
.current-booking-info .booking-btns .btn.sb_add_to_cal {
    background-color: #fff8b4;
    color:  #2c2c2c !important;
}

/* Buttons Kundenprofil*/
#main #main-content #sb_content #client-profile-preview .btn {
    background: #fff;
    border: 3px solid #2c2c2c !important;
    color: #2c2c2c !important;
}
#main #main-content #sb_content #client-profile-preview .btn.btn-logout {
    border: 3px solid #C33A55  !important;
    color: #C33A55  !important;
}

/* logged in logout button */
#header .nav-wrapper .items-wrapper .nav-item .login-container .full-info .btn:nth-of-type(2) {
    margin-left: 0;
    border-color: #C33A55;
    color: #C33A55;
}

.current-booking-info .booking-btns .btn a, .current-booking-info .booking-btns .btn.sb_add_to_cal a {
    color: #2c2c2c !important;
}

/* Button AGB */
.modal-dialog .modal-content .modal-footer .btn {
    background-color: #fff8b4;
    color: #2c2c2c !important;
}

.invoice-pay-page .invoice-table td a {
    color: #2c2c2c !important;
}

.invoice-pay-page .to-invoices-list {
 color: #fff8b4;
}


#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content #details .detail-step .additional-info .btn.btn-danger {
 background-color: #fff8b4;
 color: #2c2c2c !important;
}

#steps #steps-content #sb_booking_content .detail-step .right-side #sb_multiple_booking_btn span {
 color: #2c2c2c !important;
}


/* Schwarzer Button */
#client-profile-edit .custom-form .bar-with-btn .btn, #client-profile-preview .bar-with-btn .btn.sb-client-edit-popup, 
#header .nav-wrapper .items-wrapper .nav-item .login-container .full-info .btn:first-of-type,
#client-profile-preview .bar-with-btn .btn.popup-hide,
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .not-logged .bar .btn-bar--row .btn.btn--sign-in,
#client-profile-edit .custom-form .bar-with-btn .btn.btn-danger,
#client-profile-edit .custom-form .bar-with-btn .btn.btn-primary {
    background-color: transparent;
    border: 3px solid #2c2c2c;
    color: #2c2c2c;
}

/*  Send Message Button */
.sb-widget-form .buttons .send-message-button {
    border-radius: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-right: 0;
    color: #2c2c2c;
}

/* shopping cart
https://yoksel.github.io/url-encoder/
*/
#header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart .cart-container .cart {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='28.969' viewBox='0 0 32 28.969'%3E%3Cmetadata%3E%3C%3Fxpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'%3F%3E%3Cx:xmpmeta xmlns:x='adobe:ns:meta/' x:xmptk='Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 '%3E%3Crdf:RDF xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Crdf:Description rdf:about=''/%3E%3C/rdf:RDF%3E%3C/x:xmpmeta%3E%3C%3Fxpacket end='w'%3F%3E%3C/metadata%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23FFF8B4; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Forma_1' data-name='Forma 1' class='cls-1' d='M1260.81,44.531A1.155,1.155,0,0,0,1260,44h-23a2.855,2.855,0,0,0-.26.135l-0.95-2.637a1.015,1.015,0,0,0-.6-0.6l-4.79-1.812a1.04,1.04,0,0,0-1.33.558,0.974,0.974,0,0,0,.58,1.282l4.35,1.644L1239,57c-0.24.079,0.09,0.757,0,1l-1.74,3.96a0.811,0.811,0,0,0,.11.752,0.864,0.864,0,0,0,.7.35h0.79a2.885,2.885,0,0,0-.79,1.976,3.082,3.082,0,0,0,6.16,0,2.885,2.885,0,0,0-.79-1.976h6.72a2.849,2.849,0,0,0-.8,1.976,3.087,3.087,0,0,0,6.17,0,2.894,2.894,0,0,0-.8-1.976h0.97a0.837,0.837,0,0,0,.85-0.824c0-.454-0.08-1.238-0.55-1.238h-16l1-2c0.12,0.05-.14,0,0,0h15a0.744,0.744,0,0,0,.67-0.741l4.28-12.843A0.966,0.966,0,0,0,1260.81,44.531Zm-19.66,21.823a1.318,1.318,0,1,1,1.37-1.317A1.343,1.343,0,0,1,1241.15,66.354Zm11.29,0a1.318,1.318,0,1,1,1.37-1.317A1.34,1.34,0,0,1,1252.44,66.354Zm5.39-18.03h-5.24V46.1h5.98Zm-1.51,4.528h-3.73V50.3h4.58Zm-10.52,0V50.3h4.73v2.552h-4.73Zm4.73,1.976v2.14h-4.73v-2.14h4.73ZM1238.96,50.3h4.78v2.552h-3.86Zm6.84-1.976V46.1h4.73v2.222h-4.73Zm-2.06-2.222v2.222h-5.49l-0.8-2.222h6.29Zm-3.15,8.726h3.15v2.14h-2.37Zm12,2.14v-2.14h3.07l-0.71,2.14h-2.36Z' transform='translate(-1229 -39.031)'/%3E%3C/svg%3E%0A");
    background-color: #2c2c2c;
}


/* türe button */
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar .logged-out {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.6328 0H9.29688C8.54178 0 7.92969 0.61209 7.92969 1.36719V9.29688C7.92969 10.052 8.54178 10.6641 9.29688 10.6641C10.052 10.6641 10.6641 10.052 10.6641 9.29688V2.73438H27.9707L22.3449 5.61941C21.8885 5.85341 21.6016 6.32311 21.6016 6.83594V26.7969H10.6641V20.2344C10.6641 19.4793 10.052 18.8672 9.29688 18.8672C8.54178 18.8672 7.92969 19.4793 7.92969 20.2344V28.1641C7.92969 28.9192 8.54178 29.5313 9.29688 29.5313H21.6016V33.6328C21.6016 34.1091 21.8494 34.5512 22.2559 34.7994C22.662 35.0476 23.1684 35.0669 23.5926 34.8493L34.2567 29.3806C34.713 29.1466 35 28.6769 35 28.1641V1.36719C35 0.609356 34.3816 0 33.6328 0ZM32.2656 27.3287L24.3359 31.3952V7.67129L32.2656 3.6048V27.3287Z' fill='%23FFF8B4'/%3E%3Cpath d='M28.4375 18.8672C29.1926 18.8672 29.8047 18.2551 29.8047 17.5C29.8047 16.7449 29.1926 16.1328 28.4375 16.1328C27.6824 16.1328 27.0703 16.7449 27.0703 17.5C27.0703 18.2551 27.6824 18.8672 28.4375 18.8672Z' fill='%23FFF8B4'/%3E%3Cpath d='M13.7989 16.5333C13.2649 17.0673 13.2649 17.9329 13.7989 18.4668C14.0658 18.7338 14.4157 18.8673 14.7656 18.8673C15.1156 18.8673 15.4654 18.7338 15.7324 18.4668L18.4665 15.7326C19.0026 15.197 18.9954 14.3273 18.4665 13.7988L15.7324 11.0645C15.1984 10.5306 14.3328 10.5306 13.7989 11.0645C13.265 11.5985 13.2649 12.4641 13.7989 12.998L14.1993 13.3985H1.36719C0.61209 13.3985 0 14.0105 0 14.7656C0 15.5207 0.61209 16.1328 1.36719 16.1328H14.1993L13.7989 16.5333Z' fill='%23FFF8B4'/%3E%3C/svg%3E%0A");
    background-size: 25px;
    background-color: #2C2C2C;
}

#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar .logged-in {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-color: #2C2C2C;
}


/* menu */
#header .nav-trigger {
    border-radius: 0;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 612 612' style='enable-background:new 0 0 612 612;' xml:space='preserve'%3E%3Cg%3E%3Cg id='menu'%3E%3Cg%3E%3Cpath d='M0,95.625v38.25h612v-38.25H0z M0,325.125h612v-38.25H0V325.125z M0,516.375h612v-38.25H0V516.375z' fill='%23FFF8B4'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 29px;
    background-color: #2c2c2c !important;
}

/* logged in */
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container .avatar .logged-in  {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z' fill='%23FFF8B4' /%3E%3C/svg%3E");
    background-size: 25px;
    background-color: #2C2C2C;
}


/* menu drop down */
#header .nav-wrapper #sb_menu .nav, #header .nav-wrapper #sb_menu .nav #sb_appended_menu_item ul {
    margin-top: 5px;
    background-color: #2c2c2c;
}



/* mobile menu */
#header .nav-wrapper.active {
    display: flex;
    flex-direction: column-reverse;
    z-index: 100;
    padding: 25px 0;
    background-color: #2c2c2c;
    border: solid;
}

/* shopping card counter */
#header .nav-wrapper .items-wrapper .nav-item#sb_multiple_book_cart .cart-container .cart .counter {
    position: absolute;
    bottom: -1px;
    left: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 12px;
    min-width: 5px;
    font-size: 11px;
    line-height: 1;
    background-color: #424242;
    color: #FFF8B4;
}

/* profile counter */
#header .nav-wrapper .items-wrapper .nav-item#sb_client_info .login-container__remember-check {
    position: absolute;
    bottom: -1px;
    left: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    z-index: 100;
    background-color: #424242;
    color: #FFF8B4;
}

#header .brand .logo a img {
    max-height: 60px;
}


/* Hide Stripe
.payment-modal #sb_payment_systems_container, .payment-modal .payment-system-container {
    margin: 0 0 20px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    display: none;
}


.invoice-pay-page .invoice-payment-systems-choose {
    font-size: 14px;
    text-align: left;
    margin-bottom: 15px;
    display: none;
}

 */

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
    display: none;
}


/* **********************************

 TIMELINE

**************************************/

/* Hide Tarif Filter */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .service_id select {
  display: none;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps label {
    margin-bottom: 10px;
    display: none;
}


/*
   Unter 767px
*/
/* Tag abschnitt Filter */
@media (max-width: 767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .parts-of-day .btn {
        font-size: 12px
	 }
}
/* Tag Filter */
@media (max-width: 767px) {
	#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .days-of-week .btn {
		height: 36px;
		line-height: 36px;
		width: 40px;
		padding: 0 10px;
		margin-bottom: 5px;
        font-size: 12px
	 }
}

/* Buchen Button */
@media (max-width: 767px) {
	#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button .btn, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button .btn {
		width: 100%;
		height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		line-height: 1.2;
		padding-left: 5px;
		padding-right: 5px;
        font-size: 14px;
	}
}

/* columns */
@media (max-width: 767px) {
	#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item {
		display: inline-flex;
		align-items: center;
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 8px;
		padding-right: 8px;
		position: relative;
        font-size: 14px;
	}
}

/* Tag Filter */
@media (max-width: 767px) {
	#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-inner .top-inline-steps .days-of-week {
		padding-top: 20px;
		text-align: center;
     
	}
}

@media (max-width: 767px) {
	#sb-timeline #steps #steps-content #sb_booking_content .flexible-weekly-view .top-inline-steps .row {
		flex-wrap: wrap;
		align-items: flex-end;
		justify-content: center;
     
	}
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row {
        flex-direction: row;
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item {
        min-height: 36px;
    }

    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button {
        display: none;
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item {
        width: 100%;
        text-align: center;
        justify-content: center;
     
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time.with-end-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        width: 100%
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        width: 100%
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots {
        width: 100%
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item .day-difference, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item .day-difference {
        width: 50% !important
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        padding-left: 10px
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        padding-right: 10px
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row {
        margin: 5px auto 15px;
        width: 100%;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, .3);
     
     
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row {
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item {
        min-height: 36px
    }

    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button {
        display: inline-flex;
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time.with-end-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        width: 100%
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        width: 100%
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots {
        width: 100%
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item .day-difference, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item .day-difference {
        width: 50% !important
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        padding-left: 10px
    }
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        padding-right: 10px;
    }
}

@media (max-width:767px) {
	#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
		min-width: 80px;
		flex-basis: 65%;
	}
}
@media (min-width: 350px) and (max-width: 767px) {
	#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time.with-end-time {
		min-width: 103px;
	}
}

@media (max-width:767px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row {
        margin: 0px auto 0px;
        width: 100%;
        border-radius: 0px;
        border: 0px solid rgba(0, 0, 0, .3);
     
    }
}




/*
    Unter 350px
*/

@media (max-width:350px) {
	#sb_timeview_container .timeline-wrapper .grid-weekly-header .grid-weekly-header-item {
		height: 0px;	
		margin-top: 0px;	
	}
}

@media (max-width: 350px) {
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time.with-end-time {
    min-width: 60px;

    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row {
        flex-direction: column
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item {
        min-height: 36px
    }

    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button {
        display: none
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item {
        width: 100%;
        text-align: center;
        justify-content: center
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time.with-end-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        width: 100%
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        width: 100%
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots {
        width: 100%
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item .day-difference, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item .day-difference {
        width: 50% !important
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        padding-left: 10px
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        padding-right: 10px
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row {
        margin: 5px auto 15px;
        width: 96%;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, .3)
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row {
        flex-direction: column
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item {
        min-height: 36px
    }

    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-header-item.grid-weekly-button {
        display: none
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item {
        width: 100%;
        text-align: center;
        justify-content: center
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time.with-end-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        width: 100%
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        width: 100%
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-available-slots {
        width: 100%
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item .day-difference, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item .day-difference {
        width: 50% !important
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-date-time, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-date-time {
        padding-left: 10px
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row .grid-weekly-item.grid-weekly-button, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-header .grid-weekly-row .grid-weekly-item.grid-weekly-button {
        padding-right: 10px
    }
}

@media (max-width:350px) {
    #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .grid-weekly-table .grid-weekly-body .grid-weekly-row {
        margin: 5px auto 15px;
        width: 96%;
        border-radius: 2px;
        border: 1px solid rgba(0, 0, 0, .3)
    }
}

/* CUSTOM PAGE DEFAULTS */
:root{
    --dl-color-gray-500:#595959;
    --dl-color-gray-700:#999;
    --dl-color-gray-900:#d9d9d9;
    --dl-size-size-large:144px;
    --dl-size-size-small:48px;
    --dl-color-danger-300:#a22020;
    --dl-color-danger-500:#bf2626;
    --dl-color-danger-700:#e14747;
    --dl-color-gray-black:#000;
    --dl-color-gray-white:#fff;
    --dl-size-size-medium:96px;
    --dl-size-size-xlarge:192px;
    --dl-size-size-xsmall:16px;
    --dl-space-space-unit:16px;
    --dl-color-primary-100:#003eb3;
    --dl-color-primary-300:#0074f0;
    --dl-color-primary-500:#14a9ff;
    --dl-color-primary-700:#85dcff;
    --dl-color-success-300:#199033;
    --dl-color-success-500:#32a94c;
    --dl-color-success-700:#4cc366;
    --dl-size-size-xxlarge:288px;
    --dl-size-size-maxwidth:1400px;
    --dl-radius-radius-round:50%;
    --dl-space-space-halfunit:8px;
    --dl-space-space-sixunits:96px;
    --dl-space-space-twounits:32px;
    --dl-radius-radius-radius2:2px;
    --dl-radius-radius-radius4:4px;
    --dl-radius-radius-radius8:8px;
    --dl-space-space-fiveunits:80px;
    --dl-space-space-fourunits:64px;
    --dl-space-space-threeunits:48px;
    --dl-space-space-oneandhalfunits:24px
}


/* CUSTOM PAGE AMBASSADORS */
.unsere-ambassadoren-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #2c2c2c;
}
.unsere-ambassadoren-testimonial {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.unsere-ambassadoren-image {
  width: var(--dl-size-size-xxlarge);
  height: var(--dl-size-size-xxlarge);
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
.unsere-ambassadoren-testimonial1 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.unsere-ambassadoren-container1 {
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.unsere-ambassadoren-icon {
  fill: #ffffff;
  width: var(--dl-size-size-small);
  border-color: #ffffff;
  border-style: hidden;
  border-width: 1px;
  margin-bottom: -6rem;
}
.unsere-ambassadoren-text {
  color: #ffffff;
  font-size: 1.15rem;
  max-width: 600px;
  margin-top: var(--dl-space-space-threeunits);
  text-align: center;
  padding-left: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-twounits);
}
.unsere-ambassadoren-container2 {
  display: flex;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.unsere-ambassadoren-icon2 {
  fill: var(--dl-color-gray-white);
  width: var(--dl-size-size-small);
  margin-top: -6rem;
}
.unsere-ambassadoren-text03 {
  color: #ffffff;
  font-size: 1.5rem;
  max-width: 600px;
  text-align: center;
  font-weight: 600;
  margin-bottom: var(--dl-space-space-halfunit);
}
.unsere-ambassadoren-text04 {
  color: var(--dl-color-gray-white);
  max-width: 600px;
  text-align: center;
  font-weight: 300;
}
.unsere-ambassadoren-testimonial2 {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  border-color: #b1a9a9;
  border-width: 1px;
  flex-direction: column;
  justify-content: space-between;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
}
.unsere-ambassadoren-image1 {
  width: var(--dl-size-size-xxlarge);
  height: var(--dl-size-size-xxlarge);
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
.unsere-ambassadoren-testimonial3 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.unsere-ambassadoren-container3 {
  display: flex;
  align-self: flex-start;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.unsere-ambassadoren-icon4 {
  fill: #ffffff;
  width: var(--dl-size-size-small);
  border-color: #ffffff;
  border-style: hidden;
  border-width: 1px;
  margin-bottom: -6rem;
}
.unsere-ambassadoren-text10 {
  color: #ffffff;
  font-size: 1.15rem;
  max-width: 600px;
  margin-top: var(--dl-space-space-threeunits);
  text-align: center;
  padding-left: var(--dl-space-space-twounits);
  margin-bottom: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-twounits);
}
.unsere-ambassadoren-container4 {
  display: flex;
  align-self: flex-end;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
}
.unsere-ambassadoren-icon6 {
  fill: var(--dl-color-gray-white);
  width: var(--dl-size-size-small);
  margin-top: -6rem;
}
.unsere-ambassadoren-text13 {
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  max-width: 600px;
  text-align: center;
  font-weight: 600;
  margin-bottom: var(--dl-space-space-halfunit);
}
.unsere-ambassadoren-text14 {
  color: var(--dl-color-gray-white);
  max-width: 600px;
  text-align: center;
  font-weight: 300;
}
@media(max-width: 991px) {
  .unsere-ambassadoren-image {
    margin-bottom: 0px;
  }
  .unsere-ambassadoren-text {
    margin-top: var(--dl-space-space-threeunits);
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .unsere-ambassadoren-image1 {
    margin-bottom: 0px;
  }
  .unsere-ambassadoren-text10 {
    color: rgb(255, 255, 255);
    font-size: 1.15rem;
    margin-top: var(--dl-space-space-threeunits);
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .unsere-ambassadoren-text14 {
    color: var(--dl-color-gray-white);
    font-weight: 300;
  }
}
@media(max-width: 767px) {
  .unsere-ambassadoren-testimonial {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .unsere-ambassadoren-testimonial2 {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
}
@media(max-width: 479px) {
  .unsere-ambassadoren-testimonial {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .unsere-ambassadoren-image {
    width: var(--dl-size-size-xlarge);
    height: var(--dl-size-size-xlarge);
    border-radius: var(--dl-radius-radius-round);
  }
  .unsere-ambassadoren-icon {
    margin-bottom: 0px;
  }
  .unsere-ambassadoren-text {
    width: auto;
  }
  .unsere-ambassadoren-icon2 {
    margin-bottom: var(--dl-space-space-unit);
  }
  .unsere-ambassadoren-testimonial2 {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .unsere-ambassadoren-image1 {
    width: var(--dl-size-size-xlarge);
    height: var(--dl-size-size-xlarge);
    border-radius: var(--dl-radius-radius-round);
  }
  .unsere-ambassadoren-icon4 {
    margin-bottom: 0px;
  }
  .unsere-ambassadoren-text10 {
    color: rgb(255, 255, 255);
    width: auto;
    font-size: 1.15rem;
  }
  .unsere-ambassadoren-icon6 {
    margin-bottom: var(--dl-space-space-unit);
  }
}


/* CUSTOM PAGE PARTNER*/
.feature-card3-feature-card {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-twounits);
  max-width: 440px;
  align-items: center;
  flex-direction: column;
}
.feature-card3-text {
  color: #ffffff;
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--dl-space-space-unit);
}
.feature-card3-container {
  width: 267px;
  height: 126px;
  display: flex;
  align-items: flex-start;
  background-color: var(--dl-color-gray-white);
}
.feature-card3-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding-top: var(--dl-space-space-halfunit);
  padding-left: var(--dl-space-space-halfunit);
  padding-right: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.feature-card3-text1 {
  color: #ffffff;
  text-align: center;
  padding-top: var(--dl-space-space-unit);
}


















.partner-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  border-color: var(--dl-color-gray-black);
  border-style: hidden;
  border-width: 0px;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #2c2c2c;
}
.partner-hallenpatronat {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.partner-text {
  color: rgb(255, 255, 255);
  width: 100%;
  padding: var(--dl-space-space-sixunits);
  font-size: 3em;
  text-align: center;
  padding-top: var(--dl-space-space-threeunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
}
.partner-banner {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  padding-top: 0px;
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
  justify-content: space-between;
}
.partner-container1 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-space-space-sixunits);
  flex-direction: column;
  justify-content: space-between;
}
.partner-text01 {
  color: rgb(255, 255, 255);
  font-style: normal;
  font-weight: 400;
  padding-bottom: var(--dl-space-space-unit);
}
.partner-text02 {
  margin-right: var(--dl-space-space-threeunits);
}
.partner-text03 {
  color: #ffffff;
}
.partner-image {
  width: 494px;
  height: 300px;
  object-fit: contain;
  flex-shrink: 0;
  background-color: white;
}
.partner-court-sponsoring {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.partner-text07 {
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 3em;
  text-align: center;
  padding-top: var(--dl-space-space-sixunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
}
.partner-banner1 {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  padding-top: 0px;
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-threeunits);
  justify-content: space-between;
}
.partner-image1 {
  width: 437px;
  height: 167px;
  padding: var(--dl-space-space-twounits);
  object-fit: contain;
  flex-shrink: 0;
  background-color: white;
}
.partner-container2 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-sixunits);
  flex-direction: column;
  justify-content: space-between;
}
.partner-text08 {
  color: rgb(255, 255, 255);
  font-style: normal;
  font-weight: 400;
  padding-bottom: var(--dl-space-space-unit);
}
.partner-text09 {
  margin-right: 0px;
}
.partner-text10 {
  color: #ffffff;
}
.partner-banner2 {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  padding-top: 0px;
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  flex-direction: row;
  padding-bottom: var(--dl-space-space-threeunits);
  justify-content: space-between;
}
.partner-image2 {
  width: 437px;
  height: 167px;
  padding: var(--dl-space-space-twounits);
  object-fit: contain;
  flex-shrink: 0;
  background-color: white;
}
.partner-container3 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  padding-left: var(--dl-space-space-sixunits);
  flex-direction: column;
  justify-content: space-between;
}
.partner-text14 {
  color: rgb(255, 255, 255);
  font-style: normal;
  font-weight: 400;
  padding-bottom: var(--dl-space-space-unit);
}
.partner-text15 {
  color: #ffffff;
  margin-right: 0px;
}
.partner-sponsoren {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.partner-text16 {
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 3em;
  text-align: center;
  padding-top: var(--dl-space-space-sixunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
}
.partner-container4 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.partner-goenner {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  border-color: var(--dl-color-gray-black);
  border-style: hidden;
  border-width: 0px;
  flex-direction: column;
  justify-content: center;
}
.partner-text17 {
  color: rgb(255, 255, 255);
  width: 100%;
  font-size: 3em;
  text-align: center;
  padding-top: var(--dl-space-space-sixunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
}
.partner-container5 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-bottom: var(--dl-space-space-threeunits);
}
.partner-text18 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text19 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text20 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text21 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text22 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text23 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text24 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text25 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text26 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text27 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text28 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text29 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text30 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text31 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text32 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text33 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
.partner-text34 {
  color: var(--dl-color-gray-white);
  padding-top: var(--dl-space-space-halfunit);
  padding-bottom: var(--dl-space-space-halfunit);
}
@media(max-width: 991px) {
  .partner-banner {
    flex-direction: column;
  }
  .partner-container1 {
    align-items: center;
    margin-right: 0px;
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .partner-text02 {
    text-align: center;
    margin-left: var(--dl-space-space-threeunits);
  }
  .partner-banner1 {
    flex-direction: column;
  }
  .partner-image1 {
    width: 498px;
    height: 189px;
  }
  .partner-container2 {
    align-items: center;
    margin-right: 0px;
    padding-left: 0px;
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .partner-text08 {
    padding-top: var(--dl-space-space-unit);
  }
  .partner-text09 {
    text-align: center;
    margin-left: 0px;
  }
  .partner-banner2 {
    flex-direction: column;
  }
  .partner-image2 {
    width: 498px;
    height: 189px;
  }
  .partner-container3 {
    align-items: center;
    margin-right: 0px;
    padding-left: 0px;
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .partner-text14 {
    padding-top: var(--dl-space-space-unit);
  }
  .partner-text15 {
    text-align: center;
    margin-left: 0px;
  }
}
@media(max-width: 767px) {
  .partner-banner {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .partner-text02 {
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
  }
  .partner-banner1 {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .partner-text09 {
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
  }
  .partner-banner2 {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .partner-text15 {
    margin-left: var(--dl-space-space-unit);
    margin-right: var(--dl-space-space-unit);
  }
}
@media(max-width: 479px) {
  .partner-text {
    padding: var(--dl-space-space-oneandhalfunits);
    font-size: 2em;
  }
  .partner-banner {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .partner-text01 {
    text-align: center;
  }
  .partner-image {
    width: 90%;
  }
  .partner-text07 {
    font-size: 2em;
    padding-left: var(--dl-space-space-oneandhalfunits);
    padding-right: var(--dl-space-space-oneandhalfunits);
  }
  .partner-banner1 {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .partner-image1 {
    width: 90%;
  }
  .partner-banner2 {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .partner-image2 {
    width: 90%;
  }
  .partner-text16 {
    font-size: 2em;
    padding-left: var(--dl-space-space-oneandhalfunits);
    padding-right: var(--dl-space-space-oneandhalfunits);
  }
  .partner-container4 {
    flex-wrap: wrap;
  }
  .partner-text17 {
    font-size: 2em;
    padding-left: var(--dl-space-space-oneandhalfunits);
    padding-right: var(--dl-space-space-oneandhalfunits);
  }
}


/* CUSTOM PAGE UEBER UNS */
.testimonial-card1-testimonial-card {
  display: flex;
  padding: var(--dl-space-space-twounits);
  max-width: var(--dl-size-size-maxwidth);
  background: #fff;
  box-shadow: 5px 5px 10px 0px rgba(18, 18, 18, 0.1);
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.testimonial-card1-icon {
  width: 2rem;
  margin-bottom: var(--dl-space-space-twounits);
}
.testimonial-card1-testimonial {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
.testimonial-card1-text {
  color: var(--dl-color-gray-500);
  text-align: center;
  margin-bottom: var(--dl-space-space-twounits);
}
.testimonial-card1-text1 {
  color: black;
  font-size: 1.5rem;
  text-align: center;
  font-weight: 300;
  margin-bottom: var(--dl-space-space-unit);
}
.testimonial-card1-image {
  width: var(--dl-size-size-medium);
  height: var(--dl-size-size-medium);
  object-fit: cover;
  border-radius: var(--dl-radius-radius-round);
}
.testimonial-card1-root-class-name {
  height: 100%;
  max-height: 600px;
}
.testimonial-card1-root-class-name1 {
  height: 100%;
  max-height: 600px;
}
.testimonial-card1-root-class-name2 {
  height: 100%;
  max-height: 600px;
}
.testimonial-card1-root-class-name3 {
  height: 100%;
  max-height: 600px;
}




@media(max-width: 991px) {
  .testimonial-card1-root-class-name {
    height: auto;
    max-height: auto;
  }
  .testimonial-card1-root-class-name1 {
    height: auto;
    max-height: auto;
  }
  .testimonial-card1-root-class-name2 {
    height: auto;
    max-height: auto;
  }
  .testimonial-card1-root-class-name3 {
    height: auto;
    max-height: auto;
  }
}
@media(max-width: 767px) {
  .testimonial-card1-testimonial-card {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
}
@media(max-width: 479px) {
  .testimonial-card1-testimonial-card {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .testimonial-card1-icon {
    margin-bottom: var(--dl-space-space-unit);
  }
  .testimonial-card1-text {
    margin-bottom: var(--dl-space-space-twounits);
  }
}

.ber-uns-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #2c2c2c;
}
.ber-uns-container01 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-container02 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-text {
  color: rgb(255, 255, 255);
  align-self: center;
  padding-top: var(--dl-space-space-threeunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
}
.ber-uns-text01 {
  color: #ffffff;
  max-width: var(--dl-size-size-maxwidth);
  align-self: center;
  text-align: center;
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
}
.ber-uns-gallery {
  width: 100%;
  height: 1200px;
  display: grid;
  grid-gap: var(--dl-space-space-unit);
  max-width: var(--dl-size-size-maxwidth);
  align-self: center;
  align-items: flex-start;
  padding-top: var(--dl-space-space-twounits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-twounits);
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas: "a b b" "a b b" "a c d" "a c d"  "e e d" "e e f" "e e f";
  grid-template-columns: 1fr 1fr 1fr;
}
.ber-uns-container03 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  opacity: 1;
  grid-area: a;
  transition: 0.3s;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url('https://i.postimg.cc/bJFW1t25/bhzn.webp');
  background-position: top;
}
.ber-uns-container03:hover {
  transform: scale(0.98);
}
.ber-uns-container04 {
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-unit);
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-text09 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  font-size: 1.5rem;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-text10 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  margin-top: 4px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-container05 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  grid-area: b;
  transition: 0.3s;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url('https://i.postimg.cc/dVYshbFy/j6umtngd-2.webp');
  background-position: center;
}
.ber-uns-container05:hover {
  transform: scale(0.98);
}
.ber-uns-container06 {
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-unit);
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-text11 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  font-size: 1.5rem;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-text12 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  margin-top: var(--dl-space-space-halfunit);
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-container07 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  grid-area: c;
  transition: 0.3s;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url('https://i.postimg.cc/FKKQcmB7/tempimageo5xjx5.gif');
}
.ber-uns-container07:hover {
  transform: scale(0.98);
}
.ber-uns-container08 {
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-unit);
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-text13 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  font-size: 1.5rem;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-text14 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  margin-top: var(--dl-space-space-halfunit);
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-container09 {
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  grid-area: d;
  transition: 0.3s;
  align-items: flex-start;
  flex-direction: column;
  background-color: var(--dl-color-gray-white);
}
.ber-uns-container09:hover {
  transform: scale(0.98);
}
.ber-uns-container10 {
  width: 100%;
  height: 100%;
  grid-row: 1;
  grid-column: 1;
  background-color: #fff8b4;
}
.ber-uns-container11 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 70%;
  bottom: 0px;
  height: 50%;
  margin: auto;
  grid-row: 1;
  position: absolute;
  grid-column: 1;
  background-size: contain;
  background-image: url('https://i.postimg.cc/CK7WLtMS/bhzn-logo-screen-small.png');
  background-origin: content-box;
  background-repeat: no-repeat;
  background-position: center;
}
.ber-uns-container12 {
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-unit);
  grid-row: 1;
  grid-column: 1;
  flex-direction: column;
}
.ber-uns-text15 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  font-size: 1.5rem;
  align-self: flex-start;
  text-align: left;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-text16 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  align-self: flex-start;
  margin-top: var(--dl-space-space-halfunit);
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-container13 {
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  grid-area: e;
  transition: 0.3s;
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-container13:hover {
  transform: scale(0.98);
}
.ber-uns-container14 {
  width: 100%;
  height: 100%;
  grid-row: 1;
  grid-column: 1;
}
.ber-uns-iframe {
  width: 100%;
  height: 100%;
}
.ber-uns-container15 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  grid-area: f;
  transition: 0.3s;
  align-items: flex-start;
  flex-direction: column;
  background-size: cover;
  background-image: url('https://i.postimg.cc/9fC62VhL/baustelle.webp');
  background-position: center;
}
.ber-uns-container15:hover {
  transform: scale(0.98);
}
.ber-uns-container16 {
  width: 100%;
  height: 100%;
  display: flex;
  padding: var(--dl-space-space-unit);
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-text17 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  font-size: 1.5rem;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-text18 {
  color: var(--dl-color-gray-white);
  padding: 4px;
  margin-top: var(--dl-space-space-halfunit);
  background-color: rgba(0, 0, 0, 0.3);
}
.ber-uns-container17 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.ber-uns-text19 {
  color: rgb(255, 255, 255);
  align-self: center;
  padding-top: var(--dl-space-space-threeunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
}
.ber-uns-text20 {
  color: rgb(255, 255, 255);
  max-width: var(--dl-size-size-maxwidth);
  align-self: center;
  text-align: center;
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
}
.ber-uns-testimonial {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.ber-uns-container18 {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.ber-uns-container19 {
  width: 100%;
  display: grid;
  grid-gap: var(--dl-space-space-twounits);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ber-uns-container20 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: var(--dl-space-space-fourunits);
}
.ber-uns-features {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-threeunits);
  max-width: var(--dl-size-size-maxwidth);
  align-self: center;
  align-items: center;
  flex-direction: column;
}
.ber-uns-text26 {
  color: rgb(255, 255, 255);
  align-self: center;
  padding-top: var(--dl-space-space-threeunits);
  padding-left: var(--dl-space-space-threeunits);
  padding-right: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
}
.ber-uns-text27 {
  color: rgb(255, 255, 255);
  width: 70%;
  font-size: 1.15rem;
  text-align: center;
}
.ber-uns-container21 {
  width: 100%;
  display: grid;
  grid-gap: var(--dl-space-space-twounits);
  margin-top: var(--dl-space-space-fourunits);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.ber-uns-feature-card {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-items: center;
  flex-direction: column;
}
.ber-uns-icon {
  fill: #FFF8B4;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
}
.ber-uns-text28 {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--dl-space-space-unit);
}
.ber-uns-text29 {
  color: var(--dl-color-gray-white);
  text-align: center;
}
.ber-uns-feature-card1 {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-items: center;
  flex-direction: column;
}
.ber-uns-icon2 {
  fill: #FFF8B4;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
}
.ber-uns-text30 {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--dl-space-space-unit);
}
.ber-uns-text31 {
  color: var(--dl-color-gray-white);
  text-align: center;
}
.ber-uns-feature-card2 {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-items: center;
  flex-direction: column;
}
.ber-uns-icon5 {
  fill: #FFF8B4;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
}
.ber-uns-text32 {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--dl-space-space-unit);
}
.ber-uns-text33 {
  color: var(--dl-color-gray-white);
  text-align: center;
}
.ber-uns-feature-card3 {
  width: 100%;
  display: flex;
  padding: var(--dl-space-space-twounits);
  align-items: center;
  flex-direction: column;
}
.ber-uns-icon7 {
  fill: #FFF8B4;
  width: var(--dl-size-size-small);
  height: var(--dl-size-size-small);
}
.ber-uns-text34 {
  color: var(--dl-color-gray-white);
  font-style: normal;
  margin-top: var(--dl-space-space-unit);
  text-align: center;
  font-weight: 500;
  margin-bottom: var(--dl-space-space-unit);
}
.ber-uns-text35 {
  color: var(--dl-color-gray-white);
  text-align: center;
}
@media(max-width: 991px) {
  .ber-uns-gallery {
    grid-gap: var(--dl-space-space-unit);
  }
  .ber-uns-text09 {
    text-align: center;
  }
  .ber-uns-text11 {
    text-align: center;
  }
  .ber-uns-text12 {
    text-align: center;
  }
  .ber-uns-text13 {
    text-align: center;
  }
  .ber-uns-text14 {
    text-align: center;
  }
  .ber-uns-text17 {
    color: var(--dl-color-gray-white);
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
  }
  .ber-uns-text18 {
    color: var(--dl-color-gray-white);
    text-align: center;
  }
  .ber-uns-text19 {
    color: rgb(255, 255, 255);
  }
  .ber-uns-container19 {
    grid-template-columns: 1fr;
  }
  .ber-uns-text26 {
    color: rgb(255, 255, 255);
  }
  .ber-uns-text27 {
    color: var(--dl-color-gray-white);
    font-size: 1.15rem;
    text-align: center;
  }
  .ber-uns-container21 {
    grid-template-columns: 1fr 1fr;
  }
}
@media(max-width: 767px) {
  .ber-uns-gallery {
    height: auto;
    display: flex;
    padding: var(--dl-space-space-twounits);
    flex-direction: column;
  }
  .ber-uns-container03 {
    height: 400px;
  }
  .ber-uns-container05 {
    height: 400px;
  }
  .ber-uns-container07 {
    height: 400px;
    background-position: center;
  }
  .ber-uns-container09 {
    height: 400px;
  }
  .ber-uns-container11 {
    position: static;
    margin-bottom: var(--dl-space-space-threeunits);
  }
  .ber-uns-container13 {
    height: 400px;
  }
  .ber-uns-container15 {
    height: 400px;
  }
  .ber-uns-container18 {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .ber-uns-features {
    padding-left: var(--dl-space-space-twounits);
    padding-right: var(--dl-space-space-twounits);
  }
  .ber-uns-container21 {
    position: relative;
  }
}
@media(max-width: 479px) {
  .ber-uns-text {
    padding: var(--dl-space-space-unit);
  }
  .ber-uns-text01 {
    padding: var(--dl-space-space-unit);
  }
  .ber-uns-gallery {
    width: 100%;
    padding: var(--dl-space-space-unit);
  }
  .ber-uns-container03 {
    height: var(--dl-size-size-xxlarge);
    background-size: cover;
    background-image: 7542f695-3f20-4cbd-844a-8a3e4a541f66;
  }
  .ber-uns-container05 {
    height: var(--dl-size-size-xxlarge);
  }
  .ber-uns-container07 {
    height: var(--dl-size-size-xxlarge);
  }
  .ber-uns-container09 {
    height: var(--dl-size-size-xxlarge);
  }
  .ber-uns-container11 {
    margin-bottom: var(--dl-space-space-twounits);
  }
  .ber-uns-container13 {
    height: var(--dl-size-size-xxlarge);
  }
  .ber-uns-container15 {
    height: var(--dl-size-size-xxlarge);
  }
  .ber-uns-text20 {
    padding: var(--dl-space-space-unit);
  }
  .ber-uns-container18 {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .ber-uns-features {
    padding-top: var(--dl-space-space-twounits);
    padding-left: var(--dl-space-space-unit);
    padding-right: var(--dl-space-space-unit);
    padding-bottom: var(--dl-space-space-twounits);
  }
  .ber-uns-container21 {
    grid-template-columns: 1fr;
  }
}



/* CUSTOM PAGE HOME */
.home-container {
  width: 100%;
  height: fit-content;
  display: flex;
  overflow: auto;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #383838;
}
.home-text {
  color: var(--dl-color-gray-white);
  text-align: center;
}
.home-testimonial {
  width: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
.home-container1 {
  width: 100%;
  display: flex;
  max-width: var(--dl-size-size-maxwidth);
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.home-container2 {
  width: 100%;
  display: grid;
  grid-gap: var(--dl-space-space-threeunits);
  padding-top: var(--dl-space-space-threeunits);
  padding-bottom: var(--dl-space-space-threeunits);
  grid-template-columns: 1fr 1fr;
}
.home-container3 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.home-container4 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  margin: 0px;
  display: flex;
  padding: var(--dl-space-space-oneandhalfunits);
  align-items: flex-start;
  padding-top: 24px;
  flex-direction: column;
  background-color: #2c2c2c;
}
.home-text11 {
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  align-self: center;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  padding-bottom: var(--dl-space-space-halfunit);
}
.home-container5 {
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-self: center;
  align-items: flex-start;
  flex-direction: column;
  padding-bottom: var(--dl-space-space-twounits);
  justify-content: center;
}
.home-text14 {
  color: var(--dl-color-gray-white);
  font-size: 14px;
  align-self: center;
  text-align: center;
  padding-bottom: var(--dl-space-space-halfunit);
}
.home-text15 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  align-self: center;
  text-align: center;
}
.home-container6 {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
}
.home-container7 {
  flex: 0 0 auto;
  width: 100%;
  margin: 0px;
  display: flex;
  padding: var(--dl-space-space-oneandhalfunits);
  align-items: center;
  flex-direction: column;
  background-color: #2c2c2c;
}
.home-text17 {
  color: #ffffff;
  font-size: 1.5rem;
  align-self: center;
  font-style: normal;
  text-align: center;
  font-weight: 600;
  padding-bottom: var(--dl-space-space-halfunit);
}
.home-text20 {
  color: var(--dl-color-gray-white);
  font-size: 14px;
  align-self: center;
  text-align: center;
}
.home-link1 {
  color: rgb(255, 255, 255);
  font-size: 14px;
  align-self: center;
  text-align: center;
  text-decoration: underline;
}
.home-container8 {
  flex: 0 0 auto;
  width: auto;
  height: auto;
  display: flex;
  align-items: flex-start;
  padding-top: var(--dl-space-space-unit);
  justify-content: center;
}
.home-link2 {
  display: contents;
}
.home-icon {
  fill: #fff8b4;
  width: 24px;
  height: 24px;
  margin-right: var(--dl-space-space-twounits);
  text-decoration: none;
}
.home-link3 {
  display: contents;
}
.home-icon2 {
  fill: #fff8b4;
  width: 24px;
  height: 24px;
  margin-right: var(--dl-space-space-twounits);
  text-decoration: none;
}
.home-link4 {
  display: contents;
}
.home-icon4 {
  fill: #fff8b4;
  width: 24px;
  height: 24px;
  margin-right: var(--dl-space-space-twounits);
  text-decoration: none;
}
.home-link5 {
  display: contents;
}
.home-icon6 {
  fill: #fff8b4;
  width: 24px;
  height: 24px;
  display: none;
  text-decoration: none;
}
@media(max-width: 991px) {
  .home-container2 {
    grid-gap: var(--dl-space-space-oneandhalfunits);
    padding-top: var(--dl-space-space-threeunits);
    padding-bottom: var(--dl-space-space-twounits);
    grid-template-columns: 1fr;
  }
}
@media(max-width: 767px) {
  .home-container7 {
    position: relative;
  }
  .home-icon {
    margin-right: var(--dl-space-space-oneandhalfunits);
  }
  .home-icon2 {
    margin-right: var(--dl-space-space-oneandhalfunits);
  }
  .home-icon4 {
    margin-right: var(--dl-space-space-oneandhalfunits);
  }
}