#BuyingHead { color: black !important; } @font-face { font-family:"Mabry-Black-Pro"; src: url("https://www.wienersymphoniker.at/themes/custom/wsy/src/fonts/Mabry-Black-Pro.woff2") format("woff2"); font-weight: 900; } @font-face { font-family: "anoserifregular-regular-webfont"; src: url("https://www.wienersymphoniker.at/themes/custom/wsy/src/fonts/anoserifregular-regular-webfont.woff2") format("woff2"); font-weight: 900; } @font-face { font-family: "anoserifregular-wide-webfont"; src: url("https://www.wienersymphoniker.at/themes/custom/wsy/src/fonts/anoserifregular-wide-webfont.woff2") format("woff2"); font-weight: 900; } @font-face { font-family: "weiss"; src: url("https://www.wienersymphoniker.at/themes/custom/wsy/src/fonts/weiss.woff2") format("woff2"); font-weight: 900; } @font-face { font-family:"mabry-medium-pro"; src: url("https://www.wienersymphoniker.at/themes/custom/wsy/src/fonts/mabry-regular-pro.woff2") format("woff2"); font-weight: 900; } @font-face { font-family:"mabry-regular-pro"; src: url("https://www.wienersymphoniker.at/themes/custom/wsy/src/fonts/") format("woff2"); font-weight: 900; } /* Neue Schrift */ #BuyingHead, .headtexttitle h1, #EventSelector td.name, #TicketResults h2, #TicketSelectTitle, #TicketResultText, #BasketContainer h3, #BasketContainer .results-header h2, .profile-content-heading, .profile-content-block-heading, .purchase-info-heading{ font-family: "weiss" !important; font-weight: 400; text-transform: uppercase; } body .primary-c, #BuyingSteps div .text, #EventSelector td.date, #EventSelector .selection-heading th, #TicketSelector .name, #TicketSelector .select-zone, #TicketResults th, #DeliveryTypeTitle, #DeliverySelect li label, #DeliverySelect li label span.description, #ProductSelect h2, #ProductSelect ul.tiles li.product .info h1, .product-popup-description p, .product-popup-title h2, .basket-title, .basket-line, .profile-title, .headtexttotal li, #TicketResults .sum .text, #TicketResults .sum td, .item-info, .item-list .results-items .item-details .item-info>span>span, .item-list .results-header .total .prices .text, .item-list .results-header .title, #BasketContainer .item-list .results-header .total .prices .text, #PurchaseLogin h2, #ProfileFields, #ProfileBar ul li { font-family: "mabry-regular-pro", sans-serif !important; font-weight: 400!important; } #TicketSelector.button, .button-small, #ProfileBar button, .button.primary-c-button, .button.primary-c-button-2 { font-family: "mabry-regular-pro", sans-serif !important; font-weight: 400!important; text-transform: uppercase; } #SiteHead2 h1.logo { background-image: url(Images/01_wsy_logo_schwarz.png) !important; width: 237px !important; background-size: contain; background-repeat: no-repeat; } #SiteHead2 div.logo { background-image: url(Images/01_wsy_logo_schwarz.png) !important; width: 237px !important; background-size: contain; background-repeat: no-repeat; } #FooterSocial { display: none; } #SiteHead2 .headbackbutt { display: none; } /* Special cases that we can't put classes on */ #BuyingHead { color: #000; border-color: #858687; } /* Hide social logins */ #SignInSocial { display: none !important; } /* Also hide text "Or log in with" */ #ProfileFields h5 { display: none; } /* Umbennennung Rechnung ansehen in Bestellung ansehen */ html[lang="de"] div.sold-ticket-order.past-event a.pay-button.primary-bg-c { font-size: 0px !important; } html[lang="de"] div.sold-ticket-order.past-event a.pay-button.primary-bg-c:before { content: "Bestellung ansehen"; font-size: 14px; color: #fff; font-weight: 400; } /* Alle Reservierungen 'Ihre Reservierungen' */ html[lang="de"] #ProfileReservations .profile-content-heading { font-size: 0; margin: 0; padding: 0; } html[lang="de"] #ProfileReservations .profile-content-heading::before { content: "Bestellungen "; display: block; font-size: 32px; margin: 1em 0; } html[lang="en"] #ProfileReservations .profile-content-heading { font-size: 0; margin: 0; padding: 0; } html[lang="en"] #ProfileReservations .profile-content-heading::before { content: "Orders "; display: block; font-size: 32px; margin: 1em 0; } /* Alle Bestellungen 'Deine Aufträge' */ html[lang="de"] #ProfileOrders .profile-content-heading { font-size: 0; margin: 0; padding: 0; } html[lang="de"] #ProfileOrders .profile-content-heading::before { content: "Meine Veranstaltungen"; display: block; font-size: 32px; margin: 1em 0; } html[lang="en"] #ProfileOrders .profile-content-heading { font-size: 0; margin: 0; padding: 0; } html[lang="en"] #ProfileOrders .profile-content-heading::before { content: "My Events"; display: block; font-size: 32px; margin: 1em 0; } /* Reservierungen 'Alle Bestellungen' */ html[lang="de"] [data-link="#ProfileReservations"] { font-size: 0px !important; } html[lang="de"] [data-link="#ProfileReservations"]:before { font-size: 16px !important; content: 'Bestellungen'; } html[lang="en"] [data-link="#ProfileReservations"] { font-size: 0px !important; } html[lang="en"] [data-link="#ProfileReservations"]:before { font-size: 16px !important; content: 'Orders'; } /* Bestellungen 'Alle Buchungen' */ html[lang="de"] [data-link="#ProfileOrders"] { font-size: 0px !important; } html[lang="de"] [data-link="#ProfileOrders"]:before { font-size: 16px !important; content: 'Meine Veranstaltungen'; } html[lang="en"] [data-link="#ProfileOrders"] { font-size: 0px !important; } html[lang="en"] [data-link="#ProfileOrders"]:before { font-size: 16px !important; content: 'My Events'; } /* Hide suggestions in basket */ .event-group-suggestion, .receipt-suggestion-header { display: none; } /* MOLLIE FORMAL */ html[lang="de"] #MollieExternalInfo.mollie-info-container.purchase-info-box.card-info-container { font-size: 0; /* Versteckt den ursprünglichen Text */ } html[lang="de"] #MollieExternalInfo.mollie-info-container.purchase-info-box.card-info-container:before { content: "Um Ihren Kauf abzuschließen, werden Sie im nächsten Schritt an unseren Zahlungsanbieter weitergeleitet"; /* Setzt den neuen Text */ font-size: 14px !important; /* Setzt die Schriftgröße */ display: inline; /* Stellt sicher, dass der Text sichtbar ist */ } /* Ihre Tickets FORMAL */ html[lang="de"] div#TicketResultText.fnt-bold { font-size: 0; /* Versteckt den ursprünglichen Text */ } html[lang="de"] div#TicketResultText.fnt-bold:before { content: "Ihre Tickets"; /* Setzt den neuen Text */ font-size: 38px !important; /* Setzt die Schriftgröße */ color: #000000; /* Setzt die Schriftfarbe */ display: block; /* Stellt sicher, dass der Text sichtbar ist */ } /* Abgesagt Übersetzung */ .primary-bg-c.fnt-normal.badge { font-size: 0px !important; } html[lang="de"] .primary-bg-c.fnt-normal.badge:before { content: "ABGESAGT"; /* Texte, die angezeigt werden sollen */ font-size: 11px; /* Einstellung der Schriftgröße */ color: #ffffff; /* Schriftfarbe */ display: inline; /* Stellt sicher, dass der Text inline angezeigt wird */ } html[lang="en"] .primary-bg-c.fnt-normal.badge:before { content: "CANCELLED"; /* Texte, die angezeigt werden sollen */ font-size: 11px; /* Einstellung der Schriftgröße */ color: #ffffff; /* Schriftfarbe */ display: inline; /* Stellt sicher, dass der Text inline angezeigt wird */ } /* AGB Error */ #TermsAndConditions-error { font-size: 0 !important; } html[lang="de"] #TermsAndConditions-error::before { content: 'Bitte akzeptieren Sie unsere AGBs am Ende der Seite, um mit Ihrem Einkauf fortfahren zu können.'; font-size: 13px !important; } html[lang="en"] #TermsAndConditions-error::before { content: 'Please accept our terms and conditions at the bottom of the page to proceed with your purchase.'; font-size: 13px !important; } /*Firma sperren und ausgrauen in Mein Bereich*/ #ProfileEdit form.profile-form .input-line input.company-field#Attributes_5__Value { pointer-events: none !important; cursor: not-allowed !important; box-shadow: inset 0 0 0 9999px rgba(240,240,240,1) !important; border: 1px solid #ccc !important; } /*Firma sperren und ausgrauen bei der Buchung*/ #BuyerInfo .company-field { pointer-events: none !important; cursor: not-allowed !important; box-shadow: inset 0 0 0 9999px rgba(240,240,240,1) !important; border: 1px solid #ccc !important; } /*Checkbox ausblenden bei "Konto erstellen"*/ #WebUserCreateCheckBox { display: none; } /* Hide order without account */ #SkipLogin { display: none !important; } /* Umbennennung Rechnung ansehen in Buchung ansehen bevorstehende VAs*/ html[lang="de"] div.sold-ticket-order.upcoming-event a.pay-button.primary-bg-c { font-size: 0px !important; } html[lang="de"] div.sold-ticket-order.upcoming-event a.pay-button.primary-bg-c:before { content: "Buchung ansehen"; font-size: 14px; color: #fff; font-weight: 400; } /* existing web profile */ .field-validation-error.text-danger { font-size: 0px !important; } html[lang="de"] .field-validation-error.text-danger:before { content: 'Sie scheinen schon einmal bei den Wiener Symphonikern bzw. bei unserem Partner, dem Wiener Konzerthaus, gekauft zu haben. Daher ist bereits ein Profil mit Ihrer E-Mailadresse gespeichert. Falls Sie Ihr Passwort vergessen haben, setzen Sie dies bitte zurück.' !important; font-size: 13px !important; } html[lang="en"] .field-validation-error.text-danger:before { content: 'You seem to have already purchased tickets at the Wiener Symphoniker ir from our partner Wiener Konzerthaus. Therefore, a profile with your e-mail address already exists in our system. If you have forgotten your password, please reset it.' !important; font-size: 13px !important; } /* Remove tix copyright*/ #footer .left-foot.bottom { display:none} /* Change font-size and font-weight on Permission*/ #PermissionInfo .purchase-info-box-container .checkbox label[for="Permissions_0__Selected"] { font-size: 24px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Change font-size and font-weight on Permission*/ #PermissionInfo .purchase-info-box-container .checkbox label[for="Permissions_4__Selected"] { font-size: 24px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Change font-size and font-weight on Permission*/ #PermissionInfo .purchase-info-box-container .checkbox label[for="Permissions_5__Selected"] { font-size: 24px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Change font-size and font-weight on Permission*/ #PermissionInfo .purchase-info-box-container .checkbox label[for="Permissions_8__Selected"] { font-size: 24px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Change font-size and font-weight on Permission*/ #PermissionInfo .purchase-info-box-container .checkbox label[for="Permissions_31__Selected"] { font-size: 24px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox*/ input#Permissions_0__Selected { visibility: hidden !important; } /* Remove Permission info*/ a.permission-info[data-src="#Permission-73"] { display: none !important; } /* Remove permission checkbox*/ input#Permissions_1__Selected { visibility: hidden !important; } /* Remove permission checkbox*/ input#Permissions_4__Selected { visibility: hidden !important; } /* Remove Permission info*/ a.permission-info[data-src="#Permission-62"] { display: none !important; } /* Remove permission checkbox*/ input#Permissions_5__Selected { visibility: hidden !important; } /* Remove Permission info*/ a.permission-info[data-src="#Permission-63"] { display: none !important; } /* Remove permission checkbox*/ input#Permissions_8__Selected { visibility: hidden !important; } /* Remove Permission info*/ a.permission-info[data-src="#Permission-64"] { display: none !important; } /* Remove permission checkbox*/ input#Permissions_31__Selected { visibility: hidden !important; } /* Remove Permission info*/ a.permission-info[data-src="#Permission-65"] { display: none !important; } /* Remove Permission info*/ a.permission-info[data-src="#Permission-66"] { display: none !important; } /* Remove Permission info*/ a.permission-info[data-src="#Permission-67"] { display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_73-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_73-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-73-0"] { display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_61-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 30px !important; } /* Remove permission checkbox My Pages*/ input#Permission_61-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-61-0"] { display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_62-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_62-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-62-0"] { display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_63-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_63-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-63-0"] { display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_64-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_64-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-64-0"] { display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_65-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_65-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-65-0"] { display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_66-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_66-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-66-0"] { display: none !important; } /* Remove permission checkbox My Pages*/ input#Permission_68-0 { visibility: hidden !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_67-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_67-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-67-0"] { display: none !important; } /* Align Permissions left*/ #PermissionList { display: flex !important; padding-left: 2% !important; } /* Other Profile Edit dimensions on mobile */ @media only screen and (max-width: 480px) { #ProfileEdit .profile-content-block { padding : 20px 20px !important; } } /*Satz ändern bei Storno auf GS online*/ #RefundGiftCardModal .description p.fnt-light { font-size: 0; /* blendet alten Text aus */ } #RefundGiftCardModal .description p.fnt-light::after { content: "Sie erhalten Ihre Rückerstattung in Form eines Gutscheins."; font-size: 16px; } /*Permissions im BuyingFlow ausblenden*/ #PermissionInfo .input-line:has(input[name$=".Id"][value="73"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="68"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="76"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="31"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="32"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="65"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="37"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="38"]), #PermissionInfo .input-line:has(input[name$=".Id"][value="66"]){ display: none !important; } /* Change font-size and font-weight on Permission My Pages*/ body .fnt-normal[for="Permission_76-0"] { font-size: 22px !important; font-weight: 700 !important; display: block !important; line-height: 25px !important; margin-top: 10px !important; } /* Remove permission checkbox My Pages*/ input#Permission_76-0 { visibility: hidden !important; } /* Remove Permission info My Pages*/ a.permission-info[data-src="#PermissionInfo-76-0"] { display: none !important; } /*Bestellung auf Buchung anpassen auf Receipt Page*/ html[lang="de"] #ReceiptContainer .left-container > h3.fnt-bold:first-child { font-size: 0; } html[lang="de"] #ReceiptContainer .left-container > h3.fnt-bold:first-child::after { content: "Buchung"; font-size: 26px; font-weight: bold; } /*Satz ändern bei Storno auf GS online*/ html[lang="de"] #RefundGiftCardModal .description p.fnt-light { font-size: 0; /* blendet alten Text aus */ } html[lang="de"] #RefundGiftCardModal .description p.fnt-light::after { content: "Sie erhalten Ihre Rückerstattung in Form eines Gutscheins."; font-size: 16px; } /* Nur E-Mail bei der Login-Anzeige */ #SignInLocal label[for="PhoneOrEmail"] { visibility: hidden; position: relative; } #SignInLocal label[for="PhoneOrEmail"]::after { content: "E-Mail"; visibility: visible; position: absolute; top: 0; left: 0; } /*Make selected seats in seat map blink*/ .s-s.your-seat circle { animation: blink 1.5s linear infinite !important; } @keyframes blink { 100%, 50% { opacity: 1;} 0%, 15% { opacity: 0.5;} } /*Bei einer Abo-Empfehlung über das Pop-Up-Fenster den Abo-Button verstecken*/ #SubscriptionSuggestions a.button.primary-c-button[href*="/subscription/789/"], #SubscriptionSuggestions a.button.primary-c-button[href*="/subscription/790/"] { display: none !important; } /*Changes the text "Überspringen" on the subscription suggestion pop-up to "OK"*/ #SubscriptionSuggestions .tickets-suggestions #SkipSuggestion { font-size: 0; /* hides original text */ } #SubscriptionSuggestions .tickets-suggestions #SkipSuggestion::after { content: "OK"; /* replacement text */ font-size: 16px; /* set desired size */ } /*Umbenennung Warteliste*/ .waiting-list-button { font-size: 0 !important; /* Text verschwindet */ } a.waiting-list-button::after { content: "Auf die Warteliste setzen"; font-size: 14px; /* gewünschte Größe, oder `inherit` */ line-height: normal; color: inherit; /* übernimmt die Button-Farbe */ } /*Bezahlt am auf Receipt Page verstecken*/ .sale-receipt-datetime { display: none !important; } /*Checkbox bei Weiterleitung auch bei langen Tickettypen ersichtlich*/ #ForwardTicketsContent .ticket-info div { flex: 1; white-space: normal; word-break: break-word; } /*Übertitel bei Abonnement anpassen*/ html[lang="de"] body:has(#SeasonCardSelect) #BuyingHead { color: transparent !important; position: relative; } html[lang="de"] body:has(#SeasonCardSelect) #BuyingHead::before { content: "Konzerte und Abonnementanzahl auswählen"; position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #000; text-align: center; } /*Move seat-map move on mobile so that the login bar and logo is visible*/ @media only screen and (max-width: 600px) { #tix-seatpicker { top: 60px !important; } } /*Header in Seat picker on Mobile*/ @media only screen and (max-width: 600px) { .cart-aside { bottom: 75px !important; } } /* Change occupied seat color */ .s-s.occ circle { fill: lightgrey !important; stroke: lightgrey !important; } /* Podium-Block wird Pink eingefärbt beim Grossen Saal */ .unnumbered-section.p-4.clk path { fill: #eac7dd !important; stroke: #eac7dd !important; } /* Podium-Block wird Pink eingefärbt beim Mozart Saal */ .unnumbered-section.p-3.clk path, .unnumbered-section.p-1.clk path { fill: #eac7dd !important; stroke: #eac7dd !important; } /* Podium-Block wird Pink eingefärbt beim Schubert Saal */ .unnumbered-section.p-2.clk path { fill: #eac7dd !important; stroke: #eac7dd !important; } /*Alle Events in Alle Buchungen*/ html[lang="de"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] { visibility: hidden; /* alten Text komplett verstecken */ position: relative; } html[lang="de"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"]::before { content: "Alle Buchungen"; visibility: visible; position: absolute; left: 0; right: 0; text-align: left; color: #000; /* Textfarbe */ } html[lang="de"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] span { visibility: visible; position: relative; margin-left: 0px; /* Abstand zwischen "Alle" und der Zahl */ color: #000; } /*All Events in All orders*/ html[lang="en"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] { visibility: hidden; /* alten Text komplett verstecken */ position: relative; } html[lang="en"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"]::before { content: "All orders"; visibility: visible; position: absolute; left: 0; right: 0; text-align: left; color: #000; /* Textfarbe */ } html[lang="en"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] span { visibility: visible; position: relative; margin-left: -4px; /* Abstand zwischen "Alle" und der Zahl */ color: #000; } /* Hide alternative delivery address */ input.different-delivery, label[for=DeliveryAddress_UseDifferentDeliveryAddress] { display: none !important; } html[lang="de"] [data-link="#ProfileRenewals"] { font-size: 0px !important; } html[lang="de"] [data-link="#ProfileRenewals"]:before { font-size: 16px !important; content: 'Verlängerungen'; } html[lang="de"] div#ProfileRenewals h2.profile-content-heading { font-size: 0px !important; } html[lang="de"] div#ProfileRenewals h2.profile-content-heading:after { font-size: 36px !important; content: 'Verlängerungen'; } html[lang="en"] div#ProfileRenewals h2.profile-content-heading { font-size: 0px !important; } html[lang="en"] div#ProfileRenewals h2.profile-content-heading:after { font-size: 36px !important; content: 'Renewals'; } .remove svg path { fill: red !important; } .remove:hover svg path { fill: red; } #ProfileRenewals .order-title.last { visibility: hidden; position: relative; } #ProfileRenewals .order-title.last::before { content: "Abonnement(s) und Mitgliedschaft(en) der Saison 2026/2027"; visibility: visible; position: relative; left: 0; top: 0; } .basket-recommendation-container .recommendation-image { display: none; } .image { display: none !important; } /*Sortieren nach Datum beim Register Verlängerung entfernen*/ #ProfileRenewals .reservation-sort-container { display: none !important; } /* Inhalt bei Verlängerung im Bezahl-Button ausblenden (FÜr Tickets bezahlen)*/ #ProfileRenewals .pay-button { font-size: 0 !important; line-height: 0 !important; } .pay-button-ticket-count { display: none !important; } /* neuen Text beim Button einblenden, DE und EN */ #ProfileRenewals .pay-button{ white-space: nowrap; } html[lang="de"] #ProfileRenewals .pay-button::before{ content: "Jetzt verlängern"; font-size: 14px; line-height: 1; display: inline; white-space: nowrap; position: relative; } html[lang="en"] #ProfileRenewals .pay-button::before{ content: "Renew now"; font-size: 14px; line-height: 1; display: inline; white-space: nowrap; position: relative; } /* Bei Verlängerung: Anzahl VAs, Hinweis "Multiple Dates" und Dropdown mit den Daten ausblenden*/ #ProfileRenewals .reservation-date { font-size: 0; } #ProfileRenewals .reservation-date { display: none; } /*Versteckt die Suchleiste bei Verlängerungen*/ #ProfileRenewals .reservation-search-container { display: none; } /*Versteckt den Bearbeiten-Button bei Verlängerungen*/ #ProfileRenewals a.circular-button.reservation-edit-button { display: none; } /*Versteckt den Notiz-Button bei Verlängerungen*/ #ProfileRenewals a.circular-button.reservation-note-button { display: none !important; } #ProfileRenewals .order-reference { display: none !important; } /*Tickettypen Namen bei unnummerierten Sälen mit Umbruch*/ #TicketSelector .name { white-space: normal; overflow-wrap: break-word; word-break: break-word; hyphens: auto; line-height: 1.2; min-height: 2.4em; display: block; } #TicketSelector .ticket-count { display: flex; align-items: center; margin-top: -5px; justify-content: center; } #TicketSelector .tickets { display: flex; align-items: center; justify-content: center; } html[lang="de"] [data-link="#ProfileRenewals"] { font-size: 0px !important; } html[lang="de"] [data-link="#ProfileRenewals"]:before { font-size: 16px !important; content: 'Verlängerungen'; } html[lang="de"] div#ProfileRenewals h2.profile-content-heading { font-size: 0px !important; } html[lang="de"] div#ProfileRenewals h2.profile-content-heading:after { font-size: 36px !important; content: 'Verlängerungen'; } html[lang="en"] div#ProfileRenewals h2.profile-content-heading { font-size: 0px !important; } html[lang="en"] div#ProfileRenewals h2.profile-content-heading:after { font-size: 36px !important; content: 'Renewals'; } /*All Events in All orders*/ html[lang="en"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] { visibility: hidden; /* alten Text komplett verstecken */ position: relative; } html[lang="en"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"]::before { content: "All Events"; visibility: visible; position: absolute; left: 0; right: 0; text-align: left; color: #000; /* Textfarbe */ } html[lang="en"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] span { visibility: visible; position: relative; margin-left: -4px; /* Abstand zwischen "Alle" und der Zahl */ color: #000; } /*Alle Events in Alle Buchungen*/ html[lang="de"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] { visibility: hidden; /* alten Text komplett verstecken */ position: relative; } html[lang="de"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"]::before { content: "Alle Veranstaltungen"; visibility: visible; position: absolute; left: 0; right: 0; text-align: left; color: #000; /* Textfarbe */ } html[lang="de"] .profile-sub-bar[data-type="sold-events"] button[data-type="all"] span { visibility: visible; position: relative; margin-left: 0px; /* Abstand zwischen "Alle" und der Zahl */ color: #000; } html[lang="de"] div#ProfileGiftCards h2.profile-content-heading { font-size: 0px !important; } html[lang="de"] div#ProfileGiftCards h2.profile-content-heading:after { font-size: 36px !important; content: 'Gutscheine'; } html[lang="en"] div#ProfileGiftCards h2.profile-content-heading { font-size: 0px !important; } html[lang="en"] div#ProfileGiftCards h2.profile-content-heading:after { font-size: 36px !important; content: 'Gift cards'; } /* Color definitions */ /* Primary */ .primary-c { color: #10069f; } .primary-bg-c { background-color: #10069f; color: #ffffff; } /* Border color as font for primary background */ .primary-bg-font-border-c { border-color: #ffffff; } .primary-border-c { border-color: #10069f; } .primary-c-button { background-color: #10069f; color: #ffffff; border-color: #10069f; } .primary-c-button:hover { border-color: #0C0477; background-color: #0C0477; } .primary-c-button-secondary { background-color: #10069f; color: #ffffff; border-color: #10069f; } .primary-c-button-secondary:hover { background-color: #10069f; color: #ffffff; border-color: #10069f; } .primary-c-button-2 { background-color: #ffffff; border-color: #10069f; color: #10069f; } .primary-c-button-2:hover { background-color: #10069f; color: #ffffff; } .primary-c-button-2-secondary { background-color: #ffffff; border-color: #10069f; color: #10069f; } .primary-c-button-2-secondary:hover { background-color: #10069f; border-color: #10069f; color: #ffffff; } .primary-c-svg svg path, svg.primary-c-svg path { fill: #10069f; } /* Special for header */ .header-c-gradient-right::before { background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); } .header-bg-c { background-color: #ffffff; color: #000000; } #skipToContent { background-color: #ffffff; color: #000000; border: 1px solid #000000; } .ms-options li > label { color: #10069f; } .header-border-text-c { border-color: #000000; } .header-c-hover-before { background-color: #10069f; } .header-c-hover-before::before { border-color: transparent #10069f transparent transparent; } .header-c-hover-before:hover { background-color: #10069f; } .header-c-hover-before:hover::before { border-color: transparent #000000 transparent transparent; } #header .ticket-list .ticket-table::-webkit-scrollbar { background-color: #ffffff; } #header .ticket-list .ticket-table::-webkit-scrollbar-thumb { background-color: #10069f; border-color: #ffffff; } #header .ticket-list .ticket-table table tbody td { border-color: #ffffff; } #header .ticket-list .ticket-table table td.event span.dash { color: #ffffff; } .footer-highlight-c { color: #ffffff; } .content-inline-heading, .content-table-heading th { color: #000000; } /* Secondary */ .secondary-c { color: #10069f; } .secondary-bg-c { background-color: #10069f; color: #ffffff; } /* Border color as font for secondary background */ .secondary-bg-font-border-c-before:before { border-color: #ffffff; } /* Border color as font for secondary background */ .secondary-bg-font-border-c-hover:hover { border-color: #ffffff; } .secondary-bg-c-hover:hover { background-color: #10069f; color: #ffffff; } .secondary-c-button { background-color: #ffffff; color: #10069f; border-color: #10069f; } .secondary-c-button:hover { background-color: #10069f; border-color: #10069f; color: #ffffff; } /* Tertiary */ .tertiary-c { color: #10069f; } .tertiary-bg-c { background-color: #10069f; color: #ffffff; } .tertiary-border-c { border-color: #10069f; } .tertiary-c-button-secondary { background-color: #10069f; color: #10069f; border-color: #10069f; } .tertiary-c-button-secondary:hover { background-color: #10069f; color: #10069f; border-color: #10069f; } .tertiary-bg-c-hover:hover { background-color: #10069f; color: #ffffff; } /* Special cases that we can't put classes on */ #BuyingHead { color: #fff; border-color: #858687; } #SiteHead2 { border-bottom: 1px solid #10069f; } #BuyingSteps div.icon { background: rgba(0,0,0,.15); } #BuyingSteps .steps.active div.icon { background: #10069f; } #SectionGroups li.selected-group a { background: #10069f; color: #ffffff; } #ProfileBar ul li button.active { color: #10069f; box-shadow: 0 3px 0px 0px #10069f; } #CardType > li.active, #GiftCardDescription p a { color: #10069f; } #CardType li.active svg path, #CardType li.active svg rect { fill: #10069f; } #SiteHead2 .headtexttotal .tickets > a > span > svg path { stroke: #10069f; } #ProfileOrders .order-receipt-link a > span > svg path { stroke: #10069f; } #ProfileContainer .profile-content .order-receipt-link a > span > svg path { stroke: #10069f; } #BuyingSteps.profile-steps .steps.active .text { color: #10069f; } #SiteHead2 .profile-language-bar > a > span > svg path, #SiteHead2 .profile-language-bar > a > span > svg circle { stroke: #000000; } #GiftCardDescription p a:hover { color: #0C0477; } #EventSelector .selected td.toggle a { border-color: transparent transparent #10069f transparent; } input[type='checkbox']:checked { background-color: #10069f; } .clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected { background-color: #ffffff; color: #000000; } /* Nice little special block for validation colors */ input[type='text'].input-validation-error, input[type='email'].input-validation-error, input[type='tel'].input-validation-error, input[type='date'].input-validation-error, input[type='password'].input-validation-error, textarea.input-validation-error, .field-validation-error > span { border-color: #fa4517; background-image: url(Images/alert.svg); background-repeat: no-repeat; } input[type='checkbox'].input-validation-error:before{ border-color: #fa4517 !important; } #div-terms.validation-error { background-image: url(Images/alert.svg); } .validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error { color: #fa4517; }