@charset "UTF-8";

/********** Filmliste **********/

#filmliste {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 30px 0px;
}
@media screen and (max-width: 850px) {
	#filmliste {
		padding: 25px 0px 60px 0px;
	}
}

#filmliste > h2 {
	font-family: "Archivo", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: rgb(var(--farbe_1));
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#filmliste div.block {
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*
#filmliste div.block + div.block {
	border-top: 2px solid rgb(var(--farbe_2));
}
*/

#filmliste div.block h3 {
	font-family: "Archivo", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: rgb(var(--farbe_2));
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	letter-spacing: 0.005em;
}
#filmliste div.block div.liste {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Archivo", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	color: rgb(var(--farbe_2));
	border-top: 1px solid rgb(var(--farbe_1));
	/*
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 30px;
	*/
}
#filmliste div.block div.eintrag {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid rgb(var(--farbe_1));
}

#filmliste div.block div.eintrag a {
	display: grid;
	grid-template-columns: 100px 1fr;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: inherit;
	text-decoration: none;
	background-color: rgba(var(--farbe_1), 0);
	transition: background-color 0.15s;
}
@media screen and (max-width: 450px) {
	#filmliste div.block div.eintrag a {
		grid-column-gap: 10px;
	}
}
@media screen and (min-width: 451px) {
	#filmliste div.block div.eintrag a {
		grid-column-gap: 15px;
	}
}
#filmliste div.block div.eintrag a:hover {
	background-color: rgba(var(--farbe_1), 0.12)!important;
}

#filmliste div.block div.eintrag a > div {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#filmliste div.block div.eintrag div.bild_rahmen {
	position: relative;
	/*
	width: 100px (vom Grid vordefiniert)
	*/
	width: 100%;
	height: 58px;
	line-height: 0px!important;
	margin: 3px 0px 3px 0px;
}
#filmliste div.block div.eintrag div.bild {
	position: relative;
	width: 100%;
	height: 100%;
	line-height: 0px!important;
	background-color: rgb(255, 255, 255);
}
#filmliste div.block div.eintrag div.bild img {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	object-fit: cover;
	transition: filter 0.15s;
	mix-blend-mode: multiply;
	/*
	filter: saturate(0) brightness(1.15);
	*/
}
/*
#filmliste div.block div.eintrag div.bild::before {
  content: "";
  position: absolute;
	display: block;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--farbe_2), 1);
  mix-blend-mode: screen;
	opacity: 1;
	transition: opacity 0.15s;
}
*/
#filmliste div.block div.eintrag 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;
}
#filmliste div.block div.eintrag a:hover div.bild div.bild_hintergrund {
	background-color: rgba(var(--farbe_1), 0.04)!important;
}
/*
#filmliste div.block div.eintrag a:hover div.bild_rahmen {
	background-color: rgba(var(--farbe_2), 0.06);
}
#filmliste div.block div.eintrag a:hover div.bild_rahmen div.bild::before {
	opacity: 1;
}
#filmliste div.block div.eintrag a:hover div.bild_rahmen div.bild img {
	filter: saturate(0) brightness(1.15);
}
*/

#filmliste div.block div.eintrag div.text {
	padding: 1px 0px 3px 0px;
	mix-blend-mode: multiply;
}

#filmliste div.block div.genre {
	/*
	font-family: "Archivo_Condensed", sans-serif;
	*/
	color: rgb(var(--farbe_1));
}
#filmliste div.block div.uebertitel_klein {
	color: rgb(var(--farbe_1));
}
#filmliste div.block.specials div.uebertitel_klein {
	color: rgb(var(--farbe_1));
}
#filmliste div.block h4.titel_filmreihe,
#filmliste div.block h4.special_haupttitel {
	font-weight: 500;
	color: rgb(var(--farbe_1));
	margin: 0px 0px 0px 0px;
}
#filmliste div.block.specials h4.titel_filmreihe,
#filmliste div.block.specials h4.special_haupttitel {
	font-weight: 700;
	color: rgb(var(--farbe_2));
}
#filmliste div.block h4.titel {
	font-weight: 700;
	color: rgb(var(--farbe_2));
	margin: 0px 0px 0px 0px;
}
#filmliste div.block.specials h4.titel {
	font-weight: 500;
	color: rgb(var(--farbe_2));
	margin: 0px 0px 0px 0px;
}
#filmliste div.block span.omu {
	font-size: 14px;
	line-height: 14px;
}
#filmliste div.block div.subtitel {
	color: rgb(var(--farbe_2));
}
#filmliste div.block div.subtitel_klein {
	font-weight: 400;
	font-style: italic;
	color: rgb(var(--farbe_2));
}

#filmliste div.block sup {
	font-weight: 700;
	color: inherit;
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	line-height: 0;
}



/* alt: */
/*
#filmliste div.block div.eintrag div.extra {
	color: rgb(var(--farbe_1));
}
*/
/*
#filmliste div.block.specials div.eintrag div.extra {
	font-weight: 700;
}
*/
/*
#filmliste div.block div.eintrag h4 {
	font-weight: 700;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
*/