@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&family=Poppins:wght@300;400;500&display=swap');

#SiteHead2 h1.logo {

	background-image: url(https://cdn.tixly.com/de/tix/Skin/20190411/22/Images/kampnagellogo20.png) !important;

	width: 150px !important;

    

    height: 65px !important;

    margin: 20px 0 0 15px !important;

}

#SiteHead2 div.logo {

	background-image: url(https://cdn.tixly.com/de/tix/Skin/20190411/22/Images/kampnagellogo20.png) !important;

	width: 150px !important;

    

    height: 65px !important;

    margin: 20px 0 0 15px !important;

}

#BuyingHead {

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

	padding: 50px 0;

  	color: #000000 !important;

}

#BuyingHead, .headtexttitle, #TicketSelectTitle, #TicketResultText, #BasketContainer, #ProfileOrders, #ProfileReservations, #ProfileGiftCards, #ProfileMemberships, #ProfileEdit, h3 {

	font-family: 'PT Sans Narrow', sans-serif;

    font-weight: 700 !important;

  	text-transform: uppercase !important;

}

body, #SiteHead2, .primary-c, #BuyingSteps div .text, #EventSelector td.name, #EventSelector td.date, #EventSelector .selection-heading th, #TicketSelector .name, .button, .button-small, #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, #BuyerTitle, #CardTitle, #GiftCardTitle, #InsuranceTitle, .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 h2, #BasketContainer h3, .item-list .results-header .total .prices .text, #PurchaseLogin h2, #ProfileFields .profile-heading, #ProfileBar ul li button

{

	font-family: 'PT Sans Narrow', sans-serif;

  font-weight: 400;

}

#SiteHead2 {

 border-bottom: 0px !important; 

}

 /* This hides the horizontal line */

#SiteHead2 .headtexttitle {

    border: none;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

/* BUTTONS */

.button {

 	border-radius: 0px !important;

 	color: #000000 !important;

 	letter-spacing: 2px !important;

	text-transform: uppercase !important;

}

button.secondary-c-button:hover {

  color: white !important;

}

.primary-c-button-2 {

  color: white !important;

  border: 0px solid white;

}

.primary-c-button-2:hover {

  color: black !important;

}

.primary-c-button-secondary:hover {

  color: #ffffff !important;

}

.login-button {

  color: black !important;

}

/* Spacing between terms & conditions accept and back button */

div.terms-info {

  margin-bottom: 25px;

}

/* Checkmark for forward Black background */

input[type="checkbox"]:checked {

  background-color: black !important;

}

/* Color of tabs in my pages */

#ProfileBar li button{

  color: black !important;

}

#ProfileBar li button.active{

  font-weight: bold !important;

}

/* Someone elses css */

.tickets .basket-items, #BuyingSteps .steps.active div.icon, .tickets .svg, .show-basket, #TicketSelector .ticket-count .plus-button, #TicketSelector .ticket-count .minus-button {

  color: #000000 !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: #cccccc !important;

}

.basket-rule-wrapper .collapse-active {

  padding-bottom: 25px;

}

/* change yellow text to black */

#footer .copyright-text a {

    color: #f0ff00 !important;

}

.primary-c {

    color: #000 !important;

}

/* CHANGE TEXT UNDER QUESTION MARK */

html[lang="de"] li.pick-type-3 {

  font-size: 0 !important;

  position: relative;

}

html[lang="de"] li.pick-type-3::before {

  content: 'Nachdem Sie einen Platz ausgewählt haben, können Sie im Warenkorb einen für Sie zutreffenden Rabatt auswählen.';

  font-size: 16px;

  display: block;

}

html[lang="en"] li.pick-type-3 {

  font-size: 0 !important;

  position: relative;

}

html[lang="en"] li.pick-type-3::before {

  content: 'After selecting a seat, you can choose a discount that applies to you in the shopping cart.';

  font-size: 16px;

  display: block;

}

html[lang="de"] li.pick-rule-1 {

  font-size: 0 !important;

  position: relative;

}

html[lang="de"] li.pick-rule-1::before {

  content: 'Bitte lassen Sie bei Ihrer Auswahl keinen Sitzplatz frei.';

  font-size: 12px;

  display: block;

}

html[lang="en"] li.pick-rule-1 {

  font-size: 0 !important;

  position: relative;

}

html[lang="en"] li.pick-rule-1::before {

  content: 'Please do not leave a seat empty when making your selection.';

  font-size: 12px;

  display: block;

}

/* Occupied seats grey */

g.s-s.occ circle {

  fill: lightgrey !important;

  stroke: lightgrey !important;

}

/* Hide alternative delivery address */

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

    display: none !important;

  

  }

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

}

/* Abgesagt Übersetzung */

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

}

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

}

/* 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 Aufträge";

  visibility: visible

}

/* 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: #000;

    font-weight: 400;

        

}

/* Stehplätze umfärben */

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

  fill: #95f9dc !important;

  stroke: #95f9dc !important;

}




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

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