@charset "UTF-8";

/********** Aufbau [ö] **********/

html,
body {
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	scroll-behavior: smooth;
	*/
}

body {
	overflow-x: hidden;
	overflow-y: auto;
	/*
	background-color: #FFFF55;
	*/
}
body.lock_screen {
	overflow-y: hidden!important;
	touch-action: none;
	-webkit-overflow-scrolling: none;
	overscroll-behavior: none;
}
body.lock_screen::-webkit-scrollbar {
	display: none;
}

* {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	/* Ziffern:
	font-variant-numeric: lining-nums;
	-webkit-font-feature-settings: "lnum" 1;
	-moz-font-feature-settings: "lnum" 1;
	font-feature-settings: "lnum" 1;
	*/
	/* Stylistic alternates:
	-webkit-font-feature-settings: "salt";
	-moz-font-feature-settings: "salt";
	font-feature-settings: "salt";
	*/
	/* Stylistic sets (subsets):
	-webkit-font-feature-settings: "ss01";
	-moz-font-feature-settings: "ss01";
	font-feature-settings: "ss01";
	*/
	/*
	font-variant-alternates: character-variant();
	*/
	/* Trennung:
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	*/
	/*
	hyphenate-before: 3;
	hyphenate-after: 3;
	hyphenate-lines: 2;
	hyphenate-limit-lines: 2;
	*/
	font-kerning: none;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
*:focus {
	outline: none;
}

*.farbe_1 {
	color: rgb(var(--farbe_1))!important;
}
*.farbe_2 {
	color: rgb(var(--farbe_2))!important;
}

*.nobr {
	hyphens: none!important;
	white-space: nowrap!important;
}
*.avoidbr {
	display: inline-block!important;
}

*.hidden {
	display: none!important;
}

*.normal {
	font-weight: 400!important;
}

*.condensed {
	font-family: "Archivo_Condensed", sans-serif!important;
}



/********** Rahmen **********/

#rahmen_aussen {
	position: relative;
}
#rahmen_innen {
	position: relative;
	mix-blend-mode: multiply;
}

@media screen and (max-width: 450px) {
	#rahmen_aussen {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width: 451px) and (max-width: 540px) {
	#rahmen_aussen {
		padding-left: 25px;
		padding-right: 25px;
	}
}
@media screen and (min-width: 541px) and (max-width: 650px) {
	#rahmen_aussen {
		padding-left: 8%;
		padding-right: 8%;
	}
}
@media screen and (min-width: 651px) and (max-width: 850px) {
	#rahmen_aussen {
		padding-left: 8%;
		padding-right: 8%;
	}
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
	#rahmen_aussen {
		padding-left: 45px;
		padding-right: 45px;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
	#rahmen_aussen {
		padding-left: 5%;
		padding-right: 5%;
	}
}
@media screen and (min-width: 1201px) and (max-width: 1370px) {
	#rahmen_aussen {
		padding-left: 10%;
		padding-right: 10%;
	}
}
@media screen and (min-width: 1371px) {
	#rahmen_aussen {
		width: 1094px;
		left: 50%;
		margin-left: -547px;
	}
}



/********** Titel **********/

#titel_zeile {
	position: relative;
	display: grid;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
}
@media screen and (max-width: 450px) {
	#titel_zeile {
		margin: 15px 0px 0px 0px;
	}
}
@media screen and (min-width: 451px) and (max-width: 540px) {
	#titel_zeile {
		margin: 20px 0px 0px 0px;
	}
}
@media screen and (min-width: 540px) and (max-width: 850px) {
	#titel_zeile {
		margin: 25px 0px 0px 0px;
	}
}
@media screen and (max-width: 850px) {
	#titel_zeile {
		grid-template-columns: 1fr;
		grid-row-gap: 0px;
	}
}
@media screen and (min-width: 851px) {
	#titel_zeile {
		margin: 30px 0px 0px 0px;
	}
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
	#titel_zeile {
		grid-template-columns: 300px 1fr;
		grid-column-gap: 30px;
	}
}
@media screen and (min-width: 1025px){
	#titel_zeile {
		grid-template-columns: 1fr 2fr;
		grid-column-gap: 30px;
	}
}

#titel {
	position: relative;
}
#titel h1 {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: rgb(var(--farbe_1));
	cursor: pointer;
	/*
	transition: background-color 0.15s;
	*/
}
#titel h1:hover {
	background-color: rgb(var(--farbe_2))!important;
}
@media screen and (max-width: 540px) {
	#titel h1 {
		width: 129px;
		height: 68px;
		margin: 0px 0px -1px -5px;
		-webkit-mask-image: url("../bilder/_aufbau/Logo_Lichtblick_Kino_mobil.svg");
		mask-image: url("../bilder/_aufbau/Logo_Lichtblick_Kino_mobil.svg");
	}
}
@media screen and (min-width: 541px) {
	#titel h1 {
		width: 176px;
		height: 91px;
		-webkit-mask-image: url("../bilder/_aufbau/Logo_Lichtblick_Kino.svg");
		mask-image: url("../bilder/_aufbau/Logo_Lichtblick_Kino.svg");
	}
}
@media screen and (min-width: 541px) and (max-width: 850px) {
	#titel h1 {
		margin: 0px 0px -1px -5px;
	}
}
@media screen and (min-width: 851px) {
	#titel h1 {
		margin: 0px 0px -1px -30px;
	}
}
/* nur für Nicht-Touch-Geräte: */
/*
@media (hover: hover) {
	#titel h1:hover {
		background-color: rgb(var(--farbe_2))!important;
	}
}
*/
/* nur für Touch-Geräte */
/*
@media (hover: none) and (pointer: coarse) {
	#titel h1:hover {
		background-color: rgb(var(--farbe_2))!important;
	}
}
*/
#titel h1 span {
	display: none;
}



/********** Titel-Infos **********/

#titel_infos {
	position: relative;
}
#titel_infos div.infos {
	position: relative;
}
#titel_infos div.infos h2,
#titel_infos div.infos p {
	position: relative;
	margin: 0px 0px 0px 0px;
	font-family: "Archivo", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: rgb(var(--farbe_2));
}
@media screen and (max-width: 350px) {
	#titel_infos div.infos h2,
	#titel_infos div.infos p {
		font-family: "Archivo_SemiCondensed", sans-serif!important;
	}
}
@media screen and (min-width: 851px) and (max-width: 900px) {
	#titel_infos div.infos h2,
	#titel_infos div.infos p {
		font-family: "Archivo_SemiCondensed", sans-serif!important;
	}
}
#titel_infos div.infos p a {
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}
#titel_infos div.infos p a:hover {
	color: rgb(var(--farbe_1));
}
@media screen and (max-width: 850px) {
	#titel_infos {
		margin: 20px 0px -4px 0px;
		padding: 13px 0px 0px 0px;
		border-top: 2px solid rgb(var(--farbe_2));
	}
	body.inhalt.programm #titel_infos {
		display: none!important;
	}
}
@media screen and (min-width: 851px) {
	#titel_infos {
		margin: 0px 0px 0px 10px;
	}
	#titel_infos {
		height: 90px;
	}
	#titel_infos div.infos {
		position: absolute;
		display: block;
		width: 100%;
		left: 0px;
		bottom: -4px;
	}
}



/********** Titel-Infos – Buttons Social-Media + Newsletter + Gutscheine **********/

/*
#titel_infos_sm {
}
*/
@media screen and (max-width: 550px) {
	#titel_infos_sm {
		position: relative;
		margin: 2px 0px 0px 0px;
		padding: 0px 0px 4px 0px;
	}
}
@media screen and (min-width: 551px) {
	#titel_infos_sm {
		position: absolute;
		right: 0px;
		bottom: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 4px 0px;
	}
}
#titel_infos_sm div {
	position: relative;
	display: inline-block;
}
/*
#titel_infos_sm div + div {
}
*/
#titel_infos_sm a {
	position: relative;
	display: inline-block;
}
@media screen and (max-width: 550px) {
	#titel_infos_sm div + div {
		margin-left: 20px;
	}
	#titel_infos_sm a {
		width: 20px;
		height: 20px;
	}
	#titel_infos_sm a.gutscheine {
		height: 27px!important;
	}
}
@media screen and (min-width: 551px) {
	#titel_infos_sm div + div {
		margin-left: 20px;
	}
	#titel_infos_sm a {
		width: 22px;
		height: 22px;
	}
	#titel_infos_sm a.gutscheine {
		height: 28px!important;
	}
}
@media screen and (min-width: 851px) and (max-width: 900px) {
	#titel_infos_sm div + div {
		margin-left: 17px!important;
	}
	#titel_infos_sm a {
		width: 20px!important;
		height: 20px!important;
	}
	#titel_infos_sm a.gutscheine {
		height: 27px!important;
	}
}

#titel_infos_sm a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgb(var(--farbe_2));
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: bottom;
	mask-position: bottom;
}
#titel_infos_sm a:hover::before {
	background-color: rgb(var(--farbe_1));
}
#titel_infos_sm a.fb::before {
	-webkit-mask-image: url("../bilder/_aufbau/Logo_fab.svg");
	mask-image: url("../bilder/_aufbau/Logo_fab.svg");
}
#titel_infos_sm a.insta::before {
	-webkit-mask-image: url("../bilder/_aufbau/Logo_insta.svg");
	mask-image: url("../bilder/_aufbau/Logo_insta.svg");
}
#titel_infos_sm a.gutscheine::before {
	-webkit-mask-image: url("../bilder/_aufbau/Logo_Gutschein.svg");
	mask-image: url("../bilder/_aufbau/Logo_Gutschein.svg");
}
#titel_infos_sm a.newsletter::before {
	-webkit-mask-image: url("../bilder/_aufbau/Logo_Newsletter.svg");
	mask-image: url("../bilder/_aufbau/Logo_Newsletter.svg");
}
#titel_infos_sm a span {
	display: none;
}



/********** Inhalt Grid **********/

#inhalt_grid {
	position: relative;
	display: grid;
	margin: 30px 0px 0px 0px;
}
@media screen and (max-width: 850px) {
	#inhalt_grid {
		grid-template-columns: 1fr;
		grid-row-gap: 0px;
		margin: 30px 0px 0px 0px;
	}
	body.inhalt.programm #inhalt_grid {
		margin: 20px 0px 0px 0px!important;
	}
}
@media screen and (min-width: 851px) {
	#inhalt_grid {
		margin: 30px 0px 0px 0px;
	}
}
@media screen and (min-width: 851px) and (max-width: 1024px) {
	#inhalt_grid {
		grid-template-columns: 300px 1fr;
		grid-column-gap: 30px;
	}
}
@media screen and (min-width: 1025px){
	#inhalt_grid {
		grid-template-columns: 1fr 2fr;
		grid-column-gap: 30px;
	}
}



/********** Hauptspalte und Kalender Rahmen **********/

#hauptspalte_rahmen {
	position: relative;
	padding: 0px 0px 0px 0px;
	border-bottom: 2px solid rgb(var(--farbe_2));
}

#kalender_rahmen {
	position: relative;
}
#kalender_rahmen * {
	user-select: none;
}

@media screen and (max-width: 850px) {
	/*
	#hauptspalte_rahmen {
	}
	*/
	#kalender_rahmen {
		display: contents;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}
	/***** Sonderfall: Start *****/
	body.start #hauptspalte_rahmen {
		margin-top: 0px!important;
		grid-row: 2;
	}
	body.start #kalender {
		grid-row: 1;
	}

	/***** Sonderfall: Inhalt (alle) *****/
	body.inhalt #hauptspalte_rahmen {
		grid-row: 1;
		margin-top: 0px!important;
		border-top: 2px solid rgb(var(--farbe_2));
		border-bottom: none!important;
	}
	body.inhalt #kalender {
		grid-row: 2;
	}
	body.inhalt #kalender div.kal_tag.heute {
		display: block!important;
	}
	/***** Sonderfall: Inhalt (Programmdetails) *****/
	body.inhalt.programm #kalender_rahmen {
		display: none!important;
	}
}
@media screen and (min-width: 851px) {
	#hauptspalte_rahmen {
		grid-column: 2;
		grid-row: 1;
		margin: 0px 0px 0px 10px;
		border-top: 2px solid rgb(var(--farbe_2));
	}
	#kalender_rahmen {
		grid-column: 1;
		grid-row: 1;
		border-right: 2px solid rgb(var(--farbe_2));
		padding: 0px 30px 0px 0px;
		margin: 0px -10px 0px 0px;
	}
	#kalender_rahmen::after { /* Linie unten */
		content: "";
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: calc(100% - 30px);
		height: 0px;
		border-top: 2px solid rgb(var(--farbe_2));
	}
}



/********** Tickets Link **********/

div.tickets {
	position: absolute;
	z-index: 10;
	top: 0px;
	text-align: right;
	cursor: pointer;
	color: rgb(var(--farbe_2));
	/*
	font-family: "Archivo_Condensed", sans-serif;
	font-weight: 400;
	*/
	font-family: inherit;
	font-weight: inherit;
	line-height: 20px;
	white-space: nowrap;
	-webkit-hyphens: none!important;
	-ms-hyphens: none!important;
	hyphens: none!important;
}
#kalender div.tickets {
	right: -2px;
	padding: 3px 4px 4px 4px;
}
#programm div.tickets {
	right: 0px;
	padding: 3px 0px 4px 2px;
}
#programm a.zeile div.tickets {
	/* Korrektur Links der Filmreihen-Termine */
	padding-top: 4px!important;
}

@media screen and (max-width: 540px), (min-width: 851px) and (max-width: 1024px) {
}
@media screen and (min-width: 541px) and (max-width: 850px), (min-width: 1025px) {
}

div.tickets:hover {
	color: rgb(var(--farbe_1));
}
div.tickets span {
	mix-blend-mode: multiply;
}
div.tickets::after {
	content: "";
	position: relative;
	display: inline-block;
	width: 12px;
	height: 16px;
	margin: 0px 0px -2px 6px;
	background-color: rgba(var(--farbe_2), 0.4);
	-webkit-mask-image: url("../bilder/_aufbau/tickets.svg");
	mask-image: url("../bilder/_aufbau/tickets.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	mix-blend-mode: multiply;
}
div.tickets:hover::after {
	background-color: rgba(var(--farbe_1), 1);
}
div.tickets.ausverkauft,
div.tickets.vorbei {
	cursor: default;
}
div.tickets.ausverkauft span,
div.tickets.vorbei span {
	color: rgba(var(--farbe_2), 0.4);
}
div.tickets.ausverkauft::after,
div.tickets.vorbei::after {
	background-color: rgba(var(--farbe_2), 0.2)!important;
}
div.tickets.ausverkauft::hover::after,
div.tickets.vorbei::hover::after {
	background-color: rgba(var(--farbe_2), 0.2)!important;
}



/********** Tickets Kauf **********/

#fenster_extra {
	position: fixed;
	z-index: 30;
	/* wird von JavaScript bestimmt:
	top: 0px;
	left: 0px;
	*/
	height: 0px;
	width: 0px;
	margin-left: 0px;
	background-color: rgba(255, 255, 255, 0.15);
}
#fenster_extra.open {
	transition: top 0.3s, left 0.3s, height 0.3s, width 0.3s, margin-left 0.3s, background-color 0.3s;
}
#fenster_extra.aktiv {
	background-color: rgba(255, 255, 255, 1);
	left: 50%!important;
}
/****** Breite responsive ******/
@media screen and (max-width: 600px) {
	#fenster_extra.aktiv {
		width: calc(100% - 40px)!important;
		margin-left: calc(-50% + 20px)!important;
	}
}
@media screen and (min-width: 601px) and (max-width: 825px) {
	#fenster_extra.aktiv {
		width: calc(100% - 20%)!important;
		margin-left: calc(-50% + 10%)!important;
	}
}
@media screen and (min-width: 826px) {
	#fenster_extra.aktiv {
		width: 660px!important;
		margin-left: -330px!important;
	}
}
/****** Höhe responsive ******/
@media screen and (max-width: 825px) {
	#fenster_extra.aktiv {
		top: 55px!important;
		height: calc(100% - 110px)!important;
	}
}
@media screen and (min-width: 826px) and (max-width: 1300px) {
	#fenster_extra.aktiv {
		top: 8%!important;
		height: calc(100% - 16%)!important;
	}
}
@media screen and (min-width: 1301px) {
	#fenster_extra.aktiv {
		top: 10%!important;
		height: calc(100% - 20%)!important;
	}
}
#fenster_extra.close {
	background-color: rgba(255, 255, 255, 0-15);
	transition: top 0.3s, left 0.3s, height 0.3s, width 0.3s, margin-left 0.3s, background-color 0.3s;
	transition-delay: 0.15s;
}
#fenster_extra_innen {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden!important;
}
#ticket_kauf {
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 10px;
	width: calc(100% - 20px)!important;
	height: calc(100% - 20px)!important;
}
#fenster_extra iframe {
	position: relative;
	width: 100%;
	height: 100%;
	border: none!important;
}
#fenster_extra div.aus {
	position: absolute;
	z-index: 4;
	/*
	display: none;
	*/
	top: 0px;
	right: 0px;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	margin-right: -12px;
	border-radius: 12px;
	background-image: url("../bilder/_aufbau/trailer_aus.svg");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	background-color: rgba(var(--farbe_1), 1);
	cursor: pointer;
	transform: scale(0);
	transform-origin: center;
	/*
	transition: transform 0.15s, background-size 0.15s;
	*/
	transition: transform 0.15s;
	transition-delay: 0.3s;
}
#fenster_extra div.aus:hover {
	background-color: rgba(var(--farbe_2), 1);
	/*
	background-size: 108%;
	*/
}
#fenster_extra.close div.aus {
	transition-delay: 0s!important;
}
@media screen and (max-width: 700px), (min-width: 851px) and (max-width: 1024px) {
	#fenster_extra.aktiv div.aus {
		transform: scale(1.05);
	}
}
@media screen and (min-width: 701px) and (max-width: 850px), (min-width: 1025px) {
	#fenster_extra.aktiv div.aus {
		transform: scale(1);
	}
}
#fenster_extra_flaeche {
	position: fixed;
	z-index: 29;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	/*
	background-color: rgba(var(--farbe_2), 0);
	*/
	background-color: rgba(0, 0, 0, 0);
	pointer-events: none;
	transition: background-color 0.45s;
	transition-delay: 0.15s;
}
#fenster_extra.aktiv + #fenster_extra_flaeche {
	/*
	background-color: rgba(var(--farbe_2), 0.2)!important;
	*/
	background-color: rgba(0, 0, 0, 0.3)!important;
	pointer-events: auto;
	transition-delay: 0s!important;
}



/********** Downloads **********/

#downloads {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 30px 0px;
}
#downloads,
#downloads * {
	font-family: "Archivo_Condensed", sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: rgb(var(--farbe_2));
}
@media screen and (max-width: 850px) {
	#downloads {
		grid-row: 3;
		padding: 30px 0px 30px 0px;
		border-bottom: 2px solid rgb(var(--farbe_2));
		font-family: "Archivo_SemiCondensed", sans-serif;
	}
	#downloads * {
		font-family: "Archivo_SemiCondensed", sans-serif;
	}
}
@media screen and (min-width: 851px) {
	#downloads {
		padding: 0px 0px 30px 0px;
	}
}

#downloads strong {
	font-weight: 600;
	color: inherit;
}

#downloads div.download_programm {
	margin: 0px 0px 16px 0px;
}
#downloads div.download_programm a {
	color: rgb(var(--farbe_2));
	text-decoration: underline;
	/*
	text-underline-position: under;
	text-underline-offset: -3px;
	*/
	text-underline-offset: 4px;
	text-decoration-color: rgb(var(--farbe_1));
}
@media (hover: hover) { /* nicht bei Touch-Geräten */
	#downloads div.download_programm a:hover {
		color: rgb(var(--farbe_1))!important;
	}
}
/*
#downloads div.download_programm a::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0px 5px -2px 0px;
	background-image: url("../bilder/_aufbau/pdf_icon.png");
}
*/
#downloads div.download_programm span.filesize {
	font-size: 14px;
	opacity: 0.6;
}

#downloads #newsletter {
	margin: 0px 0px 16px 0px;
	color: rgb(var(--farbe_2));
}
#downloads #gutscheine {
	margin: 0px 0px 0px 0px;
}
#downloads #newsletter a,
#downloads #gutscheine a {
	text-decoration: none;
}
@media (hover: hover) { /* nicht bei Touch-Geräten */
	#downloads #newsletter a:hover,
	#downloads #gutscheine a:hover {
		color: rgb(var(--farbe_1));
	}
}

/* (wird nur für JavaScript gebraucht):
a.gutscheine {
}
*/



/********** OmU **********/

span.omu {
	/* führt zu unschönem Umbruch bei Titeln:
	display: inline;
	*/
	display: inline-block;
	font-family: "Archivo_ExtraCondensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: rgb(var(--farbe_2));
	white-space: nowrap;
}
span.omu span {
	display: inline;
	line-height: inherit;
}



/********** OmU- und Ticket-Infos **********/

#info_omu,
#info_tickets {
	position: absolute;
	z-index: 10;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	width: 0px;
	height: auto;
	margin: 0px 0px 0px 0px;
	transition: width 0.1s;
	pointer-events: none;
	/* Vorsicht: führt zu Überblendung!
	mix-blend-mode: multiply;
	*/
}
#info_omu > div,
#info_tickets > div {
	position: relative;
	font-family: "Archivo_ExtraCondensed", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 15px;
	color: #FFF;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	white-space: nowrap;
	letter-spacing: 0.005em;
}
#info_omu > div,
#info_tickets > div.kaufen {
	background-color: rgba(var(--farbe_1), 0.8);
}
#info_tickets > div.ausverkauft {
	background-color: rgba(var(--farbe_2), 0.65);
}
#info_tickets > div.vorbei {
	background-color: rgba(var(--farbe_2), 0.65);
}
/*
@supports (-moz-appearance:none) {
*/
@-moz-document url-prefix() {
	#info_omu > div,
	#info_tickets > div {
		padding: 1px 4px 3px 4px!important;
	}
}
#info_omu > div > span,
#info_tickets > div > span {
	position: relative;
	white-space: nowrap;
}



/********** Uhrzeit **********/

span.uhrzeit {
	white-space: nowrap;
}



/********** Typo allgemein **********/

em {
	font-family: Archivo_SemiCondensed, sans-serif;
	font-style: italic;
}



/********** Fuß **********/

#fuss {
	position: relative;
}
#fuss_schluss {
	position: relative;
	display: grid;
	grid-template-columns: 150px 1fr;
	grid-column-gap: 30px;
}
@media screen and (max-width: 540px) {
	#fuss_schluss {
		padding: 0px 0px 30px 0px;
	}
	#fuss_logo {
		padding: 20px 0px 0px 0px;
	}
}
@media screen and (min-width: 541px) {
	#fuss_schluss {
		padding: 0px 0px 40px 0px;
	}
	#fuss_logo {
		padding: 15px 0px 0px 0px;
	}
}
#impressum_datenschutz {
	padding: 30px 0px 0px 0px;
	text-align: right;
}
#impressum_datenschutz,
#impressum_datenschutz * {
	text-align: right;
	font-family: "Archivo", sans-serif;
	font-family: "Archivo_SemiCondensed", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: rgb(var(--farbe_2));
}
#impressum_datenschutz a {
	text-decoration: none;
}
#impressum_datenschutz a:hover {
	color: rgb(var(--farbe_1));
}



/********** Fuß Logo **********/

div.logo {
	padding: 0px 0px 0px 0px;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	cursor: pointer;
	background-color: rgb(var(--farbe_2));
	transition: background-color 0.15s;
}
@media (hover: hover) { /* nicht bei Touch-Geräten */
	div.logo:hover {
		background-color: rgb(var(--farbe_1));
	}
}
div.logo span {
	display: none;
}

#logo_europa_cinemas {
	position: relative;
	left: 0px;
	top: 0px;
	/* altes Logo:
	-webkit-mask-image: url("../bilder/logos/Logo_Europa_Cinemas.svg");
	mask-image: url("../bilder/logos/Logo_Europa_Cinemas.svg");
	*/
	-webkit-mask-image: url("../bilder/logos/Logo_Europa_Cinemas_2022.svg");
	mask-image: url("../bilder/logos/Logo_Europa_Cinemas_2022.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
@media screen and (max-width: 540px) {
	#logo_europa_cinemas {
		/* altes Logo:
		width: 120px;
		height: 38px;
		width: 98px;
		height: 35px;
		*/
		width: 110px;
		height: 45px;
	}
}
@media screen and (min-width: 541px) {
	#logo_europa_cinemas {
		/* altes Logo:
		width: 150px;
		height: 48px;
		*/
		width: 122px;
		height: 50px;
	}
}