/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;cursor:default;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}body{margin:0}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}nav ol,nav ul{list-style:none}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,optgroup,select,textarea{margin:0}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto;resize:vertical}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}[aria-disabled]{cursor:default}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

/* ------------ constants ------------ */

@media only screen and (min-width: 1100px) {
	
	:root			{
					--site-width: 100%;
					
					--grid-gap: 20px;
					
					--margin-top: 20px;
					--margin-bottom: 20px;
					--margin-left: 20px;
					--margin-right: 20px;
					
					--padding-top: 20px;
					--padding-bottom: 20px;
					--padding-left: 20px;
					--padding-right: 20px;
					
					--movie-aspect: 1.77;  /* 16 : 9 */
					}
}

@media only screen and (max-width: 1100px) {
	
	:root			{
					--site-width: 100%;
					
					--grid-gap: 15px;
					
					--margin-top: 15px;
					--margin-bottom: 15px;
					--margin-left: 15px;
					--margin-right: 15px;
					
					--padding-top: 15px;
					--padding-bottom: 15px;
					--padding-left: 15px;
					--padding-right: 15px;
					
					--movie-aspect: 1.65;  /* 16 : 10 */
					}
}

@media only screen and (max-width: 950px) {
	
	:root			{
					--movie-aspect: 1.77;
					}
}

@media only screen and (max-width: 768px) {
	
	:root			{	
					--grid-gap: 15px;
					
					--margin-top: 15px;
					--margin-bottom: 15px;
					--margin-left: 15px;
					--margin-right: 15px;
					
					--padding-top: 15px;
					--padding-bottom: 15px;
					--padding-left: 15px;
					--padding-right: 15px;
					
					--movie-aspect: 1.77;
					}
}

@media only screen and (max-width: 600px) {
	:root			{	
					--grid-gap: 15px;
					
					--margin-top: 10px;
					--margin-bottom: 10px;
					--margin-left: 10px;
					--margin-right: 10px;
					
					--padding-top: 10px;
					--padding-bottom: 10px;
					--padding-left: 10px;
					--padding-right: 10px;
					
					--movie-aspect: 1.7;
					}
}

/* ---------------- local type embed */

@charset "UTF-8";

@font-face {
    font-family: 'sans';
    font-weight: 400;
    src: url('../fonts/Book.woff2') format('woff2'), url('../fonts/Book.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'sans';
    font-weight: 500;
    src: url('../fonts/Regular.woff2') format('woff2'), url('../fonts/Regular.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'sans';
    font-weight: 600;
    src: url('../fonts/Medium.woff2') format('woff2'), url('../fonts/Medium.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family: 'sans';
    font-weight: 600;
    src: url('../fonts/Medium-Italic.woff2') format('woff2'), url('../fonts/Medium-Italic.woff') format('woff');
    font-style: italic;
}
@font-face {
    font-family: 'sans';
    font-weight: 700;
    src: url('../fonts/eBold.woff2') format('woff2'), url('../fonts/eBold.woff') format('woff');
    font-style: normal;
}
@font-face {
  font-family: "sf_icon";
  font-weight: 300;
  src: url("../fonts/SofaIcons-Regular.woff") format("woff");
}

/* ------------ root */

html				{ scroll-behavior: smooth; }

body				{
					width: auto;
					height: auto;
					-webkit-backface-visibility: hidden;
					-webkit-font-smoothing:antialiased;
					font-family: "sans", sans-serif;
					font-weight: 400;
					font-size: 17px;
					line-height: 150%;
					letter-spacing: .5px;
					
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					-ms-hyphens: auto;
					hyphens: auto;
					}

/* ------------ typography */


h1,h2,h3,h4,h5,h6	{
					font-family: "sans", sans-serif;
					font-weight: normal;
					font-size: 100%;
					}
h1					{ font-size: 70px; line-height: 120%; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; position: relative; left: -5px;}
h2					{ font-size: 32px; line-height: 120%; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }
h3					{ font-size: 20px; line-height: 130%; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
h4					{ font-size: 24px; line-height: 160%; font-weight: 600; }
h5					{ font-size: 20px; line-height: 140%; font-weight: 600; text-transform: uppercase; margin-bottom: 4px; }
h6					{ font-size: 18px; line-height: 120%; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 20px; }

h1.smaller			{ font-size: 40px; }
/*.news_container h3	{ font-weight: 600; }*/
				
.type_xxs 			{ font-size: 10px; }
.type_xs 			{ font-size: 14px; }
.type_s				{ font-size: 16px; line-height: 140%; }
.type_m, .type_m p	{ font-size: 17px; line-height: 140%; }
.type_l 			{ font-size: 22px; line-height: 150%; }
.type_xl 			{ font-size: 32px; line-height: 140%; }
.type_xxl 			{ font-size: 36px; line-height: 140%; }
.type_xxxl 			{ font-size: 60px; line-height: 140%; }
.type_content_navi	{ font-size: 22px; line-height: 150%; }


.wide				{ letter-spacing: .6px; }
.slashes			{ font-weight: 400; padding: 0 6px; letter-spacing: -2px; }

p					{ }
li					{ list-style-position: inside; list-style-type: none; }
.r					{ font-weight: 500; }
b, .b, strong		{ font-weight: 700; font-style: normal; letter-spacing: .5px; }
.medium				{ font-weight: 600; }
.italic				{ font-style: italic; }
.uc					{ text-transform: uppercase; }
.sf_icon			{ font-family: "sf_icon"; }
.subheadline		{ font-family: "serif"; margin: 10px 0 20px 0; }
.text_link			{ font-family: "Benton Sans Bd"; color: #C31924; text-transform: uppercase; letter-spacing: 3px; }

.text_center		{ text-align: center; }
.text_right			{ text-align: right; }

ol li				{ list-style: disc; }

.privacy h2,
.privacy h3,
.privacy h4			{ margin: 10px 0; }
.privacy h4			{ font-size: 20px; }
.privacy p			{ margin-bottom: 20px; }

/* ---------------- font colors */

.white, .white a	{ color: white; }
.colored			{ color: #FFEC00; }
.red				{ color: #E40615;}
.grey				{ color: #999999; }
.darkgrey			{ color: #404547; }

.highlight			{ color: #aacd28; }
.warning			{ color: #E40615; }

a, a.sf_button		{ text-decoration: none; color: black; }
a:hover,
a.sf_button:hover	{ text-decoration: none; }
p a					{ text-decoration: underline;}
p a:hover			{ text-decoration: underline;}	

/* ---------------- background colors */

.bg					{ background-color: rgba(0,0,0,.1); }
.bg_white			{ background-color: white; }
.bg_black			{ background-color: black; }
.bg_black_gradient	{ background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(255,255,255,1) 35vh); }
.bg_yellow			{ background-color: #FFEC00; }
.bg_yellow_gradient	{ background: rgb(255,236,0); background: linear-gradient(180deg, rgba(255,236,0,1) 0%, rgba(255,255,255,1) 35vh); }
.bg_yellow_fixed	{ background: rgb(255,236,0); background: linear-gradient(180deg, rgba(255,236,0,1) 0%, rgba(255,255,255,1) 250px); min-height: 250px; }
.bg_warning			{ background: orange; }
.bg_alert			{ background: red; }
.bg_green			{ background-color: #00ba04; }
.bg_orange			{ background-color: #ebb000; }
.bg_red				{ background-color: #ff4900; }

/* ---------------- headroom */

#header				{ position: absolute;
					top: 0;
  					width: 100%; 
  					z-index: 30; 
  					}
.header				{ position: relative;
					  display: block;
  					  width: 100%;
  					  background: rgba(0,0,0,.6);
					}
.black_header .header{ background: black; }

/* ---------------- container */

.fullsize			{
					position: relative;
					width: 100%;
					height: 100%;
					background-repeat: no-repeat;
					background-position: center center;
					-webkit-transform-style: preserve-3d;
					-moz-transform-style: preserve-3d;
					transform-style: preserve-3d;
					}
.fullwidth			{
					width:100%;
					display: block;
					background-position: center center;
					background-repeat: no-repeat;
					}

.container,
.container_no_padding{
					width: var(--site-width);
					max-width: 1400px;
					margin: 0 auto;
					padding: 0 100px;
					}
.container_no_padding{ padding: 0; }
.grid				{
					display: grid;
					grid-column-gap: var(--grid-gap);
					grid-row-gap: var(--grid-gap);
					position: relative;
					}
.grid.no_col_gap	{ grid-column-gap: 0; }
.grid.no_row_gap	{ grid-row-gap: 0; }

.flex				{ display: flex; }
.flex_column		{ 
					display: flex;
					flex-direction: column;
					height: 100%;
					}

/* ---------------- grid */

.col_2					{ grid-template-columns: 1fr 1fr; }
.col_3					{ grid-template-columns: 1fr 1fr 1fr; }
.col_4					{ grid-template-columns: 1fr 1fr 1fr 1fr; }
.col_5					{ grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }

.col_1-3_2-3			{ grid-template-columns: 1fr 2fr; }
.col_2-3_1-3			{ grid-template-columns: 2fr 1fr; }
.col_1-4_1-2_1-4		{ grid-template-columns: 1fr 2fr 1fr; }
.col_1-4_1-4_1-2		{ grid-template-columns: 1fr 1fr 2fr; }
.col_1-2_1-4_1-4		{ grid-template-columns: 2fr 1fr 1fr; }
.col_1-4_3-4			{ grid-template-columns: 1fr 3fr; }
.col_3-4_1-4			{ grid-template-columns: 3fr 1fr; }

.col_cinema_date		{ grid-template-columns: 15% 15% auto; }
.col_movie_detail		{ grid-template-columns: 2fr 1fr; }

.colspan_2				{ grid-column: 1/ span 2; }

#header .col_3			{ grid-template-columns: auto 1fr auto; }

.grid_col_movie_list	{ grid-template-columns: 1fr 1fr 1fr;  }


					
.v_align_center			{ display: grid; align-items: center; }
.h_align_center			{ display: grid; justify-content: center; }

.block					{ display: block; }

.width_100				{ width: 100%; }
.width_75				{ width: 75%; }
.width_50				{ width: 50%; }
.width_30				{ width: 30%; }
.width_80				{ width: 80%; }

/* ---------------- margin */

.margin					{ margin: var(--margin-top); }
.margin_l				{ margin: calc(var(--margin-top) * 1.5); }

.margin_top_xxs			{ margin-top: calc(var(--margin-top) / 4); }
.margin_top_xs			{ margin-top: calc(var(--margin-top) / 3); }
.margin_top_s			{ margin-top: calc(var(--margin-top) / 2); }
.margin_top				{ margin-top: var(--margin-top); }
.margin_top_l			{ margin-top: calc(var(--margin-top) * 2); }
.margin_top_xl			{ margin-top: calc(var(--margin-top) * 3); }
.margin_top_xxl			{ margin-top: calc(var(--margin-top) * 4); }
.margin_top_xxxl		{ margin-top: calc(var(--margin-top) * 6); }

.margin_bottom_xxs		{ margin-bottom: calc(var(--margin-bottom) / 4); }
.margin_bottom_xs		{ margin-bottom: calc(var(--margin-bottom) / 3); }
.margin_bottom_s		{ margin-bottom: calc(var(--margin-bottom) / 2); }
.margin_bottom			{ margin-bottom: var(--margin-bottom); }
.margin_bottom_l		{ margin-bottom: calc(var(--margin-bottom) * 2); }
.margin_bottom_xl		{ margin-bottom: calc(var(--margin-bottom) * 3); }
.margin_bottom_xxl		{ margin-bottom: calc(var(--margin-bottom) * 4); }

.margin_vertical_xxs	{ margin-top: calc(var(--margin-top) / 4); margin-bottom: calc(var(--margin-bottom) / 4); }
.margin_vertical_xs		{ margin-top: calc(var(--margin-top) / 3); margin-bottom: calc(var(--margin-bottom) / 3); }
.margin_vertical_s		{ margin-top: calc(var(--margin-top) / 2); margin-bottom: calc(var(--margin-bottom) / 2); }
.margin_vertical		{ margin-top: var(--margin-top); margin-bottom: var(--margin-bottom); }
.margin_vertical_l		{ margin-top: calc(var(--margin-top) * 2); margin-bottom: calc(var(--margin-bottom) * 2); }
.margin_vertical_xl		{ margin-top: calc(var(--margin-top) * 3); margin-bottom: calc(var(--margin-bottom) * 3); }
.margin_vertical_xxl	{ margin-top: calc(var(--margin-top) * 4); margin-bottom: calc(var(--margin-bottom) * 4); }

.no_margin				{ margin: 0; }
.no_vertical_margin		{ margin-top: 0; margin-bottom: 0; }

/* ---------------- padding */

.padding				{ padding: var(--padding-top); }

.padding_top_xxs		{ padding-top: calc(var(--padding-top) / 4 ); }
.padding_top_xs			{ padding-top: calc(var(--padding-top) / 3 ); }
.padding_top_s			{ padding-top: calc(var(--padding-top) / 2 ); }
.padding_top			{ padding-top: var(--padding-top); }
.padding_top_l			{ padding-top: calc(var(--padding-top) * 2 ); }
.padding_top_xl			{ padding-top: calc(var(--padding-top) * 3 ); }
.padding_top_xxl		{ padding-top: calc(var(--padding-top) * 4 ); }

.padding_bottom_xxs		{ padding-bottom: calc(var(--padding-bottom) / 4); }
.padding_bottom_xs		{ padding-bottom: calc(var(--padding-bottom) / 3); }
.padding_bottom_s		{ padding-bottom: calc(var(--padding-bottom) / 2); }
.padding_bottom			{ padding-bottom: var(--padding-bottom); }
.padding_bottom_l		{ padding-bottom: calc(var(--padding-bottom) * 2); }
.padding_bottom_xl		{ padding-bottom: calc(var(--padding-bottom) * 3); }
.padding_bottom_xxl		{ padding-bottom: calc(var(--padding-bottom) * 4); }

.padding_left_xl		{ padding-left: calc(var(--padding-left) * 3); }

.padding_right_s		{ padding-right: calc(var(--padding-top) / 1.5 ); }
.padding_right			{ padding-right: var(--padding-right); }
.padding_right_l		{ padding-right: calc(var(--padding-top) * 1.5 ); }

.padding_vertical_xxs	{ padding-top: calc( var(--padding-top) / 4 ); padding-bottom: calc( var(--padding-bottom) / 4); }
.padding_vertical_xs	{ padding-top: calc( var(--padding-top) / 3 ); padding-bottom: calc( var(--padding-bottom) / 3); }
.padding_vertical_s		{ padding-top: calc( var(--padding-top) / 1.5 ); padding-bottom: calc( var(--padding-bottom) / 2); }
.padding_vertical		{ padding-top: var(--padding-top); padding-bottom: var(--padding-bottom); }
.padding_vertical_l		{ padding-top: calc( var(--padding-top) * 1.5 ); padding-bottom: calc( var(--padding-bottom) * 2); }
.padding_vertical_xl	{ padding-top: calc( var(--padding-top) * 3 ); padding-bottom: calc( var(--padding-bottom) * 3); }
.padding_vertical_xxl	{ padding-top: calc( var(--padding-top) * 4 ); padding-bottom: calc( var(--padding-bottom) * 4); }
.padding_vertical_xxxl	{ padding-top: calc( var(--padding-top) * 6 ); padding-bottom: calc( var(--padding-bottom) * 6); }

.padding_horizontal_xxs	{ padding-left: calc(var(--padding-left) / 4); padding-right: calc(var(--padding-right) / 4); }
.padding_horizontal_xs	{ padding-left: calc(var(--padding-left) / 3); padding-right: calc(var(--padding-right) / 3); }
.padding_horizontal_s	{ padding-left: calc(var(--padding-left) / 1.5); padding-right: calc(var(--padding-right) / 2); }
.padding_horizontal		{ padding-left: var(--padding-left); padding-right: var(--padding-right); }
.padding_horizontal_l	{ padding-left: calc(var(--padding-left) * 1.5); padding-right: calc(var(--padding-right) * 2); }
.padding_horizontal_xl	{ padding-left: calc(var(--padding-left) * 3); padding-right: calc(var(--padding-right) * 3); }
.padding_horizontal_xxl	{ padding-left: calc(var(--padding-left) * 4); padding-right: calc(var(--padding-right) * 4); }

/* ---------------- alignment */

.vertical_align_middle	{ align-content: center; display:grid;  }
.vertical_align_bottom	{ align-content: end; display:grid; }

.align_center			{ text-align: center; justify-content: center; }
.align_items			{ align-items: center; }
.justify_content		{ justify-content: center; }

/* ---------------- common layout */

.header_tablet		{ display: none; }
.header_mobile		{ display: none; }
.hidden				{ display: none; }
.invisible			{ opacity: 0 !important; }
.opacity_50			{ opacity: .5; }

.hide_on_desktop	{ display: none; }

hr					{
					display: block;
					width: 100%;
					height: 0px;
					border: 0;
					border-bottom: 1px dotted grey;
					}
hr.white			{ border-bottom: 1px dotted rgba(255,255,255,.5); }

.bg_image			{ -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.bg_cover			{ -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg_center			{ background-position: center center; }
.bg_contain			{ -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.fullwidth img		{ width: 100%; }

.history_back:hover	{ cursor: pointer; }
.pointer			{ cursor: pointer; }

.border				{ border: 1px dotted grey; }
.noscript{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index:10000;
	overflow: scroll;
	text-align: center;
	background: white;
}
.z-index			{ z-index: 10; }

.animate{
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}
.animate_fast{
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* ---------------- Header */

#header .logo,
#mobile_navigation_overlay .logo
					{
					position: absolute;
					left: -23px;
					width: 210px;
					}
#header .logo_width	{ width: 210px; }
.headroom 			{
					will-change: transform;
					transition: transform 200ms linear;
					}
.headroom--pinned	{
					transform: translateY(0%);
					}
.headroom--unpinned {
					transform: translateY(-100%);
					}

.header_space		{ height: 220px; }
					
/* ---------------- video */

.videoWrapper		{
				    position: relative;
				    /*padding-bottom: 56.25%; /* 16:9 */
				    height: 0;
				    overflow: hidden;
					}

.videoWrapper iframe {
				    position: absolute;
				    top: 0;
				    left: 0;
				    width: 100%;
				    height: 100%;
					}
				

/* ---------------- news list */

.grid_news{
	grid-template-columns: 1fr 1fr 1fr;
}

.news_image{
	padding-top: 56%;
}
.news_excerpt::after{
	content: "→";
	font-family: "sf_icon";
	margin-left: 5px;
}

/* ---------------- program */

/*.cinema_datebox{
	position: relative;
	left: -8px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 4px 8px 4px 8px;
	background: rgba(0,0,0,.0);
}
.cinema_datebox:hover{
	background: #FFEC00;
}
.cinema_datebox.selected{
	background: black;
	color: #FFEC00;
}
.cinema_date.selected{
	color: #FFEC00;
	font-weight: 700;
}
.cinema_date{
	font-size: 22px;
	cursor: pointer;
}
.to_late{
	opacity: .3;
}
.cinema_tagbox{
	position: relative;
	left: -8px;
	font-size: 14px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px 8px 3px 8px;
	border: 1px solid rgba(0,0,0,.08);
}

.cinema_tagbox:hover{
	background: #FFEC00;
	border: 1px solid #FFEC00;
}
.cinema_tag{
	color: black;
}
.cinema_tagbox.selected,
.cinema_tag.selected{
	background: black;
	color: #FFEC00;
	font-weight: 600;
}*/

/* ---------------- cinema */

.barrier_free{
	display: inline-block;
	padding: 0px 8px 1px 8px;
	text-transform: uppercase;
}
/* ---------------- photos */


/* ---------------- 2 col */

.img_aspect{
	padding-top: calc(100% / var(--movie-aspect));
	background: rgba(255,0,0,.2);
}

/* ---------------- sofasection */

.grid_sofa{
	grid-template-columns: 1fr 1fr 1fr;
}
.sofa_klick_overlay{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;	
}

/* ---------------- downloads */

.grid_downloads{
	grid-template-columns: 1fr 1fr 1fr;
}

.downloads_navi li{
	display: inline-block;
	margin-right: var(--margin-right);
	padding: 4px 10px 6px 10px;
	position: relative;
	left: -10px;
}
.downloads_navi li:hover{
	background: #FFEC00;
}
.downloads_navi li.selected{
	font-weight: 700;
	background: black;
}
.downloads_navi li.selected a{
	color: #FFEC00;
}
.download_container{
	position: relative;
	width: 100%;
	padding-top: calc(100% / var(--movie-aspect));
	margin-bottom: 15px;
	background-position: left center;
}
.download h3{
	font-size: 20px;
}
.download_overlay{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
}
.download_container:hover > .download_overlay{
	display: flex;
}
.download_overlay .download,
.download_container .download{
	position: absolute;
	left: var(--margin-left);
	bottom: var(--margin-bottom);
	font-size: 24px;
	width: 40px;
	height: 40px;
	color: black;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFEC00;
}

#filmstills .initial_letter{
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	margin-right: 10px;
}
#filmstills .filmname{
	display: inline-block;
	padding:3px 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
#filmstills .filmname:hover{
	background: #FFEC00;
}
.filmstills_infotext{}
.filmstills_overlay{
	position: fixed;
	top:0;
	left:0;
	display: none;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #FFEC00;
	align-items: center;
	justify-content: center;
	z-index: 30;
}
.filmstills_overlay_close_box{
	position: absolute;
	top: var(--margin-top);
}

/* ---------------- youtube movies */

.video_overlay{
	position: fixed;
	top: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(255, 238, 0, 0.9);
	z-index: 30;
	display: none;
	align-items: center;
	justify-content: center;
}
.video_container{
	width: 80vw;
	height: 45vw; 
}
.video_container iframe{
	width: 100%;
	height: 100%;
}
.video_close_box{
	position: absolute;
	top: 40px;	
	right: 40px;
	cursor: pointer;
}

.video_inline_container{
	position: relative;
	width: 100%;
	padding-top: 56%;
}
.video_inline_container iframe{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}


/* filter */

.movie_years{
	font-size: 22px;
	line-height: 160%;
	text-transform: uppercase;
}
.movie_year{
	display: inline-block;
	padding: 0 8px;
	margin-right: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}
.movie_year:hover{
	background: #FFEC00;
	}
.movie_year.selected{
	background: black;
	color: #FFEC00;
	font-weight: 700;
}

/* visible text */

.movie_list_cover{
	width: 100%;
	padding-top: calc(100% / var(--movie-aspect));
	background-size: cover;
	margin-bottom: 15px;
}

/* overlay */

.movie_list_cover_overlay{
	position: relative;
	width: 100%;
	padding-top: calc(100% / var(--movie-aspect) + 20px);
	display: grid;
	align-items: flex-end;
	overflow: hidden;
	background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 60%);
	background-size: cover;
	background-position: center center;	
}
.movie_list_cover_overlay:hover > .movie_list_text_overlay{
	background: linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 100%) !important;	
}
.movie_list_text_overlay{
	position: absolute;
	width: 100%;
	z-index: 1;
	font-size: 15px;
	font-weight: 500;
	line-height: 135%;
	color: white;
	padding: 20px;
}
.movie_list_text_overlay h3{
	font-size: 20px;
	line-height: 140%;
	text-transform: uppercase;
	letter-spacing: .5px;
}

/* ---------------- static title overlay */

.image_overlay{
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: calc(100vw / var(--movie-aspect));
	color: white;
}

/* ---------------- movie */

.movie_detail_cover{
	position: relative;
	width: 100%;
	height: calc(100vw / var(--movie-aspect));
	max-height: 790px;
	display: grid;
	align-items: center;
}
.movie_detail_cover_small_layout{
	position: relative;
	width: 100%;
	height: calc(100vw / var(--movie-aspect));
	max-height: 790px;
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: center;
	padding-top: 130px;
}
.movie_slideshow_small_layout{
	width: 100%;
	padding-top: calc(100% / var(--movie-aspect));
	
}
.movie_detail_text{
	position: absolute;
	width: 85%;
	z-index: 1;
	font-weight: 600;
	color: white;
}
.movie_text_width{
	width: 95%;	
}
.movie_info{
	line-height: 130%;
	margin-bottom: 10px;
}
.movie_detail_text_small_layout{
	font-weight: 600;
}

.movie_data label{
	display: inline-block;
	font-weight: 600;
}
.movie_tags{
	font-size: 12px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	background: black;
	padding: 2px 7px 3px 7px;
	margin-right: 10px;
	cursor: pointer;
}

.entry-content{
/*	max-width: 1400px;
	margin: 0 auto;*/
}
.videoWrapper {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100% !important;
  height: 100%;
}

#more_info{
	height: 0px;
	opacity: 0;
	overflow: hidden;
}
#more_info.open{
	height: auto;
	opacity: 1;
}

/* ---------------- Team */

.col_team{
	grid-template-columns: 30% auto;
}
.team_image{
	width:100%;
	padding-top: 130%;
	background: rgba(0,0,0,.05);
}
.team_data{
	display: flex;
	align-items: flex-end;
}
.team_data .sf_button{
	margin-top: 10px;
}

/* ---------------- Partner logos */

.partner_logos{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 50px;
	grid-row-gap: 20px;
}
.partner_logos_big{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}
.partner_logo{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.partner_logos_big .partner_logo{
	padding: 20px 20px;
	border: 1px solid gray;
}
.partner_logos .partner_logo:hover{
	transform: scale(1.3);
}
.partner_logos_big .partner_logo img{
	max-width: 100%;
	height: 90px;
}
.partner_logos .partner_logo img{
	width: 100%;
	height: auto;
}
.partner_info{
	position: absolute;
	right: 10px;
	bottom: 10px;
	font-family: "sf_icon";
	font-size: 18px;
	line-height: 90%;
}
.partner_infotext .sf_button{
	color: #FFEC00 !important;
	background-color: black;
}
.partner_infotext {
	overflow-y: scroll;
	margin: var(--margin-top) 0;
}
.partner_infotext .sf_button:hover{
	color: black !important;
}
.partner_overlay{
	position: fixed;
	top:0;
	left:0;
	display: none;
	flex-direction: column;
	width: 100%;
	height: 100%;
	background: #FFEC00;
	align-items: center;
	justify-content: center;
	z-index: 30;
}
.partner_overlay_close_box{
	position: absolute;
	top: var(--margin-top);
}

/* ---------------- Buttons */

.sf_button,
.sf_button_small{
	font-family: "sans";
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	line-height: 15px;
	color: black !important;
	display: inline-block;
	padding: 9px 12px 9px 12px;
	border: none;
	outline:0;
	background-color: #FFEC00;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .5px;
	margin-top: 24px;
	margin-right: 20px;
	cursor: pointer;
	
	-o-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.sf_button:hover{
	background-color: #ffb700;
	cursor: pointer;
}
.sf_button::before{
	content: "→";
	font-family: "sf_icon";
	margin-right: 5px;
}
.sf_button.no_arrow::before{
	content: "";
	margin-right: 0;
}
.sf_button_small{
	font-size: 13px;
	line-height: 12px;
	padding: 7px 10px 7px 10px;
}
.sf_button:disabled{
	opacity: 0;
	pointer-events: none;
}
.sf_button:disabled::after {
    content: " ...";
}
.sofa_section .sf_button{
	margin-top: 12px;
}

/* --------- Footer Columns --------- */

#footer				{ 
					background-color: #FFEC00;
					font-size: 16px;
					font-weight: 500;
					line-height: 180%;
					padding-top: 40px;
					padding-bottom: 40px;
					}

#footer	.logo		{ width: 146px; margin-top: 10px; }
#footer .footer-social .sf_icon	{ font-size: 22px; margin-right: 4px; }

.footer-navigation li{ display: inline-block; }
.footer-navigation li:not(:last-child)::after {
	content: "//";
	padding: 0 6px;
	letter-spacing: -2px;
	font-weight: 400;
}
.footer-navigation .current-menu-item a{
	font-weight: 700;
}
.footer-social .sf_icon{
	padding-right: 5px;
}

/* ---------------- Jobs */

.job_container{
	padding-top: 43px;	
}
.job_container ul{
	padding-left: 20px;
}
.job_container li{
	text-indent: -20px;
}
.job_container .job_detail{
	height: 0px;
	opacity: 0;
	overflow: hidden;
}
.job_container .job_detail.open{
	height: auto;
	opacity: 1;
}

/* ---------------- Navigation Desktop */

.navigation{
	font-size: 14px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.navigation li,
.navigation li a{
	display: inline-block;
	font-family: "sans";
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .5px;
	color: white;
}
.navigation li:not(:last-child)::after {
	content: " // ";
	padding: 0 6px;
	font-weight: 400;
	letter-spacing: -2px;
	color: #FFEC00;
}
.navigation li a:hover{	color: #FFEC00; }

.navigation .current-menu-item a,
.navigation .current_page_parent a
{
	font-weight: 700;
	letter-spacing: .8px;
	color: #FFEC00;
}
.navigation.social_bookmarks,
.navigation.social_bookmarks a{
	font-size: 18px;
	color: white;
	margin-left: 8px;
	text-align: right;
}
.navigation.social_bookmarks .slashes{
	font-size: 14px;
	color: #FFEC00;
	margin-left: 8px;
}

.subnavigation{}

/* ---------------- Navigation Mobile */

#mobile_navigation_overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100%;
	z-index: 40;
	background: rgba(0,0,0,.92);
	overflow-y: auto;
}

#mobile_navigation_overlay li a{
	font-size: 14px;
	list-style: none;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 170%;
	color: white;
}/*
#mobile_navigation_overlay li.current-menu-item.current_page_item a{
	color: yellow;
}
*/
#mobile_navigation_overlay li.menu-item a{
	font-weight: 700;
	color: white;
}
#mobile_navigation_overlay .sub-menu{
	margin-top: 3px;
}
#mobile_navigation_overlay .sub-menu li.menu-item a{
	font-weight: 400;
	color: white;
}
#mobile_navigation_overlay .footer-navigation li.menu-item a{
	font-weight: 400;
}
#mobile_navigation_overlay li.current-menu-item a,
#mobile_navigation_overlay li.current-menu-parent a,
#mobile_navigation_overlay .sub-menu li.current-menu-item a,
#mobile_navigation_overlay .footer-navigation li.current-menu-item a{
	font-weight: 700;
	color: #FFEC00;
	letter-spacing: 2px;
}
#mobile_navigation_overlay .sub-menu li::after,
#mobile_navigation_overlay .footer-navigation li::after{
	content: "//";
	font-weight: 400;
	font-size: 13px;
	padding: 0 6px;
	letter-spacing: -2px;
	color: #FFEC00;
}
#mobile_navigation_overlay .sub-menu li:last-child::after,
#mobile_navigation_overlay .footer-navigation li:last-child::after{
	content: "";
	padding: 0;
}

/* ---------------- Language Switcher */

.wpml-ls-legacy-list-horizontal{
	display: inline-block;
	padding: 0px;
	border: 0;
}
.wpml-ls-legacy-list-horizontal a{
	padding: 0;
}
.wpml-ls-legacy-list-horizontal a span{
	vertical-align: unset;
	font-size: 14px;
	line-height: 150%;
}



/* Autoslider */

.slidecontainer {
    width: 100%;
    overflow:hidden;
    height:auto;
    white-space: nowrap;
}

.slidewrapper {
    height: auto;
    width: 200%;
}

.slidewrapper div {
	width:15%;
	margin-right: 0;
	padding: 1%;
	display:inline-block;
}
.slidewrapper div img{
	width:100%;
	box-shadow: 0px 0px 20px #bbb;
}

.first {
    -webkit-animation: moveleft 160s linear infinite;
}
.second {
    -webkit-animation: moveright 180s linear infinite;
}

@-webkit-keyframes moveleft {
 0% { margin-left:0 }
 100% { margin-left:-51.5%; }
}
@-webkit-keyframes moveright {
 0% { margin-left:-51.5% }
 100% { margin-left:0%; }
}

/* ---------------- remove standard-styles */

.container input, 
.container select, 
.container textarea {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	width: auto;
	outline: none;
	font-family: sans;
	padding: 3px 20px 5px 20px;*/	
}

/* ---------------- select */

/*.container select {
	border: 1px solid #DCDCDC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	font: 17px 'sans', sans-serif;
	border-collapse: separate;
	border-spacing: 0;
	background: #F8F8F8;
	color: #000000;
	padding: 8px !important;
	box-sizing: border-box;
}

select:focus-visible {
	outline-offset: 0px;
}*/

/* ---------------- search */

.container input.search{
	width: 100%;
	background: #FFEC00;
	background-image: url("../images/dropdown_search.svg");
	background-repeat: no-repeat;
	background-position-x: calc(100% - 20px);
	background-position-y: 8px;
}


/* ---------------- Input & Textarea */



input, textarea {
	border: 1px solid #DCDCDC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	font: 17px 'sans', sans-serif;
	border-collapse: separate;
	border-spacing: 0;
	background: #F8F8F8;
	color: #000000;
	padding: 8px;
	box-sizing: border-box;
	width:100%;
}
/*
textarea {
  resize:vertical;
}

input:hover,
input:active,
textarea:hover,
textarea:active {
  outline: none;
}

::placeholder {
  opacity: .5;
}

input[type=search]{
	background-image: url(../images/icons/search.png);
	background-size: 18px;
	background-position: right center;
	background-origin: content-box;
	width: 52%;
}
*/

/* --------------------- sf_photo_slideshow */

#photo_slideshow_overlay{
						position: fixed;
						top: 0;
						right: 0;
						width: 100vw;
						height: 100vh;
						z-index: 30;
						display: none;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						background: #FFEC00;
						}
#photo_slideshow		{
						width: 100%;
						height: 70vh;
						background: rgba(0,0,0,1);
						}


/* --------------------- sf_slideshow */

.gallery				{
						width: 100%;
						height: 100%;
						}

/* --------------------- sf_slideshow */

[data-slide]			{
						opacity: 0;
						z-index: -1;
						position: absolute;
						top:0;
						width: 100%;
						height: 100%;
						display: grid;
						align-content: center;
						transition-property: opacity, transform;
						transition-duration: 500ms;
						transition-timing-function: linear;
						}
.sf_slide_overlay		{
						position: absolute; 
						width: 60%; height: 100%;
						background: rgb(0,0,0);
						background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
						}
.sf_slide_show			{ opacity: 1; }
.sf_slide_hide			{ opacity: 0; }

.sf_slide_control		{
						position: absolute;
						top:50%;
						transform: translateY(-50%);
						z-index: 2;
						margin: 0 24px;
						font-size: 48px;
						color: #FFEC00;
						}

.sf_slide_control.right	{ right: 0; }

.sf_slide_control_prev,
.sf_slide_control_next	{ cursor: pointer; }
.sf_slide_control.hidden { display: none; }

.sf_dots				{
						position: absolute;
						left: 50%;
						bottom: 30px;
						transform: translateX(-50%);
						z-index: 3;
						color: white;
						}
.sf_dots .dot			{
						width: 12px;
						height: 12px;
						display: inline-block;
						border-radius: 10px;
						margin: 0 8px;
						background: white;
						}
.sf_dots .dot:hover		{
						cursor: pointer;
						transform: scale(1.4);
						}
.sf_dots .current_slide { 
						/*transform: scale(1.2);*/
						background: #FFEC00;
						}
.sf_slide_text_container{
						width: 50%;
						background: rgba(255,0,0,1);
						}
.copyright				{
						position: absolute;
						right: 30px;
						bottom: 30px;
						padding: 5px 5.0px 5.0px 6px;
						background: #FFEC00;
						color: black;
						border-radius: 15px;
						z-index: 4;
						line-height: 90%;
						}
.copyright_name			{
						display: none;
						}
.copyright:hover > .copyright_name{
						display: inline-block;	
						}

/* --------------------- mobile */

@media only screen and (max-width:414px) {

.sf_slide_control		{
						font-size: 2em;
						margin: 0 .2em;
						}
}

/* --------------------- component: carousel */

.infinite-carousel-group {
  height: 100%;
}
.infinite-carousel-vertical {
  width: 100%;
}
.infinite-carousel-horizontal .infinite-carousel-group-item {
	float: left;
	height: 100%;
}
.infinite-carousel-shell {
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	height: auto;
}
.infinite-carousel-horizontal .infinite-carousel-group-item {
	width: 100px;
	height: auto;
	display: flex;
	justify-content: center;
	padding: 14px 0;
}
.infinite-carousel-group-item {
}
.infinite-carousel-horizontal .infinite-carousel-group-item img{
	height: 70px;
	max-width: 75%;
}



/* ---------------- responsive changes */

@media only screen and (max-width: 1300px) {
	.social_bookmarks .slashes{ display: none; }
	.wpml-ls-legacy-list-horizontal{ display: block; }
}

/* ---------------- like iPad pro */

@media only screen and (max-width: 1100px) {
	
	body			{
					font-size: 15px;
					line-height: 135%;
					letter-spacing: .5px;
					/*padding-top: 41px;*/
					}
	
	.header_desktop	{ display: none; }
	.header_tablet	{ display: block; }
	.header_mobile	{ display: none; }
	
	.hide_on_desktop{ display: block;  }
	.hide_on_tablet	{ display: none;  }
	
	.container		{ padding-left: 50px; padding-right: 50px; }
	
	/* ------------ typography */
	
	h1				{ font-size: 49px; line-height: 120%; margin-bottom: 10px; position: relative; left: -3px;}
	h2				{ font-size: 24px; line-height: 120%; letter-spacing: .5px; margin-bottom: 10px; }
	/*h3				{ font-size: 22px; line-height: 120%; letter-spacing: .5px; }*/
	h4				{ font-size: 22px; line-height: 150%; }
	h6				{ font-size: 17px; letter-spacing: .75px; margin-bottom: 10px; }
	
	.type_l 		{ font-size: 18px; line-height: 140%; }
	.type_s			{ font-size: 14px; line-height: 140%; }

	/* ------------ header + navigation */
	
	.social_bookmarks .slashes{ display: inline-block; }
	.wpml-ls-legacy-list-horizontal{ display: inline-block; }
	
	#mobile_navigation_overlay{ padding-bottom: 50px; }
	#mobile_navigation_overlay .header_tablet{ height: 200px; }
	#header .logo,
	#mobile_navigation_overlay .logo{
					left: -19px;
					width: 180px;
					}
	#header .logo_width	{ width: 0px; }
	.header_space	{ height: 190px; }
	
	.navigation		{ padding-top: 30px; padding-bottom: 30px; }
	
	.burger_icon	{ margin-left: 10px; }
	
	.sub-menu		{ margin-bottom: 20px; }
	.sub-menu li	{
					display: inline-block;
	}
	
	/* --------------------- sf_slideshow */

	.sf_slide_control	{
					position: absolute;
					top:50%;
					transform: translateY(-50%);
					z-index: 2;
					margin: 0 14px;
					font-size: 36px;
					}
	
	/* --------------------- footer */
		
	#footer {
	    font-size: 14px;
	    line-height: 150%;
	}
	
	/* --------------------- movie detail */
	
	.movie_detail_cover{
		position: relative;
		width: 100%;
		height: calc(100vw / var(--movie-aspect));
		max-height: 790px;
		display: grid;
		align-items: center;
	}
	
	/* ---------------- movie list*/
	
	.movie_list_text_overlay{
		font-size: 15px;
		line-height: 130%;
		padding: 15px;
	}
	.movie_list_text_overlay h3{
		font-size: 18px;
		line-height: 130%;
		letter-spacing: .5px;
		margin-bottom: 5px;
	}
	
	/* filter */
	
	.movie_years{
		font-size: 18px;
		line-height: 145%;	}
	.movie_year{
		display: inline-block;
		padding: 0 8px;
		margin-right: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	
	/* ---------------- cinema date / fotos */
	
	.cinema_datebox	{ margin-right: 10px; }
	.cinema_date	{ font-size: 18px; }

}

/* ---------------- 3 --> 2 Columns */

@media only screen and (max-width: 950px) {
	
	body			{ padding-top: 82px; }
	
	.header			{ background: black; }
	.header_space	{ height: 108px; }
	
	.grid_col_movie_list{ grid-template-columns: 1fr 1fr; }
	.grid_news		{ grid-template-columns: 1fr 1fr; }
	.grid_downloads	{ grid-template-columns: 1fr 1fr; }
	
}

/* ---------------- like iPad */

@media only screen and (max-width: 768px) {

	body			{
					font-size: 14px;
					line-height: 135%;
					letter-spacing: .2px;
					padding-top: 80px;
					}
	.container		{ padding-left: 30px; padding-right: 30px; }
	
	.col_3			{ grid-template-columns: 1fr 1fr; }
	.col_1-3_2-3	{ grid-template-columns: 1fr 1fr; }
	#footer .col_1-3_2-3 { grid-template-columns: 1fr 2fr; }
	
	.bg_yellow_fixed{ background: rgb(255,236,0); background: linear-gradient(180deg, rgba(255,236,0,1) 0%, rgba(255,255,255,1) 140px); min-height: 140px; }
	
	/* ------------ typography */
	
	h1				{ font-size: 42px; line-height: 120%; margin-bottom: 10px; position: relative; left: -3px;}
	h2				{ font-size: 22px; line-height: 120%; letter-spacing: .5px; margin-bottom: 10px; }
	/*h3				{ font-size: 22px; line-height: 120%; letter-spacing: .5px; }*/
	h4				{ font-size: 20px; line-height: 150%; }
	h6				{ font-size: 17px; letter-spacing: .75px; margin-bottom: 10px; }
	
	.type_l 		{ font-size: 18px; line-height: 140%; }
	.type_s			{ font-size: 14px; line-height: 140%; }
	
	/* ------------ header + navigation */
	
	.header			{ background: black; }
	.header_space	{ height: 110px; }
	
	#mobile_navigation_overlay li a,
	#mobile_navigation_overlay li.current-menu-item a { letter-spacing: 1px; }
	
	/* ---------------- movie list*/
	
	/* filter */
	
	.movie_years{
		font-size: 18px;
		line-height: 145%;	}
	.movie_year{
		display: inline-block;
		padding: 0 8px;
		margin-right: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	
	/* ---------------- cinema date / fotos */
	
	.cinema_datebox	{ margin-right: 10px; }
	.cinema_date	{ font-size: 18px; }
	
	/* ------------ slideshow */
	
	.sf_slide_control	{
						display: none;
						/*top: unset;
						bottom: 21px;
						margin: 0 12px;
						font-size: 38px;*/
						}
	
	/* ------------ downloads */
	
	.download		{ margin-bottom: 10px; }
	
	/* ------------ partner */
	
	.partner_logos_big{
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 15px;
		grid-row-gap: 15px;
	}
	
	/* ------------ form */
	
	.container input, 
	.container select, 
	.container textarea { padding: 4px 10px 6px 10px; }
	
	/* ---------------- select */
	
	.container select{
		background-position-x: calc(100% - 10px);
		background-position-y: 8px;
	}
	
	/* ---------------- search */
	
	.container input.search{
		background-position-x: calc(100% - 10px);
		background-position-y: 5px;
	}

}

/* ---------------- like small tablet/large phone */

@media only screen and (max-width: 600px) {

	body			{
					font-size: 15px;
					line-height: 130%;
					letter-spacing: .2px;
					padding-top: 92px;
					}
					
	.container		{ padding-left: 16px; padding-right: 16px; }
	
	.container .grid{ margin-bottom: 10px; }
	
	.grid_col_movie_list{ grid-template-columns: 1fr; }
	.col_movie_detail{ grid-template-columns: 1fr; }
	.grid_news		{ grid-template-columns: 1fr; }
	.grid_downloads	{ grid-template-columns: 1fr 1fr; }
	.col_2			{ grid-template-columns: 1fr; }
	.col_3			{ grid-template-columns: 1fr; }
	.col_1-3_2-3		{ grid-template-columns: 1fr; }
	
	.header_mobile .col_2{ grid-template-columns: 1fr 1fr; }
	
	.width_75,
	.width_50,
	.width_30		{ width: 100%; }
					
	.header_tablet	{ display: none; }
	.header_mobile	{ display: block; margin-bottom: 30px !important; }
	.hide_on_mobile	{ display: none; }
	.show_on_mobile	{ display: block; }
	
	/* ------------ typography */
	
	h1				{ font-size: 21px; line-height: 120%; margin-bottom: 5px; position: relative; left: -1px;}
	h1.smaller		{ font-size: 18px; line-height: 120%; margin-bottom: 5px; position: relative; left: -1px;}
	h2				{ font-size: 18px; line-height: 120%; letter-spacing: .5px; margin-bottom: 10px; }
	h3				{ font-size: 19px; line-height: 120%; letter-spacing: .5px; }
	h4				{ font-size: 16px; line-height: 120%; margin-bottom: 5px; }
/*	h6				{ font-size: 17px; letter-spacing: .75px; margin-bottom: 10px; }
*/	
	.type_m, .type_m p	{ font-size: 15px; line-height: 140%; }
	
/*	.type_l 		{ font-size: 18px; line-height: 140%; }
	.type_s			{ font-size: 14px; line-height: 140%; }
*/	
	/* ------------ header + navigation */
	
	#mobile_navigation_overlay{ padding: 16px; }
	.header_space	{ height: 40px; }
	#header .logo,
	#mobile_navigation_overlay .logo{
					left: 0;
					width: 140px;
					height: 100%;
					}
	.header			{
					padding: 16px;
 					background: #FFEC00 !important;
					}
	
	.navigation		{ font-size: 20px; padding: 20px 0; text-align: right; }
	.navigation .slashes{ font-size: 18px; }
	.navigation li a{ color: black; }
	.burger_icon	{ margin-left: 8px; }
	.wpml-ls-legacy-list-horizontal a span{
					font-size: 18px;
					font-weight: 400;
					line-height: 150%;
					}
	.ff_date		{
					position: absolute;
					right: 0;
					bottom: -28px;
					background: black;
					font-size: 16px;
					font-weight: 700;
					color: white;
					padding: 2px 10px 2px 10px;
					}
	#mobile_navigation_overlay li a,
	#mobile_navigation_overlay li.menu-item a{
					letter-spacing: 1px;
					}
	#mobile_navigation_overlay .navigation{ color: white; }
	
	/* ------------ layout */
	
	.margin_bottom_s{ margin-bottom: 8px; }
	.margin_bottom_xs{ margin-bottom: 8px; }
	
	.sf_button,
	.sf_button_small{
		font-size: 13px;
		line-height: 13px;
		padding: 6px 9px 6px 9px;
		letter-spacing: .5px;
		margin-top: 18px;
		margin-right: 20px;
		cursor: pointer;
		
		-o-transition: background-color .3s ease-in-out;
		-ms-transition: background-color .3s ease-in-out;
		-moz-transition: background-color .3s ease-in-out;
		-webkit-transition: background-color .3s ease-in-out;
		transition: background-color .3s ease-in-out;
	}
	
	/* ------------ news */
	
	.news_container	{ margin-bottom: 30px; }		

	/* ------------ slideshow */
	
	.sf_slide_control	{ display: none; }
	
	.sf_dots			{ bottom: 15px; }
	.sf_dots .dot		{
						width: 8px;
						height: 8px;
						border-radius: 10px;
						margin: 0 6px;
						}
	
	.copyright			{
						position: absolute;
						right: 16px;
						bottom: 12px;
						padding: 5px 5.0px 5.0px 6px;
						}
						
	/* ---------------- movie list*/
	
	.movie_list_text_overlay{ line-height: 120%; }
	.movie_list_text_overlay h3{
		font-size: 18px;
		line-height: 130%;
		letter-spacing: .5px;
		margin-bottom: 5px;
	}
	
	/* filter */
	
	.movie_years{
		font-size: 18px;
		line-height: 145%;	}
	.movie_year{
		display: inline-block;
		padding: 0 8px;
		margin-right: 5px;
		margin-bottom: 10px;
		cursor: pointer;
	}
	
	/* ---------------- cinema date / fotos */
	
	.cinema_datebox	{ margin-right: 10px; }
	.cinema_date	{ font-size: 18px; }
	
	/* ------------ footer */
	
	#footer			{
					line-height: 130%; 
					padding-top: 20px;
					padding-bottom: 20px; 
					}
	#footer .logo	{ margin-top: 0; margin-bottom: 12px; }
	#footer b		{ display: inline-block; margin-bottom: 4px; }
	
}

/* ---------------- Admin CSS */

.wp-block {
    max-width: 100%;
}

.acf-input select{
	width: 100% !important;
}
button.button{ background-color: white; }
button.button:hover{ background-color: #ddd; }


.editor-styles-wrapper .button, .editor-styles-wrapper .button:hover{
	background-color: red !important;
	padding: 100px;
}


.form-group {
    margin-bottom: 10px;
}