@charset "UTF-8";
/* ÄUßERE BOX UM JEDE ZEILE // OUTER BOX FOR EACH DATE */
div.JSHOW_f {
	width: 100%;
	max-width: 100%;
	font-size: var(--fs-body);
	font-family: var(--ff-base);
	border-bottom: 1px solid var(--accent-clr);
	background-color: transparent;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding: 0.25em 0;
}
/* ÄUßERE BOX UM "DATUM - TITEL - ORT" // OUTER BOX FOR "DATE - TITLE - CITY"*/
div.JSHOW_fim {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
    align-items: center; 
	flex: 4 2 2;
}
/* INNERE BOX FÜR DATUM // INNER BOX FOR DATE*/
div.JSHOW_fid {
	align-self: center;
	flex: 0;
    display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	padding: 0.25em;
	white-space: nowrap;
}

@media (min-width: 40em) {
    div.JSHOW_fid {
	padding: 0.25em 0.25em 0.2em 0.2em;
    }
}

 div.JSHOW_fid b {
    font-weight: var(--fw-bold);
    transform: translateY(0.06em);
}

/* INNERE BOX FÜR TITEL UND STADT // INNER BOX FOR TITLE AND CITY */
div.JSHOW_fi {
	align-self: center;
	flex: 0;
	font-size: var(--fs-body);
	padding: 0.25em 0.25em 0.2em 0.2em;
	white-space: nowrap;
	font-family: var(--ff-base);
}

@media (min-width: 40em) {
    div.JSHOW_fi {
	padding: 0.5em 0.5em 0.3em 0.3em;
    }
}

/* INNERE BOX FÜR SUPPORTS // INNER BOX FOR SUPPORTS */
div.JSHOW_fis {
	align-self: center;
	flex: 0;
	justify-content: flex-end;
	padding: 0.1em 0.1em 0.1em 0.1em;
	font-size: 0.8em;
	font-style: normal;
	white-space: nowrap;
}
/* ÄUẞERE BOX UM ALLE TICKETLINKS // OUTER BOX FOR ALL TICKETLINKS */
div.JSHOW_fimt {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	flex: 2 2 0;
}

@media (min-width: 30em) {
	div.JSHOW_fimt {
		justify-content: flex-end;
	}
}

/* INNERE BOX UM EINZELNE TICKETLINKS // INNER BOX FOR EACH TICKETLINK*/
div.JSHOW_fit {
	align-self: center;
	flex: 0;
	padding: 0.8em 0.2em;
}
/* TICKETLINK */
a.JSHOW_t {
    background-color: var(--primary-clr);
  color: var(--theme-clr-100);
    display: inline-flex;
  justify-content: space-between;
  align-items: center;
    min-width: 180px;
  min-height: 44px;
	position: relative;
  font-family: var(--ff-base);
  font-size: var(--fs-body);
  font-weight: var(--fw-bold);
  line-height: 1;
  padding-block: 0.75em;
  padding-inline: 1em;
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
	a.JSHOW_t:hover {
		background-color: var(--secondary-clr);
	}
}

@media (prefers-reduced-motion: no-preference) {
	a.JSHOW_t {
		transition: background-color 0.3s ease-in-out, transform 0.15s ease-in-out;
	}
	a.JSHOW_t:hover {
		transform: scale(1.05);
	}
}
/*
a.JSHOW_t:hover,
a.JSHOW_t:active {
	font-family: var(--ff-helvetica-bd);
	font-size: var(--fs-small);
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--clr-spectrum-600);
	background-color: var(--clr-dark);
}*/
/* TICKETLINK AUSVERKAUFT // TICKETLINK SOLD*/
a.JSHOW_ts {
	padding: 0.4em 0.8em;
	text-transform: uppercase;
	text-decoration: line-through;
	background: transparent;
	color: var(--theme-clr-900);
	border: 1px solid var(--theme-clr-900);
	border-radius: 3px;
	cursor: not-allowed;
	transition: all ease 0.2s;
	background-color: transparent;
	white-space: nowrap;
}
a.JSHOW_ts:hover,
a.JSHOW_ts:active {
	text-decoration: line-through;
	border: 1px solidvar(--primary-clr);
	color: var(var(--secondary-clr);
}

.JSHOW_noevents {
	font-style: italic;
	text-align: center !important;
	font-size: 14px !important;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block !important;
}

@media only screen and (max-width: 600px) {
	/* ÄUßERE BOX UM JEDE ZEILE // OUTER BOX FOR EACH DATE */
	div.JSHOW_f {
		flex-flow: column wrap !important;
		justify-content: flex-start !important;
	}
	/* ÄUßERE BOX UM "DATUM - TITEL - ORT" // OUTER BOX FOR "DATE - TITLE - CITY"*/
	div.JSHOW_fim {
		flex-flow: column wrap !important;
		justify-content: flex-start !important;
	}
	/* INNERE BOX FÜR DATUM // INNER BOX FOR DATE*/
	div.JSHOW_fid {
		align-self: flex-start !important;
	}
	/* INNERE BOX FÜR TITEL UND STADT // INNER BOX FOR TITLE AND CITY */
	div.JSHOW_fi {
		align-self: flex-start !important;
	}
	/* INNERE BOX FÜR SUPPORTS // INNER BOX FOR SUPPORTS */
	div.JSHOW_fis {
		align-self: flex-start !important;
		justify-content: flex-end !important;
	}
	/* ÄUẞERE BOX UM ALLE TICKETLINKS // OUTER BOX FOR ALL TICKETLINKS */
	div.JSHOW_fimt {
		flex-flow: column wrap !important;
		justify-content: flex-start !important;
	}
	/* INNERE BOX UM EINZELNE TICKETLINKS // INNER BOX FOR EACH TICKETLINK*/
	div.JSHOW_fit {
		align-self: flex-start !important;
	}
}

/* Notiz Banner */

.note-banner {
	background-color: var(--theme-clr-900);
	color: var(--theme-clr-100);
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: var(--gap-1);
	padding: 1rem;
	--max-width: 48rem;
	width: min(var(--max-width), 100% - var(--container-spacing-inline) * 2);
	margin-inline: auto;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.note-banner__contain > *:not(:last-child) {
	margin-block-end: 0.5rem;
}

.note-banner__contain h2 {
  font-size: var(--fs-h3);
  color: var(--theme-clr-100);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.note-banner__contain p {
    font-size: var(--fs-body);
    font-weight: var(--fw-bold);
}

.note-banner.is-hidden {
	opacity: 0;
	transform: translateY(-1rem);
	pointer-events: none;
}

/* 404 */

.section-theme-404 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 60vh;
   min-height: 60dvh; 
}

.section-theme-404 > * {
    margin-block-end: 1rem;
}

.theme-404--main > * {
    margin-block-end: 2rem;
}

@media screen and (prefers-reduced-motion: no-preference) {
  .section-theme-404 {
    opacity: 0;
    transform: translateY(3rem);
    animation: fadeIn404 0.5s ease forwards;
  }

  @keyframes fadeIn404 {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}