/*Standardeinstellungen: Logo*/

#SiteHead2 h1.logo {

	background-image: url(https://cdn.tixly.com/at/tix/Skin/20190411/61/Images/wphlogo4.png) !important;

	width: 180px !important;

	    background-size: contain;

    background-repeat: no-repeat;

}

#SiteHead2 div.logo {

	background-image: url(https://cdn.tixly.com/at/tix/Skin/20190411/61/Images/wphlogo4.png) !important;

	width: 180px !important;

	    background-size: contain;

    background-repeat: no-repeat;

}

/*Standardeinstellungen: Macht den Titel "Datum und Tickets" schwarz sichtbar*/

#BuyingHead {

	background-image: url(Images/bg.jpg);

color: #000000 !important;   

	padding: 50px 0;

}

/*Standardeinstellungen: Keine SoMe im Footer*/

#FooterSocial {

	display: none;

}

/* Standaradeinstellungen: Verstecke Empfehlungen beim Warenkorb */

.event-group-suggestion {

display: none;

}

div#BasketContainer > h2:first-child{

display: none;

} 

/*Standardeinstellungen: Zurück-Button neben dem Logo ausblenden*/

#SiteHead2 .headbackbutt {

	display: none;

}

/*Unklar aber scheint eine Standardeinstellung zu sein*/

.message-area h3 {

    text-align: left !important;

}

/*Button "Tickets tauschen" in "Kommission" umbenennen*/

.receipt-change-event .button {

    font-size: 0px !important; 

}

.receipt-change-event .button:before {

    font-size: 16px !important;

    content:"Kommission"

}

/*Versteckt Informationen zum Tausch auf der Receipt-Page*/

.receipt-change-event {

  font-size: 0px !important;

}

/*Unterdrückt die Zusammenfassung der Bestellung. Bei der Tauschseite zum Beispiel "Tickets zum Tausch -88 EUR".

Code erweitert, damit diese Zeile nur beim Tausch unterdrückt wird*/

#ChangePayment #Total .item-amount-breakdown-line.item-amount-breakdown-line {

    display : none  !important; 

}

/*Ersetzt die Beschreibung eines Event mit einem allgemeinen Text in CSS gecoded.

Mit Event ist hier eine Handlung gemeint und nicht eine VA.

Code ergänzt, damit es nur beim Event "Tausch" erscheint.*/

#ChangeEvent .event-description > div {

    font-size: 0px !important; 

}

#ChangeEvent .event-description > div::before{

    font-size: 16px !important;

	White-space: pre-wrap;

    line-height: 1;

    content:"Bitte beachten Sie, dass Sie online nur alle Tickets einer Veranstaltung in Kommission geben können. Sollten Sie einzelne Tickets in Kommission geben wollen, wenden Sie sich bitte an das Kartenbüro.\A\A Ob Ihre Karten weiterverkauft werden konnten, erfahren Sie im Kartenbüro. Wie gewohnt, gegen Vorweis der Kommissionsbestätigung (ausgedruckt oder digital am Smartphone) erhalten Sie (nach erfolgreichem Weiterverkauf Ihrer Karten) den Betrag (abzügl. 10% Gebühr) im Kartenbüro der Wiener Philharmoniker in bar ausgezahlt. Öffnungszeiten: Mo-Fr, 9:30-15:30 Uhr. Keine Kommissionsauszahlungen in der Stunde vor einem Konzert."

}

/*Überschreibt das Datum im Dropdown beim Tausch mit "in Kommission geben"*/

.chooseDateDropDown li a {

    font-size: 0px !important;

}

.chooseDateDropDown li a:after {

    font-size: 16px !important;

    content: "in Kommission geben"

}

/*Zeigt nach Dropdown-Auswahl im Dropdown-Feld "in Kommission geben" an.*/

span:has(> .dateStatusBubble) {

    font-size: 0px !important;

}

span:has(> .dateStatusBubble):after {

    font-size: 16px !important;

    content: "in Kommission geben";

}

/*Ändert den Titel bei den Buying-Flow-Fortschrittspunkten von "Ändern" zu "Kommission"*/

#Step5.steps.active .text  {

    font-size: 0px !important;

}

#Step5.steps.active .text:before  {

    font-size: 16px !important;

    content: "Kommission";

}

/*Unterdrückt einen Zwischentitel "Tickets zum Umtausch*/

#TicketsToChange {

    font-size: 0px !important;

}

/*Unausgewähltes Dropdown hat "Wähle ein Datum". Wird unterdrück*/

.chooseDateToggle  {

    font-size: 0px !important;

}

/*Ersetzt "Veranstaltung wählen". Ergänzt, damit es nur beim Tausch 

überschrieben wird mit "Kommission bestätigen"*/

#ChooseEvent {

    font-size: 0px !important;

}

#ChooseEvent:after {

    font-size: 23px !important;

    content: "Kommission bestätigen";

}

/*Hinterlegt die Felder Firstname, Lastname und E-Mail mit einem

grauen Hintergrund und sperrt sie zur online Bearbeitung*/

#ProfileEdit .first-name-field, #ProfileEdit

.last-name-field, #ProfileEdit .email-field {

    pointer-events: none;

    background-color: #f0f0f0; /* Light gray to indicate it's disabled */

    color: #666; /* Dim text color */

    border: 1px solid #ccc; /* Optional: keep the styling uniform */

}

/* Change occupied seat color */

.s-s.occ circle {

    fill: lightgrey !important;

    stroke: lightgrey !important;

}

/* Empfehlungen im Warenkorb verstecken */

.event-group-suggestion {

display: none;

}

div#BasketContainer > h2:first-child{

display: none;

} 

/*Felder aus dem Formular ragen beim scrollen nicht mehr in den Header*/ 

#SiteHead2 {

    position: fixed; 

    top: 0;

    z-index: 11;

}

/*Versteckt die Platzinfo der Tauschveranstaltung beim Tausch*/

.change-event #TicketResults .item-info.first-child span {

  visibility: hidden;

  position: relative;

  display: inline-block;

}

/*Benennt den Platz bei der Kommissions-Tauschveranstaltung um 

in "in Kommission geben"*/

.change-event #TicketResults .item-info.first-child span::before {

  content: "in Kommission geben";

  visibility: visible;

  position: relative;

  font-size: 1em; /* responsive Größe */

  color: inherit;

}

.change-event #TicketResults .item-info.first-child span span {

  display: none;

}

/* Unterdrückt, dass bei mehreren Plätzen in Kommission

immer aufs neue "in Kommission geben" steht */

.change-event #TicketResults .item-info.first-child span:not(:first-of-type) {

  display: none;

}

/* Unterdrückt den Bullettpoint bei mehreren Plätzen in Kommission*/

.change-event #TicketResults .item-info.first-child svg {

  display: none !important;

}

/*Den grossen Übertitel "Choose Event" überschreiben beim Tausch*/

body:has(#ChangeEventContainer) #BuyingHead,

body:has(#Step5.steps.active) #BuyingHead {

  font-size: 0 !important;          

}

body:has(#ChangeEventContainer) #BuyingHead::after,

body:has(#Step5.steps.active) #BuyingHead::after {

  content: "Ticket in Kommission geben";    

  font-size: 36px !important;

  font-weight: inherit;

}

/*Reservierungen in "Mein Bereich" ausblenden*/

#ProfileBar button[data-link="#ProfileReservations"] {

    display: none;

}

/*Sitzplatzinfos des Ball im Buying Flow ausblenden*/

/* Sitzplatzinfos bei der Platzauswahl ausblenden */

#TicketFinder_22998 .item-info span:nth-of-type(-n+3),

#TicketFinder_22998 .item-info svg {

  display: none;

}

/* Sitzplatzinfos vom Ball im Warenkorb ausblenden */

.results-container:has(.remove a[onclick*="22998"]) .item-info span:nth-of-type(-n+3),

.results-container:has(.remove a[onclick*="22998"]) .item-info svg {

  display: none;

}

/* Secure Wallet "E-Mail senden" verbergen */

[id^="UniqueCustomers_"][id*="__Unique_"][id$="__SendEmail"],

label[for^="UniqueCustomers_"][for*="__Unique_"][for$="__SendEmail"] {

    display: none !important;

}

/*Ablaufdatum bei Gutscheinen in "Mein Bereich" verbergen*/

#ProfileGiftCards .sold-giftcard-order .expiry-date {

    display: none;

}

/*Event kann nicht getauscht werden verstecken*/ 

.receipt-change-event-text { display: none !important; }

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

}

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

}

/* Umbennennung Deine Aufträge in Ihre Aufträge */

html[lang="de"] #ProfileOrders h2.profile-content-heading {

    font-size: 0px !important;

}

html[lang="de"] #ProfileOrders h2.profile-content-heading:before {

    content: "Ihre Aufträge";

    font-size: 36px;

    color: #000;

    font-weight: 700;

        

}

/* Umschreiben Tickets anzeigen (Verfügbarkeit) zu wenige Tickets */

.group-marker.fnt-bold.few-tickets.chip {

      /* Originaltext unsichtbar */

  position: relative;

  font-size: 10px !important;

    color: #fa8917 !important;

}

.group-marker.fnt-bold.few-tickets.chip::after {

  content: "WENIGE TICKETS";  /* Neuer angezeigter Text */

  color: white;

  position: absolute;

}

 /* AGB Error */

#TermsAndConditions-error { 

font-size: 0px !important;

}

#TermsAndConditions-error: before {

    content: 'Sie müssen unseren ABG zustimmen um fortzufahren' !important;

    font-size: 13px !important;

}

/*Social Media Icons bei der Purchase-Seite verbergen*/

.receipt-block-split .social {

    display: none !important;

}

/* Sitzplatzinfos vom Ball in der Kaufübersicht ausblenden.

Dafür Infos zum Abholschein DEUTSCH*/

html[lang="de"] .sale-item-wrapper:has(.social a[href*="tickets%2F14993%2F"]) .item-line {

  display: none !important;               

}

html[lang="de"] .sale-item-wrapper:has(.social a[href*="tickets%2F14993%2F"]) .price-breakdown-wrapper {

  display: none !important;               

}

html[lang="de"] .sale-item-wrapper:has(.social a[href*="tickets%2F14993%2F"]) .item-line-wrapper::before {

  content: "Wir haben Ihnen ein E-Mail als Abholschein und Buchungsbestätigung zugesendet. Gegen Vorweis dieses E-Mails (ausgedruckt oder digital) können Sie Ihre Ballkarten im Kartenbüro der Wiener Philharmoniker abholen.\A\ASie können Ihre Ballkarten gegen Vorweis des Abholscheins (E-Mail) ab Dienstag, 13. Jänner 2026 im Kartenbüro abholen.";

  display: block;

  white-space:pre-wrap;

  color: #444;

  font-weight: normal !important;

}

/* Sitzplatzinfos vom Ball in der Kaufübersicht ausblenden.

Dafür Infos zum Abholschein ENGLISCH*/

html[lang="en"] .sale-item-wrapper:has(.social a[href*="tickets%2F14993%2F"]) .item-line {

  display: none !important;               

}

html[lang="en"] .sale-item-wrapper:has(.social a[href*="tickets%2F14993%2F"]) .price-breakdown-wrapper {

  display: none !important;               

}

html[lang="en"] .sale-item-wrapper:has(.social a[href*="tickets%2F14993%2F"]) .item-line-wrapper::before {

  content: "We have sent you an e-mail as a collection voucher and booking confirmation. By presenting this e-mail (printed or digital), you can collect your ball tickets at the Vienna Philharmonic box office.\A\AYou can collect your ball tickets by presenting the e-mail at the box office starting Tuesday, January 13, 2026.";

  display: block;

  white-space:pre-wrap;

  color: #444;

  margin-top: .5rem;

  font-weight: normal !important;

}

/* Button bei PW-Vergessen anpassen */

html[lang="de"] form[action="/de/forgotpassword/"] .login-button {

  font-size: 0 !important; 

}

html[lang="de"] form[action="/de/forgotpassword/"] .login-button::after {

  content: "E-Mail zum Passwort-Zurücksetzen senden";

  font-size: 16px !important; 

}

form[action="/en/forgotpassword/"] .login-button {

  font-size: 0 !important; 

}

form[action="/en/forgotpassword/"] .login-button::after {

  content: "Send password reset email";

  font-size: 16px !important; 

}

/*Cookie Manager*/

@import url('https://wph-staging.s3.amazonaws.com/static/components/CookieManager/css/app.css'); 

@import url('https://wph-staging.s3.amazonaws.com/static/js/build/app.min.css');

/* START MIR: to test CS overwrite priester@mir.de */

/* Use hosted font*/

@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=c1eafefa-a943-4f93-8ef0-cecc60cabff1);

.modal-mask[data-v-5c89be24]{background-color:rgba(0,0,0,.4);position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.modal-wrapper[data-v-5c89be24]{background-color:#fff;max-width:90vw;pointer-events:all;top:-10vh}@media screen and (min-width:768px){.modal-wrapper[data-v-5c89be24]{max-width:1080px;width:90vw}}.modal-body[data-v-5c89be24]{max-height:60vh;overflow-y:auto;position:relative}@media screen and (min-width:768px){.modal-body[data-v-5c89be24]{max-height:80vh}}.modal-footer[data-v-5c89be24]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media screen and (min-width:768px){.modal-footer[data-v-5c89be24]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.slide-fade-enter-active[data-v-5c89be24]{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade-leave-active[data-v-5c89be24]{-webkit-transition:all .8s ease;transition:all .8s ease}.slide-fade-enter[data-v-5c89be24],.slide-fade-leave-to[data-v-5c89be24]{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0}.debug-stats[data-v-c099f33c]{font-size:80%;font-weight:700;border:1px dashed #cecece;padding:10px}.debug-stats span[data-v-c099f33c]{font-weight:400;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex}.cookie-manager[data-v-c099f33c]{color:#222}.cookie-manager .text a[data-v-c099f33c]{color:#222;text-decoration:underline}.settings-view h4[data-v-c099f33c]{font-size:28px}.modal-body[data-v-c099f33c]::-webkit-scrollbar{-webkit-appearance:none}.modal-body[data-v-c099f33c]::-webkit-scrollbar:vertical{width:11px}.modal-body[data-v-c099f33c]::-webkit-scrollbar:horizontal{height:11px}.modal-body[data-v-c099f33c]::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:rgba(0,0,0,.5)}.modal-body[data-v-c099f33c]::-webkit-scrollbar-track{background-color:#fff;border-radius:8px}.modal-footer[data-v-c099f33c]{padding-top:10px}.modal-footer .button[data-v-c099f33c]{border:0;margin-bottom:10px;background-color:#eee;padding:7px 15px}@media screen and (min-width:768px){.modal-footer .button[data-v-c099f33c]{margin-bottom:0;margin-left:10px}}.button.save-cookie-settings[data-v-c099f33c]{margin-bottom:0}.button.edit-cookie-settings[data-v-c099f33c]{background-color:transparent;color:#222;border:1px solid #222}.button.accept-cookie-settings[data-v-c099f33c],.button.save-cookie-settings[data-v-c099f33c]{background-color:#5cc230;color:#fff}.button.accept-cookie-settings[data-v-c099f33c]:hover,.button.save-cookie-settings[data-v-c099f33c]:hover{background-color:#52ae2b}.button.accept-cookie-settings[data-v-c099f33c],.button.delete-cookies[data-v-c099f33c],.button.edit-cookie-settings[data-v-c099f33c],.button.save-cookie-settings[data-v-c099f33c]{cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.button.accept-cookie-settings[data-v-c099f33c]:hover,.button.delete-cookies[data-v-c099f33c]:hover,.button.edit-cookie-settings[data-v-c099f33c]:hover,.button.save-cookie-settings[data-v-c099f33c]:hover{text-decoration:underline}.help-text h3[data-v-c099f33c]{font-size:28px}.help-text p[data-v-c099f33c]{font-size:18px;line-height:1.3}.form-row[data-v-d2032a98]{margin-bottom:10px;position:relative;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.form-row .label[data-v-d2032a98]{cursor:pointer;padding:10px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.form-row .label .title[data-v-d2032a98]{font-weight:700;margin-bottom:5px;padding-right:10px}.form-row .label .text[data-v-d2032a98]{margin:0;padding-right:10px}.form-row input[type=checkbox][data-v-d2032a98]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-d2032a98]{position:absolute;top:0;left:0;height:22px;width:22px;background-color:#eee;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-row input[type=checkbox]~.checkmark[data-v-d2032a98]{background-color:#fff;border:2px solid #000}.form-row input[type=checkbox]:checked~.checkmark[data-v-d2032a98]{background-color:#fff}.form-row input[type=checkbox]:checked~.checkmark[data-v-d2032a98]:after{border-color:#000}.form-row input[type=checkbox]:checked:disabled~.checkmark[data-v-d2032a98]{opacity:.3}.checkmark[data-v-d2032a98]:after{content:"";position:absolute;opacity:0;-webkit-transition:opacity .15s ease-in;transition:opacity .15s ease-in}.form-row input[type=checkbox]:checked~.checkmark[data-v-d2032a98]:after{opacity:1}.form-row .checkmark[data-v-d2032a98]:after{width:8px;height:14px;border:solid #000;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.form-row:hover input[type=checkbox]:not(:checked)~.checkmark[data-v-d2032a98]:after{opacity:.2}.debug-stats{font-size:80%;font-weight:700;border:1px dashed #cecece;padding:10px}.debug-stats span{font-weight:400;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex}.cookie-manager{color:#222}.cookie-manager .text a{color:#222;text-decoration:underline}.settings-view h4{font-size:28px}.modal-body::-webkit-scrollbar{-webkit-appearance:none}.modal-body::-webkit-scrollbar:vertical{width:11px}.modal-body::-webkit-scrollbar:horizontal{height:11px}.modal-body::-webkit-scrollbar-thumb{border-radius:8px;border:2px solid #fff;background-color:rgba(0,0,0,.5)}.modal-body::-webkit-scrollbar-track{background-color:#fff;border-radius:8px}.modal-footer{padding-top:10px}.modal-footer .button{border:0;margin-bottom:10px;background-color:#eee;padding:7px 15px}@media screen and (min-width:768px){.modal-footer .button{margin-bottom:0;margin-left:10px}}.button.save-cookie-settings{margin-bottom:0}.button.edit-cookie-settings{background-color:transparent;color:#222;border:1px solid #222}.button.accept-cookie-settings,.button.save-cookie-settings{background-color:#5cc230;color:#fff}.button.accept-cookie-settings:hover,.button.save-cookie-settings:hover{background-color:#52ae2b}.button.accept-cookie-settings,.button.delete-cookies,.button.edit-cookie-settings,.button.save-cookie-settings{cursor:pointer;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}.button.accept-cookie-settings:hover,.button.delete-cookies:hover,.button.edit-cookie-settings:hover,.button.save-cookie-settings:hover{text-decoration:underline}.help-text h3{font-size:28px}.help-text p{font-size:18px;line-height:1.3}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:#000;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#000;z-index:1}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip.popover .popover-inner{background:#f9f9f9;color:#000;padding:24px;border-radius:5px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1)}.tooltip.popover .popover-arrow{border-color:#f9f9f9}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;-webkit-transition:opacity .15s,visibility .15s;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;-webkit-transition:opacity .15s;transition:opacity .15s}

/*CookieBanner*/

/*

 * CookieManager custom styles

 * Wiener Philharmoniker

 */

/*

 * CookieManager custom styles

 * Wiener Philharmoniker

 */

.modal-container {

  padding: 30px 20px 40px 20px;

}

@media screen and (min-width: 768px) {

  .modal-container {

    padding: 40px 70px 50px;

  }

}

@media screen and (min-width: 1024px) {

  .modal-container {

    padding: 50px 80px 60px;

  }

}

@media screen and (min-width: 1366px) {

  .modal-container {

    padding: 60px 90px 70px;

  }

}

@media screen and (min-width: 1600px) {

  .modal-container {

    padding: 70px 100px 80px;

  }

}

.modal-container .text, 

.modal-container p {

    font-family: 'Frutiger',Arial,Helvetica,sans-serif;

    font-weight: 300;

    line-height: 1.625;

    margin-bottom: 16px;

}

@media screen and (min-width: 768px) {

  .modal-footer {

    flex-direction: row-reverse !important;

  }

}

.introduction h3.title,

.settings-view h3.title {

    font-size: 42px;

    font-family: 'PFRegalDisplayProMedium',Georgia,"Times New Roman",Times,serif;

    font-weight: normal;

    font-weight: 400;

    line-height: 1.2;

    margin-bottom: 20px;

}

@media screen and (min-width: 768px) {

  /* .introduction h3.title,

  .settings-view h3.title {

    font-size: 42px;

  } */

}

.form-settings h5 {

  font-size: 16px;

  font-family: 'Frutiger',Arial,Helvetica,sans-serif;

}

.form-settings .form-row {

  padding: 0 5px;

  padding-left: 40px;

}

.form-settings p.text strong {

  font-size: 16px;

}

.form-row .checkmark {

  top: 10px;

}

.button.accept-cookie-settings,

.button.save-cookie-settings {

  background-color: #a38037;

  border: 1px solid #a38037;

  padding-left: 20px;

  padding-right: 20px;

}

@media screen and (min-width: 768px) {

  .button.accept-cookie-settings,

  .button.save-cookie-settings {

    padding-left: 70px;

    padding-right: 70px;

  }

}

.button.accept-cookie-settings:hover,

.button.save-cookie-settings:hover {

  background-color: #907131;

  border: 1px solid #907131;

}

.button.edit-cookie-settings {

  border: 0;

  color: #a38037;

  padding-left: 20px;

  padding-right: 20px;

  text-decoration: underline;

}

.button.edit-cookie-settings:hover,

.button.edit-cookie-settings:active,

.button.edit-cookie-settings:focus {

  background-color: transparent;

}

.button.delete-cookies {

  border: 0;

  color: #a38037;

  padding-left: 20px;

  padding-right: 20px;

  text-decoration: underline;

  background-color: transparent;

  order: -1;

}

.button.delete-cookies:hover,

.button.delete-cookies:active,

.button.delete-cookies:focus {

  background-color: transparent;

}

/*Text bei Klick auf "Mein Bereich", wenn es noch keine Buchungen gibt*/

#ProfileReservations > * {

  display: none !important;

}

html[lang="de"] #ProfileReservations::after {

  content: "Keine Bestellungen vorhanden";

  display: block;

  padding: 1rem;

  font-size: 1.2rem;

}

html[lang="en"] #ProfileReservations::after {

  content: "No orders available";

  display: block;

  padding: 1rem;

  font-size: 1.2rem;

}

/* Umbennennung Rechnung ansehen in Bestellung ansehen */

.card-button-section .pay-button.primary-bg-c {

    font-size: 0 !important;

}

html[lang="de"] .card-button-section .pay-button.primary-bg-c:before {

    content: "Bestellung ansehen";

    font-size: 14px;

    color: #000;

    font-weight: 400;

}

html[lang="en"] .card-button-section .pay-button.primary-bg-c:before {

    content: "View order";

    font-size: 14px;

    color: #000;

    font-weight: 400;

}

/* Stehplatz-Block wird Türkis eingefärbt */

.unnumbered-section.p-10.clk path {

  fill: #5BAE9D !important;

  stroke: #5BAE9D !important;

}

/* Gutscheine umbenennen in Kommissionsguthaben */

html[lang="de"] a[href="#ProfileGiftCards"],

html[lang="de"] a[href="#ProfileGiftCards"].active {

    font-size: 0 !important;

}

html[lang="de"] a[href="#ProfileGiftCards"]::after,

html[lang="de"] a[href="#ProfileGiftCards"].active::after {

  content: "Kommissionsguthaben";

  font-size: 16px !important; 

}

html[lang="de"] #ProfileGiftCards h2.profile-content-heading {

    font-size: 0 !important;

}

html[lang="de"] #ProfileGiftCards h2.profile-content-heading::after {

  content: "Ihr Kommissionsguthaben";

  display: block;

  padding: 1rem;

  font-size: 2rem;

}


/* Color definitions */
/* Primary */
.primary-c {
    color: #a38037;
}
.primary-bg-c {
    background-color: #a38037;
	color: #212121;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #212121;
}
.primary-border-c {
    border-color: #a38037;
}
.primary-c-button {
	background-color: #a38037;
    color: #212121;
    border-color: #a38037;
}
.primary-c-button:hover {
	border-color: #84682C;
    background-color: #84682C;
}
.primary-c-button-secondary {
	background-color: #a38037;
    color: #212121;
    border-color: #a38037;
}
.primary-c-button-secondary:hover {
    background-color: #d7d2c6;
    color: #212121;
    border-color: #d7d2c6;
}
.primary-c-button-2 {
    background-color: #212121;
    border-color: #a38037;
    color: #a38037;
}
.primary-c-button-2:hover {
    background-color: #a38037;
    color: #212121;
}
.primary-c-button-2-secondary {
    background-color: #212121;
    border-color: #a38037;
    color: #a38037;
}
.primary-c-button-2-secondary:hover {
    background-color: #d7d2c6;
    border-color: #d7d2c6;
    color: #212121;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #a38037;
}
/* 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: #212121;
}
#skipToContent {
    background-color: #ffffff;
    color: #212121;
    border: 1px solid #212121;
}
.ms-options li > label {
    color: #a38037;
}

.header-border-text-c {
    border-color: #212121;
}
.header-c-hover-before {
    background-color: #a38037;
}
.header-c-hover-before::before {
    border-color: transparent #a38037 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #a38037;
}
.header-c-hover-before:hover::before {
    border-color: transparent #212121 transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #ffffff;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #a38037;
    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: #a38037;
}
.content-inline-heading, .content-table-heading th {
     color: #a38037;
}
/* Secondary */
.secondary-c {
    color: #d7d2c6;
}
.secondary-bg-c {
    background-color: #d7d2c6;
    color: #212121;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-before:before {
    border-color: #212121;
}
/* Border color as font for secondary background */
.secondary-bg-font-border-c-hover:hover {
    border-color: #212121;
}
.secondary-bg-c-hover:hover {
    background-color: #d7d2c6;
    color: #212121;
}
.secondary-c-button {
    background-color: #212121;
    color: #d7d2c6;
    border-color: #d7d2c6;
}
.secondary-c-button:hover {
    background-color: #d7d2c6;
    border-color: #d7d2c6;
    color: #212121;
}
/* Tertiary */
.tertiary-c {
    color: #a38037;
}
.tertiary-bg-c {
    background-color: #a38037;
    color: #d7d2c6;
}
.tertiary-border-c {
    border-color: #a38037;
}
.tertiary-c-button-secondary {
	background-color: #a38037;
    color: #a38037;
    border-color: #a38037;
}
.tertiary-c-button-secondary:hover {
    background-color: #a38037;
    color: #d7d2c6;
    border-color: #a38037;
}
.tertiary-bg-c-hover:hover {
    background-color: #a38037;
    color: #d7d2c6;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#SiteHead2 {
    border-bottom: 1px solid #a38037;
}

#BuyingSteps div.icon {
    background: rgba(163,128,55,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #a38037;
}
#SectionGroups li.selected-group a {
    background: #a38037;
    color: #212121;
}
#ProfileBar ul li button.active {
    color: #a38037;
    box-shadow: 0 3px 0px 0px #a38037;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #a38037;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #a38037;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #a38037;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #a38037;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #a38037;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #a38037;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #212121;
}
#GiftCardDescription p a:hover {
    color: #84682C;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #a38037 transparent;
}
input[type='checkbox']:checked {
    background-color: #a38037;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #ffffff;
    color: #212121;
}

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