/* ============================================================ Passion Fruits — SimplyBook.me Widget Theme Palette : Creme #FFFAF0 · Schwarz #000000 · Korall #E9868A Schrift : Spinnaker (Google Font) Quelle : ausgelesen von https://www.passion-fruits.ch/ Einfügen: SimplyBook → Custom Features → "Custom CSS" → am besten in BEIDE Reiter kopieren: "Booking pages CSS" UND "Widget CSS" ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Spinnaker&display=swap'); /* ---- Theme-Variablen (steuern große Teile des Widgets) ---- */ :root, .sb-layout { --colors_accent:#E9868A !important; --base-color:#000000 !important; --btn-bg:#000000 !important; --btn-text-color:#FFFAF0 !important; --colors_text:#000000 !important; --chat_bg:#FFFAF0 !important; } /* ---- Hintergrund: creme; Hero-Bild + Türkis-Overlay entfernen ---- */ html, body, .sb-layout, .page--booking, .page--index, .step-content, .category-step, .default-bg, .default-bg.other, .full-info, .close-full-info { background:#FFFAF0 !important; background-image:none !important; } .masked { background-color:transparent !important; background-image:none !important; } /* ---- Schrift: Spinnaker überall AUSSER Icon-Fonts (Font Awesome) ---- */ .sb-layout, .sb-layout *:not(.fa):not([class*="fa-"]):not(i) { font-family:'Spinnaker', sans-serif !important; } /* ---- Textfarben ---- */ .sb-layout, .title-main, .title-small, .title-sub, .small-title, .category-item, .step_info_item, .booking-info, .masked, .masked * { color:#000000 !important; } .nav a, .nav-item, .menu-item a, .header_nav_wrap a { color:#000000 !important; } .step-content a, .link, a.link { color:#E9868A !important; } /* ---- Icons (Inline-SVG) → korall ---- */ svg.sb-inline-svg path, svg.sb-inline-svg circle, svg.sb-inline-svg rect, svg.sb-inline-svg polygon, svg.sb-inline-svg ellipse { fill:#E9868A !important; stroke:#E9868A !important; } /* ---- Buttons ---- */ .btn, .main_btn { border-radius:0 !important; } /* Sekundär (z. B. SELECT) = schwarzer Umriss, füllt sich beim Hover */ .btn.select, .btn.select.custom { background:transparent !important; border:1.6px solid #000000 !important; } .btn.select a, .btn.select.custom a { color:#000000 !important; } .btn.select:hover, .btn.select.custom:hover { background:#000000 !important; } .btn.select:hover a, .btn.select.custom:hover a { color:#FFFAF0 !important; } /* Primär (Confirm booking / Next / …) = vollflächig schwarz, creme Text */ .btn:not(.select):not(.select.custom), .main_btn, .btn.book, .btn.next, .btn.finish, .btn-primary, button[type=submit] { background:#000000 !important; color:#FFFAF0 !important; border:1.6px solid #000000 !important; border-radius:0 !important; } .btn:not(.select):not(.select.custom) a, .btn:not(.select):not(.select.custom) span { color:#FFFAF0 !important; } .btn:not(.select):not(.select.custom):hover { background:#2a2a2a !important; } /* ---- Kalender & Zeit ---- */ .date.selected, .day.selected { background:#000000 !important; color:#FFFAF0 !important; border-radius:0 !important; } .sb-cell.free { background:#FCEBEC !important; color:#000000 !important; } /* verfügbare Zeit */ .sb-cell.free:hover, .sb-cell.selected, .sb-cell.active { background:#000000 !important; color:#FFFAF0 !important; } .slot { background:#ffffff !important; border:1px solid #E9868A !important; border-radius:0 !important; color:#000000 !important; } .circle { background-color:#E9868A !important; border-color:#E9868A !important; } /* Legenden-Punkt */ /* Monats-Pfeile (Font Awesome, liegen auf dem ::before des Containers) → korall */ #sb_prev_month::before, #sb_next_month::before, .fa-angle-left, .fa-angle-right, #sb_prev_month .fa, #sb_next_month .fa { color:#E9868A !important; } /* --- A-Services: Service-Icons ausblenden (Look wie B) --- */ .excerpt-info .preloader.__default-svg-icon, .excerpt-info .default.img { display:none !important; } /* --- Kompaktere Service-Karten: leeres Beschreibungsfeld entfernen --- */ .excerpt-info .txt.short { display:none !important; } .excerpt-info .tab-pd { padding:16px 20px 16px !important; } .excerpt-info .cap.short { margin-bottom:10px !important; } /* --- Leere linke Spalte ("Book now") im eingebetteten Widget entfernen --- */ html.is-widget header.widget { display:none !important; } .sb-layout.iframe { padding-left:0 !important; } /* Passion Fruits booking refinement — September 2026 */ body {font-family:'Spinnaker',sans-serif!important;line-height:1.6;color:#000!important;} #header {background:#fffaf0!important;border-bottom:1px solid #ecdcd3;} #header .brand {display:block!important;min-height:88px;width:105px;background:url('https://images.squarespace-cdn.com/content/v1/6a217bfb3f96b35317870ca0/ab9be691-1abc-44ca-8ccf-79c02ca3f622/Passion+fruits+Logo_Herz.png?format=1500w') center/contain no-repeat;} #main-buttons {background:#e9868a!important;background-image:none!important;min-height:0!important;height:auto!important;padding:34px 0!important;} #main-buttons .wrapper,#main-buttons .inner {height:auto!important;min-height:0!important;padding:0!important;position:static!important;transform:none!important;} #main-buttons .company-name {font-size:clamp(30px,4vw,48px)!important;font-weight:400!important;line-height:1.25!important;text-transform:none!important;margin:0 0 20px!important;color:#000!important;} #main-buttons .bar {margin:0!important;} #main-buttons .btn {margin:0 10px 0 0!important;} #steps-nav {background:#fffaf0!important;box-shadow:none!important;border-bottom:1px solid #ecdcd3;} #steps-nav .title-small {font-family:'Spinnaker',sans-serif!important;text-transform:none!important;font-weight:400!important;} .excerpt-info .txt.short {display:block!important;height:auto!important;max-height:none!important;color:#000!important;line-height:1.65!important;} .excerpt-info .tab-pd {padding:26px!important;} .excerpt-info .cap.short {font-family:'Spinnaker',sans-serif!important;font-size:24px!important;font-weight:400!important;line-height:1.35!important;height:auto!important;white-space:normal!important;} .category-item .tab {background:#fffaf0!important;border:1px solid #e5c4c2!important;border-top:5px solid #e9868a!important;box-shadow:none!important;border-radius:0!important;} .excerpt-info .read-more {color:#85333f!important;text-decoration:underline;text-underline-offset:3px;} .btn a {min-height:46px;display:inline-flex;align-items:center;justify-content:center;white-space:normal!important;} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid #85333f!important;outline-offset:3px!important;} input,select,textarea {border-radius:0!important;} @media(max-width:767px){#main-buttons{padding:24px 0!important;}#main-buttons .company-name{font-size:30px!important;}#header .brand{min-height:70px;width:82px;} .excerpt-info .tab-pd{padding:20px!important;}#steps-nav .title-small{font-size:13px!important;} .btn a{min-height:48px;}} @media(prefers-reduced-motion:reduce){.animated{animation:none!important;transition:none!important;}} /* Consistent light booking surface and visible headings */ #sb-timeline,#steps,#steps-content{background:#fffaf0!important;color:#000!important;} #steps-nav li.active{background:#e9868a!important;color:#000!important;} #steps-nav li.active .title-small,.excerpt-info .cap.short,.full-info .cap.full{color:#000!important;} #steps .client-time{color:#000!important;} /* Clear service cards and readable booking progress */ #steps-nav #menu-active-bg{background:#fffaf0!important;} #steps-nav li.passed{background:#f6dedb!important;} #steps-nav li a,#steps-nav li .title-sub{color:#000!important;} .service-item .tab{background:#fffaf0!important;border:1px solid #e5c4c2!important;border-top:5px solid #e9868a!important;border-radius:0!important;box-shadow:none!important;} .service-item .excerpt-info .preloader{display:none!important;} .service-item .excerpt-info .txt.short{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden!important;max-height:6.6em!important;} .excerpt-info .read-more{position:static!important;display:block!important;margin:12px 0 18px!important;height:auto!important;width:auto!important;background:none!important;} .excerpt-info .txt.short p:has(>br:only-child),.full-info p:has(>br:only-child){display:none!important;} .service-item .bar-service{display:flex!important;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0!important;color:#000!important;} .service-item .bar-service .price{color:#000!important;background:#f6dedb!important;padding:6px 10px!important;border-radius:0!important;font-size:16px!important;} .service-item .bar-service .time,.service-item .bar-service .time span{color:#000!important;} /* Legible calendar, mobile navigation and customer form */ #steps-nav #sb_booking_info li.active .title-small{color:#000!important;} #sb_datetime_step_container .header,#sb_datetime_step_container .header .txt,#sb_datetime_step_container .txt-center,#sb_datetime_step_container .weeks-name .name,#sb_datetime_step_container .time-legend{color:#000!important;} #sb_datetime_step_container .date .day-on{color:#85333f!important;font-weight:600;} #sb_datetime_step_container .date.selected .day-on{color:#fffaf0!important;} #steps label,#details .cap,#details [class*=booking-info__details],#details [class*=full-info-price]{color:#000!important;} #steps .form-control{background:#fff!important;color:#000!important;border:1px solid #8a7772!important;min-height:48px!important;border-radius:0!important;} #steps .form-control::placeholder{color:#6c615c!important;opacity:1!important;} #details a.title,#steps #sb_back_button a{color:#85333f!important;} #sb-timeline #steps-nav #sb_booking_info .booking-info ul li.active .title-small{color:#000!important;-webkit-text-fill-color:#000!important;} #sb_datetime_step_container .container-caption{color:#000!important;} #details #sb_simplybook_terms_link{color:#85333f!important;text-decoration:underline;} #sb_prev_month::before{content:"‹"!important;} #sb_next_month::before{content:"›"!important;} #sb_prev_month::before,#sb_next_month::before{display:inline-block!important;font-family:Arial,sans-serif!important;font-size:30px!important;line-height:1!important;color:#85333f!important;} /* Readable headings on the dark homepage panels */ #content-view h3, #content-view .title-main, #content-view .title-small, .content-view h3, .content-view .title-main, .content-view .title-small { color:#FFFAF0!important; } /* Show complete offer descriptions without a duplicate details button */ .category-item .excerpt-info .read-more {display:none!important;} .category-item .excerpt-info .txt.short {display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;} /* Booking progress: numbered steps with clear availability */ #steps-nav #sb_booking_info .booking-info ul{counter-reset:booking-step;} #steps-nav #sb_booking_info .booking-info ul li{counter-increment:booking-step;background:#f2eeea!important;cursor:default!important;} #sb-timeline #steps-nav #sb_booking_info .booking-info ul li .title-small{color:#6c615c!important;-webkit-text-fill-color:#6c615c!important;} #steps-nav #sb_booking_info .booking-info ul li .title-small::before{content:counter(booking-step) ". ";} #steps-nav #sb_booking_info .booking-info ul li:not(.active):not(.passed) a{cursor:default!important;text-decoration:none!important;} #steps-nav #sb_booking_info .booking-info ul li.active{background:#e9868a!important;} #sb-timeline #steps-nav #sb_booking_info .booking-info ul li.active .title-small{color:#302725!important;-webkit-text-fill-color:#302725!important;font-weight:600!important;} #steps-nav #sb_booking_info .booking-info ul li.passed{background:#fffaf0!important;} #sb-timeline #steps-nav #sb_booking_info .booking-info ul li.passed .title-small{color:#85333f!important;-webkit-text-fill-color:#85333f!important;text-decoration:underline;text-underline-offset:4px;} #steps-nav #sb_booking_info .booking-info ul li.passed a{cursor:pointer!important;} /* Prominent session duration and price */ .service-item .bar-service{justify-content:flex-start!important;gap:10px!important;background:#f6dedb!important;padding:12px 14px!important;border-left:4px solid #a84350!important;} .service-item .bar-service .time,.service-item .bar-service .time span,.service-item .bar-service .price{font-size:21px!important;font-weight:700!important;line-height:1.4!important;color:#302725!important;} .service-item .bar-service .price{background:transparent!important;padding:0!important;} .service-item .bar-service .price::before{content:"· ";} .service-item:has(a[href*="/service/17/"]) .bar-service .time::before,.service-item:has(a[href*="/service/18/"]) .bar-service .time::before,.service-item:has(a[href*="/service/19/"]) .bar-service .time::before{content:"3 × ";} @media(max-width:767px){.service-item .bar-service .time,.service-item .bar-service .time span,.service-item .bar-service .price{font-size:19px!important;}} .service-item .bar-service .price::before{content:"· "!important;display:inline!important;font-family:inherit!important;position:static!important;margin-right:5px!important;} /* Compact session selection; full descriptions remain in More info */ .service-item .excerpt-info .txt.short{display:none!important;} .service-item .excerpt-info .read-more{display:block!important;margin:16px 0!important;} /* Separate and emphasise the audience of couple sessions */ .service-item:has(a[href*="/service/8/"]) .excerpt-info .cap.short{font-size:0!important;line-height:0!important;} .service-item:has(a[href*="/service/8/"]) .excerpt-info .cap.short::before{content:"Sex & Liebe Coaching";display:block;font-size:24px;line-height:1.35;font-weight:400;} .service-item:has(a[href*="/service/8/"]) .excerpt-info .cap.short::after{content:"für Paare";display:block;font-size:24px;line-height:1.35;font-weight:700;color:#85333f;margin-top:4px;} .service-item:has(a[href*="/service/9/"]) .excerpt-info .cap.short{font-size:0!important;line-height:0!important;} .service-item:has(a[href*="/service/9/"]) .excerpt-info .cap.short::before{content:"Sex & Liebe Coaching";display:block;font-size:24px;line-height:1.35;font-weight:400;} .service-item:has(a[href*="/service/9/"]) .excerpt-info .cap.short::after{content:"für Paare";display:block;font-size:24px;line-height:1.35;font-weight:700;color:#85333f;margin-top:4px;} .service-item:has(a[href*="/service/10/"]) .excerpt-info .cap.short{font-size:0!important;line-height:0!important;} .service-item:has(a[href*="/service/10/"]) .excerpt-info .cap.short::before{content:"Sexologische Körperarbeit";display:block;font-size:24px;line-height:1.35;font-weight:400;} .service-item:has(a[href*="/service/10/"]) .excerpt-info .cap.short::after{content:"für Paare";display:block;font-size:24px;line-height:1.35;font-weight:700;color:#85333f;margin-top:4px;} .service-item:has(a[href*="/service/11/"]) .excerpt-info .cap.short{font-size:0!important;line-height:0!important;} .service-item:has(a[href*="/service/11/"]) .excerpt-info .cap.short::before{content:"Sexologische Körperarbeit";display:block;font-size:24px;line-height:1.35;font-weight:400;} .service-item:has(a[href*="/service/11/"]) .excerpt-info .cap.short::after{content:"für Paare";display:block;font-size:24px;line-height:1.35;font-weight:700;color:#85333f;margin-top:4px;} .service-item:has(a[href*="/service/14/"]) .excerpt-info .cap.short{font-size:0!important;line-height:0!important;} .service-item:has(a[href*="/service/14/"]) .excerpt-info .cap.short::before{content:"Tantramassage Ritual";display:block;font-size:24px;line-height:1.35;font-weight:400;} .service-item:has(a[href*="/service/14/"]) .excerpt-info .cap.short::after{content:"für Paare";display:block;font-size:24px;line-height:1.35;font-weight:700;color:#85333f;margin-top:4px;} .service-item:has(a[href*="/service/19/"]) .excerpt-info .cap.short{font-size:0!important;line-height:0!important;} .service-item:has(a[href*="/service/19/"]) .excerpt-info .cap.short::before{content:"3er-Abo* – Sexologische Körperarbeit";display:block;font-size:24px;line-height:1.35;font-weight:400;} .service-item:has(a[href*="/service/19/"]) .excerpt-info .cap.short::after{content:"für Paare (3 × 2 Stunden)";display:block;font-size:24px;line-height:1.35;font-weight:700;color:#85333f;margin-top:4px;} /* Coaching: individual sessions above couple sessions */ @media(min-width:768px){ .service-item:has(a[href*="/service/2/"]), .service-item:has(a[href*="/service/3/"]), .service-item:has(a[href*="/service/8/"]), .service-item:has(a[href*="/service/9/"]){width:50%!important;max-width:50%!important;flex:0 0 50%!important;} .service-item:has(a[href*="/service/8/"]){clear:left!important;} } /* Tantra: women, men and couples on separate rows */ @media(min-width:768px){ .service-item:has(a[href*="/service/12/"]), .service-item:has(a[href*="/service/13/"]), .service-item:has(a[href*="/service/15/"]), .service-item:has(a[href*="/service/16/"]), .service-item:has(a[href*="/service/14/"]){width:50%!important;max-width:50%!important;flex:0 0 50%!important;} .service-item:has(a[href*="/service/15/"]), .service-item:has(a[href*="/service/14/"]){clear:left!important;} } /* Buchungsformular: keine Werbungseinwilligung anzeigen */ #main .promotions-letter-flag { display: none !important; } /* Uhrzeit beim gewählten Termin */ #steps-nav li.passed:nth-child(3) .title-sub:not(:empty)::after {content:" Uhr";} /* Anliegen: mehr Platz und kein wiederholter Platzhaltertext */ textarea[id="b101e5751c318b600978fcd78afef6c0"] {min-height:170px!important;height:170px!important;width:100%!important;resize:vertical!important;} textarea[id="b101e5751c318b600978fcd78afef6c0"]::placeholder {color:transparent!important;opacity:0!important;} #steps textarea[id="b101e5751c318b600978fcd78afef6c0"].form-control::placeholder {color:transparent!important;opacity:0!important;} /* Männer-Tantra: sichtbare Anfragekarten, keine direkte Auswahl */ .service-item:has(.pf-request-card) .excerpt-info .txt.short{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;} .service-item:has(.pf-request-card) .excerpt-info .pf-service-detail{display:none!important;} .service-item:has(.pf-request-card) .btn.select{display:none!important;} #steps .pf-request-link{display:inline-block!important;background:#a84350!important;color:#fffaf0!important;padding:12px 16px!important;text-decoration:none!important;font-weight:700!important;} .pf-request-card strong{color:#85333f!important;} /* Tantra: Paarangebot in eigener Zeile vor den Männer-Angeboten */ @media(min-width:768px){ .service-item:has(a[href*="/service/14/"]){margin-right:50%!important;} } 124 text Add Google Tag analytics to monitor and manage everything that happens on your site for marketing purposes? 125 text  126 link Description: Enable, Value: javascript:; /* Luftigere Abstände in den Männer-Anfragekarten */ #steps .pf-request-card > p{margin:0!important;line-height:1.7!important;} #steps .pf-request-card > p + p{margin-top:20px!important;} #steps .pf-request-card{padding-top:8px!important;padding-bottom:12px!important;} /* Address Intake forms in the same style */ @media (min-width: 768px) { .form-group--text > label.control-label.col-sm-12, .form-group--digits > label.control-label.col-sm-12 { float: left; width: 33.33333333%; padding-top: 7px; } .form-group--text > .col-sm-12, .form-group--digits > .col-sm-12 { float: left; width: 66.66666667%; } } /* Wochenkalender: lesbare Wochentage und Tagesdaten */ #main #sb_datetime_step_container #sb_time_slots_weekly_container .day-container .date, #main #sb_datetime_step_container #sb_time_slots_weekly_container .day-container .day { color: #302725 !important; opacity: 1 !important; visibility: visible !important; } #main #sb_datetime_step_container #sb_time_slots_weekly_container .day-container .day { font-weight: 700 !important; } #main #sb_datetime_step_container #sb_time_slots_weekly_container .day-container .date { color: #302725 !important; -webkit-text-fill-color: #302725 !important; font-size: 16px !important; font-weight: 600 !important; } /* Anbieter-Platzhalter im Buchungskalender ausblenden */ #main .timeline-sidebar .provider-item .default.img { display: none !important; } /* Vorname und Nachname unmittelbar untereinander */ .add-details:has(#sb_client_name):has([data-field="5af4de30896477cf2164a00f0a380135"]){display:flex!important;flex-direction:column!important;} .add-details > .custom-form,.add-details > .custom-form > .form-horizontal,.add-details #sb_client_info_container,.add-details > .custom-form > .row,.add-details > .custom-form > .row > .col-sm-12,.add-details > .custom-form > .row > .col-sm-12 > .form-horizontal,.add-details #sb_additional_fields_container,.add-details #sb_additional_fields_container > div,.add-details #sb_additional_fields{display:contents!important;} .add-details .form-client-name{order:-2!important;} .add-details [data-field="5af4de30896477cf2164a00f0a380135"]{order:-1!important;} /* Sprache als klar erkennbare Dropdown-Auswahl */ #steps select[id="c4bc01a329c0fd4a4a86a0d62b66971f"]{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;padding-right:44px!important;background-image:linear-gradient(45deg,transparent 50%,#85333f 50%),linear-gradient(135deg,#85333f 50%,transparent 50%)!important;background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%!important;background-size:6px 6px,6px 6px!important;background-repeat:no-repeat!important;} /* Sprachwahl: gleiche Feldgroesse wie die Adressfelder */ #steps select[id="c4bc01a329c0fd4a4a86a0d62b66971f"] { width:100% !important; height:48px !important; min-height:48px !important; box-sizing:border-box !important; } @media (min-width:768px) { .form-group--select[data-field="c4bc01a329c0fd4a4a86a0d62b66971f"] > label.control-label.col-sm-12 { float:left; width:33.33333333%; padding-top:7px; } .form-group--select[data-field="c4bc01a329c0fd4a4a86a0d62b66971f"] > div.col-sm-12 { float:left; width:66.66666667%; } } /* Wochentagswahl: keine Visitenkarten-Platzhalter */ #sb_provider_step_container .provider-item .preloader.__default-svg-icon {display:none!important;} /* Klare Wochentage ohne weitere Detailkarte */ #sb_provider_step_container .name {color:#302725!important;-webkit-text-fill-color:#302725!important;} #sb_provider_step_container .excerpt-info .txt.short{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important;} #sb_provider_step_container .read-more{display:none!important;} #sb_provider_step_container .excerpt-info .txt.short {display:none!important;} /* Wochentagswahl: Dienstag zuerst und kurze Erklaerung */ #sb_provider_step_container{display:flex!important;flex-wrap:wrap!important;} #sb_provider_step_container::before{content:"Je nach Wochentag stehen unterschiedliche Termine zur Verfügung. Wähle zuerst Dienstag oder Donnerstag bis Samstag, um die passenden freien Zeiten zu sehen.";display:block;flex:0 0 100%;width:100%;box-sizing:border-box;padding:0 15px;margin:0 0 28px;color:#302725;font-size:16px;line-height:1.6;order:-2;} #sb_provider_step_container .provider-item:has(a[href*="/provider/3/"]){order:-1!important;} /* Kundenkalender: ganzer Monat in Wochen mit sieben Tagen */ #sb_dateview_container .weeks-name > div,#sb_dateview_container .weeks-date > div{width:100%!important;float:none!important;clear:both!important;} #sb_dateview_container .weeks-name > div:not(:first-child){display:none!important;} #sb_dateview_container .weeks-name .inner,#sb_dateview_container .weeks-date .inner{display:flex!important;width:100%!important;} #sb_dateview_container .weeks-name .name,#sb_dateview_container .weeks-date .date{flex:0 0 14.285714%!important;width:14.285714%!important;} #sb_dateview_container .weeks-date .date{min-height:44px!important;} #sb_dateview_container .weeks-date .inner,#sb_dateview_container .weeks-name .inner{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:0!important;} #sb_dateview_container .weeks-date .date,#sb_dateview_container .weeks-name .name{width:auto!important;min-width:0!important;margin:0!important;float:none!important;box-sizing:border-box!important;} #sb_dateview_container .weeks-name .name{color:#302725!important;-webkit-text-fill-color:#302725!important;opacity:1!important;visibility:visible!important;} #sb_dateview_container .weeks-date .date{position:relative!important;left:auto!important;right:auto!important;transform:none!important;text-align:center!important;padding:0!important;} #sb_dateview_container .weeks-date .date > *{display:block!important;position:static!important;float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 0!important;transform:none!important;box-sizing:border-box!important;text-align:center!important;}