*,
	*:after,
	*:before {
		box-sizing: inherit
	}

	html {
		box-sizing: border-box;
		font-size: 62.5%
	}

	body {
		height: 100%;
		color: #000;
		font-family: 'academica', serif;
		font-size: 1.6em;
		font-weight: 300;
		letter-spacing: .01em;
		margin: 0 0 100px 0;
		overflow-x: hidden;
	}

	body:after {
		content: '';
		height: 50px;
	}

	blockquote {
		border-left: 0.3rem solid #d1d1d1;
		margin-left: 0;
		margin-right: 0;
		padding: 1rem 1.5rem
	}

	blockquote *:last-child {
		margin-bottom: 0
	}

	.button,
	button,
	input[type='button'],
	input[type='reset'],
	input[type='submit'] {
		background-color: #6ca13f;
		border: 0.1rem solid #6ca13f;
		border-radius: .4rem;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1.3rem;
		font-weight: 700;
		height: 3.8rem;
		letter-spacing: .2rem;
		line-height: 3.8rem;
		padding: 0 2rem;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap
	}

	.button:focus,
	.button:hover,
	button:focus,
	button:hover,
	input[type='button']:focus,
	input[type='button']:hover,
	input[type='reset']:focus,
	input[type='reset']:hover,
	input[type='submit']:focus,
	input[type='submit']:hover {
		background-color: #606c76;
		border-color: #606c76;
		color: #fff;
		outline: 0
	}

	.button[disabled],
	button[disabled],
	input[type='button'][disabled],
	input[type='reset'][disabled],
	input[type='submit'][disabled] {
		cursor: default;
		opacity: .5
	}

	.button[disabled]:focus,
	.button[disabled]:hover,
	button[disabled]:focus,
	button[disabled]:hover,
	input[type='button'][disabled]:focus,
	input[type='button'][disabled]:hover,
	input[type='reset'][disabled]:focus,
	input[type='reset'][disabled]:hover,
	input[type='submit'][disabled]:focus,
	input[type='submit'][disabled]:hover {
		background-color: #6ca13f;
		border-color: #6ca13f
	}

	.button.button-outline,
	button.button-outline,
	input[type='button'].button-outline,
	input[type='reset'].button-outline,
	input[type='submit'].button-outline {
		background-color: transparent;
		color: #6ca13f
	}

	.button.button-outline:focus,
	.button.button-outline:hover,
	button.button-outline:focus,
	button.button-outline:hover,
	input[type='button'].button-outline:focus,
	input[type='button'].button-outline:hover,
	input[type='reset'].button-outline:focus,
	input[type='reset'].button-outline:hover,
	input[type='submit'].button-outline:focus,
	input[type='submit'].button-outline:hover {
		background-color: transparent;
		border-color: #606c76;
		color: #606c76
	}

	.button.button-outline[disabled]:focus,
	.button.button-outline[disabled]:hover,
	button.button-outline[disabled]:focus,
	button.button-outline[disabled]:hover,
	input[type='button'].button-outline[disabled]:focus,
	input[type='button'].button-outline[disabled]:hover,
	input[type='reset'].button-outline[disabled]:focus,
	input[type='reset'].button-outline[disabled]:hover,
	input[type='submit'].button-outline[disabled]:focus,
	input[type='submit'].button-outline[disabled]:hover {
		border-color: inherit;
		color: #6ca13f
	}

	.button.button-clear,
	button.button-clear,
	input[type='button'].button-clear,
	input[type='reset'].button-clear,
	input[type='submit'].button-clear {
		background-color: transparent;
		border-color: transparent;
		color: #6ca13f
	}

	.button.button-clear:focus,
	.button.button-clear:hover,
	button.button-clear:focus,
	button.button-clear:hover,
	input[type='button'].button-clear:focus,
	input[type='button'].button-clear:hover,
	input[type='reset'].button-clear:focus,
	input[type='reset'].button-clear:hover,
	input[type='submit'].button-clear:focus,
	input[type='submit'].button-clear:hover {
		background-color: transparent;
		border-color: transparent;
		color: #606c76
	}

	.button.button-clear[disabled]:focus,
	.button.button-clear[disabled]:hover,
	button.button-clear[disabled]:focus,
	button.button-clear[disabled]:hover,
	input[type='button'].button-clear[disabled]:focus,
	input[type='button'].button-clear[disabled]:hover,
	input[type='reset'].button-clear[disabled]:focus,
	input[type='reset'].button-clear[disabled]:hover,
	input[type='submit'].button-clear[disabled]:focus,
	input[type='submit'].button-clear[disabled]:hover {
		color: #6ca13f
	}

	code {
		background: #f4f5f6;
		border-radius: .4rem;
		font-size: 86%;
		margin: 0 .2rem;
		padding: .2rem .5rem;
		white-space: nowrap
	}

	pre {
		background: #f4f5f6;
		border-left: 0.3rem solid #6ca13f;
		overflow-y: hidden
	}

	pre>code {
		border-radius: 0;
		display: block;
		padding: 1rem 1.5rem;
		white-space: pre
	}

	hr {
		border: 0;
		border-top: 0.1rem solid #f4f5f6;
		margin: 3.0rem 0
	}

	input[type='email'],
	input[type='number'],
	input[type='password'],
	input[type='search'],
	input[type='tel'],
	input[type='text'],
	input[type='url'],
	textarea,
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-size: 1.5rem;
		font-family: josefsans, helvetica, sans-serif;
		background-color: transparent;
		border: 0.1rem solid #d1d1d1;
		border-radius: .4rem;
		box-shadow: none;
		box-sizing: inherit;
		height: 3.8rem;
		padding: .6rem 1.0rem;
		width: 100%
	}

	input[type='email']:focus,
	input[type='number']:focus,
	input[type='password']:focus,
	input[type='search']:focus,
	input[type='tel']:focus,
	input[type='text']:focus,
	input[type='url']:focus,
	textarea:focus,
	select:focus {
		border-color: #6ca13f;
		outline: 0
	}

	select {
		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
		padding-right: 3.0rem
	}

	select:focus {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#6ca13f" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
	}

	textarea {
		min-height: 2rem;
	    background: #fff;
	}

	label,
	legend {
		display: block;
		font-size: 1.6rem;
	    margin:.7rem 2rem 1.5rem 0;
	}

	fieldset {
		border-width: 0;
		padding: 0
	}

	input[type='checkbox'],
	input[type='radio'] {
		display: inline
	}

	.label-inline {
		display: inline-block;
		font-weight: normal;
		margin-left: .5rem
	}

	/* The checkboxcontainer */
	.checkboxcontainer {
	  display: inline-block;
	  position: relative;
	  padding-left: 21px;
	  cursor: pointer;
	  font-size: 18px;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	/* Hide the browser's default checkbox */
	.checkboxcontainer input {
	  position: absolute;
	  opacity: 0;
	  cursor: pointer;
	  height: 0;
	  width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
	  position: absolute;
	  top: 0px;
	  left: 0;
	  height: 16px;
	  width: 16px;
	  background-color: #eee;
	  border-radius: 3px;

	}

	/* On mouse-over, add a grey background color */
	.checkboxcontainer:hover input ~ .checkmark {
	  background-color: #ccc;
	}

	/* When the checkbox is checked, add a blue background */
	.checkboxcontainer input:checked ~ .checkmark {
	  background-color: green;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}

	/* Show the checkmark when checked */
	.checkboxcontainer input:checked ~ .checkmark:after {
	  display: block;
	}

	/* Style the checkmark/indicator */
	.checkboxcontainer .checkmark:after {
	  left: 5px;
	  top: 2px;
	  width: 6px;
	  height: 10px;
	  border: solid white;
	  border-width: 0 3px 3px 0;
	  -webkit-transform: rotate(45deg);
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  border-radius: 2px;
	}


	.container {
		margin: 0 auto;
		max-width: 100%;
		padding: 0 2.0rem;
		position: relative;
		width: 100%
	}

	.row {
		display: flex;
		flex-direction: column;
		padding: 0;
		width: 100%
	}


	.row .column {
		display: block;
		flex: 1 1 auto;
		margin-left: 0;
		max-width: 100%;
		width: 100%
	}


	.monat {
		color: #eee806;
		font-size: 6rem;
		font-family: noe;
		font-weight: 900;
		text-transform: uppercase;
		color: #005d72;
		line-height: 1;
		padding: 2rem 0 1rem 0 !important;
		border-bottom: 1px solid #000;
	}

	.terminspalte {
		border-bottom: 1px dashed #bbb;
		font-family: josefsans;
		display: flex;
		align-items: center;
		padding: 3em 0 2rem 0;
		font-size: 1.2rem;
		position: relative;
	}
	.terminzeile:last-child .terminspalte {
	    border-bottom: 1px solid #000;
	}

	.start .terminzeile:last-child .terminspalte {
	    border: none;
	}

	.terminzeile {
	    position: relative;
	}
	.corona {
		color:#757575;
	}

	.trotzcorona {
		color:#000;
	}

	.terminspalte_inner>p {
		margin: 0;
	}

	.terminspalte_inner {
		margin: 0;
	}

	.diesertag {
		font-family: dia;
		font-size: 4rem;
		font-weight: 700;
		padding: 1rem;
		border-bottom: 1px solid #000;
		margin: 0;
	}

	.andiesemtagtermin {
		text-align: left;
		border-bottom: 1px solid #aaa;
		padding: 1rem 0;
	}

	.startzusatz {
		line-height: 1.3rem;
	}

	.startzusatz>span {
		font-family: josefsans;
		text-transform: uppercase;
		background: #eede00;
		color: #00b4c6;
		font-size: 1.2rem;
		font-weight: 700;
		letter-spacing: .1em;
		padding: 1px 4px;
	}

	@media (min-width: 30rem) {
		.row {
			flex-direction: row;
			/*margin-left: -1.0rem;
			width: calc(100% + 2.0rem);*/
	        width: 100%;
	        flex-wrap: wrap
		}
		.row .column {
			margin-bottom: inherit;
			/*padding: 0 1.0rem;*/
		}
		.row .column.zusaetze {
	    	flex: 0 0 20%;
	    	max-width: 20%;
	        margin-left: 47%;	    
		}
	    .nav .row .column {
	        flex: 0 0 100%;
	        max-width: 100%;

	    }
	    .row .monat {
	        flex: 0 0 90%;
	        max-width: 90%;
	        margin-left: 5%;        

	    }
	    .row .column.tagdaten {
	        flex: 0 0 13%;
	        max-width: 13%;
	        margin-left: 5%; 
	    }
	    .row .column.seiteninhalt {
	        flex: 0 0 100%;
	        max-width: 100%;
	        margin-left: 0%; 
	    }
	    .row .column.termine {
	        flex: 0 0 60%;
	        max-width: 60%;
	        margin-left: 8%; 
	    }
	    .row .column.mitwirkende {
	        flex: 0 0 60%;
	        max-width: 60%;
	        margin-left: 8%; 
	    }
	    .row .column.termintitel {
	        flex: 0 0 67%;
	        max-width: 67%;
	        margin-left: 1%;
	    }
	    .row .column.abo {
	        flex: 0 0 10%;
	        max-width: 10%;
	        margin-left: 1%;        
	    }
	    .abo .karten {
	        width:100%;
	    }
	    .diesertag .row .column.termintitel {
	        text-align: left;
	    }
	    .row .column.rundesportrait {
	        flex: 0 0 120px;
	        max-width: 120px;
	    }

	    .row .column.minivita {
	        flex: 0 0 calc(100% - 130px);
	        max-width: calc(100% - 130px);
	        margin-left: 10px;
	    }
		
	}


	@media (min-width: 40rem) {
	    .row .column.seiteninhalt {
	        flex: 0 0 80%;
	        max-width: 80%;
	        margin-left: 8%; 
	    }

	}
	@media (min-width: 50rem) {
	    .row .column.seiteninhalt {
	        flex: 0 0 80%;
	        max-width: 80%;
	        margin-left: 8%; 
	    }

	}

	@media (min-width: 60rem) {
	    .nav .row .column {
	        flex: 0 0 50%;
	        max-width: 50%;

	    }


	}

	@media (min-width: 80rem) {
	    .row .column.seiteninhalt {
	        flex: 0 0 70%;
	        max-width: 70%;
	        margin-left: 8%; 
	    }
	    .nav .row .column {
	        flex: 0 0 33%;
	        max-width: 33%;

	    }

	}

	@media (min-width: 90rem) {
	    .row .column.seiteninhalt {
	        flex: 0 0 55%;
	        max-width: 55%;
	        margin-left: 8%; 
	    }

	}

	@media (min-width: 100rem) {
	    .nav .row .column {
	        flex: 0 0 25%;
	        max-width: 25%;
	    }

	}


	@media (min-width: 30rem) {

	    .start .row .column.tagdaten {
	        flex: 0 0 100%;
	        max-width: 100%;
	        margin-left: 0; 
	    }

	    .start .row .column.termintitel {
	        flex: 0 0 74%;
	        max-width: 74%;
	    }

	    .start .row .abo {
	        word-wrap: break-word;
	        flex: 0 0 24%;
	        max-width: 24%;
	        margin-left: 1%;            
	    }

	}

	@media (min-width: 120rem) {
	    .start .row .column.tagdaten {
	        flex: 0 0 15%;
	        max-width: 15%;
	        margin-left: 0; 
	    }
	    .start .row .column.termintitel {
	        flex: 0 0 67%;
	        max-width: 67%;

	    }

	    .start .row .abo {
	        word-wrap: break-word;
	        flex: 0 0 15%;
	        max-width: 15%;
	        margin-left: 1%;        
	    }

	}

	.start .uhrzeit {
	    font-size: 1.6rem;
	}
	.start .terminzeile {
		border-bottom: 1px dashed #aaa;
	    margin: 0;
	    width: 100%;
	}
	.start .terminspalte {
	    border: none;
	}
	.start .terminspalte.termintitel {
		border: none;
	    text-align: left;
	}

	.start .terminzeile:last-child {
		border: none;
	}





	a {
		color: #000;
		text-decoration: none
	}

	dl,
	ol,
	ul {
		list-style: none;
		margin-top: 0;
		padding-left: 0;
	    line-height:1.4;
	}

	dl dl,
	dl ol,
	dl ul,
	ol dl,
	ol ol,
	ol ul,
	ul dl,
	ul ol,
	ul ul {
		font-size: 90%;
		margin: 1.5rem 0 1.5rem 3.0rem
	}

	ol {
		list-style: decimal inside
	}

	ul {
		list-style: circle inside
	}

	.button,
	button,
	dd,
	dt,
	li {
		margin-bottom: 1.0rem
	}

	fieldset,
	input,
	select,
	textarea {
		margin-bottom: .5rem
	}

	blockquote,
	dl,
	figure,
	form,
	ol,
	p,
	pre,
	table,
	ul {
		margin-bottom: 2rem
	}

	table {
		border-spacing: 0;
		width: 100%;
		overflow-x: scroll;
	}

	thead {
		display: none;
	}

	td,
	th {
		border-bottom: 0.1rem solid #e1e1e1;
		padding: 1.2rem 1.5rem;
		text-align: left
	}

	td:first-child,
	th:first-child {
		padding-left: 0
	}

	td:last-child,
	th:last-child {
		padding-right: 0
	}

	b,
	strong {
		font-weight: bold
	}

	i,
	em {
		font-family: noe;
	}

	p {
		margin-top: 0
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: 500;
		font-family: noe;
		color: #005d72;
		margin: 0
	}

	h1 {
		font-size: 4rem;
		font-weight: 300;
		font-family: noe;
		font-size: 5.7rem;
		line-height: 1;
		margin-bottom: 1.6rem;
	}

	h2 {
		font-size: 3.4rem;
		line-height: 1.2;
		margin-bottom: 1.6rem;
	}

	h3 {
		font-size: 2.7rem;
		line-height: 1;
		margin-bottom: 1.6rem;
	}

	h4 {
		font-size: 2.2rem;
		line-height: 1
	}

	h5 {
		font-size: 2rem;
		line-height: 1
	}

	h6 {
		font-size: 1.8rem;
		letter-spacing: 0;
		line-height: 1.4
	}

	@media (max-width: 50rem) {
	    h1 {
	        font-size: 3.6rem;
	    }
	}



	img {
		max-width: 100%
	}

	.clearfix:after {
		clear: both;
		content: ' ';
		display: table
	}

	.float-left {
		float: left
	}

	.float-right {
		float: right
	}


	/*//////////////*/

	@font-face {
		font-family: "academica";
		font-style: normal;
		font-weight: 700;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Academica-Bold.woff);
	}

	@font-face {
		font-family: "academica";
		font-style: normal;
		font-weight: 500;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Academica.woff);
	}

	@font-face {
		font-family: "dia";
		font-style: normal;
		font-weight: 700;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Dia-Black.woff);
	}

	@font-face {
		font-family: "dia";
		font-style: normal;
		font-weight: 300;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Dia-Light.woff);
	}

	@font-face {
		font-family: "josefsans";
		font-style: normal;
		font-weight: 700;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/JosefSans-Bold.woff);
	}

	@font-face {
		font-family: "josefsans";
		font-style: normal;
		font-weight: 500;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/JosefSans-Italic.woff);
	}

	@font-face {
		font-family: "josefsans";
		font-style: normal;
		font-weight: 500;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/JosefSans.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: italic;
		font-weight: 900;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Black_Italic.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: normal;
		font-weight: 900;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Black.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: italic;
		font-weight: 700;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Bold_Italic.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: normal;
		font-weight: 700;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Bold.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: italic;
		font-weight: 500;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Medium_Italic.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: normal;
		font-weight: 500;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Medium.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: italic;
		font-weight: 400;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Regular_Italic.woff);
	}

	@font-face {
		font-family: "noe";
		font-style: normal;
		font-weight: 400;
		unicode-range: U+000-5FF;
		src: url(https://anhaltisches-theater.de/fonts/Noe_Display_Regular.woff);
	}

	@font-face {
	    font-family: "sporting";
	    font-style: normal;
	    font-weight: 500;
	    unicode-range: U+000-5FF;
	    src: url(https://anhaltisches-theater.de/fonts/Sporting_Grotesque-Regular_web.woff);
	}

	@font-face {
	    font-family: "sporting";
	    font-style: normal;
	    font-weight: 700;
	    unicode-range: U+000-5FF;
	    src: url(https://anhaltisches-theater.de/fonts/Sporting_Grotesque-Bold_web.woff);
	}

	

	.pong-loader {
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 50%;
		height: 40px;
		width: 6px;
		background-color: transparent;
		animation: paddles 1.5s ease-out infinite;
		transform: translate3d(0, 0, 0);
	}

	.pong-loader:before {
		content: "";
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 15px;
		width: 10px;
		height: 10px;
		background-color: #000;
		border-radius: 50%;
		animation: ballbounce 1.2s ease-out infinite;
	}

	@keyframes paddles {
		0% {
			box-shadow: -25px -10px 0px #000, 25px 10px 0px #000;
		}
		50% {
			box-shadow: -25px 8px 0px #000, 25px -10px 0px #000;
		}
		100% {
			box-shadow: -25px -10px 0px #000, 25px 10px 0px #000;
		}
	}

	@keyframes ballbounce {
		0% {
			transform: translateX(-20px) scale(1, 1.2);
		}
		25% {
			transform: scale(1.2, 1);
		}
		50% {
			transform: translateX(15px) scale(1, 1.2);
		}
		75% {
			transform: scale(1.2, 1);
		}
		100% {
			transform: translateX(-20px);
		}
	}

	.fade-in {
		opacity:1;
		animation-name: fadeInOpacity;
		animation-iteration-count: 1;
		animation-timing-function: ease-in;
		animation-duration: 1s;
	}
	
	@keyframes fadeInOpacity {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	
	.fade-out {
		opacity: 0;
		animation-name: fadeOutOpacity;
		animation-iteration-count: 1;
		animation-timing-function: ease-in;
		animation-duration: 1s;
	}
	
	@keyframes fadeOutOpacity {
		0% {
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}


	.hamburger {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1001;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.15s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 3rem;
		overflow: visible;
	}

	.hamburger:hover {
		opacity: 0.7;
	}

	.hamburger.is-active:hover {
		opacity: 1;
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		background-color: #eee806;
	}

	.hamburger-box {
		width: 40px;
		height: 24px;
		display: inline-block;
		position: relative;
	}

	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px;
	}

	.hamburger-inner,
	.hamburger-inner::before,
	.hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #005d72;
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease;
	}

	.hamburger-inner::before,
	.hamburger-inner::after {
		content: "";
		display: block;
	}

	.hamburger-inner::before {
		top: -10px;
	}

	.hamburger-inner::after {
		bottom: -10px;
	}

	.hamburger--spring .hamburger-inner {
		top: 2px;
		transition: background-color 0s 0.13s linear;
	}

	.hamburger--spring .hamburger-inner::before {
		top: 10px;
		transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.hamburger--spring .hamburger-inner::after {
		top: 20px;
		transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

	.hamburger--spring.is-active .hamburger-inner {
		transition-delay: 0.22s;
		background-color: transparent !important;
	}

	.hamburger--spring.is-active .hamburger-inner::before {
		top: 0;
		transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 10px, 0) rotate(45deg);
	}

	.hamburger--spring.is-active .hamburger-inner::after {
		top: 0;
		transition: background-color 0.2s, top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
		transform: translate3d(0, 10px, 0) rotate(-45deg);
	}

	.typologo {
		position: absolute;
		z-index: 1002;
		right: 2rem;
		top: 2.5rem;
		font-family: dia;
		font-weight: 700;
		font-size: 4rem;
		line-height: .8;
		text-align: right;
	}

	@media (max-width: 50rem) {
		.typologo {
			font-size: 3.2rem;
		}
	}

	@media (max-width: 40rem) {
		.typologo {
			font-size: 2.4rem;
		}
	}

	.typologo a {
		color: #305d72;
	}

	.typologo.is-active a {
		color: #eee806;
	}

	.untertitel {
		font-family: dia;
		font-weight: 700;
		margin: 0 0 2rem 4rem;
		font-size: 2.1rem;
	}

	.untertitel p {
		line-height: 1.2;
	}

	strong,
	b {
		font-family: dia;
		font-weight: 700;
	}

	.zusaetze {
		text-align: center;
	}

	.premiere {
		font-family: dia;
		font-weight: 700;
		color: #005d72;
		min-height:65px;
	}

	.premierendatum {
		color: #000;
	}

	.preiskategorie {
		font-family: dia;
	}

	.haupttext {
		text-indent: 4rem;
	}

	.main {
		padding-top: 9rem;
	}

	@media (max-width: 40rem) {
	    .main {
	        padding-top: 4rem;
	    }
	}

	@media (max-width: 50rem) {
	    .main {
	        padding-top: 6rem;
	    }
	}

	.blocks {
	    overflow-x: hidden;
	}


	.nav {
		font-family: josefsans;
		height: 100%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		background: rgba(128, 27, 94);
		padding: 0 1rem;
		display: flex;
		z-index: 1000;
		overflow-y: auto;
	}

	.nav>div {
		margin: auto;
		width: 90%;
	}

	.nav>div>div {
		margin: 12rem 0;
	}

	.nav ul {
		list-style: none;
		margin-top: 0;
	}

	.nav .row {
		width: auto;
	}

	.nav a {
		color: #fff;
	}

	.nav a:hover {
		color: #eee806;
	}

	.nav h3 {
		color: #eee806;
		font-family: dia;
		font-weight: 700;
		margin-bottom: .8rem;
	}

	.gelbbadge {
		font-size: 1.3rem;
		font-family: josefsans;
		text-transform: uppercase;
		background: #eede00;
		font-weight: 700;
		letter-spacing: .1em;
		padding: 1px 1.65rem;
	}
	.gelbbadgewrap {
		padding:1rem;
	}
	.stuecklink {
		font-family: noe;
		font-weight: 700;
		font-size: 3.5rem;
		line-height: 1;
	}

	.suchergebnisse {
	    list-style-type: none;
	}
	.suchergebnisse li {
	    padding-left: 0;
	    margin: 0;
	    font-family: josefsans;
	    font-size: 1.2rem;
	}

	@media (max-width: 40rem) {
	    .stuecklink {
	        font-size: 2.6rem;
	    }

	}

	.nfrei {
	    opacity:.15;
	}
	.keinlink {
		font-family: noe;
		font-weight: 700;
		font-size: 3.5rem;
		line-height: 1;
	}

	.karten,
	.restkarten {
		height: 3rem;
		line-height: 3rem;
		background: #00b4c6;
		border: none;
	}
	.versteckt, .hidden, .verborgen {
	    display: none !important;
	    height:0;
	}
	.editwrap {
		position: fixed;
		right: 1rem;
		top: 1rem;
		overflow: scroll;
		height: 100%;
		z-index: 1002;
		width: 37%;
	    background: #fff;
	}

	.editwrapunten {
		border-top: 1px solid #aaa;
		padding: 1rem 3rem;
		position: fixed;
		bottom: 0;
		left: 0;
		overflow: scroll;
		height: 33%;
		z-index: 998;
		width: 100%;
	}

	.editinner,
	.editwrapunten {
		background: #fff;
	}
	.editunteninner {
	    height:100%;
	}
	#ta {
	    height: calc(100% - 5rem);
	}
	.mitwirkende {
		margin-bottom: .5rem;
		line-height: 1.2;
		font-family: dia;
		font-weight: 700;
	}
    .mitwirkende p { margin-bottom:1rem;}
    .ersterolle { margin-top:3rem;}


	.text {
		font-size: 1.8rem;
	    line-height: 1.4;
	}

	.text a:focus,
	.text a:hover,
	.mitwirkende a:focus,
	.mitwirkende a:hover {
		box-shadow: inset 0 -2px 0 0 rgba(128, 27, 94);
	}

	.text a,
	.mitwirkende a {
		box-shadow: inset 0 -2px 0 0 #000
	}

	.text p,
	.textvormtext p {
		line-height: 1.4;
	}

	.block {
		padding: 1rem;
		text-align: center;
		box-sizing: border-box;
		background: #fff;
	}

	.block img {
		display: block;
	}

	.block p:last-child {
		margin: 0;
	}

	.block h3 {
		color: #305d72;
		font-weight: 700;
		font-family: noe;
		letter-spacing: .02rem
	}

	.dias { 
	    background: #000;
	}

	.overlay { 
	    position: absolute;
	    left:0;
	    top: 0;
	    bottom:0;
	    right:0;
	    background: rgba(0,0,0,.5);
	    display: flex; 
	    align-items: center; 
	    justify-content: center; 
	}

	.overlay .attribut {
	    color:#000;
	    font-size:1.4rem;
		font-family: josefsans;
		text-transform: uppercase;
		background: #eede00;
		font-weight: 700;
		letter-spacing: .1em;
		padding: .2rem 1rem;

	}
	.overlay .termin {
	    color:#fff;
	    font-family: josefsans;
	    font-weight: 700;
	}

	.overlay h2 {
	    color:#fff !important;
	    font-family:noe !important; 
	    font-weight: 900 !important;
	    font-size:4vw !important;
	    margin:1rem 0 0 0 !important;
	    line-height:1 !important;
	    letter-spacing:.1rem !important
	}

	.overlay a {
	    color: #fff !important;
	}

	.overlay p {
	    font-family: josefsans;
	    font-weight:700;
	}

	.overlay .termin {
	    font-size: 1.9rem;
	}
	.drop {
		background: #eee;
		width: 100%;
		height: 30px;
		border: 4px dotted #aaa;
	}


	.tedit { 
	    width:90%;
	    position:absolute;
	    top:100%;
	    background:#f8f8f8;
	    margin-left:5%;
	    z-index:2;
	    padding:1rem;
	}

	@media (max-width: 60rem) {

	}

	@media (max-width: 60rem) {

	    .row .monat {
	        font-size: 4rem;
	        text-align: center;
	    }
	    .row .column.terminspalte {
	        border: none;
	        flex: 0 0 90%;
	        max-width: 90%;
	        margin-left: 5%; 
	        padding:1.5rem 0 !important;
	    }

	    .row .column.terminspalte.abo {
	        border-bottom:1px solid #000;
	    }

	    .termintitel {
			text-align:center;
	    }
		.terminzeile:last-child .terminspalte {
			border-bottom: none;
		}
		.zusatz {
			position: static !important;
			margin-bottom: 1rem;
		}
	    .einfuehrung {
			position: static !important;
	        margin-top:1rem;
	    }
	}


	.tagdaten,
	.abo {
		text-align: center;
		padding: 2.4rem 0;
		justify-content: center;
	}

	.kurzmonat {
		margin: 0;
		text-transform: uppercase;
		font-size: 1rem;
		line-height: 1;
	}

	.taginziffern {
		font-family: noe;
		font-weight: 700;
		font-size: 3.5rem;
		line-height: 1;
		margin: 0;
	}
	.woende {
		background: rgba(128, 27, 94, .05);
	}
	.uhrzeit {
		margin-bottom: 0;
	}

	.zusatz {
		line-height: 1.3rem;
		position: absolute;
		top: 3.5px;
	}
	.zusatz.corona > span {
		background: #eee;
		color: #aaa;
	}

	.zusatz > span {
		font-family: josefsans;
		text-transform: uppercase;
		background: #eede00;
		color: #00b4c6;
		font-size: 1.2rem;
		font-weight: 700;
		letter-spacing: .1em;
		padding: .25rem .4rem;
	}

	.einfuehrung {
		line-height: 1.3rem;
		position: absolute;
		bottom: 4px;
		font-family: josefsans;
		font-size: 1.3rem;
	}

	.ut {
		font-size: 1.6rem;
		font-style: italic;
		font-family: noe;
		margin: 0;
	}

	.uebersicht h2 {
		font-size: 4.5rem;
		font-family: dia;
		font-weight: 700;
		margin-bottom: 3rem
	}

	.uebersicht h3 {
		font-size: 2.3rem;
		margin-bottom: 1rem;
		margin-top: 3rem;
	}

	.uebersicht h3 a {
		font-size: 3.4rem;
		color: #005d72;
	}

	.uebersicht h4 {
		color: #000;
		font-family: dia;
		font-weight: 700;
		margin: 0 0 2rem 4rem;
		font-size: 1.8rem;
		line-height: 1.2;
	}

	.spieltermin {
		font-family: dia;
		font-size: 1.8rem;
		font-weight: 700;
		margin-bottom: .5rem;
	}

	.startseitentermin .utitel {
		color: #00b4c6;
		font-family: academica, serif;
		color: #000;
		font-size: .8em;
		font-weight: normal;
	}

	.startseitentermin a.karten {
		font-size: .7em !important;
	}

	.startseitentermin a {
		color: #00b4c6;
		font-family: noe;
	}

	.heutedatum {
		font-family: josefsans, sans-serif;
		color: #000;
		font-size: .7em;
		font-weight: normal;
	}

	.datumsleiste {
		margin: 0 2rem;
		font-size: 1.6rem;
		font-family: josefsans, sans-serif;
		color: #000;
		font-weight: normal;
		height: 2rem;
	}

	.datumsleistentermine {
		white-space: nowrap;
		overflow-x: hidden;
	}

	.datumsleistewrap {
		position: relative;
	    padding-bottom: .4rem;
	    border-bottom: 1px solid #000;
	}

	.datumsleistentag {
		cursor: pointer;
		padding: 0 .2rem;
		border-radius: 3px;
	}

	.datumsleistentag:hover {
		background: #ebdb00;
		color: #fff;
	}

	.pfeill {
		text-align:center;
		left: 0;
	    width:1.5rem;

	}

	.pfeilr {
		text-align:center;
		right: 0;
	     width:1.5rem;
	}

	.pfeilr,
	.pfeill {
		position: absolute;
	    top: 0;
		font-weight: 700;
		color: #000;
		font-family: josefsans;
		font-size: 1.6rem;
		line-height: 1.1em;
		cursor: pointer;
	}


	.besetzt {
		margin-top: 2rem;
	}

	.bandfenster {
		position: relative;
		margin: 5rem auto;
		background:#fff;	
		height: 418px;
		width:100vw;
	}

	.redborder {
	    border: 1px solid red !important;
	}
	.band {
		white-space: nowrap;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		overflow-y: hidden;
	}

	.bandbild {
		display: inline-block;
		scroll-snap-align: center;
		margin-right: 4px;
	}
	.bandbild img {
		height: 100%;
	}
	@media (max-width: 600px) {
	    .bandfenster, .bandbild img  {
	        height: 218px;
	}}

	.pfeil {
		position: absolute;
		top: 50%;
		margin-top:-1rem;
	}
	.pfeil svg {
		width: 3rem;
		height: 3rem;
	}
	.pfeillinks {
		left:2rem;
	}
	.pfeilrechts {
		right:2rem;
	}

	.grossesbandfenster {
		position: relative;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
	}

	.grossesbandfenster::-webkit-scrollbar {
		display: none;
	}

	.grossesbandfenster img {
		margin-right: 8px;
	}

	.grossesband {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: flex;
		overflow-x: scroll;
		background: rgba(255, 255, 255, .99);
		overflow-y: hidden;
		-ms-scroll-snap-type: x mandatory;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		z-index: 990;
	}

	.grossesbandbild {
		min-width: 100%;
		height: 100%;
		scroll-snap-align: center;
		align-items: center;
		justify-content: center;
		display: flex;
	}

	.grossesband img {
		max-height: 100%;
		max-width: 100vw;
		margin: 0 1px;
		align-self: center;
	}

	.portrait {
		float: left;
		background: #fff;
		width: 215px;
		height: 176px;
		position: relative;
		margin: 0 10px 10px 0;
		overflow: hidden;
	}

	.portrait img {
		width: 215px;
		max-width: none;
	}

	.portrait a {
		color: #fff;
	}

	.portrait .name {
		position: absolute;
		left: 4px;
		bottom: 4px;
		background: #00b4cb;
		font-size: 13px;
		line-height: 1.2em;
		margin: 0;
		padding: 0 4px;
		font-family: josefsans, sans-serif;
		font-style: normal;
	}

	.step_left,
	.step_right {
		position: fixed;
		top: 50%;
		margin-top: -1vw;
		cursor: pointer;
		z-index: 991
	}

	.step_left {
		left: 1vw;
	}

	.step_right {
		right: 1vw;
	}

	.x {
		position: fixed;
		right: 1vw;
		top: 1vw;
		cursor: pointer;
		z-index: 992;
	}

	.monatssprung {
	    position:fixed; 
	    left:2.3rem; 
	    top:0; 
	    bottom:0;
	    display:flex;
	    z-index:2;
	}

	.monatssprung ul {
	    font-family:dia;
	    list-style-type:none; 
	    margin:auto 0; 
	    border:2px solid #005d72;
	    border-width: 2px;
	    border-radius:2px;
	    padding:.3rem;
		text-align:center;
	}

	.monatssprung ul li { 
	    margin:0;
	    cursor:pointer; 
	}

	@media (max-width: 600px) {
	    .monatssprunglinksgross {
	        display: none;
	    }
	}

	@media (min-width: 600px) {
	    .monatssprunglinksklein {
	        display: none;
	    }
	}

	@supports (scroll-snap-align: start) {
		/* modern scroll snap points */
		.scroll {
			scroll-snap-type: x mandatory;
		}
		.scroll-item-outer {
			scroll-snap-align: center;
		}
	}

	@supports not (scroll-snap-align: start) {
		/* old scroll snap points spec */
		.scroll {
			-webkit-scroll-snap-type: mandatory;
			scroll-snap-type: mandatory;
			-webkit-scroll-snap-destination: 0% center;
			scroll-snap-destination: 0% center;
			-webkit-scroll-snap-points-x: repeat(100%);
			scroll-snap-points-x: repeat(100%);
		}
		.scroll-item-outer {
			scroll-snap-coordinate: 0 0;
		}
	}
    
    .suchs {
    	position: relative;
    	top:10px;
    	right:0px;
    	min-height: 50px;
    	width: 300px;
    }


    .suche {
    	position: absolute;
    	right:0;
    	box-sizing: border-box;
    	width: 30px !important;
    	height: 30px !important;
    	border: 3px solid #305d72 !important;
    	border-radius: 15px !important;
    	background-color: transparent !important;
    	color: #305d72;
    	font-size: 16px;
    	outline: 0;
    }

    .suchbutton {
    	background-color: transparent !important;
    	position: absolute;
    	top: 0px;
    	right: 0;
    	height: 30px;
    	width: 30px;
    	padding: 0;
    	border-radius: 100%;
    	outline: 0;
    	border: 0;
    	color: inherit;
    	cursor: pointer;
    }

    .suchbutton:before {
    	content: "";
    	position: absolute;
    	width: 12px;
    	height: 3px;
    	background-color: #305d72;
    	transform: rotate(45deg);
    	margin-top: 15px;
    	margin-left: 8px;
    }

    .schliessen {
    	transition: 0.1s ease-in-out;
    	transition-delay: 0.1s;
    }

    .schliessen:before {
    	content: "";
    	position: absolute;
    	width: 20px;
    	height: 3px;
    	margin-top: -2px;
    	margin-left: -15px;
    	background-color: #305d72;
    	transform: rotate(45deg);
    }

    .schliessen:after {
    	content: "";
    	position: absolute;
    	width: 20px;
    	height: 3px;
    	background-color: #305d72;
    	margin-top: -2px;
    	margin-left: -15px;
    	cursor: pointer;
    	transform: rotate(-45deg);
    }

    .suchfeld {
        position: absolute;
    	right:0;
    	box-sizing: border-box;
    	padding: 0 40px 0 10px;
    	width: 300px  !important;
    	height: 30px !important;
    	border: none !important;
    	border-radius: 15px;
    	background-color: #e6e6e6 !important;
    	color: #305d72;
    	font-size: 16px;
    	font-weight: 400;
    	outline: 0;
    }
    .suchergebnisse {
        width:300px;
        padding:44px 10px 10px 10px;
        background: rgba(255,255,255,.95);
        top:36px;
        right:0;
        text-align:left;
        border-radius:15px;
        line-height:1.1;
    }
    .suchergebnisse li{
        margin-bottom:6px;
    }
    .suchergebnisse a {
        font-size:16px;
        text-shadow: 0 0 1px rgba(255,255,255,1);
}
    .versteckt {display:none;}
    
    b.zeigs { font-weight:300 !important;}
    b.zeigs .versteckt { display:inline !important; font-weight:300 !important;}
    
    .zusatzfuerstueckseite {display:inline; margin:0;font-weight:500 !important; text-transform:uppercase; font-size:.95em;letter-spacing:.2rem;}
    .terminstueckseite {
        flex: 1 1 340px !important;
        max-width: 340px !important;
    }
    .kartenbutton {     flex: 1 1 140px !important;
        max-width: 140px !important;
        margin-top:5px;
    }
    
    .zweigoderdreig {     flex: 1 1 40px !important;
        max-width: 40px !important;
        margin-top:5px;
    }
    
	.popup {
		position: absolute; z-index: 10000; left: 0px; right: 0px; bottom: 0px; top: 0px; overflow-x: hidden; overflow-y: scroll; display: flex;
	}
	.popup p {}
	.popup > div {
		width:70%; position: relative; margin: auto;
	}
	.popupwrap { position:fixed; background: rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0; bottom:0; right:0;z-index: 9999; }
	.popupx {
		font-family: arial, sans-serif; position: absolute; right: .4rem; top: 0px; font-size: 6rem; line-height: 0.7; color: rgb(0, 0, 0); cursor: pointer;
	}
	.popupinner {
		padding: 4rem; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; 
	}
	.popupinner h3 {}
	.popupinner p {
		font-size: 1.8rem !important; line-height: 1.2; 
	}
	@media (max-width: 550px) {
		.popup > div {width:95%;}
		.popupinner { padding:1.5rem;}
	}
	
	[style*="--aspect-ratio"] { position: relative; }
	[style*="--aspect-ratio"]::before { content: ""; display: block; padding-bottom: calc(100% / (var(--aspect-ratio))); }  
	[style*="--aspect-ratio"] > :first-child { position: absolute; top: 0; left: 0; height: 100%;}  

	.adventskalender {
		
			padding:14rem 2rem 2rem 2rem;
			display: grid;
	        grid-gap:2rem;
	        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		    background: url(https://anhaltisches-theater.de/img/Anhaltisches_Theater_Dessau_c_ClaudiaHeysel_2757.jpg);
		    background-repeat: no-repeat;
		    background-size: cover;
			background-position:center center;
			justify-content: center;
			align-content: center;
			width:100%;
			position:absolute;
			top:0;
			left:0;
		
	    }
	@media only screen and (min-width: 1200px) {
			.adventskalender {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));}
		}
	@media only screen and (min-width: 1600px) {
			.adventskalender {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));}
		}
		.adventskalender-brick::before {
		  content: "";
		  display: inline-block;
		  width: 1px;
		  height: 0;
		  padding-bottom: 60.5%;
	  }

	    .adventskalender-brick {
	        width: 100%;
			color: #2f3640;
	        transition: opacity .25s ease-in-out;
			display: flex;
			border-top:1px solid rgba(0,0,0,.6);
			border-left:1px dashed rgba(0,0,0,.6);
			border-right:1px solid rgba(0,0,0,.6);
			border-bottom:1px solid rgba(0,0,0,.6);
			align-items: center;
			justify-content: center;
			box-shadow: 1px 0px 3px rgba(0,0,0,.3);
	    }
		.adventskalender-brick b {
		    background: rgba(255,255,255,.2);
		    border-radius: 1.5rem;
		    color: #000;
		    display: inline-block;
		    font-weight: bold;
		    line-height: 3rem;
		    margin-right: 5px;
		    text-align: center;
		    width: 3rem; 
			font-family:arial;
			border:1px solid rgba(0,0,0,.6);
		
		}
    
		.schaurein_21 h1 p, .schaurein_21 h2, .schaurein_21 h3 { color: rgb(0,174,169); font-family: sporting !important; font-weight:700;}
		.schaurein_21 p {font-family: josefsans; font-weight:700 !important;}
		.schaurein_21 p em {font-family: josefsans; font-weight:500 !important;}
		.schaurein_21 h3 { font-size:2.8rem;}
		.schaurein_21 h3 a { box-shadow: inset 0 -.35em white, inset 0 -.45em #000; color: rgb(0,174,169); font-size:2.8rem;}
		.schaurein_21 h3 a:hover { box-shadow: inset 0 -.35em white, inset 0 -.45em #eee; color: rgb(0,174,169); }
		
		
		.zweig, .dreig, .nullg
			{
		background: #9dd4cc;
		padding: .25rem .45rem;
		font-size: 1.3rem;
		font-family:josefsans;
		cursor: pointer;
		}
		.zweig {background: rgb(255, 143, 0);}
		.nullg {background: #ccc;}
		
		.besetztzusatz { font-family:dia; font-weight:300;}
	
.block.svelte-1koahp8 h3.svelte-1koahp8{padding:2rem 2rem 1rem 2rem;color:#000}.block.svelte-1koahp8 p.svelte-1koahp8{line-height:1.2}