@font-face {

	font-family:"PraxisBold";

	src: url("https://wienmodern.at/fonts/praxis-net-w01-bold.woff") format("woff");

	font-weight: 900;

}

@font-face {

	font-family:"PraxisRegular";

	src: url("https://wienmodern.at/fonts/praxis-net-w01-regular.woff") format("woff");

	font-weight: 500;

}

.fnt-normal, .fnt-normal h1, .fnt-normal h2, .fnt-normal h3, .fnt-normal h4, .fnt-normal h5, h1.fnt-normal, h2.fnt-normal, h3.fnt-normal, h4.fnt-normal, h5.fnt-normal, .fnt-normal input, .fnt-normal select, .fnt-normal textarea, {

  font-family: "PraxisRegular", sans-serif !important;

}

.fnt-bold, .fnt-bold h1, .fnt-bold h2, .fnt-bold h3, .fnt-bold h4, .fnt-bold h5, h1.fnt-bold, h2.fnt-bold, h3.fnt-bold, h4.fnt-bold, h5.fnt-bold, .fnt-bold input, .fnt-bold select, .fnt-bold textarea, strong, b {

  font-family: "PraxisBold", sans-serif !important;

}

#SiteHead2 h1.logo {

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

	width: 237px !important;

	    background-size: contain;

    background-repeat: no-repeat;

}

#BuyingHead {

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

	padding: 50px 0;

  

    color: #e20413 !important;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

/* 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 Bestellungen 'Deine Aufträge' */

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

  visibility: hidden;

  margin: 0;

  padding: 0;

}

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

  content: "Ihre Buchungen";

  visibility: visible

}

/* Alle Reservierungen 'Ihre Reservierungen' */

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

  visibility: hidden;

  margin: 0;

  padding: 0;

}

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

  content: "Ihre Bestellungen";

  visibility: visible

}

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

}

/* Hide suggestions in basket */

.event-group-suggestion, .receipt-suggestion-header {

display: none;

}

/* 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 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 Bestellung 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 Wien Modern oder unserenm 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 from Wien Modern 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}

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

  }

}

/* Optische Anpassungen für den Übertitel*/

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;

}

a.permission-info[data-src="#PermissionInfo-65-0"] {

    display: none !important;

}

input#Permission_65-0 {

    visibility: hidden !important;

}

#PermissionInfo .purchase-info-box-container .checkbox label[for="Permissions_7__Selected"] {

    font-size: 24px !important;

    font-weight: 700 !important;

    display: block !important;

    line-height: 25px !important;

    margin-top: 10px !important;

}

/* Remove Permission info*/

a.permission-info[data-src="#Permission-65"] {

    display: none !important;

}

/* Remove permission checkbox*/

input#Permissions_7__Selected {

    visibility: hidden !important;

}

/*Alles verstecken im Buying Flow bis auf Wien Modern*/

#PermissionInfo .input-line {

    display: none;

}

#PermissionInfo .input-line:has(input[name$=".Id"][value="65"]),

#PermissionInfo .input-line:has(input[name$=".Id"][value="37"]) {

    display: block;

}

/*Übertitel in Mein Bereich*/

/* Remove Permission info*/

a.permission-info[data-src="#Permission-66"] {

    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_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_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_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;

}

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

}

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

}

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

}


/* Color definitions */
/* Primary */
.primary-c {
    color: #666666;
}
.primary-bg-c {
    background-color: #666666;
	color: #ffffff;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #ffffff;
}
.primary-border-c {
    border-color: #666666;
}
.primary-c-button {
	background-color: #666666;
    color: #ffffff;
    border-color: #666666;
}
.primary-c-button:hover {
	border-color: #515151;
    background-color: #515151;
}
.primary-c-button-secondary {
	background-color: #666666;
    color: #ffffff;
    border-color: #666666;
}
.primary-c-button-secondary:hover {
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.primary-c-button-2 {
    background-color: #ffffff;
    border-color: #666666;
    color: #666666;
}
.primary-c-button-2:hover {
    background-color: #666666;
    color: #ffffff;
}
.primary-c-button-2-secondary {
    background-color: #ffffff;
    border-color: #666666;
    color: #666666;
}
.primary-c-button-2-secondary:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #666666;
}
/* 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: #666666;
}

.header-border-text-c {
    border-color: #000000;
}
.header-c-hover-before {
    background-color: #000000;
}
.header-c-hover-before::before {
    border-color: transparent #666666 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #666666;
}
.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: #000000;
    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: #000000;
}
.secondary-bg-c {
    background-color: #000000;
    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: #000000;
    color: #ffffff;
}
.secondary-c-button {
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}
.secondary-c-button:hover {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
/* Tertiary */
.tertiary-c {
    color: #000000;
}
.tertiary-bg-c {
    background-color: #000000;
    color: #e20413;
}
.tertiary-border-c {
    border-color: #000000;
}
.tertiary-c-button-secondary {
	background-color: #000000;
    color: #666666;
    border-color: #000000;
}
.tertiary-c-button-secondary:hover {
    background-color: #000000;
    color: #000000;
    border-color: #000000;
}
.tertiary-bg-c-hover:hover {
    background-color: #000000;
    color: #e20413;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

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

#BuyingSteps div.icon {
    background: rgba(0,0,0,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #666666;
}
#SectionGroups li.selected-group a {
    background: #666666;
    color: #ffffff;
}
#ProfileBar ul li button.active {
    color: #666666;
    box-shadow: 0 3px 0px 0px #666666;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #666666;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #666666;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #666666;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #666666;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #666666;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #666666;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #000000;
}
#GiftCardDescription p a:hover {
    color: #515151;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #666666 transparent;
}
input[type='checkbox']:checked {
    background-color: #666666;
}
.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;
}