@font-face{
	font-family:dinpro-bold;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/dinpro-bold-webfont.eot?#iefix) 
	format("embedded-opentype"),
	url(../fonts/dinpro-bold-webfont.woff) 
	format("woff"),
	url(../fonts/dinpro-bold-webfont.ttf) 
	format("truetype"),
	url(../fonts/dinpro-bold-webfont.svg#dinpro-bold) 
	format("svg")
}

@font-face{
	font-family:dinpro-medium;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/dinpro-medium-webfont.eot?#iefix) 
	format("embedded-opentype"),
	url(../fonts/dinpro-medium-webfont.woff) 
	format("woff"),
	url(../fonts/dinpro-medium-webfont.ttf) 
	format("truetype"),
	url(../fonts/dinpro-medium-webfont.svg#dinpro-medium) 
	format("svg")
}

@font-face{
	font-family:dinpro-regular;
	font-style:normal;
	font-weight:400;
	src:url(../fonts/dinpro-regular-webfont.eot?#iefix) 
	format("embedded-opentype"),
	url(../fonts/dinpro-regular-webfont.woff) 
	format("woff"),
	url(../fonts/dinpro-regular-webfont.ttf) 
	format("truetype"),
	url(../fonts/dinpro-regular-webfont.svg#dinpro-regular) 
	format("svg")
}

/* lora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lora-v32-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lora-v32-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* lora-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lora-v32-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/lora-v32-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html, body{
	font-size: 16px;
	font-family: 'Lora', serif;
	color:#333333;
}

.wp-block-gallery{
display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.wp-block-gallery figure{

margin:0
}

.pl0{
	padding-left:0;
}

.footer .align-right{
	margin-top:50px;
}

.wp-block-image figcaption {
	text-align: left;
}

.breadcrumb{
	background-color: white;
	padding:0;
	font-size:.75em;
}

.breadcrumb a{
	color:black;
}

.mb{
	padding-bottom:40px;
}

.mb2{
	margin-bottom:40px;
}

.mt{
	padding-top: 40px;
}

.halfview{
	padding-left:45px;
}

.wp-block-columns{	
	margin-left:-34px;
	margin-right:-34px;
	display:flex;
	margin-bottom: 25px;
}

.wp-block-column{
	margin-left:34px;
	margin-right:34px;
}

.wp-block-columns a{
	
	font-family: 'Lora', serif;
}


.dropdown_head{
	font-weight: bold;
	position: relative;
	    background-color: #F1F1F1;
    padding: 5px;
    cursor:pointer;
}

.dropdown_head:before {
    content: "";
    z-index:10;
    position: absolute;
    background-repeat: no-repeat;
    width:30px;
    height:30px;
    top: 0;
    right: 0;
    background-image: url(../img/drop.png);
    background-size:contain;
    //transform: rotate(30deg);
}

.dropdown_body{
	padding:5px;
	border:1px solid #F1F1F1;
}


h1, h2, h3,h4,h5,h6, .head-menu{
	font-family: 'dinpro-medium', sans-serif;
}

a, .footer{
	font-family:dinpro-medium, sans-serif;
}

.no-bg img{
	padding-bottom:30px
}

.wp-caption-text{
	font-family:dinpro-regular, sans-serif;
	font-size: .75em;
}

h1{
	font-size: 1.35em;
	color:#000;
	margin-bottom: 15px;

}

h2{
	font-size: 1.4em;
}

h3{
	font-size: 1.3em
}

h4{
	font-size: 1.2em
}

h5{
	font-size: 1.1em;
	color:#e2000b;
	margin-bottom: 30px;
}

.pl-6{
	padding-left:4em !important;
}

.wp-block-column:nth-child(1){
	flex-basis:calc(25% - 16px);
}

.wp-block-column:nth-child(2){
	flex-basis:calc(75% - 16px);
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 0px;
    margin-top: 8px;
}

.align-right{
	text-align: right
}

.alignright{
	float:right;
	margin: 25px 0 25px 25px;
}

a, a:hover{
	color:#000;
}

.background{
	height: 308px;
	background-size: cover;
	background-repeat: no-repeat;
}

.header .container{
	position:relative;
}

.header img{
	width: 50%;
	max-width:320px;
	height:auto;
}




.bg-grey{
	background-color: #F1F1F1
}

.bg-red{ 
	background-color: #ED008E;
}

.navigation{
	min-height:70px;
	position:relative;
}


.navigation.active .menu-icon{
	position:absolute;
	right:10px;
	top:25px;
	cursor:pointer;
}

.navigation.active .menu-icon span{
	height:5px;
	width:35px;
	margin-bottom: 5px;
	background-color: red;
	display:block;
	margin-top: 0;
	opacity: 1;
	transition:all .5s;
}

.navigation.open .menu-icon span:nth-child(1){
	transform: rotate(45deg);
	margin-top:10px;
	transition: all .5s;
}

.navigation.open .menu-icon span:nth-child(2){
	transform: rotate(-45deg);
	margin-top:-10px;
	transition: all .5s
}

.navigation.open .menu-icon span:nth-child(3){
	opacity:0;
	transition: all .5s;
}

.navigation ul, .footer ul{
	margin:0;
	padding:0;
	display:inline-block;
}

.navigation.active ul{
	max-height:1px;
	opacity:0;
	overflow:hidden;
	transition:all 1s;
}

.navigation.active.open ul{
	max-height:1000px;
	opacity:1;
	transition:all 1s;
}

.menu-fussmenu-container{
	display:inline-block;
}

.navigation li, .footer li{
	display:inline-block;
}

.navigation li{
	display:block;
}

.menu-footer-container{
	display: inline-block;
}

.footer .row{
	margin:0;
}

.footer-space{
	width:100%;
	height:42px;
}

.navigation a{
	font-weight: lighter;
	display:block;
	padding:25px 20px 25px 0;
	font-size: .95em;
}

.sub-menu{
	position: relative;
	top: -25px;
}

.navigation .sub-menu a{
	padding: 10px 20px 10px 25px;
}

.navigation .current-menu-item a, .sidemenu .current-menu-item a, .navigation .current-page-ancestor a{
	text-decoration: underline;
}

.head-menu{
	position:absolute;
	right:15px;
	top:35px;
}


form.search, .menu-kopfmenue-container, ul#menu-kopfmenue{
	display:inline;
	color:white;
}

.no-bg form.search, .no-bg .menu-kopfmenue-container, .no-bg ul#menu-kopfmenue{
	display:inline;
	color:#e2000b;
}

ul#menu-kopfmenue{
	padding-left:0;
	margin-left:0;
}

form.search{
	font-size: .8em;
	position:relative;
}

form.search input{
	background-color:transparent;
	border:0;
	color:white;
	width:1px;
	transition:width 1s;
}

form.search:hover input, form.search input:focus{
	width:125px;
	border-bottom:1px solid white;
	transition:width 1s;
}

.no-bg form.search input{
	color:#e2000b;
}

.no-bg form.search:hover input, .no-bg form.search input:focus{
	border-bottom:1px solid #e2000b;
}

form.search:before{
	display:block;
	width:17px;
	height:17px;
	position: absolute;
	left:-25px;
	top:0px;
	content:"";
	background-image: url('../img/magnifier.svg');
	background-size: contain;
	background-repeat: no-repeat;
}

.no-bg form.search:before{
	background-image: url('../img/magnifier_red.svg');	
}


.head-menu a{
	text-transform: uppercase;
	color:white;
	margin-left: 25px;
	font-size: .8em;
}

.head-menu li:nth-child(1) a{
	margin-right:10px;
}

.head-menu li:first-child{
	position:relative;
}



.head-menu li{
	display:inline-block;
}

.sidemenu{
	margin:0;
	padding:0;
}

.sidemenu li{
	display:block;
	margin-bottom: 10px;
}

.sidemenu a{
	color:#333333;
}
.row img{
	//max-width: 100%;
	height:auto;
}

.footer{
	padding:60px 0 30px 0;
	color:white;
	position: relative;
	font-size: .9em;
}

.footer li a{
	padding:5px;
	color:white;
	font-weight: normal;
	position: relative;
}

.footer li a:before{
	position: absolute;
	content:'|';
	display: block;
	top:4px;
	left:-4px;
}

.footer img{
	height:85px;
	position: absolute;
	bottom:-30px;
	left:15px;
	width:auto;
}

.push-footer{
	max-width:100%
}

.menu-footer-container{
	margin-left: 10px;
	margin-right: -5px;
}

img.speaker{
	border-radius: 50%;
	max-width: 150px;
	height:auto;
}


.box .bg-color{
	background-color: #F1F1F1;
	height:100%;
	position: relative;
	padding-bottom: 50px;
}

.box .bg-color.compact{
	padding-bottom: 0;
	margin-bottom: -15px;
}

.boxes .row, .enlarge-negative-margin{
	margin-left:-30px;
	margin-right:-30px;
}

.cities{
	padding:15px 15px;
	background-color: #F1F1F1;
	margin-bottom: 50px;
	display: flex;
	flex-flow: wrap;
}

.cities h1{
	width: 100%;
}


.city_dl{
	margin: 0 25px;
	width: 100%;
	position: relative;
	font-weight: bold;
	display:inline-block;
}

.box a:not(.img_link){
	display:block;
	font-weight: bold;
	position: absolute;
	bottom:15px;
	left:40px;
}

.block_image_text p{
	min-height:158px;
}

.block_image_text a{
	position:relative;
	display:block;
	margin-left: 25px;
	margin-top: 15px;
    font-size: .90em;
}

.block_image_text{
	margin-bottom:-40px;
}

a.box{
	text-decoration: none;
	color: rgb(50,50,50);
}

a.box span{
	color:#e2000b;
}

a.box .compact h1, a.box span{
	position: relative;
	margin-left: 30px;
}

a.box .compact h1:before, .block_image_text a:before, a.city_dl:before, a.box span:before{
	position:absolute;
	content:"\00279E";
	left:-30px;
	top:0;
}



.box_link:before{
	display:none;
}

.box h1 a{
	position:static;
	font-weight: normal;
}

.box h1 a:before{
	display:none;
}

.box .bg-color:hover{
	background-color: #FFE6F3;
}

.box .inner, .box img{
	width:100%;

}

.box .inner{
	padding:15px;
}

.box img{
	height:auto;
}

.block_image_text .text{
	background-color: #F1F1F1;
	padding:25px;
}

.block_image_text .image{
	min-height:200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-color:rgb(217,217,217);
}

.block_image_text .image.contain-image{
	background-size: contain;
	background-position: center right;
}

.fh-item{
	overflow: hidden;
	margin-bottom: 30px
}

.fh-item a{
	position: relative;
	display:block;
	height:100%;
	width:100%;
	color:white;
}

.fh-item img{
	max-width: 100%;
	height:auto;
	border: 1px solid #f1f1f1;
}

.fh-item .hover{
	opacity:0;
	transition: all 1s;
	height:100%;
	width:100%;
	background-color: #e2000b; 
	position: absolute;
	top:0;
	left:0;
	padding-top:-25px;
	font-size:1.5625em;
}

.fh-item .hover span{
	position:absolute;
	bottom:-105px;
	left:15px;
	transition: all 1s;
}

.fh-item:hover .hover span{
	bottom:15px;
	transition: all 1s;
}

.fh-item:hover .hover{
	opacity:1;
	padding-top:50px;
	transition: all 1s
}

.icon-back a, .icon-front a{
	position:relative;
	display:block;
	padding-left: 10px;
	margin: -50px 0 50px 0;
}

.link-space a{
	margin: 0px 0 50px 0;
}

.icon-front a{
	padding-left:25px;
}

.icon-back a:before, .icon-front a:before{
	position:absolute;
	display: block;
	content:"\00279E";
	left:-15px;
	top:1px;
	width:15px;
	height:15px;
}

.icon-back a:before{
	transform: rotate(180deg);
	top:10px;
}

.prev-festivalh{
	margin: 50px auto;
}

.prev-festivalh h1{
	margin-bottom: 25px;
}

.supporter-frame{
  background-color: #f1f1f1;
  margin:50px 0 0 0 ;
  padding:75px 0;
}

.supporter{
	display:flex;
	justify-content: space-between;
  align-items: center;
}

.supporter img{
	max-height:150px;
}

.cinemas{
    margin-bottom: 50px;
    margin-top: 20px;
}

.cinema{
	display:block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	width: calc(100% - 25px);
	height:200px;
	color:white;
	position:relative;
}

.cinema:hover{
	color:#ccc;
}

.cinema .price{
	position: absolute;
	right:0;
	top:0;
	padding:5px;
    font-family: 'Lora', serif;
}

.cinema h2{
	position: absolute;
	text-align: left;
	bottom: 0;
	left: 10px;
}

.cinema h2 span{
	display:block;
	font-size: .75em;
	text-align: left;
    font-family: 'Lora', serif;
}

a.filter{
	cursor:pointer;
	color: rgb(255,5,31) !important;
	padding:5px 15px;
	margin-bottom:10px;
	display:inline-block;
}

.popup{
	display:none;
	position: fixed;
	width:100%;
	min-height: 100%;
	background-color: rgba(0,0,0,.95);
	left:0;
	top:0;
	z-index:1000;
	font-weight:500;
}

.popup.show{
	display: block;
}

.popup .content{
	margin:100px 50px;
}

.popup .close, .popup .tone{
	position: absolute;
	right:55px;
	font-weight:500;
	top:55px;
	cursor:pointer;
	color:white;
	opacity:1;
	font-family: 'dinpro-medium', sans-serif;
	font-size: 20px;
}

.popup .tone{
	right:auto;
	left:0;
	display:none;
}



.modal-cinema{
	border:5px solid white;
	border-radius:0;
	padding:20px;
	margin-top: 50px;
	position:relative;
}

.modal-cinema h2{
	font-weight:bold;
	padding-bottom: 0;
	margin-bottom: 0;
	color: rgb(255,5,31);
}

.modal-cinema .content{
	margin: 25px 0;
}

 .modal-cinema .social{
	margin-bottom: 35px;
}

.modal-cinema .reason{
	
}

.modal-cinema a{

    font-family: 'Lora', serif;
}

.modal-cinema .bonus{
	font-size:1.5em;
	font-family: dinpro-medium, sans-serif;
}

.modal-cinema .place{
	font-weight: bold;
}


.modal-cinema .close-modal{
	position:absolute;
	display:block;
	right:20px;
	top:20px;
	color:black;
	width:40px;
	height:40px;
    font-family: 'Lora', serif;
    font-size:1.5em;
    line-height:1.2;
    text-align: center;
}

.modal-cinema .images{
	display:flex;
	flex-direction: row;
	margin-left:-10px;
	margin-right:-10px;
}

.modal-cinema .images .image{
	padding:10px;
	padding-bottom:0;
}



.modal-cinema .images .image img{
	width:100%;
	height:auto;
}

.modal-cinema .close-modal:hover{
	text-decoration: none;
}

a.filter.active{
	background-color: #f1f1f1;
}
.blocks-gallery-grid{
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding-left:0;
justify-content:flex-start;
margin:-2px;
}

.blocks-gallery-item__caption{
	display:none;
}

.blocks-gallery-grid>*{
	flex: 1 1 150px;
	margin:2px;
	flex-grow:0;
}

.blocks-gallery-grid li{
	position: relative;
}

.blocks-gallery-grid figure{
	margin:0;
}

.blocks-gallery-grid figcaption{
	position: absolute;
	bottom:5px;
	padding-left:5px;
	color:white;
}

button:focus{
	outline:none;
}

@media screen AND (min-width:450px){
	.cinema{
		width:50%;
		width:calc(50% - 16px);
	}.menu-footer-container{
	margin-right: 20px;
}

	
}



@media screen AND (min-width:768px){
	.noplg{
		padding-left: 0;
	}

	.modal-dialog {
    	max-width: 779px;
	}

	.footer .align-right{
	margin-top:0;
}


/* CF NEU */

.wp-block-column:not(:first-child) {
    margin-left: 0px;
}
}


@media screen AND (min-width:1200px){
	.navigation li{
		display:inline-block;
	}	


.menu li{
	position: relative;
}

.navigation .sub-menu a{
	padding: 25px 20px 25px 0 ;
}

.menu li ul.sub-menu{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
    width: 100%;
    min-width: 200px;
    min-width: ;
    padding: 0 15px;
    background-color:#F1F1F1;
    z-index: 100;
}

ul.sub-menu a{
padding:10px 0;
width: 100%;
}

ul.sub-menu li{
	width: 100%;
}

.menu li:hover ul.sub-menu, ul.sub-menu:hover{
	display: block;
}

	.popup .tone{
	right:auto;
	left:30px;
	display:block;
}

	.cinema{
		width:25%;
		width:calc(25% - 8px);
	}

	.filters{
	text-align:right;
	margin-top: -47px;
}

	.menu-hauptmenue-container{
		width:100%;
	}

	.menu-fussmenue-container{
		display:inline-block;
		margin-left:10px;


	}

	.navigation a{
	padding:26px 20px;
}

.navigation li:first-child a{
	padding-left: 0;
}

.container {
    max-width: 80rem;
}
}


.has-kinoprogrammpreis-color{
	color:rgb(226, 0, 11);
}




@media screen AND (max-width:779px){
	.wp-block-column{
		width:100% !important;
		margin-left:0;
		margin-right: 0;
	}

	.wp-block-columns{
		display: block;
		
		margin-left:0;
		margin-right: 0;
	}
}





@media screen AND (min-width:400px){
	.city_dl{
	width: 40%;
	width: calc(50% - 50px);
}}

@media screen AND (min-width:768px){
	.city_dl{
	width: 25%;
	width: calc(33% - 50px);
}}

@media screen AND (min-width:992px){
	.city_dl{
	width: 20%;
	width: calc(25% - 50px);
}}

@media screen AND (max-width:699px){
.segment img{margin-top:0 !important;}
}

@media (min-width: 1200px)
.col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}