@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

#SiteHead2 h1.logo {

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

	width: 220px !important;

}

#SiteHead2 div.logo {

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

	width: 220px !important;

}

/* Other logo dimensions on mobile */

@media only screen and (max-width: 480px) {

  #SiteHead2 h1.logo {

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

    width: 122px !important;

      height: 27px !important;

  }

}

#BuyingHead {

  color: #4f4f4f !important;   

  text-shadow: none !important;

	background: none;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

.button {

    text-transform: uppercase !important;

    border-radius: 0px 0px !important;

}

.headtexttitle {

    text-transform: uppercase !important;

}

.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, .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: 'Roboto', sans-serif !important;

}

.basket-recommendation-container .recommendation-card {

  width: 255px !important;

  padding: 20px;

  margin: 0 auto;

}

.basket-message-container .message-area {

  margin: 0 auto !important;

}

.basket-message-container {

  text-align: center;

}

#BasketContainer .basket-message-container h3 {

  font-weight: 700;

}

.basket-message-container .message-area p {

  font-weight: 400;

}

.basket-recommendation-container {

  text-align: center;

}

.information-message-type {

  border-left-width: 1px !important;

  border-left-color: #4f4f4f !important;

}

.basket-rule-wrapper .collapse-active {

  padding-bottom: 25px;

}

.primary-c-button-secondary:hover {

  color: #ffffff !important;

}

/* Change occupied seat color */

.s-s.occ circle {

    fill: lightgrey !important;

    stroke: lightgrey !important;

}

/* Hide suggestions in basket */

.event-group-suggestion {

display: none;

}

div#BasketContainer > h2:first-child{

display: none;

} 

#TicketSelector .select-zone.select {

  background-color: #5E5E5E;

}

/* Remove currency and language */

#SiteHead2 .language-currency-link {	  

  display: none !important;

}

/* Bold items like row and seat in basket */

.item-list .results-items .item-details .item-info>span {

    font-weight: 500 !important;

}

/*Footer show info */

#FooterPhoneOpening {

Display:Unset;

}

#footer .phone-icon{

Display:None;

}

#footer .opening-hours,#footer .phone-number,#footer .copyright,#footer .copyright-text,#FooterInfo {

 

    font-size: 14px;

    line-height: 24px;

 

  white-space: nowrap;

}

#FooterSocial {

	display: none;

}

#footer .left-foot.bottom{

 display: none !important;

}

/* Hide alternative delivery address */

input.different-delivery, label[for=DeliveryAddress_UseDifferentDeliveryAddress] {

    display: none !important;

}

#TermsAndConditions-error { 

font-size: 0px !important;

}

#TermsAndConditions-error: before {

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

    font-size: 13px !important;

}

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

}

/* Hide order without account */

#SkipLogin {

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:"Sie haben sich entschieden, die oben aufgeführten Tickets auf eine andere Veranstaltung zu verschieben. Wählen Sie unten Ihre Veranstaltung aus und klicken Sie auf das gewünschte Datum. Das System wird Ihnen automatisch Plätze zuweisen. Sie können diese auf der folgenden Buchungsseite über den Button 'Plätze ansehen oder ändern' wechseln."

}

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

    }

}

/*Versteckt den Bearbeiten-Button bei Verlängerungen*/

#ProfileRenewals a.circular-button.reservation-edit-button {

    display: none;

}

.remove svg path {

    fill: red !important;

}

.remove:hover svg path {

    fill: red;

}

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

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

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

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