@charset "UTF-8";

/********** Programm – Filmreihe **********/

#programm div.filmreihe {
	position: relative;
}



/********** Programm – Film/Special innerhalb Filmreihe **********/

#programm div.film + div.filmreihe,
#programm div.special + div.filmreihe {
	border-top: 2px solid rgb(var(--farbe_2));
	padding: 25px 0px 0px 0px;
	margin: 15px 0px 0px 0px!important;
}

#programm div.titelblock.filmreihe {
	padding: 0px 0px 5px 0px;
}
/*
#programm div.titelblock.filmreihe h4.genre {
}
#programm div.titelblock.filmreihe h4.uebertitel_klein {
}
*/
#programm div.titelblock.filmreihe h3.uebertitel {
	color: rgb(var(--farbe_2));
}
#programm div.titelblock.filmreihe h2.titel {
	color: rgb(var(--farbe_2));
}
#programm div.titelblock.filmreihe h3.subtitel {
	color: rgb(var(--farbe_2));
}



/********** Filmreihe Einleitung **********/

#programm div.filmreihe div.text.einleitung {
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*
	padding: 25px 0px 0px 0px;
	border-top: 2px solid rgb(var(--farbe_2));
	*/
}

#programm div.filmreihe div.text.einleitung div.bild_rahmen {
	margin: 0px 0px 25px 0px;
}



/********** Filmreihe Termine **********/

#programm div.filmreihe div.termine {
	margin: 25px 0px 0px 0px;
}

#programm div.termine a.zeile {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
	cursor: pointer;
	color: inherit;
	text-decoration: none;
}

#programm div.termine a.zeile:hover {
	background-color: rgba(var(--farbe_1), 0.15)!important;
}

#programm div.filmreihe div.termine div.info h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 700;
	color: rgb(var(--farbe_1));
}
#programm div.filmreihe div.termine div.info span.omu {
	font-size: 14px;
	line-height: 14px;
}



/********** Filmreihe Filmliste **********/

div.filmreihe div.filme {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*
	border-bottom: 2px solid rgb(var(--farbe_2));
	*/
}

div.filmreihe div.filme div.liste {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	margin: 0px 0px -2px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid rgb(var(--farbe_2));
}
@media screen and (max-width: 450px) {
	div.filmreihe div.filme div.liste {
		grid-column-gap: 20px;
	}
}

div.filmreihe div.filme div.eintrag {
	position: relative;
	padding: 30px 0px 24px 0px;
	margin: -2px 0px 0px 0px;
	border-top: 2px solid rgb(var(--farbe_2));
	border-bottom: 2px solid rgb(var(--farbe_2));
}
@media screen and (max-width: 540px), (min-width: 851px) and (max-width: 1024px) {
	div.filmreihe div.filme div.eintrag {
		padding: 20px 0px 15px 0px;
	}
}
@media screen and (min-width: 541px) and (max-width: 850px), (min-width: 1025px) {
	div.filmreihe div.filme div.eintrag {
		padding: 30px 0px 24px 0px;
	}
}

div.filmreihe div.filme div.eintrag a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	color: rgb(var(--farbe_2));
}

div.filmreihe div.filme div.eintrag div.flaeche {
	position: absolute;
	z-index: 0;
	top: -6px;
	left: -6px;
	width: calc(100% + 12px);
	height: calc(100% + 9px);
	background-color: rgba(var(--farbe_1), 0);
	transition: background-color 0.15s;
	pointer-events: none;
}
div.filmreihe div.filme div.eintrag a:hover div.flaeche {
	background-color: rgba(var(--farbe_1), 0.12)!important;
	pointer-events: initial!important;
}


div.filmreihe div.filme div.bild_fix_rahmen {
	position: relative;
	z-index: 1;
	line-height: 0px;
	padding: 56% 0px 0px 0px;
	margin: 0px;
}
div.filmreihe div.filme div.bild_fix_rahmen div.bild {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	line-height: 0px;
	overflow: hidden;
	background-color: rgb(255, 255, 255);
}
div.filmreihe div.filme div.bild_fix_rahmen div.bild img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	transition: filter 0.15s;
	mix-blend-mode: multiply;
}
div.filmreihe div.filme div.bild_fix_rahmen div.bild div.bild_hintergrund {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(var(--farbe_1), 0);
	transition: background-color 0.15s;
}
div.filmreihe div.filme a:hover div.bild_fix_rahmen div.bild div.bild_hintergrund {
	background-color: rgba(var(--farbe_1), 0.04);
}

/*
div.filmreihe div.filme div.bild_fix_rahmen div.bild::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: rgba(var(--farbe_2), 1);
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen;
	opacity: 0;
	transition: opacity 0.15s;
}
div.filmreihe div.filme div.eintrag a:hover div.bild_fix_rahmen div.bild::before {
	opacity: 1;
}
div.filmreihe div.filme div.eintrag a:hover div.bild_fix_rahmen div.bild img {
	filter: saturate(0) brightness(1.15);
}
*/

div.filmreihe div.filme div.bild_fix_rahmen div.bild_credits {
	display: none;
}
div.filmreihe div.filme div.eintrag a:hover div.bild_credits {
	opacity: 0;
}

div.filmreihe div.filme div.infos {
	position: relative;
	z-index: 1;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.filmreihe div.filme div.info_extra_1,
div.filmreihe div.filme div.genre {
	font-family: "Archivo_Condensed", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: rgb(var(--farbe_2));
}
div.filmreihe div.filme div.haupttitel,
div.filmreihe div.filme h4 {
	font-family: "Archivo", sans-serif;
	font-weight: 700;
	font-style: normal;
	margin: 1px 0px 0px -1px;
}
div.filmreihe div.filme h4 {
	color: rgb(var(--farbe_1));
}
div.filmreihe div.filme h4 {
	color: rgb(var(--farbe_1));
}
div.filmreihe div.info_text p.preview,
div.filmreihe div.info_text div.preview {
	display: none!important;
}
div.filmreihe div.filme div.uebertitel,
div.filmreihe div.filme div.subtitel {
	font-family: "Archivo", sans-serif;
	font-weight: 500;
	font-style: normal;
	color: rgb(var(--farbe_1));
	margin: 1px 0px 0px -1px;
}
div.filmreihe div.filme div.uebertitel_klein,
div.filmreihe div.filme div.subtitel_klein {
	font-family: "Archivo", sans-serif;
	font-weight: 600;
	font-style: normal;
	color: rgb(var(--farbe_2));
}
/*
div.filmreihe div.filme span.omu {
}
*/
@media screen and (max-width: 540px), (min-width: 851px) and (max-width: 1024px) {
	div.filmreihe div.filme div.info_extra_1,
	div.filmreihe div.filme div.genre {
		font-size: 13px;
		line-height: 17px;
	}
	div.filmreihe div.filme div.haupttitel,
	div.filmreihe div.filme h4,
	div.filmreihe div.filme div.uebertitel,
	div.filmreihe div.filme div.subtitel {
		font-size: 18px;
		line-height: 21px;
	}
	div.filmreihe div.filme span.omu {
		font-size: 14px;
		line-height: 14px;
	}
	div.filmreihe div.filme div.uebertitel_klein,
	div.filmreihe div.filme div.subtitel_klein {
		font-size: 14px;
		line-height: 17px;
		margin: 2px 0 0 0;
	}
}
@media screen and (min-width: 541px) and (max-width: 850px), (min-width: 1025px) {
	div.filmreihe div.filme div.info_extra_1,
	div.filmreihe div.filme div.genre {
		font-size: 16px;
		line-height: 20px;
	}
	div.filmreihe div.filme div.haupttitel,
	div.filmreihe div.filme h4,
	div.filmreihe div.filme div.preview,
	div.filmreihe div.filme div.uebertitel,
	div.filmreihe div.filme div.subtitel {
		font-size: 22px;
		line-height: 26px;
	}
	div.filmreihe div.filme span.omu {
		font-size: 14px;
		line-height: 14px;
	}
	div.filmreihe div.filme div.uebertitel_klein,
	div.filmreihe div.filme div.subtitel_klein {
		font-size: 18px;
		line-height: 22px;
		margin: 3px 0 0 0;
	}
}