#SiteHead2 h1.logo {

	background-image: url(https://cdn.tixly.com/dk/tix/Skin/20190411/17/Images/folketeatret-logo-black-rgb.png);

	width: 150px; !important; 

    height: 73px;

    margin-top: 10px;

  margin-right: 25px;

    background-repeat: no-repeat;

    background-size: contain;

}

#BuyingHead {

	background-image: none;

}

#FooterSocial {

	display: none;

}

#SiteHead2 .headbackbutt {

	display: none;

}

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

	body.site_da #SiteHead2 h1.logo {

    	width: 80px !important;

  		height: 39px !important;

      margin: 5px;

		}

	#SiteHead2 .headtexttitle {

		font-size: 20px;

  		border-bottom-width: 0px;

	}

}

/* Ændre baggrundsfarve */

body, #tix-seatpicker main section #hall-container {

	background-color: #fcfaf7;

}

/* Ændre farve på "Vælg dato og antal billetter" */

#BuyingHead {

    color: #000000 !important;

}

/* Ændre farve på antal billetter i kurven */

.primary-c.basket-items {

    color: #000000;

}

/* Ændre baggrund på step 1, så den matcher primær baggrund */

#BuyingSteps .steps.active {

    background-color: inherit;

}

/* Gøre step 1 knappen sort */

#BuyingSteps .steps.active div.icon {

    background: #000000 !important;

}

/* Border på plus og minus knapperne og baggrund der matcher primær baggrund */

 #TicketSelector .ticket-count .plus-button, #TicketSelector .ticket-count .minus-button {

     background: #808080;

     color: #ffffff;

     border: 1px solid #000000 !important;

}

 #TicketSelector .ticket-count .plus-button:hover, #TicketSelector .ticket-count .minus-button:hover {

     transition: background-color .3s ease-in-out,color .3s ease-in-out !important;

     background-color: #CECDC7 !important;

}

/* Border på "find billetter" knap og farve som primær baggrund */

.primary-c-button {

  background-color: #808080 !important;

  border: 1px solid #000000 !important;

}

.primary-c-button:hover {

  background-color: #fcfaf7 !important;

  border: 1px solid #000000 !important;

	color: #000000;!important;

}

/* Ændre baggrundsfarve på "total" på siden "Din ordre" */

.item-list .results-summary-container {

  background-color: #FCFAF7;

}

/* Ændre "shop videre" knap ved hover */

.primary-c-button-2:hover {

  background-color: #FCFAF7 !important;

  border: 1px solid #000000 !important;

  

  color: #000000 !important;

}

/* .primary-c-button-2 {

  color: #ffffff !important;

}*/

/* Ændre baggrundsfarve ved loginbesked */

#ProfileFields #SignInLocal .login-new-system-hint {

   

  background-color: #FCFAF7;

}

/* Kurvelogo farve */

.primary-c {

    color: #000000 !important;

}

/* Ændre farve på kurveindhold øverst til højre */

.basket-contents {

    background-color: #FCFAF7 !important;

}

.basket-contents.item-list .results-summary-container {

    background-color: #FCFAF7;

}

#Basket .row {

  background-color: #FCFAF7;

}

.basket-arrow {

   

  border-bottom-color: #fcfaf7;

  

}

/* Ændre baggrund og hover på gavekort knap */

.secondary-c-button {

  background-color: #fcfaf7 !important;

}

.secondary-c-button:hover {

  background-color: #EAEAEA !important;

  border: 1px solid #000000 !important;

  

  color: #000000 !important;

}

/* Ændre baggrundsfarve på ordreoversigt */

.purchase-info-box {

  background-color: #fcfaf7;

}

/* Ændre farve på "Tixly" i footer */

a.primary-c[href="https://tixly.com/"] {

  color: #ffffff !important;

}

/* Change the accept button for conditions */

input[type='checkbox'] {

  border-color: black; 

  border-width: 1px;

}

/* Ændre baggrund på chechbox ved check på betalingsside */

input[type='checkbox']:checked {

    

  background-color: #000000 !important;

}

#CardType > li.active, #GiftCardDescription p a {

    background-color: #FCFAF6 !important;

}

/* Ændrer baggrundsfarven på hele aside-kalenderen */

aside.calendar {

  background-color: #fcfaf7 !important; 

}

#tix-seatpicker main aside {

    background-color: #fcfaf7 !important;

}

.cart-ticket-area .cart-ticket {

  background-color: #fcfaf7 !important;

}

/* Ændre farve på antal stk. af gavekort */

#GiftCardSelector .gift-card-count {

    color: #fcfaf7;

    background-color: #000000;

}

/*

.secondary-bg-c {

    background-color: #000000;

    color: #fcfaf7;

}

*/

#GiftCardSelector li.selected .gift-card-count .gift-cards {

color: #EAEAEA !important;

}

/* Ændre farve på minus og plus symbol ved gavekort*/

#GiftCardSelector li.selected .gift-card-count .minus, 

#GiftCardSelector li.selected .gift-card-count .plus {

  background-color: #EAEAEA;

  color: #000000;

}

/* Baggrundsfarve ved gavekortbeløb */

#GiftCardSelector .gift-card-custom-amount-wrapper input.right, #GiftCardSelector .gift-card-custom-amount-wrapper input.left {

    background-color: #fcfaf7;

}

/* Se kvittering knap på ordreoversigt */

#ProfileContainer .profile-content .pay-button{

    background-color: #000000;

    color: #fcfaf7 !Important;

}

/* Send reset e-mail knap*/

#ForgotPassword button.primary-c-button-secondary.login-button {

    color: #191919;

 border: 1px solid #191919;

background-color: #fcfaf7;

}

/* Show numbers on selected seats */

.s-s text {

  display: none;

}

.s-s.your-seat text, .s-s.original-seat text {

   display: block !important;

}

/* Fyldfarve på ledige sæder baseret på priszone */

/* Priszone A */

.s-s.clk .p-1 {

    fill: #ee4749 !important;   

    stroke: #ee4749 !important;

}

/* Priszone B */

.s-s.clk .p-2 {

    fill: #00a651 !important;   

    stroke: #00a651 !important;

}

/* Priszone C */

.s-s.clk .p-3 {

    fill: #fad839 !important;   

    stroke: #fad839 !important;

}

/* Priszone D */

.s-s.clk .p-4 {

    fill: #fa6900 !important;   

    stroke: #fa6900 !important;

}

/* Priszone E */

.s-s.clk .p-5 {

    fill: #760076 !important;   

    stroke: #760076 !important;

}

/* Priszone O+ */

.s-s.clk .p-6 {

    fill: #c7ae76 !important;   

    stroke: #c7ae76 !important;

}

.s-s.your-seat circle {

animation: blink 1.5s linear infinite !important;

}

@keyframes blink { 

100%, 70% { opacity: 1;}

0%, 15% { opacity: 0.5;}

}

/* Priszone O */

.s-s.clk .p-7 {

    fill: #1d82ca !important;   

    stroke: #1d82ca !important;

}

/* Priszone Y */

.s-s.clk .p-8 {

    fill: #858585 !important;   

    stroke: #858585 !important;

}

/* Priszone G */

.s-s.clk .p-9 {

    fill: #ef900d !important;   

    stroke: #ef900d !important;

}

}

/* Priszone H */

.s-s.clk .p-10 {

    fill: #5ba4b4 !important;   

    stroke: #5ba4b4 !important;

}

}

/* Priszone I */

.s-s.clk .p-11 {

    fill: #760076 !important;   

    stroke: #760076 !important;

}

}

/* Priszone J */

.s-s.clk .p-12 {

    fill: #fac936 !important;   

    stroke: #fac936 !important;

}

/* Priszone K */

.s-s.clk .p-13 {

    fill: #1a4859 !important;   

    stroke: #1a4859 !important;

}

/* Priszone L */

.s-s.clk .p-14 {

    fill: #c90076 !important;   

    stroke: #c90076 !important;

}

/* Priszone M */

.s-s.clk .p-15 {

    fill: magenta !important;   

    stroke: magenta !important;

}

/* Omsluttende container (forælder til både checkbox og link) 

.terms-checkbox,

#a-terms {

  display: inline-block;

  vertical-align: middle;

}

*/ 

/* Tilføj teksten under – med god afstand */ 

.terms-info {

    display: flex;

    align-items: flex-start; /* Holder checkbox i toppen */

    gap: 0.5em; /* Lidt luft mellem checkbox og tekst */

    flex-wrap: wrap; /* Tillader linjeskift */

}

.terms-info span.fnt-normal {

    position: relative;

}

.terms-info span.fnt-normal::after {

    content: "Når du trykker videre, behandler vi dine personoplysninger. Det gør vi jf. vores privatlivspolitik, https://www.folketeatret.dk/om-folketeatret/persondatapolitik/";

    display: block;

    margin-top: 0.5em;

    font-size: 14px;

    color: #333;

    line-height: 1.4;

}

/* Mobilvenlig justering 

@media (max-width: 600px) {

  #a-terms::after {

    font-size: 0.95em;

    margin-top: 14px;

  }

}

*/

/* @media (max-width: 768px) {

  button.picker-continue svg.replaced-svg path {

    fill: #000000 !important;

    color: #000000

  }

}

*/

/* Change occupied seat color */

.s-s.occ circle {

fill: lightgrey !important;

stroke: lightgrey !important;

}

button.primary-c-button-secondary.login-button {

  color: #ffffff;

}

button.primary-c-button-2.login-button.fnt-sbold {

  border: 1px solid #000000 !important;    

  color: #000000 !important;

}

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

  /* Vælg knappen via ID og/eller klasser */

  a#ContinueDelivery.button.primary-c-button {

    color: #000 !important;  /* Sørg for at teksten bliver sort */

  }

}

/* Tilbageknappen */ 

.primary-c-button-2 {

background-color: #808080!important;

border: 1px solid #000000 !important; 

Color:#ffffff !important;

}

/* Skal stå sidst i CSS-filen, efter alle andre rules */

button.button.primary-c-button.picker-continue {

  background-color: #808080!important;  /* altid mørkegrå baggrund */

  color: #ffffff !important;             /* altid hvid tekst */

  border: 1px solid #000000 !important;  /* hvis du vil beholde kanten */

}

/* Tekst ved indløsning af gavekort online 

div.gift-card-info-text::before{

  content: "Gavekort købt før 3/6-2025 indløses med PIN-kode 1234. Gavekort fra Teaterbilletter? Skriv til billet@folketeatret.dk, så hjælper vi dig videre.";

}*/


/* Color definitions */
/* Primary */
.primary-c {
    color: #808080;
}
.primary-bg-c {
    background-color: #808080;
	color: #ffffff;
}
/* Border color as font for primary background */
.primary-bg-font-border-c {
    border-color: #ffffff;
}
.primary-border-c {
    border-color: #808080;
}
.primary-c-button {
	background-color: #808080;
    color: #ffffff;
    border-color: #808080;
}
.primary-c-button:hover {
	border-color: #6B6B6B;
    background-color: #6B6B6B;
}
.primary-c-button-secondary {
	background-color: #808080;
    color: #ffffff;
    border-color: #808080;
}
.primary-c-button-secondary:hover {
    background-color: #191919;
    color: #ffffff;
    border-color: #191919;
}
.primary-c-button-2 {
    background-color: #ffffff;
    border-color: #808080;
    color: #808080;
}
.primary-c-button-2:hover {
    background-color: #808080;
    color: #ffffff;
}
.primary-c-button-2-secondary {
    background-color: #ffffff;
    border-color: #808080;
    color: #808080;
}
.primary-c-button-2-secondary:hover {
    background-color: #191919;
    border-color: #191919;
    color: #ffffff;
}
.primary-c-svg svg path, svg.primary-c-svg path {
    fill: #808080;
}
/* Special for header */
.header-c-gradient-right::before {
    background: rgba(252,250,247,0);
    background: -moz-linear-gradient(left, rgba(252,250,247,0) 0%, rgba(252,250,247,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252,250,247,0)), color-stop(100%, rgba(252,250,247,1)));
    background: -webkit-linear-gradient(left, rgba(252,250,247,0) 0%, rgba(252,250,247,1) 100%);
    background: -o-linear-gradient(left, rgba(252,250,247,0) 0%, rgba(252,250,247,1) 100%);
    background: -ms-linear-gradient(left, rgba(252,250,247,0) 0%, rgba(252,250,247,1) 100%);
    background: linear-gradient(to right, rgba(252,250,247,0) 0%, rgba(252,250,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfaf7', endColorstr='#fcfaf7', GradientType=1 );
}
.header-bg-c {
    background-color: #fcfaf7;
    color: #000000;
}
#skipToContent {
    background-color: #fcfaf7;
    color: #000000;
    border: 1px solid #000000;
}
.ms-options li > label {
    color: #808080;
}

.header-border-text-c {
    border-color: #000000;
}
.header-c-hover-before {
    background-color: #191919;
}
.header-c-hover-before::before {
    border-color: transparent #808080 transparent transparent;
}
.header-c-hover-before:hover {
    background-color: #808080;
}
.header-c-hover-before:hover::before {
    border-color: transparent #000000 transparent transparent;
}
#header .ticket-list .ticket-table::-webkit-scrollbar {
    background-color: #fcfaf7;
}
#header .ticket-list .ticket-table::-webkit-scrollbar-thumb {
    background-color: #191919;
    border-color: #fcfaf7;
}
#header .ticket-list .ticket-table table tbody td {
    border-color: #fcfaf7;
}
#header .ticket-list .ticket-table table td.event span.dash {
    color: #fcfaf7;
}
.footer-highlight-c {
    color: #ffffff;
}
.content-inline-heading, .content-table-heading th {
     color: #808080;
}
/* Secondary */
.secondary-c {
    color: #191919;
}
.secondary-bg-c {
    background-color: #191919;
    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: #191919;
    color: #ffffff;
}
.secondary-c-button {
    background-color: #ffffff;
    color: #191919;
    border-color: #191919;
}
.secondary-c-button:hover {
    background-color: #191919;
    border-color: #191919;
    color: #ffffff;
}
/* Tertiary */
.tertiary-c {
    color: #191919;
}
.tertiary-bg-c {
    background-color: #191919;
    color: #fcfaf7;
}
.tertiary-border-c {
    border-color: #191919;
}
.tertiary-c-button-secondary {
	background-color: #191919;
    color: #808080;
    border-color: #191919;
}
.tertiary-c-button-secondary:hover {
    background-color: #191919;
    color: #191919;
    border-color: #191919;
}
.tertiary-bg-c-hover:hover {
    background-color: #191919;
    color: #fcfaf7;
}
/* Special cases that we can't put classes on */
#BuyingHead {
    color: #fff;
    border-color: #858687;
}

#BuyingSteps div.icon {
    background: rgba(128,128,128,.15);
}
#BuyingSteps .steps.active div.icon {
    background: #808080;
}
#SectionGroups li.selected-group a {
    background: #808080;
    color: #ffffff;
}
#ProfileBar ul li button.active {
    color: #808080;
    box-shadow: 0 3px 0px 0px #808080;
}
#CardType > li.active, #GiftCardDescription p a {
    color: #808080;
}
#CardType li.active svg path, #CardType li.active svg rect {
    fill: #808080;
}
#SiteHead2 .headtexttotal .tickets > a > span > svg path {
    stroke: #808080;
}
#ProfileOrders .order-receipt-link a > span > svg path {
    stroke: #808080;
}
#ProfileContainer .profile-content .order-receipt-link a > span > svg path {
    stroke: #808080;
}
#BuyingSteps.profile-steps .steps.active .text {
    color: #808080;
}
#SiteHead2 .profile-language-bar > a > span > svg path,
#SiteHead2 .profile-language-bar > a > span > svg circle {
    stroke: #000000;
}
#GiftCardDescription p a:hover {
    color: #6B6B6B;
}
#EventSelector .selected td.toggle a {
    border-color: transparent transparent #808080 transparent;
}
input[type='checkbox']:checked {
    background-color: #808080;
}
.clndr-grid .day.selected, .calendar-event.selected, .month-dropdown button.selected {
    background-color: #fcfaf7;
    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: #d9605a;
    background-image: url(Images/alert.svg);
    background-repeat: no-repeat;
}
input[type='checkbox'].input-validation-error:before{
    border-color: #d9605a !important;
}
#div-terms.validation-error {
    background-image: url(Images/alert.svg);
}
.validation-summary-errors, .field-validation-error, a.terms-and-conditions.validation-error {
    color: #d9605a;
}