/* Schriftart importieren */
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');

/* Schriftart auf das Widget anwenden */
.widget-container {
    font-family: 'Montserrat', sans-serif;
}

#sb-timeline #steps #steps-content #sb_booking_content .paid-attribute-wrapper .title-main {
    display: inline-flex;
    align-items: center;
    min-height: 60px;
    font-size: 24px;
    font-family: 'Montserrat', sans-serif; /* Hier wird die Schriftart geändert */
    font-weight: 400;
    padding: 0;
    margin-bottom: 30px;
    position: relative;
    text-align: left;
    letter-spacing: 1.5px;
}
/*
	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 */
}

/* Rabatt-Schild auf Gutscheinkarten ausblenden */
.promotion-item__tag { display: none !important; }

/* ===== FIFTYNINE STYLE – angelehnt an www.fiftynine-golf.de ===== */
:root {
  --fn-bg: #0a0a0a;
  --fn-surface: #101010;
  --fn-text: #f5f1ec;
  --fn-muted: #9a948d;
  --fn-orange: #ec691a;
  --fn-line: rgba(245, 241, 236, 0.12);
  --fn-line-strong: rgba(245, 241, 236, 0.22);
  --fn-font: "Inter Tight", Inter, "Helvetica Neue", Arial, sans-serif;
}

/* Grundlayout & Schrift */
html, body, #main, section, .promo-list-wrap, #sb_content, .main-content {
  background-color: var(--fn-bg) !important;
}
body, body *:not(.fa):not([class*="fa-"]):not(.glyphicon) {
  font-family: var(--fn-font) !important;
}
body { color: var(--fn-text) !important; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, .company-name, .title-main, .cap {
  color: var(--fn-text) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}
p, .description, .excerpt, .text, .txt { color: var(--fn-muted); line-height: 1.55; }
a { color: var(--fn-orange); }
a:hover { color: var(--fn-text); }
::selection { background: var(--fn-orange); color: var(--fn-bg); }

/* Kopfzeile */
header#header, header#header.web {
  background-color: var(--fn-bg) !important;
  border-bottom: 1px solid var(--fn-line) !important;
  box-shadow: none !important;
}
header#header .logo img { filter: invert(1); mix-blend-mode: lighten; }
header#header .nav > li > a, #sb_menu .nav > li > a {
  color: var(--fn-text) !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  background: transparent !important;
}
header#header .nav > li.active > a, header#header .nav > li > a:hover {
  color: var(--fn-orange) !important;
}
.nav-wrapper, #sb_menu { background-color: var(--fn-bg) !important; }
header#header .nav-wrapper { border: 1px solid var(--fn-line) !important; }
.nav-trigger {
  background-color: transparent !important;
  border: 1px solid var(--fn-line-strong) !important;
  border-radius: 0 !important;
  color: var(--fn-text) !important;
}
.nav-trigger i, .cart i { color: var(--fn-text) !important; }
.cart.item-container {
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f1ec' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1 1 0 0 0 1 .8h9.2a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9' cy='20' r='1.3'/%3E%3Ccircle cx='17' cy='20' r='1.3'/%3E%3C/svg%3E") center / 26px no-repeat !important;
}
.counter.sb-qty { background: var(--fn-orange) !important; color: var(--fn-bg) !important; }

/* Titel auf der Startseite */
.company-name {
  font-size: clamp(32px, 5vw, 64px) !important;
  line-height: 0.95 !important;
  letter-spacing: -0.02em !important;
  max-width: min(55vw, 560px) !important;
  white-space: normal !important;
  word-break: normal !important;
}

/* Buttons */
.btn, a.btn, button.btn, input[type="submit"], input[type="button"], .btn.select, .btn.book {
  background-color: var(--fn-orange) !important;
  color: var(--fn-bg) !important;
  border: 1px solid var(--fn-orange) !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.16em !important;
  box-shadow: none !important;
  transition: background-color .2s, color .2s, border-color .2s;
}
.btn *, a.btn * { color: inherit !important; }
.btn:hover, a.btn:hover, button.btn:hover, input[type="submit"]:hover {
  background-color: var(--fn-text) !important;
  border-color: var(--fn-text) !important;
  color: var(--fn-bg) !important;
}
.btn.map, .btn.btn-default, .btn.btn-link, .btn.select-another, .btn.secondary {
  background: transparent !important;
  color: var(--fn-text) !important;
  border: 1px solid var(--fn-line-strong) !important;
}
.btn.map:hover, .btn.btn-default:hover {
  border-color: var(--fn-orange) !important;
  color: var(--fn-orange) !important;
  background: transparent !important;
}

/* Karten (Gutscheine, Leistungen, Listen) */
.tab.tab-col, .promotion-item .tab, .service-item .tab, .item .tab, .panel, .card, .tile {
  background-color: var(--fn-surface) !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: border-color .2s;
}
.tab.tab-col:hover { border-color: var(--fn-orange) !important; }
.tab.tab-col h4, .tab.tab-col .cap { font-size: 20px !important; font-weight: 600 !important; }
.tab.tab-col p, .tab.tab-col .description { color: var(--fn-muted) !important; }
.tab.tab-col b, .tab.tab-col strong { color: var(--fn-text) !important; }
.read-more { background: var(--fn-surface) !important; color: var(--fn-orange) !important;
  text-transform: uppercase; font-size: 11px !important; font-weight: 700; letter-spacing: .16em; }
.read-more::before { background-image: linear-gradient(to right, rgba(16,16,16,0), #101010 68%, #101010 100%) !important; }
.promo-label::before { background-color: var(--fn-orange) !important; }
.tabs-container { background-color: var(--fn-bg) !important; border-bottom: 1px solid var(--fn-line) !important; }
.tabs-container .tab-link a {
  color: var(--fn-muted) !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}
.tabs-container .tab-link.active a { color: var(--fn-orange) !important; }
.tabs-container .tab-link.active a, .tabs-container .tab-link.active { border-color: var(--fn-orange) !important; }
.price-val, .promotion-item__price { color: var(--fn-text) !important; font-weight: 700 !important; }
small, .bar-service__item-txt { color: var(--fn-muted) !important; }

/* Tabs (z. B. "Guthaben- und Geschenkkarten / Ihre Karten") */
.nav-tabs, .tabs { border-color: var(--fn-line) !important; }
.nav-tabs > li > a, .tabs a {
  color: var(--fn-muted) !important;
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .16em;
  background: transparent !important;
  border-radius: 0 !important;
}
.nav-tabs > li.active > a, .tabs .active a, .tabs a.active { color: var(--fn-orange) !important; }

/* Formulare */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="number"], select, textarea, .form-control {
  background-color: var(--fn-surface) !important;
  color: var(--fn-text) !important;
  border: 1px solid var(--fn-line-strong) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
input:focus, select:focus, textarea:focus, .form-control:focus {
  border-color: var(--fn-orange) !important;
  outline: none !important;
}
label { color: var(--fn-muted) !important; font-size: 13px; }

/* Buchungsablauf: Kalender & Zeitslots */
.slot, .time-slot, .timeslot, .slots-view .slot, [class*="slot-item"] {
  background: var(--fn-surface) !important;
  color: var(--fn-text) !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 0 !important;
}
.slot:hover, .time-slot:hover, .slot.selected, .slot.active {
  border-color: var(--fn-orange) !important;
  color: var(--fn-orange) !important;
}
.hour-row::after { background-color: var(--fn-line) !important; }
.sb-cell.free {
  background-color: var(--fn-surface) !important;
  border: 1px solid var(--fn-line-strong) !important;
  border-top: 3px solid var(--fn-orange) !important;
  border-radius: 0 !important;
  transition: background-color .2s, border-color .2s;
}
.sb-cell.free, .sb-cell.free * { color: var(--fn-text) !important; }
.sb-cell.free .provider-time, .sb-cell.free .provider-time * { color: var(--fn-muted) !important; }
.sb-cell.free:hover { background-color: rgba(236, 105, 26, 0.12) !important; border-color: var(--fn-orange) !important; }
.time-legend .available .circle { background-color: var(--fn-orange) !important; }
.time-legend { color: var(--fn-muted) !important; }
.ui-datepicker, .datepicker, .calendar { background: var(--fn-surface) !important; border-radius: 0 !important; }
.ui-state-active, .ui-datepicker .ui-state-active, .datepicker .active, .day.selected, .selected-day {
  background: var(--fn-orange) !important; color: var(--fn-bg) !important; border-radius: 0 !important;
}

/* Fußzeile, Cookie-Hinweis, Nach-oben-Button */
footer#footer, #footer { background-color: var(--fn-bg) !important; border-top: 1px solid var(--fn-line) !important; color: var(--fn-muted) !important; }
#footer a { color: var(--fn-muted) !important; }
#footer a:hover { color: var(--fn-orange) !important; }
#sb_cookies_block { background: var(--fn-surface) !important; border-top: 1px solid var(--fn-line) !important; color: var(--fn-muted) !important; }
.scroll-top-button { background: var(--fn-orange) !important; color: var(--fn-bg) !important; border-radius: 0 !important; }
/* "Summe" mit Punkt auf Gutscheinkarten ausblenden */
.bar-service__item-promo-label, .promo-label { display: none !important; }
/* Laufzeit ("3 Jahre") ueber dem Kaufbutton ausblenden */
.bar-service__item-promo-time { display: none !important; }
.promotion-item .bar-service__row { min-height: 0 !important; }
/* ===== Ende FIFTYNINE STYLE ===== */

/* ===== FIFTYNINE CHECKOUT & FORMULARE ===== */
h1, h2, h3 { line-height: 1.15 !important; letter-spacing: -0.02em !important; }
.required { color: var(--fn-orange) !important; }
label, .control-label { color: var(--fn-muted) !important; font-size: 13px !important; font-weight: 500 !important; }
.input-group-addon {
  background-color: var(--fn-surface) !important;
  color: var(--fn-muted) !important;
  border: 1px solid var(--fn-line-strong) !important;
  border-right: 0 !important;
  border-radius: 0 !important;
}
.iti__selected-flag, .iti__flag-container { background: transparent !important; }
.iti__country-list { background: var(--fn-surface) !important; color: var(--fn-text) !important; border: 1px solid var(--fn-line-strong) !important; }
.iti__arrow { border-top-color: var(--fn-muted) !important; }
input::placeholder, textarea::placeholder { color: rgba(245, 241, 236, 0.35) !important; }

/* Checkboxen (zwei Varianten im System) */
.custom-label:empty {
  background-color: transparent !important;
  border: 1px solid var(--fn-line-strong) !important;
  border-radius: 0 !important;
}
input:checked + .custom-label:empty { background-color: var(--fn-orange) !important; border-color: var(--fn-orange) !important; }
.custom-label:not(:empty)::before, .product-label::before {
  background-color: transparent !important;
  border: 1px solid var(--fn-line-strong) !important;
  border-radius: 0 !important;
}
input:checked + .custom-label:not(:empty)::before, input:checked + .product-label::before {
  background-color: var(--fn-orange) !important;
  border-color: var(--fn-orange) !important;
}
.custom-label, .product-label { color: var(--fn-muted) !important; }
.custom-label a, .product-label a { color: var(--fn-text) !important; text-decoration: underline; text-underline-offset: 3px; }

/* Sekundaere Buttons: Social-Login, "Weitere Buchungen hinzufuegen", Zurueck */
.btn.btn--action.gl, .btn.btn--action.fb, #sb_facebook_login_btn, #sb_multiple_booking_btn {
  background-color: transparent !important;
  color: var(--fn-text) !important;
  border: 1px solid var(--fn-line-strong) !important;
}
.btn.btn--action.gl:hover, .btn.btn--action.fb:hover, #sb_facebook_login_btn:hover, #sb_multiple_booking_btn:hover {
  border-color: var(--fn-orange) !important;
  color: var(--fn-orange) !important;
  background-color: transparent !important;
}
#sb_facebook_login_btn img { filter: grayscale(1) brightness(1.6); opacity: .85; }
.section-divider { background-color: var(--fn-line) !important; }
.confirm-details .buttons-container { flex-direction: column-reverse !important; align-items: stretch !important; gap: 10px !important; }
.confirm-details .buttons-container > div { width: 100% !important; margin: 0 !important; }
#sb_book_btn, #sb_multiple_booking_btn { display: block !important; width: 100% !important; margin: 0 !important; padding: 16px 20px !important; }

/* Detail-Popup (Leistungen) und Warenkorb */
.full-info, .full-info--cart {
  background-color: var(--fn-surface) !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 0 !important;
  box-shadow: 0 30px 80px rgba(0, 0, 0, .6) !important;
}
.full-info .name { color: var(--fn-text) !important; font-size: 22px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
.full-info .badge.price, .full-info .price { color: var(--fn-orange) !important; background: transparent !important; font-weight: 700 !important; }
.close-full-info, .sb-cart-popup-close { filter: invert(1); border-radius: 0 !important; }

/* Hinweise / Meldungen */
.alert, .alert-info, .alert-success, .alert-warning, .alert-danger {
  background-color: var(--fn-surface) !important;
  color: var(--fn-muted) !important;
  border: 1px solid var(--fn-line) !important;
  border-left: 3px solid var(--fn-orange) !important;
  border-radius: 0 !important;
}
.alert a { color: var(--fn-orange) !important; }

/* Schritt-Leiste oben im Buchungsablauf */
.step_info_item, .step_info_item * { color: var(--fn-muted) !important; text-transform: uppercase; letter-spacing: .14em; font-size: 12px !important; }
.step_info_item.active, .step_info_item.active * { color: var(--fn-text) !important; }
.step_info_item.active::after { border-color: var(--fn-orange) !important; background-color: var(--fn-orange) !important; }

/* Titelbild auf Unterseiten (Buchung, Gutscheine, Checkout) kompakter */
.sb-layout:not(.page--index) #main-buttons { height: 420px !important; min-height: 420px !important; }
@media (max-width: 767px) { .sb-layout:not(.page--index) #main-buttons { height: 300px !important; min-height: 300px !important; } }

/* Menue-Kasten nur im mobilen Aufklapp-Menue */
@media (min-width: 992px) { header#header .nav-wrapper { border: 0 !important; } }

/* Zurueck-Links */
.back-link, a.back, [class*="back-btn"] { color: var(--fn-muted) !important; }
/* ===== Ende CHECKOUT ===== */

/* ===== FIFTYNINE BEZAHLSEITE ===== */
/* Zahlungsarten: helle Kacheln, damit die Logos lesbar sind */
#sb_payment_systems_container .payment-system,
.payment-system-container .payment-system,
.payment-modal .payment-system {
  background: #f5f1ec !important;
  border: 2px solid #f5f1ec !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: border-color .2s, background-color .2s !important;
}
#sb_payment_systems_container .payment-system:hover,
#sb_payment_systems_container .payment-system.active,
.payment-system-container .payment-system:hover,
.payment-system-container .payment-system.active,
.payment-modal .payment-system:hover,
.payment-modal .payment-system.active {
  background: #ffffff !important;
  border-color: var(--fn-orange) !important;
}
.payment-system .name {
  color: var(--fn-text) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: .14em;
}
.payment-system .sbpay-sub-systems--informer { background: #ffffff !important; color: #0a0a0a !important; }
.modal-dialog.payment-modal, .payment-modal .modal-content { background-color: var(--fn-surface) !important; border-radius: 0 !important; }
.modal-dialog.payment-modal .modal-content .modal-header .modal-title { background-color: transparent !important; color: var(--fn-text) !important; }
.payment-modal .total { background-color: var(--fn-bg) !important; color: var(--fn-text) !important; }
#sb_back_btn { background: transparent !important; color: var(--fn-text) !important; border: 1px solid var(--fn-line-strong) !important; }
#sb_pay_btn { background: var(--fn-orange) !important; color: var(--fn-bg) !important; opacity: 1 !important; }

/* Zusammenfassung der Bestellung */
.invoice-pay-page .grey-block,
.invoice-pay-page-grid_item.right-block .right-block--section-pd {
  background: var(--fn-surface) !important;
  color: var(--fn-text) !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.invoice-pay-page table, .invoice-pay-page .invoice-table, .invoice-pay-page .table,
.invoice-pay-page-grid table {
  background: transparent !important;
  border: 0 !important;
}
.invoice-pay-page table thead, .invoice-pay-page-grid table thead,
.invoice-pay-page-grid_item.right-block .right-block--body table thead {
  background: transparent !important;
}
.invoice-pay-page table th, .invoice-pay-page-grid table th {
  background: transparent !important;
  color: var(--fn-muted) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: .14em;
  border: 0 !important;
  border-bottom: 1px solid var(--fn-line-strong) !important;
}
.invoice-pay-page table tbody tr, .invoice-pay-page table tbody tr:nth-child(odd), .invoice-pay-page table tbody tr:nth-child(2n),
.invoice-pay-page-grid table tbody tr {
  background: transparent !important;
}
.invoice-pay-page table td, .invoice-pay-page-grid table td {
  background: transparent !important;
  color: var(--fn-text) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--fn-line) !important;
}
.invoice-pay-page table td *, .invoice-pay-page-grid table td * { color: inherit !important; }
.invoice-pay-page .invoice-total-prices, .invoice-pay-page .invoice-total-prices * { color: var(--fn-muted) !important; }
.invoice-pay-page .invoice-total-prices .invoice-amount--value { color: var(--fn-text) !important; }
.invoice-pay-page .text-warning, .invoice-pay-page .label-warning, .invoice-pay-page [class*="status"] .text-warning,
.invoice-pay-page [class*="pending"], .invoice-pay-page .status-new { color: var(--fn-orange) !important; background: transparent !important; }
.invoice-pay-page .text-success { color: #7fd18f !important; }
.invoice-pay-page .accordion .accordion-header .title { color: var(--fn-text) !important; }
.invoice-pay-page .promo-code-input .custom-form .btn, .invoice-pay-page .invoice-btn-bar .btn { color: var(--fn-bg) !important; }
.promotions-letter-flag, .deposit-paid-event, .invoice-tips .tips-view { border-color: var(--fn-line) !important; }
/* ===== Ende BEZAHLSEITE ===== */

/* ===== FIFTYNINE GALERIE ===== */
#gallery-view .img-list--item a { display: block; overflow: hidden; border: 1px solid var(--fn-line) !important; border-radius: 0 !important; transition: border-color .2s; }
#gallery-view .img-list--item a:hover { border-color: var(--fn-orange) !important; }
#gallery-view .img-list--item img { border-radius: 0 !important; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .4s ease; }
#gallery-view .img-list--item a:hover img { transform: scale(1.04); }
/* ===== Ende GALERIE ===== */

/* ===== FIFTYNINE UX & MARKETING ===== */
/* Startseite: Botschaft zuerst, redundante Oeffnungszeiten-Liste weg (24/7 steht im Text) */
.index-data-wrapper > .row { display: flex !important; flex-wrap: wrap !important; }
.index-data-wrapper > .row > div:has(#schedule) { display: none !important; }
.index-data-wrapper > .row > div:has(#about-us) { order: -1; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
.index-data-wrapper > .row > div:has(#contacts) { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
#about-us .section-pd { padding-top: 56px !important; padding-bottom: 40px !important; }
#about-us .title-main { display: none !important; }
#about-us .txt { max-width: 720px; }
#about-us .txt h2 { font-size: clamp(30px, 6vw, 52px) !important; line-height: 1.02 !important; letter-spacing: -0.035em !important; margin: 0 0 18px !important; color: var(--fn-text) !important; }
#about-us .txt h3 {
  color: var(--fn-orange) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase;
  margin: 40px 0 14px !important;
}
#about-us .txt p { color: var(--fn-muted) !important; font-size: 16px; line-height: 1.6; }
#about-us .txt ul { list-style: none !important; padding: 0 !important; margin: 0 0 16px !important; border-top: 1px solid var(--fn-line); }
#about-us .txt ul li {
  display: grid !important;
  grid-template-columns: 1fr auto;
  column-gap: 16px;
  align-items: center;
  margin: 0 !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid var(--fn-line);
  list-style: none !important;
}
#about-us .txt ul li::before { display: none !important; content: none !important; }
#about-us .txt ul li > b:first-child { grid-column: 1; grid-row: 1; color: var(--fn-text) !important; font-size: 16px; }
#about-us .txt ul li > span { grid-column: 1; grid-row: 2; color: var(--fn-muted) !important; font-size: 14px; }
#about-us .txt ul li > b:last-child { grid-column: 2; grid-row: 1 / span 2; color: var(--fn-orange) !important; font-size: 22px; letter-spacing: -0.02em; }
#about-us .txt ol { padding-left: 20px; color: var(--fn-text) !important; }
#about-us .txt ol li { padding: 6px 0 6px 6px; }
#about-us .txt ol li::marker { color: var(--fn-orange); font-weight: 700; }
#about-us .txt a { color: var(--fn-orange) !important; text-decoration: underline; text-underline-offset: 3px; }

/* Titelbild: Hauptaktion zuerst, Kurz-Infos unter dem Namen */
#main-buttons .bar .btn.book { order: -1; }
.page--index .company-name::after {
  content: "24/7 geöffnet · ab 29 € pro Bay · bis zu 4 Personen";
  display: block;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: .01em;
  text-transform: none;
  color: rgba(245, 241, 236, .85);
}

/* Buchung: Extras ohne generisches Platzhalter-Icon, kompakter */
.paid-attr__item .preloader.__default-svg-icon, .paid-attr__item .img-full__default { display: none !important; }
.paid-attr__item .tab { padding-top: 6px !important; }
/* Stornobedingungen-Haken: fest eingebauter englischer Text -> Deutsch */
#sb_cancellation_terms_link { font-size: 0 !important; }
#sb_cancellation_terms_link::before { content: "Ich akzeptiere die Stornobedingungen"; font-size: 13px; text-decoration: underline; text-underline-offset: 3px; }
#sb_cancellation_terms_link .required { font-size: 13px !important; margin-left: 2px; }

/* Extras-Ueberschrift: lesbar statt gequetscht */
#sb_attribute_container .title-main {
  display: block !important;
  min-height: 0 !important;
  font-family: var(--fn-font) !important;
  font-size: clamp(20px, 4.5vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
  text-align: center;
  margin-bottom: 24px !important;
}

/* Alle Seitenueberschriften: Zeilen nicht ueberlappen */
.title-main { line-height: 1.15 !important; }

/* Betraege nie umbrechen */
.full-info-price--value, .price-val, .promotion-item__price, .invoice-amount--value { white-space: nowrap !important; }
.full-info-price--total .full-info-price--value { color: var(--fn-orange) !important; }

/* Kalender: Tarifname nicht abschneiden */
.sb-cell .provider-name { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; font-size: 12px !important; line-height: 1.2 !important; }
@media (max-width: 767px) { .page--index .company-name::after { content: "24/7 geöffnet\A ab 29 € pro Bay\A bis zu 4 Personen"; white-space: pre-line; } }
#content-view #about-us .txt ul, #content-view #about-us .txt ol { margin-left: 0 !important; margin-right: 0 !important; list-style-position: outside !important; }
#content-view #about-us .txt ol { padding-left: 22px !important; }
/* ===== Ende UX & MARKETING ===== */

/* ===== FIFTYNINE Kunden-App (PWA): Lesbarkeit – wirkt nur in der App (.pwa__body) ===== */
.pwa__body .item__info-bar .badge, .pwa__body .badge, .pwa__body .item-price { color: #F5F1EC !important; font-weight: 600 !important; }
.pwa__body .mdc-button__read-more, .pwa__body .item__footer .mdc-button, .pwa__body .item__footer .mdc-button i { color: #938D86 !important; }
.pwa__body .item__picture--user i, .pwa__body .item__picture i { color: #938D86 !important; }
.pwa__body .remind-pass, .pwa__body .detail-step--switcher, .pwa__body .btn--link { color: #EC691A !important; }
.pwa__body .mdc-text-field--outlined .mdc-notched-outline__leading, .pwa__body .mdc-text-field--outlined .mdc-notched-outline__notch, .pwa__body .mdc-text-field--outlined .mdc-notched-outline__trailing { border-color: rgba(245,241,236,.35) !important; }
.pwa__body .mdc-text-field--focused .mdc-notched-outline__leading, .pwa__body .mdc-text-field--focused .mdc-notched-outline__notch, .pwa__body .mdc-text-field--focused .mdc-notched-outline__trailing { border-color: #EC691A !important; }
.pwa__body .mdc-text-field--outlined { background: #141414 !important; border-radius: 4px; }
.pwa__body .mdc-text-field__input { background: transparent !important; color: #F5F1EC !important; }
.pwa__body .mdc-text-field .mdc-floating-label { color: #938D86 !important; z-index: 2 !important; }
.pwa__body .mdc-checkbox__background { border-color: rgba(245,241,236,.5) !important; }
.pwa__body .mdc-button--raised:not(:disabled), .pwa__body .btn--sign-in { background-color: #EC691A !important; color: #0A0A0A !important; font-weight: 700 !important; }
.pwa__body .index__item-contacts-bar .mdc-button, .pwa__body .index__item-contacts-bar .mdc-button__label { color: #F5F1EC !important; }
.pwa__body .mdc-card__about-us-wrapper .mdc-card__actions--button, .pwa__body .mdc-card__about-us-wrapper .mdc-card__actions--button .mdc-button__label, .pwa__body .mdc-card__about-us-wrapper .mdc-card__actions--button span { color: #EC691A !important; }
.pwa__body .mdc-tab .mdc-tab__text-label { color: #F5F1EC !important; }
.pwa__body .mdc-tab-indicator__content--underline { border-color: #EC691A !important; }
.pwa__body a[href="#reviews"], .pwa__body a[href="#gallery"] { display: none !important; }
/* ===== Ende Kunden-App ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v2 (nur App) ===== */
.pwa__body .pwa-app__header { background: #0A0A0A !important; border-bottom: 1px solid rgba(245,241,236,.08) !important; box-shadow: none !important; }
.pwa__body .pwa-app__step-count, .pwa__body .step-header__step { display: none !important; }
.pwa__body .mdc-drawer { background: #0A0A0A !important; border-right: 1px solid rgba(245,241,236,.08) !important; }
.pwa__body .mdc-drawer__header { position: relative !important; background: #0A0A0A url("https://fiftynine.simplybook.it/uploads/fiftynine/image_files/pwa192/b779feb21b1cb9d9d91de6c0869a79bf.png") no-repeat 16px 22px / 52px 52px !important; min-height: 96px !important; border-bottom: 1px solid rgba(245,241,236,.08) !important; padding-left: 84px !important; }
.pwa__body .mdc-drawer__header::after { content: 'FIFTYNINE'; display: block; color: #F5F1EC; font-weight: 600; letter-spacing: .32em; font-size: 15px; position: absolute; left: 84px; top: 34px; }
.pwa__body .mdc-drawer .client-profile__form-avatar { display: none !important; }
.pwa__body .mdc-drawer__title { color: #F5F1EC !important; }
.pwa__body .mdc-drawer__subtitle, .pwa__body .mdc-drawer .mdc-list-group__subheader { color: #938D86 !important; }
.pwa__body .mdc-drawer .mdc-list-item, .pwa__body .mdc-drawer .mdc-list-item__text { color: #F5F1EC !important; }
.pwa__body .mdc-drawer .mdc-list-item i, .pwa__body .mdc-drawer .mdc-list-item .material-icons, .pwa__body .mdc-drawer .mdc-list-item svg { color: #EC691A !important; }
.pwa__body .mdc-drawer .mdc-list-item--activated, .pwa__body .mdc-drawer .mdc-list-item:hover { background: rgba(236,105,26,.12) !important; }
.pwa__body .mdc-drawer .mdc-list-item:focus { background: transparent !important; }
.pwa__body .mdc-drawer .mdc-list-divider, .pwa__body .mdc-drawer hr { border-color: rgba(245,241,236,.1) !important; background: rgba(245,241,236,.1) !important; }
.pwa__body:has(.mdc-drawer__title:empty) .mdc-drawer a[href="#client/sign-out"] { display: none !important; }
.pwa__body .pwa-app__booking-steps-nav { background: transparent !important; }
.pwa__body .pwa-app__booking-steps-nav .title-sub { display: none !important; }
.pwa__body .pwa-app__booking-steps-nav .content { display: flex !important; flex-direction: column !important; justify-content: center !important; min-height: 56px !important; padding-top: 0 !important; }
.pwa__body .pwa-app__booking-steps-nav .title, .pwa__body .pwa-app__booking-steps-nav .title-small { font-size: 19px !important; font-weight: 700 !important; color: #F5F1EC !important; margin: 0 !important; line-height: 1.2 !important; transform: translateY(8px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 62vw; }
.pwa__body .pwa-app__header .mdc-button--contained, .pwa__body .header__btn-close, .pwa__body .header__btn-back { background: transparent !important; box-shadow: none !important; }
.pwa__body .top-date-select { background: #141414 !important; border-bottom: 1px solid rgba(245,241,236,.08) !important; }
.pwa__body .top-date-select .datepicker-button, .pwa__body .top-date-select .datepicker-button * { color: #F5F1EC !important; font-weight: 700 !important; }
.pwa__body .top-date-select button, .pwa__body .top-date-select a, .pwa__body .top-date-select i, .pwa__body .top-date-select svg { color: #EC691A !important; background: transparent !important; }
.pwa__body .sb-cell.free { background: #141414 !important; color: #F5F1EC !important; border-color: rgba(245,241,236,.14) !important; border-top: 3px solid #EC691A !important; border-radius: 6px !important; }
.pwa__body .paid-attribute-totals p, .pwa__body .paid-attribute-totals > * { background: #141414 !important; color: #F5F1EC !important; border: 1px solid rgba(245,241,236,.1) !important; }
.pwa__body .paid-attribute-totals * { color: #F5F1EC !important; }
.pwa__body .paid-attribute-totals i { color: #EC691A !important; }
.pwa__body.page__paid_attributes .item__picture-wrapper { display: none !important; }
.pwa__body .item__content .title.short, .pwa__body .item__content h4 { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
.pwa__body .item__picture svg, .pwa__body .item__picture i, .pwa__body .item__picture-wrapper svg { color: #EC691A !important; }
.pwa__body .mdc-list-contacts__item, .pwa__body .mdc-list-contacts__item * { color: #F5F1EC !important; }
.pwa__body .mdc-list-contacts .icon, .pwa__body .mdc-list-contacts .icon i, .pwa__body .mdc-list-contacts .icon svg { color: #EC691A !important; }
.pwa__body .mdc-button__social.mdc-button__call, .pwa__body .mdc-button__social.mdc-button__open-map, .pwa__body .mdc-button__social.mdc-button__mail, .pwa__body .mdc-button__social.mdc-button__send-message, .pwa__body .mdc-button__social.mdc-button__whatsapp { background: #EC691A !important; color: #0A0A0A !important; border: 0 !important; }
.pwa__body .info-bar--item-title { color: #938D86 !important; }
.pwa__body .info-bar--item-value { color: #F5F1EC !important; font-weight: 600 !important; }
.pwa__body .mdc-tab .mdc-tab__text-label { font-size: 12px !important; letter-spacing: .06em !important; white-space: normal !important; line-height: 1.2 !important; }
.pwa__body .mdc-tab--active .mdc-tab__text-label, .pwa__body .mdc-tab--active .mdc-tab__icon { color: #EC691A !important; }
.pwa__body .empty-page__btn-bar .mdc-button { color: #EC691A !important; border: 1px solid rgba(236,105,26,.6) !important; }
.pwa__body .clients-reg__company-card--banner { display: none !important; }
/* ===== Ende Feinschliff v2 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v3 (nur App) ===== */
.pwa__body .booking-steps__history, .pwa__body .booking-steps__history > nav { max-width: 50vw !important; width: auto !important; }
.pwa__body .pwa-app__booking-steps-nav, .pwa__body .pwa-app__booking-steps-nav .booking-steps-nav--item.active, .pwa__body .pwa-app__booking-steps-nav .booking-steps-nav--item.active > a, .pwa__body .pwa-app__booking-steps-nav .booking-steps-nav--item.active .content { width: auto !important; min-width: 0 !important; flex: 1 1 auto !important; }
.pwa__body .pwa-app__booking-steps-nav .title, .pwa__body .pwa-app__booking-steps-nav .title-small { white-space: normal !important; font-size: 16px !important; line-height: 1.15 !important; max-width: 50vw !important; transform: translateY(6px) !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pwa__body .mdc-drawer .mdc-list-item i.material-icons { filter: brightness(0) saturate(100%) invert(52%) sepia(71%) saturate(2640%) hue-rotate(349deg) brightness(96%) contrast(93%) !important; }
/* ===== Ende Feinschliff v3 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v4: Profil, Rechnungen, Hinweise (nur App) ===== */
.pwa__body.page__client_profile .pwa-app__main-content .mdc-list-item, .pwa__body.page__client_profile .pwa-app__main-content .mdc-list-item__text { color: #F5F1EC !important; }
.pwa__body.page__client_profile .pwa-app__main-content .mdc-list-item__graphic, .pwa__body.page__client_profile .pwa-app__main-content .mdc-list-item__graphic svg { color: #EC691A !important; }
.pwa__body.page__client_profile .pwa-app__main-content .mdc-list-item__graphic svg path { fill: #EC691A !important; }
.pwa__body.page__client_profile .pwa-app__main-content .label i.icon, .pwa__body.page__client_profile .pwa-app__main-content .label i.icon svg { color: #EC691A !important; }
.pwa__body .client-profile__form-avatar { background: #EC691A !important; }
.pwa__body .client-profile__form-avatar span { color: #0A0A0A !important; font-weight: 700 !important; }
.pwa__body .client-profile__form-btn--logout { color: #EC691A !important; border-color: rgba(236,105,26,.6) !important; }
.pwa__body.page__client_profile .pwa-app__main-content .text-center a { color: #938D86 !important; text-decoration: underline !important; }
.pwa__body .mdc-data-table__cell--option-bar i.icon, .pwa__body .mdc-data-table__cell--option-bar svg { color: #F5F1EC !important; }
html body.pwa__body .sb-invoice-notification .invoice-notification--content { background: #161616 !important; border: 1px solid rgba(236,105,26,.4) !important; }
html body.pwa__body .sb-invoice-notification .invoice-notification--content-body * { color: #F5F1EC !important; }
html body.pwa__body .sb-invoice-notification .invoice-notification--content-body .title { color: #EC691A !important; }
html body.pwa__body .sb-invoice-notification .mdc-button--raised, html body.pwa__body .sb-invoice-notification .mdc-button--raised * { color: #0A0A0A !important; }
.pwa__body .page-content--my-invoices .pwa-app__header-title { font-size: 0 !important; }
.pwa__body .page-content--my-invoices .pwa-app__header-title::after { content: 'Rechnungen'; font-size: 20px; }
.pwa__body .client-profile-edit__form > h3, .pwa__body .client-profile-edit h3.pwa-app__header-title { font-size: 0 !important; }
.pwa__body .client-profile-edit__form > h3::after, .pwa__body .client-profile-edit h3.pwa-app__header-title::after { content: 'Profil bearbeiten'; font-size: 20px; }
.pwa__body .client-profile-edit__form-btn--save span { font-size: 0 !important; }
.pwa__body .client-profile-edit__form-btn--save span::after { content: 'Speichern'; font-size: 14px; letter-spacing: .04em; }
/* ===== Ende Feinschliff v4 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v5: Menükopf mit Kundenname (nur App) ===== */
.pwa__body .mdc-drawer__header { background-position: 16px 18px !important; background-size: 44px 44px !important; padding: 0 16px 14px 16px !important; min-height: 80px !important; }
.pwa__body .mdc-drawer__header::after { top: 31px !important; left: 72px !important; font-size: 14px !important; }
.pwa__body .mdc-drawer .pwa-app__sidebar-client-data { padding-top: 76px !important; }
.pwa__body:has(.mdc-drawer__title:empty) .mdc-drawer .pwa-app__sidebar-client-data { padding-top: 62px !important; }
.pwa__body .mdc-drawer .mdc-drawer__title { font-size: 17px !important; font-weight: 700 !important; margin: 0 !important; line-height: 1.3 !important; }
.pwa__body .mdc-drawer .mdc-drawer__subtitle { font-size: 13px !important; margin: 2px 0 0 !important; }
/* ===== Ende Feinschliff v5 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v6: Push-Hinweis & aktive Navigation (nur App) ===== */
.pwa__body .push-notifications--body { background: #141414 !important; color: #F5F1EC !important; border-bottom: 1px solid rgba(236,105,26,.35) !important; box-shadow: none !important; }
.pwa__body .push-notifications--body * { border-color: rgba(245,241,236,.1) !important; }
.pwa__body .push-notifications--txt { color: #F5F1EC !important; }
.pwa__body .push-notifications--icon, .pwa__body .push-notifications--icon svg { color: #EC691A !important; }
.pwa__body .push-notifications--icon img, .pwa__body .push-notifications--icon:not(:has(svg)) { filter: brightness(0) saturate(100%) invert(52%) sepia(71%) saturate(2640%) hue-rotate(349deg) brightness(96%) contrast(93%) !important; }
.pwa__body .push-notifications button, .pwa__body .push-notifications [class*=close] { color: #938D86 !important; }
.pwa__body .push-notifications--btn-bar { text-align: center !important; padding: 4px 0 14px !important; }
.pwa__body .push-notifications .btn-push-subscribe, .pwa__body .push-notifications--btn { background: #EC691A !important; color: #0A0A0A !important; border-radius: 4px !important; font-weight: 700 !important; padding: 10px 18px !important; height: auto !important; line-height: 1.25 !important; }
.pwa__body .push-notifications .btn-push-subscribe .mdc-button__label, .pwa__body .push-notifications .btn-push-subscribe { font-size: 0 !important; }
.pwa__body .push-notifications .btn-push-subscribe::after { content: 'Erinnerungen aktivieren'; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; color: #0A0A0A; }
.pwa__body .push-notifications--btn .mdc-button__label { color: #0A0A0A !important; }
.pwa__body .header__navigation-item.active > a, .pwa__body .header__navigation-item.active > a * { color: #EC691A !important; }
.pwa__body .header__navigation-item.active > a i.material-icons { filter: brightness(0) saturate(100%) invert(52%) sepia(71%) saturate(2640%) hue-rotate(349deg) brightness(96%) contrast(93%) !important; }
/* ===== Ende Feinschliff v6 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v7: Update-Hinweis auf Deutsch (nur App) ===== */
.pwa__body .pwa-app__push-notifications--update .push-notifications--txt { font-size: 0 !important; }
.pwa__body .pwa-app__push-notifications--update .push-notifications--txt::after { content: 'Neue Version der App verfügbar'; font-size: 15px; color: #F5F1EC; }
.pwa__body .pwa-app__push-notifications--update .push-notifications--btn .mdc-button__label { font-size: 0 !important; }
.pwa__body .pwa-app__push-notifications--update .push-notifications--btn .mdc-button__label::after { content: 'Aktualisieren'; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; color: #0A0A0A; }
/* ===== Ende Feinschliff v7 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v8: Info-Fenster, Warenkorb, Dashboard (nur App) ===== */
.pwa__body .modal-dialog { background: #101010 !important; border: 1px solid rgba(245,241,236,.12) !important; border-radius: 0 !important; box-shadow: 0 24px 60px rgba(0,0,0,.6) !important; }
.pwa__body .modal-content { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.pwa__body .modal-dialog .title, .pwa__body .modal-dialog h3, .pwa__body .modal-dialog h4 { color: #F5F1EC !important; font-weight: 700 !important; letter-spacing: -.02em !important; font-size: 22px !important; line-height: 1.15 !important; }
.pwa__body .modal-dialog .info-bar--item-name { color: #938D86 !important; text-transform: uppercase !important; letter-spacing: .18em !important; font-size: 11px !important; font-weight: 600 !important; }
.pwa__body .modal-dialog .info-bar--item-name--val, .pwa__body .modal-dialog time { color: #F5F1EC !important; font-weight: 600 !important; }
.pwa__body .modal-dialog .badge { color: #EC691A !important; font-weight: 700 !important; font-size: 18px !important; }
.pwa__body .modal-dialog .item__description, .pwa__body .modal-dialog .item__description p { color: #B9B3AC !important; line-height: 1.55 !important; }
.pwa__body .modal-dialog .item__description b, .pwa__body .modal-dialog .item__description strong { color: #F5F1EC !important; }
.pwa__body .modal-dialog .modal__footer { border-top: 1px solid rgba(245,241,236,.1) !important; }
.pwa__body .modal-dialog .modal__footer .btn-bar { display: flex !important; flex-direction: row !important; gap: 12px !important; justify-content: flex-end !important; align-items: center !important; flex-wrap: nowrap !important; }
.pwa__body .modal-dialog .modal__footer .btn-bar > * { margin: 0 !important; }
.pwa__body .modal-dialog .modal__footer .mdc-button { color: #938D86 !important; border-radius: 0 !important; letter-spacing: .16em !important; font-weight: 700 !important; }
.pwa__body .modal-dialog .modal__footer a.mdc-button, .pwa__body .modal-dialog .modal__footer .mdc-button:last-child { background: #EC691A !important; color: #0A0A0A !important; }
.pwa__body .modal-dialog .modal__footer a.mdc-button *, .pwa__body .modal-dialog .modal__footer .mdc-button:last-child * { color: #0A0A0A !important; }
.pwa__body .modal-dialog .service-data--time .info-bar--item-name { font-size: 0 !important; }
.pwa__body .modal-dialog .service-data--time .info-bar--item-name::after { content: 'Dauer'; font-size: 11px; }
.pwa__body .sb-cart-popup-close, .pwa__body .full-info--cart_close-btn { background: transparent !important; border-color: transparent !important; color: #EC691A !important; }
.pwa__body .full-info--cart_close-btn * { color: #EC691A !important; }
.pwa__body .dashboard__suggest-booking { background: #0A0A0A !important; border-top: 1px solid rgba(245,241,236,.08) !important; border-bottom: 1px solid rgba(245,241,236,.08) !important; }
.pwa__body .dashboard__suggest-booking--title { color: #938D86 !important; text-transform: uppercase !important; letter-spacing: .2em !important; font-size: 12px !important; font-weight: 700 !important; }
.pwa__body .dashboard__suggest-booking .item-suggested { background: #141414 !important; border: 1px solid rgba(245,241,236,.12) !important; border-left: 3px solid #EC691A !important; border-radius: 0 !important; box-shadow: none !important; }
.pwa__body .dashboard__suggest-booking .item-suggested .title { color: #F5F1EC !important; font-weight: 600 !important; }
.pwa__body .dashboard__suggest-booking .item-suggested .item__subtitle { color: #938D86 !important; }
.pwa__body .dashboard__suggest-booking .item-suggested i, .pwa__body .dashboard__suggest-booking .item-suggested svg { color: #EC691A !important; }
.pwa__body .dashboard__company-info__btn-bar .mdc-button, .pwa__body .dashboard__company-info__btn-bar .mdc-button__label { color: #EC691A !important; letter-spacing: .16em !important; font-weight: 700 !important; }
.pwa__body .dashboard__booking-header--btn-bar .mdc-button, .pwa__body .dashboard__booking-header--btn-bar .mdc-button * { color: #EC691A !important; font-weight: 700 !important; }
.pwa__body .empty-page__txt { color: #938D86 !important; }
/* ===== Ende Feinschliff v8 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v9: Golf-Hintergrund (nur App) ===== */
html:has(body.pwa__body){background:#0A0A0A !important;}
html body.pwa__body{background:transparent !important;}
html body.pwa__body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:#0A0A0A url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 390 844" preserveAspectRatio="xMidYMid slice"%3E%3Cdefs%3E%3CradialGradient id="g" cx="78%25" cy="74%25" r="70%25"%3E%3Cstop offset="0" stop-color="%2316201A"/%3E%3Cstop offset=".55" stop-color="%230E110F"/%3E%3Cstop offset="1" stop-color="%230A0A0A"/%3E%3C/radialGradient%3E%3CradialGradient id="o" cx="78%25" cy="76%25" r="30%25"%3E%3Cstop offset="0" stop-color="%23EC691A" stop-opacity=".10"/%3E%3Cstop offset="1" stop-color="%23EC691A" stop-opacity="0"/%3E%3C/radialGradient%3E%3Cpattern id="m" width="60" height="60" patternUnits="userSpaceOnUse" patternTransform="rotate(-28)"%3E%3Crect width="30" height="60" fill="%23F5F1EC" fill-opacity=".018"/%3E%3C/pattern%3E%3C/defs%3E%3Crect width="390" height="844" fill="url(%23g)"/%3E%3Crect width="390" height="844" fill="url(%23m)"/%3E%3Crect width="390" height="844" fill="url(%23o)"/%3E%3Cg fill="none" stroke="%23F5F1EC" stroke-opacity=".06" stroke-width="1"%3E%3Cpath d="M304 640c40-2 66 14 64 36s-36 36-74 34-60-18-58-38 30-30 68-32z"/%3E%3Cpath d="M300 606c62-4 104 22 100 62s-60 66-118 62-96-30-92-68 48-52 110-56z"/%3E%3Cpath d="M296 568c84-6 142 30 136 86s-84 96-164 90-132-44-126-98 70-72 154-78z"/%3E%3Cpath d="M292 526c108-8 184 40 176 112s-110 126-214 118-170-58-162-128 92-94 200-102z"/%3E%3Cpath d="M288 480c132-10 228 50 218 140s-136 158-264 148-210-72-200-160 114-118 246-128z"/%3E%3Cpath d="M284 430c158-12 272 60 260 168s-162 190-316 178-250-86-238-192 136-142 294-154z"/%3E%3C/g%3E%3Cpath d="M44 790C90 520 200 330 250 330s46 200 48 344" fill="none" stroke="%23EC691A" stroke-opacity=".35" stroke-width="1.6" stroke-dasharray="2 7" stroke-linecap="round"/%3E%3Ccircle cx="44" cy="790" r="5" fill="%23F5F1EC" fill-opacity=".55"/%3E%3Cellipse cx="300" cy="676" rx="9" ry="3.2" fill="%23000" fill-opacity=".8" stroke="%23F5F1EC" stroke-opacity=".18"/%3E%3Cline x1="300" y1="676" x2="300" y2="590" stroke="%23F5F1EC" stroke-opacity=".4" stroke-width="1.6"/%3E%3Cpath d="M300.8 590l30 10-30 10z" fill="%23EC691A" fill-opacity=".6"/%3E%3C/svg%3E') center bottom/cover no-repeat;}
html body.pwa__body #main, html body.pwa__body #sb_content, html body.pwa__body section, html body.pwa__body .promo-list-wrap, html body.pwa__body .main-content, html body.pwa__body .page-content {background-color:transparent !important;}
/* ===== Ende v9 ===== */

/* ===== FIFTYNINE Kunden-App – Feinschliff v10: Golfbilder & Grafiken (nur App) ===== */
/* Dashboard: Hero-Foto hinter Firmenkarte */
html body.pwa__body .dashboard__company-info--card-wrapper{position:relative;overflow:hidden;border-radius:18px !important;background:linear-gradient(180deg,rgba(10,10,10,0) 0,rgba(10,10,10,.1) 90px,rgba(10,10,10,.85) 175px,#0F0F0F 230px),url('https://www.fiftynine-golf.de/assets/world/scene-05-poster.jpg') center top/100% auto no-repeat #0F0F0F !important;padding-top:150px !important;border:1px solid rgba(245,241,236,.08) !important;}
html body.pwa__body .dashboard__company-info--card{background:transparent !important;border:0 !important;}
html body.pwa__body .dashboard__company-info__picture{background:transparent !important;box-shadow:none !important;}
html body.pwa__body .dashboard__company-info__picture img{border-radius:12px !important;}
html body.pwa__body .dashboard__company-info--card-wrapper .dashboard__company-info__title{font-size:24px !important;font-weight:800 !important;text-shadow:0 2px 12px rgba(0,0,0,.7);}
html body.pwa__body .dashboard__company-info__book-bar{border-top:0 !important;background:transparent !important;}
/* Bay buchen: Foto-Header über der Auswahl */
html body.pwa__body #sb_service_step_container::before{content:"Wähle deine Session";display:flex;align-items:flex-end;box-sizing:border-box;height:170px;margin:4px 0 14px;padding:18px;border-radius:16px;border:1px solid rgba(245,241,236,.08);font-size:22px;font-weight:800;line-height:1.15;color:#F5F1EC;text-shadow:0 2px 10px rgba(0,0,0,.6);background:linear-gradient(180deg,rgba(10,10,10,0) 35%,rgba(10,10,10,.85) 100%),url('https://www.fiftynine-golf.de/assets/world/scene-04-poster.jpg') center 40%/cover no-repeat #141414;}
/* Vorschaubilder größer, abgerundet */
html body.pwa__body .item__picture--user{width:64px !important;height:64px !important;border-radius:12px !important;overflow:hidden;border:1px solid rgba(245,241,236,.1);}
html body.pwa__body .item__picture--user img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;}
html body.pwa__body .item__picture-wrapper{margin-right:8px !important;}
/* Golfunterricht: Foto vom PGA-Pro */
html body.pwa__body img[src*="8a630181cc942c1148dd89178d7d2a98"]{content:url('https://www.fiftynine-golf.de/assets/team/malte.webp');object-position:center 20% !important;}
/* Über uns: Foto der Anlage */
html body.pwa__body .index__item-about-us::after{content:"3 TrackMan-iO-Bays · 24/7 geöffnet";display:flex;align-items:flex-end;box-sizing:border-box;aspect-ratio:16/9;margin:16px 16px 6px;padding:14px 16px;border-radius:14px;border:1px solid rgba(245,241,236,.08);font-size:15px;font-weight:700;letter-spacing:.02em;color:#F5F1EC;background:linear-gradient(180deg,rgba(10,10,10,0) 55%,rgba(10,10,10,.85)),url('https://www.fiftynine-golf.de/assets/world/scene-03-poster.jpg') center/cover no-repeat;}
/* Leere Seiten: Golfball auf Tee */
html body.pwa__body .empty-page__picture svg{display:none !important;}
html body.pwa__body .empty-page__picture{width:112px !important;height:112px !important;margin:0 auto 18px !important;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"%3E%3Ccircle cx="60" cy="60" r="58" fill="%23EC691A" fill-opacity=".1" stroke="%23EC691A" stroke-opacity=".35"/%3E%3Cellipse cx="60" cy="98" rx="26" ry="4" fill="%23000" fill-opacity=".45"/%3E%3Cpath d="M50 70h20l-6 6v18l-4 4-4-4V76z" fill="%23EC691A"/%3E%3Ccircle cx="60" cy="52" r="19" fill="%23F5F1EC"/%3E%3Cg fill="%230A0A0A" fill-opacity=".14"%3E%3Ccircle cx="52" cy="44" r="2.2"/%3E%3Ccircle cx="60" cy="41" r="2.2"/%3E%3Ccircle cx="68" cy="44" r="2.2"/%3E%3Ccircle cx="48" cy="52" r="2.2"/%3E%3Ccircle cx="56" cy="50" r="2.2"/%3E%3Ccircle cx="64" cy="50" r="2.2"/%3E%3Ccircle cx="72" cy="52" r="2.2"/%3E%3Ccircle cx="52" cy="59" r="2.2"/%3E%3Ccircle cx="60" cy="58" r="2.2"/%3E%3Ccircle cx="68" cy="59" r="2.2"/%3E%3Ccircle cx="56" cy="65" r="2.2"/%3E%3Ccircle cx="64" cy="65" r="2.2"/%3E%3C/g%3E%3Cpath d="M47 40a19 19 0 0 1 14-7" stroke="%23fff" stroke-width="3" stroke-linecap="round" fill="none" stroke-opacity=".8"/%3E%3C/svg%3E') center/contain no-repeat !important;}
/* Seitenmenü: Foto im Kopfbereich */
html body.pwa__body .mdc-drawer .mdc-drawer__header{background:url('https://fiftynine.simplybook.it/uploads/fiftynine/image_files/pwa192/b779feb21b1cb9d9d91de6c0869a79bf.png') 16px 18px/44px 44px no-repeat,linear-gradient(180deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,.78) 45%,#0A0A0A 100%),url('https://www.fiftynine-golf.de/assets/world/scene-05-poster.jpg') 60% 30%/cover no-repeat #0A0A0A !important;}
/* ===== Ende v10 ===== */

/* v10b: Platz für größere Vorschaubilder */
html body.pwa__body .item__picture-wrapper{width:64px !important;min-width:64px !important;flex-shrink:0 !important;}
html body.pwa__body .promotion__label-wrapper{width:76px !important;min-width:76px !important;flex-shrink:0 !important;}
html body.pwa__body .item__tab:has(.promotion__label-wrapper) > .item__content{width:calc(100% - 76px - 106px) !important;}
html body.pwa__body .item__tab > .item__picture-wrapper + .item__content{width:calc(100% - 72px - 106px) !important;}
/* ===== Ende v10b ===== */

/* ===== FIFTYNINE Kunden-App – v13: Gutscheine/Guthabenkarten zeigen die echte Karte (Ausschnitt) ===== */
html body.pwa__body .item__picture--user:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]){position:relative !important;}
html body.pwa__body .item__picture--user img[src*="2ecfa5dd15b2305da532e5c0b8631e91"],
html body.pwa__body .item__picture--user img[src*="fef4ed1b73b2ebaa582472e226754fbe"],
html body.pwa__body .item__picture--user img[src*="27ce1a25a012aa6c07f19c0e85ad196d"],
html body.pwa__body .item__picture--user img[src*="ccebb96e0d69a813a15cb9aae3ee21c7"],
html body.pwa__body .item__picture--user img[src*="11b11842d1bc079e5f56916623b2428d"]{content:normal !important;position:absolute !important;width:auto !important;height:90px !important;max-width:none !important;max-height:none !important;object-fit:fill !important;left:-86px !important;top:-12px !important;}
/* ===== Ende v13 ===== */

/* ===== v13b: Gutschein-Vorschau größer (84 px) ===== */
html body.pwa__body .item__tab:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]) .promotion__label-wrapper{width:96px !important;min-width:96px !important;}
html body.pwa__body .item__tab:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]) .item__picture-wrapper{width:84px !important;min-width:84px !important;}
html body.pwa__body .item__tab:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]) .item__picture--user{width:84px !important;height:84px !important;border-radius:14px !important;}
html body.pwa__body .item__tab:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]) .item__picture--user img{height:118px !important;left:-113px !important;top:-16px !important;}
html body.pwa__body .item__tab:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]) > .item__content{width:calc(100% - 96px - 106px) !important;align-self:center;}
html body.pwa__body .item:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]){padding-top:10px !important;padding-bottom:10px !important;}
html body.pwa__body .item__tab:has(img[src*="2ecfa5dd"],img[src*="fef4ed1b"],img[src*="27ce1a25"],img[src*="ccebb96e"],img[src*="11b11842"],img[src*="9b74e57f"]){align-items:center !important;}
/* ===== Ende v13b ===== */

/* ===== v14: Info-Fenster Gutscheine/Guthabenkarten mit großem Kartenbild ===== */
html body.pwa__body #promotion5 .modal-content::before,
html body.pwa__body #promotion16 .modal-content::before,
html body.pwa__body #promotion18 .modal-content::before,
html body.pwa__body #promotion2 .modal-content::before,
html body.pwa__body #promotion4 .modal-content::before{content:"";display:block;height:280px;margin:-1px -1px 4px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#0A0A0A;background-repeat:no-repeat;background-size:auto 360px;background-position:100% 55%;}
html body.pwa__body #promotion5 .modal-content::before{background-image:url('/uploads/fiftynine/image_files/2ecfa5dd15b2305da532e5c0b8631e91.jpg');}
html body.pwa__body #promotion16 .modal-content::before{background-image:url('/uploads/fiftynine/image_files/fef4ed1b73b2ebaa582472e226754fbe.jpg');}
html body.pwa__body #promotion18 .modal-content::before{background-image:url('/uploads/fiftynine/image_files/27ce1a25a012aa6c07f19c0e85ad196d.jpg');}
html body.pwa__body #promotion2 .modal-content::before{background-image:url('/uploads/fiftynine/image_files/ccebb96e0d69a813a15cb9aae3ee21c7.jpg');}
html body.pwa__body #promotion4 .modal-content::before{background-image:url('/uploads/fiftynine/image_files/11b11842d1bc079e5f56916623b2428d.jpg');}
html body.pwa__body .promotion-data--price .info-bar--item-name,html body.pwa__body .promotion-data--time .info-bar--item-name{font-size:0 !important;}
html body.pwa__body .promotion-data--price .info-bar--item-name::after{content:"Preis";font-size:11px;}
html body.pwa__body .promotion-data--time .info-bar--item-name::after{content:"Gültigkeit";font-size:11px;}
/* ===== Ende v14 ===== */

/* ===== v14b: Info-Fenster kompakter, Schließen immer sichtbar ===== */
html body.pwa__body .giftcard-modal .modal-dialog{margin:12vh auto 0 !important;width:calc(100% - 48px) !important;max-width:460px !important;}
html body.pwa__body .giftcard-modal .modal-content{display:flex !important;flex-direction:column !important;max-height:72vh !important;overflow:hidden !important;}
html body.pwa__body .giftcard-modal .modal-content::before{flex:0 0 auto;height:190px !important;background-size:max(100%, 390px) auto !important;background-position:80% 58% !important;}
html body.pwa__body .giftcard-modal .modal__body{flex:1 1 auto;overflow-y:auto !important;min-height:0;}
html body.pwa__body .giftcard-modal .modal__footer{flex:0 0 auto;}
/* ===== Ende v14b ===== */

/* ===== v15: Buchungsseite (Web) aufgeräumt ===== */
/* === FIFTYNINE Buchungsseite (Web, nicht App) === */
body:not(.pwa__body) #main-buttons{display:none!important}
body:not(.pwa__body) header#header .logo img{max-height:46px!important;width:auto!important}
body:not(.pwa__body) header#header{padding-top:4px!important;padding-bottom:4px!important}
body:not(.pwa__body) #sb_scroll_top_btn{display:none!important}
body:not(.pwa__body) #sb_content .time{display:none!important}
/* Zusammenfassung der Buchung als Karte */
body:not(.pwa__body) #sb_booking_info .booking-info ul{display:flex!important;flex-wrap:wrap;gap:8px;margin:14px 15px 4px!important;padding:12px 14px!important;background:#141414;border:1px solid rgba(245,241,236,.12);border-left:3px solid #EC691A;list-style:none}
body:not(.pwa__body) #sb_booking_info .step_info_item{display:none!important}
body:not(.pwa__body) #sb_booking_info .step_info_item.passed{display:block!important;flex:1 1 auto;min-width:40%;border:0!important;padding:0!important;margin:0!important;background:none!important;height:auto!important}
body:not(.pwa__body) #sb_booking_info .step_info_item.passed a{pointer-events:none;padding:0!important;display:block}
body:not(.pwa__body) #sb_booking_info .title-small{font-size:10.5px!important;letter-spacing:.14em;text-transform:uppercase;color:#938D86!important;margin:0 0 2px!important;font-weight:600}
body:not(.pwa__body) #sb_booking_info .title-sub{font-size:14.5px!important;color:#F5F1EC!important;font-weight:700;white-space:normal!important}
body:not(.pwa__body) #sb_booking_info .booking-info ul{flex-direction:column;gap:9px}
body:not(.pwa__body) #sb_booking_info .step_info_item.passed *{text-align:left!important}
body:not(.pwa__body) #sb_booking_info .step_info_item.passed .content{display:block!important;padding:0!important}
body:not(.pwa__body) #sb_booking_info .step_info_item.passed .title-sub{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important}
body:not(.pwa__body) #sb_booking_info .step_info_item.passed .title-small{display:block!important;text-align:left!important}
/* Anmeldeseite */
body:not(.pwa__body) #client-login{background:transparent!important;border:0!important;box-shadow:none!important}
body:not(.pwa__body) #client-login .tab-pd{padding:6px 0 0!important}
body:not(.pwa__body) #client-login .title-main{font-size:22px!important;line-height:1.25!important;text-align:left!important;margin:0 0 14px!important;padding:0!important}
body:not(.pwa__body) #client-login .client-login-bar{background:transparent!important;padding:0!important;margin:0 0 16px!important;border:0!important}
body:not(.pwa__body) #client-login .client-login-bar .social{background:transparent!important;padding:0!important}
body:not(.pwa__body) #client-login .client-login-bar .txt{font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:#938D86!important;text-align:left!important;margin:0 0 8px!important}
body:not(.pwa__body) #client-login .client-login-bar .buttons{margin:0!important;width:100%!important}
body:not(.pwa__body) #client-login .btn-bar__social-links{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%!important}
body:not(.pwa__body) #client-login .btn-bar__social-links a{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:10px;width:100%!important;height:50px!important;padding:0 10px!important;margin:0!important;background:#F5F1EC!important;color:#0A0A0A!important;border:0!important;border-radius:0!important;font-size:13px!important;letter-spacing:.06em!important}
body:not(.pwa__body) #client-login .btn-bar__social-links .icon{width:22px!important;height:22px!important;margin:0!important;background-size:contain!important;flex:none}
body:not(.pwa__body) #client-login .btn-bar__social-links .btn--txt{font-size:13px!important;font-weight:700!important;letter-spacing:.08em!important;color:#0A0A0A!important;margin:0!important}
body:not(.pwa__body) #client-login #sb_sign_in_form,body:not(.pwa__body) #client-login #sb_sign_up_form{background:#141414!important;border:1px solid rgba(245,241,236,.12)!important;padding:18px 16px 20px!important;margin:0 0 14px!important}
body:not(.pwa__body) #client-login .cap{font-size:18px!important;text-align:left!important;margin:0 0 12px!important;padding:0!important}
body:not(.pwa__body) #client-login .form-group{margin:0 0 12px!important}
body:not(.pwa__body) #client-login .form-control{height:48px!important;font-size:16px!important}
body:not(.pwa__body) #client-login .btn.custom{width:100%!important;height:52px!important;margin:14px 0 0!important}
body:not(.pwa__body) #client-login .button-wrapper{padding:0!important}
body:not(.pwa__body) #client-login .remember-me{display:flex!important;align-items:center;gap:10px;margin:10px 0 0!important}
body:not(.pwa__body) #client-login .remember-me .control-label{padding:0!important;margin:0!important}
@media (max-width:767px){
 body:not(.pwa__body) #client-login .custom-form .row{display:flex!important;flex-direction:column}
 body:not(.pwa__body) #client-login .custom-form .row > .col-sm-6:has(#sb_sign_up_form){order:-1}
}
body:not(.pwa__body) #sb_booking_info .title-sub{text-transform:none!important;letter-spacing:0!important}
body:not(.pwa__body) #sb_booking_info .booking-info ul{box-sizing:border-box;width:auto!important}
body:not(.pwa__body) #client-login #sb_terms_and_conditions{border-top:0!important;margin-top:4px!important;padding-top:0!important}
body:not(.pwa__body) #client-login hr,body:not(.pwa__body) #client-login .sb-client-fields:empty{display:none!important}
body:not(.pwa__body) #sb_back_button{margin:6px 0 0!important}
body:not(.pwa__body) #client-login #sb_sign_in_form .form-group,body:not(.pwa__body) #client-login #sb_sign_up_form .form-group{margin-left:0!important;margin-right:0!important}
body:not(.pwa__body) #client-login #sb_sign_in_form [class*=col-sm-],body:not(.pwa__body) #client-login #sb_sign_up_form [class*=col-sm-]{padding-left:0!important;padding-right:0!important;float:none!important;width:100%!important}
body:not(.pwa__body) #client-login .control-label{text-align:left!important;padding:0 0 6px!important;font-size:13px!important}
body:not(.pwa__body) #sb_back_button{padding-left:15px!important}
body:not(.pwa__body) #sb_booking_info a[aria-label^="Deine Tee-Time"] .title-small,body:not(.pwa__body) #sb_booking_info a[aria-label^="Extras"] .title-small,body:not(.pwa__body) #sb_booking_info a[aria-label^="Zeit"] .title-small{font-size:0!important}
body:not(.pwa__body) #sb_booking_info a[aria-label^="Deine Tee-Time"] .title-small::after{content:"Tarif";font-size:10.5px}
body:not(.pwa__body) #sb_booking_info a[aria-label^="Extras"] .title-small::after{content:"Verlängerung";font-size:10.5px}
body:not(.pwa__body) #sb_booking_info a[aria-label^="Zeit"] .title-small::after{content:"Termin (Start)";font-size:10.5px}
/* ===== Ende v15 ===== */

/* ===== v16: keine Links zur SimplyBook-Startseite ===== */
body:not(.pwa__body) .menu-item:has(> a[href="#"]),body:not(.pwa__body) .menu-item:has(> a[href="/v2/"]),body:not(.pwa__body) .menu-item:has(> a[href^="/v2/gallery"]),body:not(.pwa__body) .menu-item:has(> a[href^="/v2/reviews"]){display:none!important}
body:not(.pwa__body) header#header .logo a,body:not(.pwa__body) header a[href="/"]{pointer-events:none!important;cursor:default}
/* ===== Ende v16 ===== */
/* v17: verlängerte Tarife nur für den Buchungskalender */
.service-item:has(a[href*="/service/14/"]),.service-item:has(a[href*="/service/15/"]),.service-item:has(a[href*="/service/16/"]),.service-item:has(img[alt*="(verlängert)"]){display:none!important}
/* ===== v18: Gutschein Golfstunde (Info-Fenster) ===== */
html body.pwa__body #promotion37 .modal-content::before{content:"";display:block;height:280px;margin:-1px -1px 4px;border-radius:inherit;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:#0A0A0A;background-repeat:no-repeat;background-size:auto 360px;background-position:100% 55%;background-image:url('/uploads/fiftynine/image_files/9b74e57ffa8c9ba6ff7c105b11c25f9d.jpg');}
/* ===== Ende v18 ===== */

/* ===== v19: Seite „Bay buchen“ (eingebetteter Kalender, Website + App) ===== */
#custom-page:has(.fn59-app-cal) .title-main{display:none!important}
#custom-page:has(.fn59-app-cal){padding-top:0!important;padding-bottom:0!important}
#custom-page .page-content:has(.fn59-app-cal){padding:0!important;margin:0 -15px!important}
.fn59-app-cal iframe{height:calc(100vh - 84px)!important;height:calc(100dvh - 84px)!important;min-height:480px}
html body.pwa__body .fn59-app-cal iframe{height:calc(100dvh - 64px - env(safe-area-inset-bottom))!important}
body:has(.fn59-app-cal) footer,body:has(.fn59-app-cal) #sb_footer{display:none!important}
/* ===== Ende v19 ===== */

/* ===== v20: App-Tab „Buchen“ (Kalender in der Beschreibung, nicht kürzen) ===== */
html body.pwa__body .mdc-card__about-us:has(.fn59-app-cal),html body.pwa__body .mdc-card__about-us:has(.fn59-app-cal) .short{max-height:none!important;height:auto!important;overflow:visible!important;-webkit-line-clamp:unset!important;display:block!important;-webkit-mask-image:none!important;mask-image:none!important}
html body.pwa__body .mdc-card__about-us:has(.fn59-app-cal)::after,html body.pwa__body .mdc-card__about-us:has(.fn59-app-cal) .short::after{display:none!important}
html body.pwa__body .mdc-card__about-us-wrapper:has(.fn59-app-cal) > .mdc-card__actions,html body.pwa__body .mdc-card__about-us-wrapper:has(.fn59-app-cal) > .title{display:none!important}
html body.pwa__body .mdc-card__about-us-wrapper:has(.fn59-app-cal){padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.pwa__body .fn59-app-cal{margin:0 -16px 18px!important}
html body.pwa__body:has(.fn59-app-cal) .index__item-main-banner{display:none!important}
/* ===== Ende v20 ===== */

/* ===== v21: App-Tab „Buchen“ – Kontakte-Reiter weg, Kalender zwischen Kopf- und Fußleiste ===== */
html body.pwa__body:has(.fn59-app-cal) .mdc-tab-bar{display:none!important}
html body.pwa__body .fn59-app-cal iframe{height:calc(100dvh - 76px - 96px - env(safe-area-inset-bottom))!important;min-height:420px}
html body.pwa__body .fn59-app-cal{margin:0 -16px 120px!important;width:calc(100% + 32px)!important}
/* ===== Ende v21 ===== */




/* ===== v24: App-Tab „Buchen“ – nur Kalender, passend zwischen Kopf- und Fußleiste ===== */
html body.pwa__body .fn59-app-cal iframe{position:static!important;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 128px)!important;min-height:380px!important}
html body.pwa__body .index__item-about-us:has(.fn59-app-cal),html body.pwa__body .index__item-about-us:has(.fn59-app-cal) .mdc-card{padding:0!important;margin:0!important}
html body.pwa__body .fn59-app-cal{margin:0 -16px 0!important}
html body.pwa__body:has(.fn59-app-cal) .index__item:not(.index__item-about-us){display:none!important}
/* ===== Ende v24 ===== */

/* ===== v25: App-Tab „Buchen“ – Seite selbst scrollt nicht ===== */
html:has(body.pwa__body .fn59-app-cal),html body.pwa__body:has(.fn59-app-cal){overflow:hidden!important;overscroll-behavior:none!important}
html body.pwa__body:has(.fn59-app-cal) .page-content,html body.pwa__body:has(.fn59-app-cal) #sb_content,html body.pwa__body:has(.fn59-app-cal) main{overflow:hidden!important}
/* ===== Ende v25 ===== */

/* ===== v26: App-Tab „Buchen“ – nicht unter die Kopfzeile, volle Breite, Rest ausblenden ===== */
html body.pwa__body .fn59-app-cal{width:100vw!important;margin:0 0 0 calc(50% - 50vw)!important}
html body.pwa__body .fn59-app-cal iframe{width:100vw!important;height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 140px)!important}
html body.pwa__body .mdc-card__about-us-wrapper:has(.fn59-app-cal) ~ *,html body.pwa__body .index__item-about-us:has(.fn59-app-cal) ~ *,html body.pwa__body .fn59-app-cal ~ *{display:none!important}
html body.pwa__body .mdc-card__about-us:has(.fn59-app-cal) .short > *:not(.fn59-app-cal){display:none!important}
/* ===== Ende v26 ===== */

/* ===== v27: App-Tab „Buchen“ – Kalender transparent über App-Hintergrund ===== */
html body.pwa__body .fn59-app-cal,html body.pwa__body .fn59-app-cal iframe{background:transparent!important;color-scheme:normal}
/* ===== Ende v27 ===== */

/* ===== v28: App-Home – 59-Werbebanner statt Foto, alte Buchungs-Elemente raus ===== */
html body.pwa__body .dashboard__company-info--card-wrapper{background:url('/uploads/fiftynine/image_files/original/c9e14d95182ad86e0663def2d4a8894d.jpg') center/cover no-repeat #0A0A0A !important;padding:0 !important;aspect-ratio:1080/860;min-height:0 !important;border-radius:18px !important;border:1px solid rgba(236,105,26,.35) !important;box-shadow:0 18px 40px rgba(0,0,0,.45) !important}
html body.pwa__body .dashboard__company-info--card,html body.pwa__body .dashboard__company-info__book-bar{display:none !important}
html body.pwa__body .dashboard__suggest-booking{display:none !important}
/* ===== Ende v28 ===== */

/* v29 Banner groesser: weniger Rand */
html body.pwa__body .page-content--dashboard .dashboard__company-info{margin-left:-8px !important;margin-right:-8px !important}



/* ~~~~~ v31: Tab-Leiste Home · Buchen (Mitte) · Termine, Start ruhig, Menue aufgeraeumt ~~~~~ */
html body.pwa__body #sb_footer_menu li.client_login{display:none!important}
html body.pwa__body #sb_footer_menu .bottom-navigation__list{display:flex!important;justify-content:space-around!important;align-items:flex-start!important}
html body.pwa__body #sb_footer_menu .bottom-navigation__list>li{flex:1 1 0!important;max-width:none!important}
html body.pwa__body #sb_footer_menu li.menu_home{order:1}html body.pwa__body #sb_footer_menu li.about{order:2}html body.pwa__body #sb_footer_menu li.menu_bookings{order:3}
html body.pwa__body .pwa-app__bottom-nav,html body.pwa__body .bottom-navigation,html body.pwa__body #sb_footer_menu,html body.pwa__body #sb_footer_menu ul,html body.pwa__body #sb_footer_menu li,html body.pwa__body #sb_footer_menu a{overflow:visible!important}
html body.pwa__body #sb_footer_menu li.menu_bookings .mdc-list-item__text{font-size:0!important}
html body.pwa__body #sb_footer_menu li.menu_bookings .mdc-list-item__text::after{content:"Termine";font-size:14px}
html body.pwa__body #sb_footer_menu li.about .mdc-list-item__text{color:#F5F1EC!important;font-weight:800!important}
html body.pwa__body #sb_footer_menu li.about .mdc-list-item__ripple{display:none!important}
html body.pwa__body .page-content--dashboard .empty-page__picture,html body.pwa__body .page-content--dashboard .empty-page__title,html body.pwa__body .page-content--dashboard .empty-page h2,html body.pwa__body .page-content--dashboard .empty-page h3{display:none!important}
html body.pwa__body .page-content--dashboard .empty-page{padding:14px 0 0!important;min-height:0!important}
html body.pwa__body #sb_menu li.book-service{display:none!important}
html body.pwa__body #sb_menu li.menu_home{order:1}html body.pwa__body #sb_menu li.about{order:2}html body.pwa__body #sb_menu li.menu_bookings{order:3}html body.pwa__body #sb_menu li.menu_gift_cards{order:4}html body.pwa__body #sb_menu li.client_login{order:5}html body.pwa__body #sb_menu li.contacts{order:6}html body.pwa__body #sb_menu li.invoice{order:7}html body.pwa__body #sb_menu li.gdpr-report{order:8}html body.pwa__body #sb_menu li.sign_out{order:9}
html body.pwa__body #sb_menu ul{display:flex!important;flex-direction:column!important}
html body.pwa__body #sb_menu li.sign_out a::after{content:"Abmelden";margin-left:4px}
/* ~~~~~ Ende v31 ~~~~~ */

/* ~~~~~ v32: Buchen-Knopf dezenter, aktiv = 59-Logo, kein Buchen-Button bei Termine ~~~~~ */
html body.pwa__body .empty-page__btn-bar:has(a[href^="#book"]),html body.pwa__body .empty-page__btn-bar a[href^="#book"],html body.pwa__body .pwa-app__float-button{display:none!important}
/* ~~~~~ Ende v32 ~~~~~ */

/* ~~~~~ v33: Buchen-Tab flach (kein Kreis), aktiv = kleines 59-Logo ~~~~~ */
html body.pwa__body #sb_footer_menu li.about i.icon__about{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23EC691A' d='M7 2h2v1.2l10.5 3.6L9 10.6v8.6c1.9.3 3.3 1.1 3.3 1.9 0 1.1-2.4 1.9-5.3 1.9S1.7 22.2 1.7 21.1c0-.8 1.4-1.6 3.3-1.9z'/></svg>") center/contain no-repeat!important;width:40px!important;height:24px!important;margin:0 auto 2px!important;border-radius:0!important;box-shadow:none!important;display:block!important}
html body.pwa__body #sb_footer_menu li.about .mdc-list-item__text{color:#EC691A!important}
/* ~~~~~ Ende v33 ~~~~~ */

/* ~~~~~ v34: App-Buchung – kein Zurueck in die alte Auswahl (Tarif/Extras) ~~~~~ */
html body.pwa__body .mdc-button__to-prev-step,html body.pwa__body .mdc-button__cancel-booking,html body.pwa__body #sb_back_button{display:none!important}
html body.pwa__body .booking-steps__history a,html body.pwa__body .booking-steps__history [role=button],html body.pwa__body .booking-steps__history li{pointer-events:none!important}
/* ~~~~~ Ende v34 ~~~~~ */

/* ~~~~~ v35: Details bestaetigen – dunkle Karte, saubere Buttons ~~~~~ */
html body.pwa__body .detail-step .detail-step__item,html body.pwa__body .detail-step .detail-step__booking-info-list,html body.pwa__body .detail-step .highlighted-current-booking,html body.pwa__body .detail-step .current-booking-info,html body.pwa__body .detail-step .detail-step__item-content,html body.pwa__body .detail-step .section{background:transparent!important}
html body.pwa__body .detail-step .highlighted-current-booking,html body.pwa__body .detail-step .detail-step__booking-info-list.highlighted-current-booking{background:#141414!important;border:1px solid rgba(245,241,236,.12)!important;border-left:4px solid #EC691A!important;border-radius:16px!important;padding:16px!important;margin:12px 0!important;box-shadow:0 12px 30px rgba(0,0,0,.35)!important}
html body.pwa__body .detail-step .current-booking-info,html body.pwa__body .detail-step .current-booking-info *{color:#F5F1EC!important;border-color:rgba(245,241,236,.12)!important}
html body.pwa__body .detail-step .current-booking-info [class*=name],html body.pwa__body .detail-step .current-booking-info__data-item-name{color:#938D86!important;font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html body.pwa__body .detail-step .current-booking-info [class*=price],html body.pwa__body .detail-step .current-booking-info [class*=amount]{color:#EC691A!important;font-weight:800!important}
html body.pwa__body .detail-step .current-booking-info svg{fill:#938D86!important;color:#938D86!important}
html body.pwa__body .detail-step .sb-book-btn-container,html body.pwa__body .detail-step .buttons-container{display:flex!important;flex-direction:column-reverse!important;gap:12px!important;align-items:stretch!important;margin-top:18px!important}
html body.pwa__body .detail-step .sb-book-btn-container .mdc-button,html body.pwa__body .detail-step .buttons-container .mdc-button,html body.pwa__body .detail-step .sb-book-btn-container button,html body.pwa__body .detail-step .buttons-container button{position:static!important;width:100%!important;margin:0!important;min-height:52px!important;border-radius:14px!important;transform:none!important}
html body.pwa__body .detail-step .sb-book-btn-container .mdc-button--contained,html body.pwa__body .detail-step .buttons-container .mdc-button--contained,html body.pwa__body .detail-step button[type=submit]{background:#EC691A!important;color:#0A0A0A!important;border:0!important;font-weight:800!important}
html body.pwa__body .detail-step .sb-book-btn-container .mdc-button--contained *,html body.pwa__body .detail-step .buttons-container .mdc-button--contained *{color:#0A0A0A!important}
html body.pwa__body .detail-step .sb-book-btn-container .mdc-button:not(.mdc-button--contained),html body.pwa__body .detail-step .buttons-container .mdc-button:not(.mdc-button--contained){background:transparent!important;color:#F5F1EC!important;border:1px solid rgba(245,241,236,.3)!important}
html body.pwa__body.booing-steps-pages .pwa-app__bottom-nav{display:block!important}
/* ~~~~~ Ende v35 ~~~~~ */

/* ~~~~~ v36: App – kein "Weitere Zeit dazubuchen" ~~~~~ */
html body.pwa__body #sb_multiple_booking_button_container,html body.pwa__body #sb_multiple_booking_btn,html body.pwa__body .btn--add-booking{display:none!important}
/* ~~~~~ Ende v36 ~~~~~ */

/* ~~~~~ v37: Details bestaetigen im Website-Look (Space Grotesk/Inter, #EC691A/#F5F1EC) ~~~~~ */
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacegrotesk/v22/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2')}
html body.pwa__body .pwa-app__header .title,html body.pwa__body .pwa-app__header h1,html body.pwa__body .pwa-app__header h2,html body.pwa__body .pwa-app__header h3,html body.pwa__body .header__content .title{font-family:'Space Grotesk','Inter Tight',Inter,system-ui,sans-serif!important;letter-spacing:-.01em!important}
html body.pwa__body .detail-step{font-family:Inter,'Inter Tight',system-ui,sans-serif!important;color:#F5F1EC!important}
html body.pwa__body .detail-step .detail-step-wrap,html body.pwa__body .detail-step.section{padding-top:4px!important}
html body.pwa__body .detail-step .highlighted-current-booking{background:#101010!important;border:1px solid rgba(245,241,236,.12)!important;border-left:3px solid #EC691A!important;border-radius:10px!important;padding:20px 20px 18px!important;margin:8px 0 18px!important;box-shadow:none!important}
html body.pwa__body .detail-step .current-booking-info__title,html body.pwa__body .detail-step .current-booking-info .title{font-family:'Space Grotesk','Inter Tight',Inter,system-ui,sans-serif!important;font-size:21px!important;font-weight:700!important;line-height:1.2!important;color:#F5F1EC!important;letter-spacing:-.01em!important;margin:0 0 6px!important}
html body.pwa__body .detail-step .current-booking-info__data-item,html body.pwa__body .detail-step .current-booking-info__data-item-info,html body.pwa__body .detail-step .current-booking-info .date-item{font-family:Inter,'Inter Tight',system-ui,sans-serif!important;font-size:15px!important;color:#F5F1EC!important}
html body.pwa__body .detail-step .current-booking-info__data-item-name{font-size:11px!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#938D86!important}
html body.pwa__body .detail-step .full-info-price{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important;margin:0!important;padding:0!important;text-align:left!important}
html body.pwa__body .detail-step .full-info-price--tax{order:2;margin-top:6px!important}
html body.pwa__body .detail-step .full-info-price--tax,html body.pwa__body .detail-step .full-info-price--tax *{font-family:Inter,'Inter Tight',system-ui,sans-serif!important;font-size:12.5px!important;font-weight:400!important;color:#938D86!important}
html body.pwa__body .detail-step .full-info-price--total{margin-top:16px!important;padding-top:14px!important;border-top:1px solid rgba(245,241,236,.12)!important}
html body.pwa__body .detail-step .full-info-price--total .full-info-price--caption,html body.pwa__body .detail-step .full-info-price--total .full-info-price--caption *{font-family:Inter,'Inter Tight',system-ui,sans-serif!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#938D86!important;line-height:1.3!important}
html body.pwa__body .detail-step .full-info-price--total .full-info-price--value,html body.pwa__body .detail-step .full-info-price--total .full-info-price--value *{font-family:'Space Grotesk','Inter Tight',Inter,system-ui,sans-serif!important;font-size:30px!important;font-weight:700!important;color:#EC691A!important;white-space:nowrap!important;line-height:1!important}
html body.pwa__body .detail-step .full-info-price--wrapper{display:flex!important;flex-direction:column!important}
html body.pwa__body .detail-step .current-booking-info svg,html body.pwa__body .detail-step .current-booking-info .icon{color:#938D86!important;fill:#938D86!important;opacity:.8}
html body.pwa__body .detail-step p,html body.pwa__body .detail-step .help-block,html body.pwa__body .detail-step .detail-step__item-content,html body.pwa__body .detail-step .form-membership,html body.pwa__body .detail-step .left-side,html body.pwa__body .detail-step .bottom-side{color:#B9B3AC!important;font-size:14px!important;line-height:1.5!important}
html body.pwa__body .detail-step label,html body.pwa__body .detail-step .control-label,html body.pwa__body .detail-step .license-links-container,html body.pwa__body .detail-step .license-links-container *{color:#F5F1EC!important}
html body.pwa__body .detail-step a:not(.mdc-button){color:#EC691A!important}
html body.pwa__body .detail-step .sb-book-btn-container .mdc-button--contained,html body.pwa__body .detail-step .buttons-container .mdc-button--contained{font-family:Inter,'Inter Tight',system-ui,sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;min-height:56px!important;border-radius:12px!important;background:#EC691A!important;color:#0A0A0A!important;box-shadow:none!important}
html body.pwa__body .detail-step .sb-book-btn-container .mdc-button--contained .mdc-button__label::after,html body.pwa__body .detail-step .buttons-container .mdc-button--contained .mdc-button__label::after{content:"  →";letter-spacing:0}
/* ~~~~~ Ende v37 ~~~~~ */

/* ~~~~~ v38: Einheitliches Schriftbild wie fiftynine-golf.de (Space Grotesk Titel, Inter Text) ~~~~~ */
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2) format('woff2')}
html body.pwa__body,html body.pwa__body p,html body.pwa__body span,html body.pwa__body div,html body.pwa__body li,html body.pwa__body a,html body.pwa__body label,html body.pwa__body input,html body.pwa__body select,html body.pwa__body textarea,html body.pwa__body button,html body.pwa__body .mdc-button,html body.pwa__body .mdc-list-item,html body.pwa__body .mdc-list-item__text{font-family:Inter,system-ui,-apple-system,sans-serif!important}
html body.pwa__body{color:#F5F1EC}
html body.pwa__body h1,html body.pwa__body h2,html body.pwa__body h3,html body.pwa__body h4,html body.pwa__body .title,html body.pwa__body .title *,html body.pwa__body .pwa-app__header-title,html body.pwa__body .mdc-top-app-bar__title,html body.pwa__body .empty-page__title,html body.pwa__body .current-booking-info__title{font-family:'Space Grotesk',Inter,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.01em!important;color:#F5F1EC}
html body.pwa__body .pwa-app__header .title,html body.pwa__body .pwa-app__header h1,html body.pwa__body .pwa-app__header h2,html body.pwa__body .pwa-app__header h3,html body.pwa__body .header__content .title{font-size:21px!important;line-height:1.2!important}
html body.pwa__body .mdc-button,html body.pwa__body .mdc-button__label,html body.pwa__body button.mdc-button{letter-spacing:.14em!important;font-weight:700!important;font-size:13px!important}
html body.pwa__body .bottom-navigation .mdc-list-item__text,html body.pwa__body .bottom-navigation .mdc-list-item__text::after{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.02em!important}
html body.pwa__body .help-block,html body.pwa__body .item__subtitle,html body.pwa__body small{color:#938D86!important}
html body.pwa__body #sb_booking_info .current-booking-info__title,html body.pwa__body #sb_booking_info .title{font-size:18px!important;line-height:1.3!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;display:block!important;max-width:calc(100% - 36px)!important}
html body.pwa__body #sb_booking_info .current-booking-info__data-item,html body.pwa__body #sb_booking_info .current-booking-info__data-item *{font-size:14px!important;color:#B9B3AC!important}
html body.pwa__body #sb_booking_info .full-info-price--tax,html body.pwa__body #sb_booking_info .full-info-price--tax *,html body.pwa__body #sb_booking_info .full-price-with-tax,html body.pwa__body #sb_booking_info .full-price-with-tax *{font-size:12.5px!important;font-weight:400!important;color:#938D86!important;letter-spacing:0!important;text-transform:none!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}
html body.pwa__body #sb_booking_info .full-info-price--total .full-info-price--caption,html body.pwa__body #sb_booking_info .full-info-price--total .full-info-price--caption *{font-size:11px!important;letter-spacing:.14em!important;color:#938D86!important}
html body.pwa__body #sb_booking_info .full-info-price--total .full-info-price--value,html body.pwa__body #sb_booking_info .full-info-price--total .full-info-price--value *{font-family:'Space Grotesk',Inter,system-ui,sans-serif!important;font-size:28px!important;color:#EC691A!important}
/* ~~~~~ Ende v38 ~~~~~ */

/* ~~~~~ v39: Seitentitel nicht abschneiden (max. 2 Zeilen) ~~~~~ */
html body.pwa__body .pwa-app__header .title,html body.pwa__body .pwa-app__header h1,html body.pwa__body .pwa-app__header h2,html body.pwa__body .pwa-app__header h3,html body.pwa__body .header__content .title,html body.pwa__body .pwa-app__header-title{white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-size:19px!important;line-height:1.15!important}
/* ~~~~~ Ende v39 ~~~~~ */

/* ~~~~~ v40: Bezahlseite kompakt, Laufzeit weg, PayPal/SumUp als freigestellte Logo-Kacheln ~~~~~ */
html body.pwa__body .page-invoice-pay .invoice-info__wrappler-list-status,html body.pwa__body .page-invoice-pay .invoice-info__list-status,html body.pwa__body .page-invoice-pay .invoice-info__item-status,html body.pwa__body .page-invoice-pay .fa-hourglass-start{display:none!important}
html body.pwa__body .page-invoice-pay .invoice-info{padding-top:0!important;margin-top:0!important}
html body.pwa__body .page-invoice-pay .mdc-data-table__header-row,html body.pwa__body .page-invoice-pay .inv-cell-num{display:none!important}
html body.pwa__body .page-invoice-pay .mdc-data-table,html body.pwa__body .page-invoice-pay .mdc-data-table__table-container,html body.pwa__body .page-invoice-pay .invoice-table{background:transparent!important;border:0!important}
html body.pwa__body .page-invoice-pay .mdc-data-table__row{border-top:0!important;border-bottom:1px solid rgba(245,241,236,.1)!important}
html body.pwa__body .page-invoice-pay .mdc-data-table__cell{padding:10px 4px!important;height:auto!important;font-size:14px!important;line-height:1.4!important;color:#F5F1EC!important;white-space:normal!important}
html body.pwa__body .page-invoice-pay .section,html body.pwa__body .page-invoice-pay .left-block,html body.pwa__body .page-invoice-pay .right-block,html body.pwa__body .page-invoice-pay .container-fluid{padding-top:0!important}
html body.pwa__body .page-invoice-pay .invoice-promotions,html body.pwa__body .page-invoice-pay #sb_invoice_promotion_container{margin-top:12px!important}
html body.pwa__body .payment-system-container{grid-template-columns:1fr 1fr!important;gap:12px!important}
html body.pwa__body .payment-system-container .payment-system{position:relative!important;background:#141414!important;border:1px solid rgba(245,241,236,.16)!important;border-radius:14px!important;min-height:72px!important;padding:14px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;transition:border-color .2s,background .2s}
html body.pwa__body .payment-system-container .payment-system .img{background:transparent!important;min-height:0!important;border:0!important;box-shadow:none!important;padding:0!important}
html body.pwa__body .payment-system-container .payment-system .img img{filter:brightness(0) invert(1)!important;max-width:110px!important;max-height:30px!important;margin:0!important;background:transparent!important}
html body.pwa__body .payment-system-container .payment-system .name,html body.pwa__body .payment-system-container .payment-system .sub-systems,html body.pwa__body .payment-system-container .payment-system--saved-method{display:none!important}
html body.pwa__body .payment-system-container .payment-system .custom-radio label{border:0!important;background:transparent!important;border-radius:14px!important;z-index:2!important;cursor:pointer}
html body.pwa__body .payment-system-container .payment-system .custom-radio label::before,html body.pwa__body .payment-system-container .payment-system .custom-radio label::after{display:none!important}
html body.pwa__body .payment-system-container .payment-system.active{border:2px solid #EC691A!important;background:rgba(236,105,26,.08)!important}
html body.pwa__body .payment-system-container .payment-system.active::after{content:"✓";position:absolute;top:6px;right:9px;color:#EC691A;font:800 14px Inter,sans-serif}
/* ~~~~~ Ende v40 ~~~~~ */

/* ~~~~~ v41: Bezahlseite wie "Buchung pruefen" + groessere Logos ~~~~~ */
html body.pwa__body .payment-system-container .payment-system{min-height:84px!important;padding:16px 12px!important}
html body.pwa__body .payment-system-container .payment-system .img,html body.pwa__body .payment-system-container .payment-system .img img{opacity:1!important}
html body.pwa__body .payment-system-container .payment-system .img img{max-width:150px!important;max-height:42px!important;width:auto!important;height:42px!important;object-fit:contain!important;filter:brightness(0) invert(1) drop-shadow(0 0 1px rgba(255,255,255,.4))!important}
html body.pwa__body .page-invoice-pay{font-family:Inter,system-ui,-apple-system,sans-serif!important;color:#F5F1EC!important}
html body.pwa__body .page-invoice-pay .pwa-app__header-title,html body.pwa__body .page-invoice-pay .title,html body.pwa__body .page-invoice-pay h3{font-family:'Space Grotesk',Inter,system-ui,sans-serif!important;font-weight:700!important;color:#F5F1EC!important}
html body.pwa__body .page-invoice-pay .mdc-data-table__cell,html body.pwa__body .page-invoice-pay .mdc-data-table__cell *{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:14px!important;color:#B9B3AC!important;font-weight:400!important}
html body.pwa__body .page-invoice-pay .inv-cell-info,html body.pwa__body .page-invoice-pay .inv-cell-info *{color:#F5F1EC!important;font-weight:500!important}
html body.pwa__body .page-invoice-pay .invoice-total-prices,html body.pwa__body .page-invoice-pay .invoice-total-prices__list{background:#101010!important;border:1px solid rgba(245,241,236,.12)!important;border-left:3px solid #EC691A!important;border-radius:10px!important;padding:6px 16px!important;margin:14px 0!important}
html body.pwa__body .page-invoice-pay .invoice-total-prices__list-item{display:flex!important;justify-content:space-between!important;align-items:baseline!important;min-height:0!important;height:auto!important;padding:8px 0!important;background:transparent!important}
html body.pwa__body .page-invoice-pay .invoice-total-prices__list-item--name,html body.pwa__body .page-invoice-pay .invoice-total-prices__list-item--val{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:13px!important;color:#938D86!important;font-weight:400!important}
html body.pwa__body .page-invoice-pay .invoice-total-prices__list-item.total{border-top:1px solid rgba(245,241,236,.12)!important;margin-top:4px!important;padding-top:12px!important}
html body.pwa__body .page-invoice-pay .invoice-total-prices__list-item.total .invoice-total-prices__list-item--name{font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#938D86!important}
html body.pwa__body .page-invoice-pay .invoice-total-prices__list-item.total .invoice-total-prices__list-item--val{font-family:'Space Grotesk',Inter,system-ui,sans-serif!important;font-size:28px!important;font-weight:700!important;color:#EC691A!important}
html body.pwa__body .page-invoice-pay .custom-checkbox label,html body.pwa__body .page-invoice-pay .checkbox label,html body.pwa__body .page-invoice-pay label{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:15px!important;font-weight:600!important;color:#F5F1EC!important}
html body.pwa__body .page-invoice-pay input.form-control,html body.pwa__body .page-invoice-pay .form-control{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:15px!important;color:#F5F1EC!important;background:#0E0E0E!important;border:1px solid rgba(245,241,236,.2)!important;border-radius:10px!important}
html body.pwa__body .page-invoice-pay .alert,html body.pwa__body .page-invoice-pay .alert *{font-size:13px!important;color:#938D86!important;line-height:1.45!important}
html body.pwa__body .page-invoice-pay .mdc-button--raised,html body.pwa__body .page-invoice-pay .mdc-button--contained,html body.pwa__body .page-invoice-pay .btn-invoice{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:13px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;min-height:56px!important;border-radius:12px!important;background:#EC691A!important;color:#0A0A0A!important;box-shadow:none!important;width:100%!important}
html body.pwa__body .page-invoice-pay .mdc-button--raised *,html body.pwa__body .page-invoice-pay .mdc-button--contained *,html body.pwa__body .page-invoice-pay .btn-invoice *{color:#0A0A0A!important}
html body.pwa__body .page-invoice-pay .invoice-payment-systems-choose,html body.pwa__body .page-invoice-pay .payment-system-container--txt-block,html body.pwa__body .page-invoice-pay .payment-system-container--txt-block *{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:13px!important;color:#938D86!important;line-height:1.45!important}
/* ~~~~~ Ende v41 ~~~~~ */

/* ~~~~~ v42: Popup "unvollendeter Auftrag" + runder Karten-Button ausblenden ~~~~~ */
#sb_invoice_notification_container,.sb-invoice-notification,.invoice-notification,#sb_invoice_notification_open,#sb_invoice_notification_close{display:none!important}
/* ~~~~~ Ende v42 ~~~~~ */

/* ~~~~~ v43: Home – zweiten Seitentitel ("Meine Buchungen") der Buchungsliste ausblenden ~~~~~ */
html body.pwa__body #sb_dashboard_booking_layout .pwa-app__header-title,html body.pwa__body .dashboard__booking .pwa-app__header-title,html body.pwa__body .page-content--dashboard .dashboard__booking h3.title,html body.pwa__body .page-content--dashboard .container-fluid .pwa-app__header-title{display:none!important}
/* ~~~~~ Ende v43 ~~~~~ */

/* ~~~~~ v44: App aufgeraeumt – Status-Sanduhren, "Alle Buchungen", Warenkorb weg; Ladeanzeige orange ~~~~~ */
html body.pwa__body .booking-item .item__picture-wrapper,html body.pwa__body .booking-item .item__status{display:none!important}
html body.pwa__body .booking-item .item__tab{padding-left:4px!important}
html body.pwa__body .booking-item{border-left:3px solid #EC691A!important;padding-left:10px!important}
html body.pwa__body .dashboard__booking-header--btn-bar{display:none!important}
html body.pwa__body #sb_cart,html body.pwa__body .client-panel__item-cart,html body.pwa__body #sb_cart_popup{display:none!important}
html body.pwa__body .mdc-circular-progress__indeterminate-circle-graphic,html body.pwa__body .mdc-circular-progress circle{stroke:#EC691A!important}
html body.pwa__body .preloader,html body.pwa__body .preloader *,html body.pwa__body [class*=preloader] svg,html body.pwa__body .spinner,html body.pwa__body [class*=spinner] svg{color:#EC691A!important;border-top-color:#EC691A!important}
/* ~~~~~ Ende v44 ~~~~~ */

/* ~~~~~ v45: Stornierte/abgebrochene Buchungen in "Meine Termine" ausblenden ~~~~~ */
html body.pwa__body .booking-item[class*="booking-cancel"],html body.pwa__body .booking-item[class*="booking-declin"],html body.pwa__body .booking-item[class*="booking-reject"]{display:none!important}
/* ~~~~~ Ende v45 ~~~~~ */

/* ~~~~~ v46: Eingabefelder immer hell lesbar (auch bei iOS-Autofill / Fokus) ~~~~~ */
html body.pwa__body input,html body.pwa__body textarea,html body.pwa__body select,html body.pwa__body .mdc-text-field__input{color:#F5F1EC!important;-webkit-text-fill-color:#F5F1EC!important;caret-color:#EC691A!important;background-color:transparent!important}
html body.pwa__body input:focus,html body.pwa__body textarea:focus,html body.pwa__body .mdc-text-field--focused .mdc-text-field__input{color:#F5F1EC!important;-webkit-text-fill-color:#F5F1EC!important}
html body.pwa__body input:-webkit-autofill,html body.pwa__body input:-webkit-autofill:hover,html body.pwa__body input:-webkit-autofill:focus,html body.pwa__body input:-webkit-autofill:active,html body.pwa__body textarea:-webkit-autofill,html body.pwa__body select:-webkit-autofill{-webkit-text-fill-color:#F5F1EC!important;-webkit-box-shadow:0 0 0 1000px #141414 inset!important;box-shadow:0 0 0 1000px #141414 inset!important;caret-color:#EC691A!important;transition:background-color 99999s ease-in-out 0s!important}
html body.pwa__body input::placeholder,html body.pwa__body textarea::placeholder{color:#938D86!important;-webkit-text-fill-color:#938D86!important;opacity:1!important}
html body.pwa__body .mdc-text-field,html body.pwa__body .mdc-text-field--focused{background-color:#141414!important}
html body.pwa__body select option{color:#0A0A0A;-webkit-text-fill-color:#0A0A0A}
/* ~~~~~ Ende v46 ~~~~~ */

/* ~~~~~ v47: SimplyBook-Installationshinweis aus (eigener App-Hinweis auf der Website) ~~~~~ */
.pwa_install__banner,#pwa_install_banner_ios,#pwa_install_banner_old_chrome,#pwa_install_banner_btn,.pwa_install_button,.pwa-install-btn,[class*="pwa_install"],[id*="pwa_install"]{display:none!important}
body.has-install-banner{padding-bottom:0!important;padding-top:0!important}
/* ~~~~~ Ende v47 ~~~~~ */

/* ~~~~~ v48: Alter SimplyBook-Buchungsablauf (Tarif-/Zeitauswahl) ersetzt durch Hinweis auf neuen Kalender ~~~~~ */
.service-step,.datetime-step,.service-step ~ *,.datetime-step ~ *{display:none!important}
#sb_booking_content:has(.service-step,.datetime-step){min-height:60vh}
#sb_booking_content:has(.service-step,.datetime-step)::before{content:"Gebucht wird jetzt in unserem neuen Kalender – schneller, mit allen freien Zeiten auf einen Blick.";display:block;margin:28px 16px 0;padding:22px 20px;border:1px solid rgba(245,241,236,.14);border-left:3px solid #EC691A;background:#111;color:#F5F1EC;font:600 17px/1.45 Inter,system-ui,sans-serif}
body.pwa__body #sb_booking_content:has(.service-step,.datetime-step)::after{content:"Tippe unten auf „Buchen“.";display:block;margin:12px 16px;color:#938D86;font:400 14px/1.4 Inter,sans-serif}
html body:not(.pwa__body):has(.service-step,.datetime-step) #sb_booking_content::before{display:none!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper{display:block!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper li{display:none!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper li:has(a[href$="page/bay-buchen/"]){display:block!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) a[href$="page/bay-buchen/"]{position:fixed!important;left:16px;right:16px;top:118px;z-index:999;display:block!important;padding:22px 20px 92px!important;background:#111!important;border:1px solid rgba(245,241,236,.14)!important;border-left:3px solid #EC691A!important;font-size:0!important;color:transparent!important;text-decoration:none!important;max-width:520px;margin:0 auto}
html body:not(.pwa__body):has(.service-step,.datetime-step) a[href$="page/bay-buchen/"]::before{content:"Gebucht wird jetzt in unserem neuen Kalender – schneller, mit allen freien Zeiten auf einen Blick.";display:block;color:#F5F1EC;font:600 17px/1.45 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0}
html body:not(.pwa__body):has(.service-step,.datetime-step) a[href$="page/bay-buchen/"]::after{content:"Zum Buchungskalender  →";position:absolute;left:20px;right:20px;bottom:20px;padding:18px 10px;background:#EC691A;color:#0A0A0A;text-align:center;font:800 13px/1 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}
html body:not(.pwa__body):has(.service-step,.datetime-step) header.web,html body:not(.pwa__body):has(.service-step,.datetime-step) header.web *{z-index:1000}
html body:not(.pwa__body):has(.service-step,.datetime-step) header.web{position:relative!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper a[href$="page/bay-buchen/"] *{display:none!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper a[href$="page/bay-buchen/"]::after{content:"Zum Buchungskalender  →"!important;position:absolute!important;left:20px!important;right:20px!important;bottom:20px!important;top:auto!important;width:auto!important;height:auto!important;display:block!important;padding:18px 10px!important;background:#EC691A!important;color:#0A0A0A!important;text-align:center!important;font:800 13px/1 Inter,system-ui,sans-serif!important;letter-spacing:.16em!important;text-transform:uppercase!important;opacity:1!important;transform:none!important;border:0!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper a[href$="page/bay-buchen/"]{font-size:0!important;line-height:0!important;letter-spacing:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-indent:0!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper a[href$="page/bay-buchen/"]::before{-webkit-text-fill-color:#F5F1EC!important;color:#F5F1EC!important;font-size:17px!important;line-height:1.45!important}
html body:not(.pwa__body):has(.service-step,.datetime-step) .nav-wrapper a[href$="page/bay-buchen/"]::after{-webkit-text-fill-color:#0A0A0A!important}
/* ~~~~~ Ende v48 ~~~~~ */

/* ===== v49: Home – Weekly Challenge direkt unter dem Titelbild, ohne Scrollen ===== */
html body.pwa__body .page-content--dashboard .dashboard__company-info--card-wrapper{border-radius:18px 18px 0 0 !important;border-bottom:0 !important;box-shadow:none !important;width:min(100%,calc((100vh - 330px) / 1.30)) !important;width:min(100%,calc((100svh - 330px) / 1.30)) !important;margin-left:auto !important;margin-right:auto !important}
html body.pwa__body .page-content--dashboard #sb_dashboard_company_info::after{content:"";display:block;aspect-ratio:1170/588;background:url('https://www.fiftynine-golf.de/buchen/challenge/home-card.png') center/100% 100% no-repeat;filter:drop-shadow(0 16px 26px rgba(0,0,0,.45));width:min(100%,calc((100vh - 330px) / 1.30)) !important;width:min(100%,calc((100svh - 330px) / 1.30)) !important;margin-left:auto !important;margin-right:auto !important}
/* ===== Ende v49 ===== */

/* ===== v50: Home-Challenge antippbar -> Ablaufplan-Seite (App) ===== */
html body.pwa__body .page-content--dashboard #sb_dashboard_company_info{position:relative !important}
html body.pwa__body .page-content--dashboard .dashboard__company-info--card-wrapper{position:static !important;overflow:visible !important}
html body.pwa__body .page-content--dashboard .dashboard__company-info__book-bar{display:block !important;position:absolute !important;inset:0 !important;z-index:5 !important;background:transparent !important;border:0 !important;margin:0 !important;padding:0 !important;box-shadow:none !important}
html body.pwa__body .page-content--dashboard .dashboard__company-info__book-bar a{display:block !important;position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;min-width:0 !important;opacity:0 !important;border-radius:18px !important;-webkit-tap-highlight-color:transparent}
html body.pwa__body #sb_booking_content:has(.service-step,.datetime-step){min-height:0 !important;padding:8px 0 0 !important}
html body.pwa__body #sb_booking_content:has(.service-step,.datetime-step)::before{content:"" !important;display:block !important;aspect-ratio:1170/2040 !important;width:min(calc(100% - 12px),calc((100vh - 170px) / 1.744)) !important;width:min(calc(100% - 12px),calc((100svh - 170px) / 1.744)) !important;margin:0 auto !important;padding:0 !important;border:0 !important;background:url('https://www.fiftynine-golf.de/buchen/challenge/detail.png') center/100% 100% no-repeat transparent !important;font-size:0 !important;color:transparent !important;filter:drop-shadow(0 16px 26px rgba(0,0,0,.45))}
html body.pwa__body #sb_booking_content:has(.service-step,.datetime-step)::after{display:none !important}
html body.pwa__body:has(#sb_booking_content .service-step) .booking-steps-nav--item .title{font-size:0 !important;line-height:0 !important}
html body.pwa__body:has(#sb_booking_content .service-step) .booking-steps-nav--item .title::before{content:"Weekly Challenge";display:inline-block;font-family:'Space Grotesk',Inter,system-ui,sans-serif !important;font-size:19px !important;line-height:1.15 !important;font-weight:700 !important;letter-spacing:-.01em !important;color:#F5F1EC !important;white-space:nowrap}
html body.pwa__body:has(#sb_booking_content .service-step) #sb_pwa_push_notifications{display:none !important}
/* ===== Ende v50 ===== */