body, html {
  margin: 0;
  min-height: 100%;
  min-height: -webkit-fill-available;
  width: 100%;
  overflow-x:hidden;
  font-family: "Roboto", "Arial", "sans-serif";
}
.impressum h4, .impressum h3, .impressum p {
	font-family: "Arial", "sans-serif";

}
body {	
   background-color:#e7e7e7 !important;
}
/*
body {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

body.fade-in {
    opacity: 1;
    visibility: visible;
}

body.fade-out {
    opacity: 0;
    visibility: hidden;
}
*/
html {
	background:src(../Image/bg.jpg)
}
.carousel-bird .carousel-item.c-img {
	opacity: 0;
	transition-duration: 1s;
	transition-property: opacity;
}

.title_all_projects_page, .single_project_title,.projekte {
  font-family: 'Oswald', sans-serif !important;
  opacity:0;
}
.carousel-bird .carousel-item.b-img {
	opacity: 0;
	transition-duration: 0.20s;
	transition-property: opacity;
}

.carousel-bird .carousel-item.a-img {
	opacity: 0;
	transition-duration: 0.20s;
	transition-property: opacity;
}
.carousel-bird .carousel-item.b2-img {
	opacity: 0;
	transition-duration: 0.15s;
	transition-property: opacity;
}

.carousel-bird .carousel-item.c2-img {
	opacity: 0;
	transition-duration: 0.15s;
	transition-property: opacity;
}


.carousel-bird .carousel-item.active,
.carousel-bird .carousel-item-next.carousel-item-left,
.carousel-bird .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-bird .active.carousel-item-left,
.carousel-bird .active.carousel-item-right {
	opacity: 0;
}

.carousel-bird .carousel-item-next,
.carousel-bird .carousel-item-prev,
.carousel-bird .carousel-item.active,
.carousel-bird .active.carousel-item-left,
.carousel-bird .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
body.foggybg {
  background-image: url("../Image/DE EN_nur Hintergrundbild.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

body.about-us {
  position: fixed;
  overflow: hidden;
}
a {
  text-decoration: none;
}
/* Navigation bar */
nav {
  background: #0008;
  width: 100%;
  height: 6.5rem; 
}

 nav a  {
  display: inline-block;
  height: 40px;
  font-weight: 100;
  line-height: 60px;
  font-family: "Arial", "sans-serif" !important;
  list-style: none;
  transition: background .5s;
  font-size: 15px;
  text-align: left;
  text-decoration: none;
}
section.projekte-filme b {
    color: #9e9e9e;
	font-weight:400;
}
.news a {
    color: #ddd;
	font-weight:400;
}
.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    border: 0px solid #fff;
    background: #fff;
	margin-bottom: 0px;
	overflow:hidden;
}
.bx-wrapper .bx-viewport {
	height: calc(100vh - 80px) !important;
}
.bx-wrapper img {
    object-fit: cover;
    object-position: center;
    max-width: none !important;
    height: calc(100vh - 70px);
}
.news a:hover { 
	text-decoration:none;
}
section.projekte-filme a:hover b {
    color: #3e3e3e;
	font-weight:400;
}
.current {
  color: white; 
  }
  
.current:hover {
  color: white; 
  }

nav a.active {
  color: white;
  text-decoration:none;
}
.bird {
	opacity: 0.7;
}
nav a.active:hover {
  color: white;
  text-decoration:none;
}
.nav-link{
  padding: 0px 9px; 
  padding-bottom: 3.55rem;
}

.navbar {
  position: relative;
  display: flex;
  align-items: center;
}

.navbar-brand {
  position: relative;
  padding-bottom: 4.45rem; 
  padding-left: 1rem;
  width: 150px;    
  text-align: center;
  margin-right: 28px;
}
.navbar-nav li.mr-3 {
	margin-right:40px !important;
}
.navbar-brand:hover {
  opacity: 1;
  filter: brightness(2);
}

.navbar-brand img {
  position: absolute;
  top: -12px;
  opacity:0.85;
  transition: opacity 0.5s ease;
}
.navbar-brand img:hover {	
  opacity:1;
}
.nav-link{
  color: black; 
  transition: color 0.5s ease;
}


#language {
  text-align: right;
  cursor:pointer;
}

.lang-button {
  padding-left: 10%; 
  padding-right: 0rem;
}
/* Landingpage */

.header {
  background-color: #000000;
}

#navbarNav .row {
  width: 100%; 
}
img.logo {
    max-height: 90px;
    width: auto;
    margin: 0 auto !important;
    position: relative;
}

@media screen and (max-width:600px) {
  #navbarNav .row {
    width: 50vw;
    position: absolute;
    margin-top: 8.9px;
  }

  .navbar-brand {
    opacity: 1;
  }
 
  .collapsed-section{
    background-color: rgb(3, 3, 3); 
  }
}

.news-link {
	color:#fff !important;
	text-transform: uppercase;
	font-weight:800 !important;
	font-size:1.1em;
	padding-right:10px;
	padding-left:15px;
	
}
.pointer {
	max-height:10px;
	width:auto;
	padding-right:5px;
}
.right.pointer {
	padding-left:5px;
	padding-right:0px;
}
.intrologo {
  width: 400px;
  margin-top: 35%;
  margin-top: 35vh;
}

.landingcontainer {
  width: 100%;
  text-align: center;
}

.btn {
  position: relative;
  color: #ffab65;
  border: none;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}

.slider {
  position: relative; 
  height:calc(100vh - 90px);
  height:-webkit-calc(100vh - 90px);
  height:-moz-calc(100vh - 90px);
  overflow: hidden; 
}


/* carousel on Starting page */

/* .carousel-item {
  transition: transform 0.4s ease-in-out,-webkit-transform 0.4s ease-in-out;
} */

#carousel-home .carousel-item.active img, #carousel-home .carousel-item img {
	height:calc(100% - 90px) !important;
	height:calc(100vh - 90px) !important;
}

.mySlides {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div,b {
	color: #737373;
}
.greybox {
  display:none;  
  margin-top: 6.5rem;
  background-color:rgba(122, 123, 124, 0.58) !important;
  background:rgba(122, 123, 124, 0.58) !important;
  opacity:0;
  z-index: 9999;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
   height:calc(100% - 6rem);
  display:block;
  /* width: 100vw; */
  max-width: 400px;
  /* overflow-y: scroll; */
  overflow: hidden;
-webkit-transition: opacity  2s cubic-bezier(0,1.18,.2,.83);
-moz-transition: opacity 2s cubic-bezier(0,1.18,.2,.83);
-o-transition: opacity 2s  cubic-bezier(0,1.18,.2,.83);
transition: opacity 2s  cubic-bezier(0,1.18,.2,.83);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;  
  -webkit-transform:translate3d(0,0,0);
  -webkit-tap-highlight-color: transparent;
}

.news {
  font-size: 1.0em; 
  padding: 5%;
  padding-left: 4%; 
  margin-right: -4% ; 
  padding-left: 4%;
  color: white;
  /* font-family: 'Gill Sans',  'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif */
}

.news-container {
    max-height: 100vh;
    overflow: hidden;
    overflow-y: hidden;
    overflow-y: scroll;
    height:100%;
	padding-top: 40%;
}

.other_projects_title {
  color: #737373;
  margin: 1.75em 0 3.75em 0;
  font-size: 28px;
  text-align: center;
  
}

.production-img {
  position: absolute;
  left: 15px;
  top: 7px;
  max-width: 30% !important;
}
.new-img {
	position: absolute;
	left: 15px;
	top: 7px;
	max-width: 30% !important;
  }

.other_projects_title .title_all_projects_page {
	margin-top:0px;
}
#film_title {
	font-size:3.5em;
}
#cast_id {
	overflow: auto;
}
.cast_and_team p {
	clear:both;
}
.bird-news{
  height: 2.5em;
  padding-top: 0em;
  margin-top: 1em;
  margin-left: 1em;
  object-fit: contain !important;
  width: 100% !important; 
}
.video_trailer {
    margin: 40px auto;
	position: relative;
}
.banner2 h1{
  color: white;
  font-weight: 400;
}

/* Projekte */ 
.projekte_title {
    color: #737373;
	margin: 105px 0 105px 0px;
    font-size: 28px;
    text-align: center; 
}
#carousel-button {
	position: absolute;
	bottom: 40%;
	left: 4.7%;
	z-index: 999999;
	border: 0px solid #cccc;
	color:#fff;
	cursor:pointer;
	padding:20px;
}
#carousel-button i{
	font-size:18px;
}
#carousel-button:focus,#carousel-button:active {
	border: 0px solid #cccc;
}

#projects {
  width: 100%;
  height: auto;
}

#reka_projects {
	padding-bottom:105px;
}
.projects {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.project {
  margin-bottom: 105px; 
}

.project p {
  text-align: justify; 
}


.proj_img{
  margin-left : 12%; 
}

.projects_title{
  margin-left: 10.6%; 
}

.image-container img {
  height: auto;
  width: 400px;
  padding-bottom: 10%;
  padding-top: 10%;
  margin-right: 80px;
}

img.project-image{
  width: 110%; 
  padding-top:.44em; 
}

section.projekte-filme a {
  text-decoration: none;
  color:#737373;
} 

section.projekte-filme a:hover {
  color:#737373;
} 

.projects h1 {
  font-size: 36px;
  color: #737373;
}

.projects h4 {
  color: #737373;
}

.projects p {
  font-size: 12px;
  color: #737373;
}
#carousel-home, #carousel-home .carousel-item,#carousel-home-mobile, #carousel-home-mobile .carousel-item{
	overflow:hidden;
	height:100%;
	width:100%;
}
.#carousel-home .carousel-item img {
	object-fit: cover;
}
.inlay {
  margin-right: 10%;
  padding-top: 4%;
}

#work_in_progress {
  font-size: 0.5em;
  margin-top: 2%;  
}

#content h2 {
  text-align: center;
  font-size: 36px;
  font-weight: 300;
  color: #737373;
}

/* Project*/
.filmdetails{
  /* padding: 0 5px; */
  padding-right: 0px;
  margin-left: 10px;
  padding-bottom:40px;
}

.project  {
  filter: brightness(1) contrast(1);
}


.project:hover  {
  filter: brightness(1.1) contrast(1.1);
}

.project:hover * {
  color:#3e3e3e;
}

#project_content {
	padding-bottom:175px;
}

#project_content h3 {
  color: #797975; 
}

.title {
  text-align: left;
  margin-top: 1em;
  font-family: 'Oswald', sans-serif;
}
.single_project_title {
	font-family: 'Oswald', sans-serif;
}
.de .projekte_title .title_all_projects_page {	
  font-family: 'Oswald', sans-serif;
  font-size:48px;
  padding: left 10px;
}
.en .projekte_title .title_all_projects_page {	
  font-family: 'Oswald', sans-serif;
  font-size:49px;
  padding: left 10px;
}
.other_projects_title .title_all_projects_page {	
  font-family: 'Oswald', sans-serif;
  font-size:38px;
}


.cast_and_team{
  margin-top: 6em; 
  padding-left:20px;
}
.cast_and_team h3 {
	padding-bottom:20px;
}
.cast_and_team .half,.stats .half {
	width:35%;
	display:block;
	float:left;
	margin: 5px 0px;
}
.cast_and_team .left-half {	
	width:35%;
	display:block;
	float:left;
	margin: 5px 0px;
}
.cast_and_team .right-half {	
	width:64%;
	display:block;
	float:left;
	margin: 5px 0px;
	text-transform: uppercase;
}

.team{
  margin-top: 4em; 
}

.projectslider {
  position: relative;
  height: 65%;
  width: auto;
  background-color: black;
  padding-top: 2%;
  padding-bottom: 4%;
}

.projectslider h2{
  color: white;
  margin-left: 5%;
}

.projectslides {
  margin: auto;
  height: 90%;
  margin-left: 5%;
  margin-right: 5%;
}

.synopsis {
  margin-top: 2em; 
  margin-bottom:4em;
}

.video-trailer {
  margin: 20px 0;
}
.project span.text-justify {
	display:inline;
	word-break: break-word;
}
.project {
	transition:all 0.5s ;
}
#poster_id, #project_content .stats video {
  width: 640px;
  margin: 80px 0 60px 0; 
}

#trailer_id {
  width: 640px;
  margin: 30px 0 40px 0; 
}

.content {
  color: #737373;
}

#content{
  padding-left: 5%;
}
  
.table {
  display: flex;
}

.table p {
  text-align: justify;
  margin-top: 5%;
  margin-left: 5%;
  margin-right: 5%;
}

.table video {
  margin-top: 5%;
  margin-left: 5%;
  margin-right: 5%;
  height: 300px;
  width: auto;
}

.statscontent{
  display: flex;
  margin-left: 5%;
  margin-right: 55%;
  margin-right: 55vh;
  margin-bottom: 0%;
  margin-top: 3%;
}
.stats {
  /* margin-right: 5%; */
  margin-bottom: 0%;
  overflow:auto;
}

.stats h4 {
  margin-top: 0;
}

.stats h3 {
  margin-top: 0;
}

/*  Festivals fields */ 
.festivals {
  margin-bottom: 40px;
  text-align: justify;
  margin-top: 0px;
  display: block;
  clear: both;
}
.festivals festival:first-child img{
	margin-top: 0px !important;
}

.festivals img {
    height: 50px;
    display: block;
	margin:50px auto 10px auto;
}
.festivals span {
    display: inline-block;
	text-align: center;
    width: calc(100%);
}

.festivals th {
  padding-top: 1%;
}

.festival {
  margin-top : 5px; 
}

.award{
  margin-left: 5%;
  font-size: 0.95rem;
  font-weight: 700;
}


/* About us page  */
#pic-Eliz-Konst{
  width: 100%;  
  padding-bottom: 3%; 
  padding-top: 104px;
}

.bird {
  height: 200px;
  /* width: auto;  */
}
.eliza_bio h1 {
	padding:65px 0 35px 0;  
	font-size: 65px;  
	font-family: 'Oswald', sans-serif !important;
}
.eliza_bio {
	padding-top:65px;
}
.about-us-div p {
	color: #737373;  
	letter-spacing: 0.5px;
}
.about-us-div {
	margin-bottom:185px;
}
@media screen and (min-width:1280px) {
	.carousel-item {
    transition: -webkit-transform 1.6s ease-in-out;
    transition: transform 1.6s ease-in-out;
    transition: transform 1.6s ease-in-out,-webkit-transform 1.6s ease-in-out;
	}
	.title_all_projects_page{
	  margin-left: 0%;
	  padding-left: 10px;
	  margin-top: 10%;
	}

	.about-us-div {
		max-width: 1400px;
	}
	.kosta_bio {
		padding-right: 90px !important;
		padding-left: 60px;
	}
	.eliza_bio {
		padding-right: 10px;
	}
	/* About us */
	.reka_mission {
	  margin-bottom: 5%; 
	  padding-right: 50px;
	}
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}

/* Content about Reka Pictures*/
.reka {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  margin: auto;
  margin-left: 10%;
  margin-right: 10%;
  color: #737373;
}



/* Kontakt */
.contact {
  text-align: center;
  height: calc(100% - 90px);
  height: calc(100vh - 90px);
  color: #737373 ; 
}
.contact {
	width:500px;
	display:block;
	margin:0 auto;
}
.contact img {
  height: auto;
  width: 100%;
  margin-left:-20px;
  text-align: center;
  margin-top: 24%;
  margin-top: 24vh;
}
.carousel-inner img {
	object-fit:cover;
}
.information {
  text-align: center;
  color: #737373;
  max-width:360px;
  margin:0 auto;
  margin-top:5%;
}
.information a{
  text-align: center;
  font-family: 'Oswald', sans-serif !important;
  color: #737373;
  text-decoration:none;    
  font-size: 36px;
}

.information a:hover{
  text-align: center;
  color: #868686;
  text-decoration:none;
}

.information h4 {
  margin: 0;  
  font-size: 29px;
  /* padding: 5px; */
}
.en .information h4 {
  margin: 0;  
  font-size: 46px;
  /* padding: 5px; */
}

/* Footer */

footer {
  height : 90px; 
  background-color: #000;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  display: block;
  
}

.fa {
  padding: 10px 13px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}

div.impressum {
  padding-left: 2.4rem; 
}

footer a {
  color: grey;
}

footer a.social {
  color: grey;
  opacity:0.75;
}

footer a:hover {
  color :rgba(255,255,255,.75);
  text-decoration:none; 
  opacity:1;
} 

.impr_and_datenschutz{
  font-size: 0.9em;
}

.impress_datenschutz{
  margin-left : 20%; 
}

.footer_customized{
  /* padding-top: 0.2rem;  */
  padding-bottom: .2rem; 
  padding-left: 1rem;
  margin-right: 1rem;
  /* margin-bottom: 3rem;    */
  /* padding-bottom: 7rem; */
}

 /* Startseite fade in element  */ 
 .show {
  opacity: 1;
  z-index: 9999;
}

.hide {
	display:none;
}
.news-container .hide {	
  opacity:0;  
  display:block;
	-webkit-transition: opacity 1s cubic-bezier(0,1.18,.2,.83);
	-moz-transition: opacity 1s cubic-bezier(0,1.18,.2,.83);
	-o-transition: opacity 1s  cubic-bezier(0,1.18,.2,.83);
	transition: opacity 1s  cubic-bezier(0,1.18,.2,.83);
	padding-top:10px;
}
.wrapper.container {
  color: red;
  width : 300%;
  margin: 0 0;   
  padding: 0 0; 
}

.single_project_title{
  font-size: 1.8em;
}


.about-us-div h1{	
  color: #737373; 
}
.impres_datenschutz {
  padding-top: .1em;
}

.impres_datenschutz a{
  font-size: 15px;
  padding-top: 1em;
  transition: color 0.5s ease;
  /* color:red;  */
}
.einfisch .Herstellungsleiter span, .nabelschnur .Herstellungsleitung span,.zurrechtenzeit .Herstellungsleitung span{
margin-top: -5px !Important;
}
@media (min-width: 300px) {
  .wrapper-start-page.container {
      max-width: 100%;
  }
} 

/* Impressum  &  Privacy policy page */
.varantwortlich b {
	width:150px;
	display:inline-block;
}
.privacy_page{
  margin-left: 10%;
    padding-top: 95px;
}
div.impressum{
  margin-left: 10%;
  padding-top: 95px;
}
.privacy_page {
	padding-bottom:185px;
}
.title_data_protection{
  margin-top: 120px; 
  margin-bottom: 85px; 
}

h4.title_data_protection {
	margin-bottom:35px;
}
.privacy_page .title_data_protection {
    margin-top: 120px;
    margin-bottom: 85px;
  color:#737373;
}
divdiv.impressum .title_data_protection {	
  margin-top:120px; 
  margin-bottom: 85px; 
  color:#737373;
}
.privacy_page p, div.impressum p {
  text-align: justify; 
}

.data_end {
  margin-bottom: 185px; 
}

.social {
display:inline-block;
margin:7px 2px 5px 2px !important;
}
.social img {
	max-width:50px;
	height:auto;
	margin-left: -15px;
}
.facebook {
margin-left:40px !important;  
}
.hidden-mobile {
	display:block
}
#nabelschnur #synopsis_block {
	margin-bottom:30px;
}
#nabelschnur #festivals_id {
	margin-top:15px;
}
.hidden-desktop {
	display:none;
}
#project_content #synopsis_block,#project_content #trailer_id,#project_content #stats_1_id,#project_content #festivals_id,#project_content #stats_2_id,#project_content #poster_id {
	max-width:640px;
}

.starter .navbar-brand img {
	opacity:1;
}

.bird {		
	margin-top: 10px;
	margin-bottom:30px;
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (max-width:3840px) {
  .news {
    font-size: 1.0em;
    color: white; 
   }
  
.container_project {
	max-width:1440px !important;
}
  .greybox{
    max-width :25%; 
    font-size: 0.9em;	
	-webkit-transition: opacity 2s cubic-bezier(0,1.18,.2,.83);
	-moz-transition: opacity 2s cubic-bezier(0,1.18,.2,.83);
	-o-transition: opacity 2s  cubic-bezier(0,1.18,.2,.83);
	transition: opacity 2s  cubic-bezier(0,1.18,.2,.83);
  }


  .impres_datenschutz{
    padding-top: 5px;
    font-size: 1.5em;
    padding-left: 0%;
	text-align: right;
	padding-right: 25px;
  }

  .impress_datenschutz{
    margin-left : 45px; 
  }

  .landing_page_language{
    margin-top:4em; 
    font-size: 1.8em; 
  }
  
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (max-width:1900px) {
  .news {
    font-size: 1.0em;
    color: white; 
   }
   
   .projekte_wrapper .container {
	   max-width:1280px !important;
   }
  
  .greybox{
    max-width : 25%; 
    font-size: 0.9em;
  }


  .impres_datenschutz{
    padding-top: 0%;
    font-size: 1.5em;
    padding-left: 0%;
  }
  .news-container {
	  padding-top: 25% !important;
  }
  
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (max-device-width:1366px) and (max-width:1366px) {
  .news {
    font-size: 1.0em;
    color: white;
   }
   
.container_project {
	max-width:1300px !important;
}
  
  .greybox{
    max-width : 30%; 
    /* font-size: 0.9em; */
  } 
  .news-container {
	  padding-top: 15% !important;
  }

  .impres_datenschutz{
    padding-top: 0;
    font-size: 1.5em;
    padding-left: 1%;
  }
  

}

/* @media (min-width: 1200px) {
	.container {
		min-height: calc(100vh - 185px);
	}
} */
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media screen and (max-device-width:1200px) and (max-width:1200px) {
  .news {
    font-size: 0.9em;
    color: white; 
   }
  
  .greybox{
    max-width : 30%; 
  }

	footer {
		height: 70px;
		background-color: #000;
		padding-top: 0px;
		padding-bottom: 0px;
	}
  .impres_datenschutz{
    font-size: 1.4em;
	text-align:right;
    padding-left: 1%;
    padding-bottom: 0%; 
	padding-top:7px;
  }

  .impress_datenschutz {
    margin-left: 15px;
	}

}
.right-half br {
	margin-bottom: 10px;
}
.single_project_title {
   text-transform:uppercase;
}
img, video {
	max-width:100% !important;
}
/* Tablets */
@media screen and (min-width:993px) and (max-width:1280px) {
	
	#carousel-home .carousel-item:first-child img {
		object-position:100% 58%;
	}
	#carousel-home .carousel-item:nth-child(2) img {
		object-position:100% 100%;
	}
	#carousel-home .carousel-item:nth-child(3) img {
		object-position:100% 0%;
	}
	#carousel-home .carousel-item:nth-child(4) img {
		object-position:0% 89%;
	}
	#carousel-home .carousel-item:nth-child(5) img {
		object-position:80% 50%;
	}
	#carousel-home .carousel-item:nth-child(6) img {
		object-position:100% 40%;
	}
	#carousel-home .carousel-item:nth-child(7) img {
		object-position:75% 18%;
	}
	#carousel-home .carousel-item:nth-child(8) img {
		object-position:100% 0%;
	}
	#carousel-home .carousel-item:nth-child(9) img {
		object-position:75% 0%;
	}
	#carousel-home .carousel-item:nth-child(10) img {
		object-position:30% 40%;
	}
}
body.about-us,body.kontakt {
	height:auto !important;
}
@media screen and (max-width:1280px) and (orientation:landscape) {	
	.contact {
		transform: scale(0.8);
	}
	.information {		
		transform: scale(1);
	}
	.news-container {
		padding-top: 10% !important;
	}
}
#carousel-home-mobile {
	opacity:0;
	height:0;
}

#carousel-home {
	opacity:1;	
	height:auto;
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
  .news {
     font-size: 1.0em;
     /* color: yellow;  */
     color: white;
	 word-break: break-word;
    }
	.carousel-control-prev , #carousel-button {
		display:none;
	}
	.bird-news{
  height: 1.1em;
	}
	.social {
    display: inline-block;
    margin: 10px 2px 5px 2px !important;
        margin-left: 2px;
	}
	.impres_datenschutz a {
		padding-top:0px;
	}
	body.kontakt, body.index, body.startseite {
	  position: fixed;
	  overflow: hidden;
	  min-height: -webkit-fill-available;
	  min-height: -moz-fill-available;
	}
	#project_content #synopsis_block, #project_content #trailer_id, #project_content #stats_1_id, #project_content #festivals_id, #project_content #stats_2_id, #project_content #poster_id {
		max-width: 100%;
	}
	.about-us h1.mt-5 {
		text-align:left !important;
	}
	.footer_customized {
		padding:0px;
		margin-right:0px;
	}
	
	.other_projects_title p {		
		font-size: 2em;
	}
	 .contact {
		height: calc(100% - 80px);
		height: calc(100vh - 80px);
	}
	.navbar {
		display:block;
	}
	nav a {
		text-align:right;
	}
	#language {
		text-align:left;
	}
	#navbarNav .row {
		width: 50vw;
		position: absolute;
		right: 15px !important;
	}
	.navbar-brand {
		text-align:left;
		padding-left:0px;
	}
	.navbar-dark .navbar-toggler {
		border-color:transparent;
	}
	.navbar-brand img.logo {
		max-height:65px;
		top: -10px;
	}
	.navbar-toggler {
		float: right;
		margin-right:5px;
		margin-top: 12.5px;
	}
	.collapsed-section {
		padding-right:15px;
		background-color: rgb(0,0,0,0.55) !important;
	}
	#navbarNav {		
		background-color: transparent !important;
		margin-top: 0px;
		max-width: 55%;
		right: 0px;
		width: 50vw;
		margin-left: 50%;
		margin-top: -22.8px !important;
	}
	.news-container {
		padding-top: 3%;
	}
	nav.fixed-top {
		background:rgb(0,0,0,0.1) !important;
	}
	nav.navbar-dark.navbar {		
		background-color: rgb(0,0,0,0.5) !important;
	}

    .impres_datenschutz{
      font-size: 1em;
	text-align:right;
      padding-left: 1%;
      padding-bottom: 0%; 
    }
	nav {
		height:70px;
	}
	.slider {
		height: calc(100% - 90px);
		height: calc(100vh - 90px);
	}
	footer {
		height:70px;
		padding-top:7px;
		padding-bottom:0px;
	}
   .footer_customized .fa {
	   margin: 0px 2px;
   }
	#carousel-home .carousel-item:first-child img, #carousel-home-mobile .carousel-item:first-child img {
		object-position:50% 50%;
	}
	#carousel-home .carousel-item:nth-child(2) img, #carousel-home-mobile .carousel-item:nth-child(2) img {
		object-position:60% 100%;
	}
	#carousel-home .carousel-item:nth-child(3) img, #carousel-home-mobile .carousel-item:nth-child(3) img {
		object-position:63% 100%;
	}
	#carousel-home .carousel-item:nth-child(4) img, #carousel-home-mobile .carousel-item:nth-child(4) img {
		object-position:40% 100%;
	}
	#carousel-home .carousel-item:nth-child(5) img, #carousel-home-mobile .carousel-item:nth-child(5) img {
		object-position:45% 100%;
	}
	#carousel-home .carousel-item:nth-child(6) img, #carousel-home-mobile .carousel-item:nth-child(6) img {
		object-position:90% 100%;
	}
	#carousel-home .carousel-item:nth-child(7) img, #carousel-home-mobile .carousel-item:nth-child(7) img {
		object-position:45% 100%;
	}
	#carousel-home .carousel-item:nth-child(8) img, #carousel-home-mobile .carousel-item:nth-child(8) img {
		object-position:50% 100%;
	}
	#carousel-home .carousel-item:nth-child(9) img, #carousel-home-mobile .carousel-item:nth-child(9) img {
		object-position:35% 100%;
	}
	#carousel-home .carousel-item:nth-child(10) img, #carousel-home-mobile .carousel-item:nth-child(10) img {
		object-position:53% 100%;
	}
	#carousel-home .carousel-item:nth-child(11) img, #carousel-home-mobile .carousel-item:nth-child(11) img {
		object-position:53% 100%;
	}
	#carousel-home .carousel-item:nth-child(12) img, #carousel-home-mobile .carousel-item:nth-child(12) img {
		object-position:63% 100%;
	}
	#carousel-home .carousel-item:nth-child(13) img, #carousel-home-mobile .carousel-item:nth-child(13) img {
		object-position:50% 100%;
	}
	#carousel-home .carousel-item:nth-child(14) img, #carousel-home-mobile .carousel-item:nth-child(14) img {
		object-position:55% 100%;
	}
  } 

@media (max-width: 992px) and (orientation:landscape) {
    .navbar {
		position: relative !important;
		display: flex !important;
		align-items: center !important;
		lex-flow: row nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	html,body {
		width:100vw;
		width:100%;		
		  margin:0;
		  padding:0;
		  background-color:#000 !important;
	}
	body {
		padding:0px 20px;
		background-color:#000 !important;
	}
	.news-container {
		padding-top: 5% !important;
	}
	#pic-Eliz-Konst {
		padding-top: 0px;
	}
	.about-us-div h1 {
		font-size: 24px;
	}
  .impress_datenschutz {
		margin-left: 35px;
		margin-right: 15px;
	}
	.single_project_title {
		font-size: 0.9em;
	}
	footer {
		height: 40px !important;
	}
	.other_projects_title {
		color: #737373;
		margin: 1.75em 0 20px 0;
	}
	.slider #carousel-home .carousel-item img, .slider #carousel-home-mobile .carousel-item img {
		obejct-fit:inherit !important;
		height:calc(100vh - 90px) !important;
	}
	#carousel-home .carousel-item:first-child img {
		object-position:100% 58%;
	}
	#carousel-home .carousel-item:nth-child(2) img {
		object-position:100% 100%;
	}
	#carousel-home .carousel-item:nth-child(3) img {
		object-position:100% 0%;
	}
	#carousel-home .carousel-item:nth-child(4) img {
		object-position:0% 89%;
	}
	#carousel-home .carousel-item:nth-child(5) img {
		object-position:80% 50%;
	}
	#carousel-home .carousel-item:nth-child(6) img {
		object-position:100% 40%;
	}
	#carousel-home .carousel-item:nth-child(7) img {
		object-position:75% 18%;
	}
	#carousel-home .carousel-item:nth-child(8) img {
		object-position:100% 0%;
	}
	#carousel-home .carousel-item:nth-child(9) img {
		object-position:75% 0%;
	}
	#carousel-home .carousel-item:nth-child(10) img {
		object-position:30% 50%;
	}
	
	.contact {
		width: 100%;
	}
	.contact img {
		margin-top:65px;
		max-height: 55%;
		width: auto;
	}
	nav.fixed-top {
		height:65px !important;
		background: #0008 !important;
		
	}
	.lang-button {
	  padding-left: 0px; 
	  padding-right: 0px;
	}
	.impres_datenschutz {
		padding-top:0px !important;
	}
	nav.navbar-dark.navbar {
		background-color: #0008 !important;
		padding: 0px 10px;	
	}
	.navbar-brand img.logo {
		max-height: 60px !important;
		top:-3px !important;
		text-align:center !important;
	}
	a.nav-link {
		padding-right: .5rem !important;
		padding-left: .5rem !important;
	}
	nav a {
		text-align: left !important;
	}
	.navbar-brand {
		position: relative;
		padding-bottom: 0px;
		padding-left: 10px;
		width: 76px;
		height: auto !important;
		text-align: left !important;
		margin-right: px !important;
		
	}
    .navbar-toggler {
        display: none !important;
    }
    .navbar-nav {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: row;
		flex-direction: row;
		padding-left: 0;
		margin-bottom: 0;
		list-style: none;
		width:100%;
	}
    .navbar-nav>li {
        float: left;
    }
	#navbarNav {
		max-width: 100% !important;
		left: 0px !important;
		margin-left: 0px !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
		flex-grow: 1;
		width: auto;
		margin-top:-5px !important;
		margin-right: -10px;
	}
	.collapsed-section {
		padding-right: 0px;
		background-color: transparent !important;
	}
	#language {
		text-align: right !important;
	}
	#navbarNav .row {
		width: 100% !important;
		position: relative!important;
		margin-top: 0px !important;
		right: auto !important;

	}
	.projekte_title {
		color: #737373;
		margin: 0px 0 10px 0;
		padding-top: 0px;
	}
}
@media screen and (max-width:992px) and (orientation:landscape){
	
  .title_all_projects_page.text-left {
	  text-align:center !important;
  }
  .carousel-item {
    backface-visibility: hidden;
    transition: -webkit-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;
    transition: transform 1s ease-in-out,-webkit-transform 1s ease-in-out;
	}
	.eliza_bio h1 {
		margin-top: 20px !important;
	}
	.kosta_bio h1{
		margin-top: 0px !important;
	}
.about-us header {
    display: block;
    height: 0px;
}
  .contact img {
    margin-top: 45px;
		max-height: 70%;
		width: auto;
	}
  .startseite, .index,.kontakt {
	  overflow:hidden !important;
  } 
  .kontakt .information h4 {
    margin: 0;
    font-size: 42px;
	margin-left:-3%;	  
  }
  .information a {
    font-size: 42px;
  }
  
  .slider {
	  height:calc(100vh - 90px);
	  height:-webkit-calc(100vh - 90px);
	  height:-moz-calc(100vh - 90px);
	}
  .contact {
	  height:calc(100% - 90px);
	  height:calc(100vh - 90px);
	  height:-webkit-calc(100vh - 90px);
	  height:-moz-calc(100vh - 90px);
	  margin-top:-50px;
	}

}
/* Medium devices (Portrait tablets, 768px and down) */
@media only screen and (max-device-width:768px) and (max-width:768px) and (orientation:portrait) {
	
.greybox{
    max-width: 100%; 
    /* font-size: 1.5em;  */
    height: calc(100% - 297.2px);
    padding-top: 1em; 
    bottom: 0px;
	top:unset;
    padding-left: 15px;
	padding-top: 0px !important;
  }
  
	.information {
		padding-left: 15px;
	}
	.in
  .kosta_bio h1 {
	  margin-top:10px !important;
	  text-align:left !important;
  }
  .eliza_bio h1 {
	  margin-top:30px !important;
	  text-align:left !important;
  }
#carousel-home-mobile {
	opacity:1;
	height:auto;
}  
#carousel-home {
	opacity:0;
	height:0;
}
  .carousel-home .carousel-inner img {
		object-fit: cover;
		height: calc(100vh - 40px) !important;
	}
	#carouselExampleIndicators .carousel-inner img {
    object-fit: cover;
    height: auto !important;
}
  .contact {
	  margin-top:-50px;
	}
  
 .social {
    margin: 10px 0px 5px 0px !important;
 }
  	footer {
		height:60px;
		padding-top:10px;
		padding-bottom:10px;
	}
  
  .news-container .hide:first-child {
    margin-top: 60px;
  }
  .slider {
	  height:calc(98%);
	  height:calc(100% - 60px);
	  height:calc(100vh - 60px);
	  height:-webkit-calc(100vh - 60px);
	  height:-moz-calc(100vh - 60px);
	}
  
	.de .projekte_title .title_all_projects_page:after, .en .projekte_title .title_all_projects_page:after, .other_projects_title .title_all_projects_page:after{ /* Justify last line */
		content: ' ';
		display: inline-block;
		width: 100%;
		height:0px;
	}

	.de .projekte_title .title_all_projects_page, .en .projekte_title .title_all_projects_page, .other_projects_title .title_all_projects_page {	
	  text-align:justify !important;
	  height: 50px;
	}
  #pic-Eliz-Konst {
    width: 100%;
    padding-bottom: 0px;
    padding-top: 70px;
}

	
}
/* Medium devices (landscape tablets, 768px and up) */
@media screen and (max-device-width:768px) and (max-width:768px) and (orientation:landscape) {
	
.bird {		
	margin-top: 10px;
	margin-bottom:30px;
}
.social.instagram {
    margin-left: -10px !important;
}
.facebook {
		margin-left: 24px !important;
	}
	.impress_datenschutz {
		margin-left: 15px;
		margin-right: 40px;
	}
.social {
    margin: 0px 0px 5px 0px !important;
	padding-top:1px;
}
.contact img {
    height: auto !important;
    width: auto !important;
    text-align: center;
    margin-top: 7% !important;
	max-height: 70%;
}
.greybox{
    max-width: 100%; 
    /* font-size: 1.5em;  */
    height: calc(100% - 297.2px);
    padding-top: 1em; 
    bottom: 0px;
	top:unset;
	width:100%;
	padding-top: 5px !important;
    padding-left: 15px;
  }
  #pic-Eliz-Konst {
    padding-bottom: 0px;
  }
}
@media screen and (max-device-width:768px), screen and (max-width:768px) {
 .news {
   font-size:  1.1em;
   padding: 0px 0px 50px 0px; 
   color: white; 
   font-weight: 500;
   padding-left: 0px;  
   padding-right: 10px; 
   margin-left:-5px; 
   word-break: break-word; 
 }
 #impres_datenschutz {
	padding-right: 10px;
 }
 .body,.html {
	 touch-action:none;
 }
 #pic-Eliz-Konst {
	 padding-top:0px;
 }
 .privacy_page .title_data_protection {
    margin-top: 0px;
 }
 .privacy_page {
    padding-top: 0px;
}
header {
    display: block;
	height:70px;
}
.startseite header,.index header {	
	height:0px;
	display:inline;
}
 .privacy_page {
    padding-bottom: 0px;
}
 .privacy_page p:last-child, div.impressum p:last-child,.project p:last-child {
	padding-bottom:0px;
	margin-bottom:0px;
 }
 .filmdetails {
	 padding-bottom:0px;
 }
  footer {
	  margin-top:120px;
  }
  .startseite footer,.startseite2 footer, .kontakt footer, .index footer {
	  margin-top:0px !important;
  }
  
  header {
    margin-bottom: 0px;
  }
  .impressum header, .privacypolicy header {
	margin-bottom:110px; 
  }
  .projekte header {
	margin-bottom:95px; 
  }
  .startseite footer , .index footer, .kontakt footer{
	margin-top:0px; 
  }
 .hide.news_0 {
    margin-bottom: 80px;
}
 
 div.impressum {
	 padding-top:0px;
 }
.bird-news{
  height: 1.8em;
  width:auto !Important;
  padding-top: 0em;
  margin-top: 0px;
  margin-left: 0.3em; 
}
 .project:hover *, .project:focus * {
    color: #737373;
}
 
	.project.in-view {		
		-webkit-transition: all 1s linear;
		-moz-transition: all 1s linear;
		-o-transition: all 1s linear;
		transition: all 1s linear;
		filter: brightness(1.1) contrast(1.1);
	}
	.project {			
		-webkit-transition: all 2s linear;
		-moz-transition: all 2s linear;
		-o-transition: all 2s linear;
		transition: all 2s linear;
	}
	/* .project.in-view * { */
		/* color: #3e3e3e;		 */
		/* -webkit-transition: all 0.7s linear; */
		/* -moz-transition: all 0.7s linear; */
		/* -o-transition: all 0.7s linear; */
		/* transition: all 0.7s linear; */
	/* } */
	
 #poster_id {
	 margin-bottom:30px;
 }
 .cast_and_team .half, .stats .half {
    margin: 2.5px 0px;
}
.stats p span.half:nth-child(2) {
	padding-left:15px !important;
}
.video_trailer {
    margin: 40px auto 33px auto;
}
 .filmdetails p {
	 margin-bottom:5px;
 }
  .social {
	display:inline-block;
	margin:0px 0px 5px 0px !important;
  }
  .social.instagram {
	margin-left:-7px !important;  
  }
  
 
 p, span, li {
	 font-size:13px;
 }
 h3 span {
	font-size:16px;
 }
 
.row {
	margin-right:-15px !important
}
   img.project-image {
		width: 100%;
		max-width:100%;
		padding-top: .44em;
	}
 .reka_mission {
	 margin-bottom:0px !important;
 }
 
 container_project {
    padding: 0px 15px !important;
}
 .container_project p {
	 font-size:13px;
	 color:#737373
 }
 #filmdetails {
	 margin-left:-15px;
 }
  
 #cinemanda_projects {
	 margin-bottom:50px;
 }
 .navbar-toggler {
    padding: .25rem 15px;
    font-size: 1rem;
  }
  img.logo {
	margin-left:6px !important;
  }
 .single_project_title {
	 margin:10px 0px 5px 0px !important;
 }
 .other_projects_title {
    margin-bottom: 35px !important;
	margin-top:40px !important;
	background:none !important;
}
	 .project {
		margin-bottom: 0px;
		Margin-top: 20px !important;
	}
	
	.projekte_title .title_all_projects_page {
		margin-bottom:30px;
	}
	.project span.text-justify {
		display: inline;
    text-align: justify !important;
	}
	section.projekte-filme b {
		font-size:0.78rem;
		display:inline;
		padding-left:2px;
	}
  .reka_mission {
	  text-align:justify !important;
	  padding-right: 4%;
	  padding-left: 4%;
	  word-break: break-all;
  }
  .contact img {
	height: auto;
	width: 100%;
	text-align: center;
	margin-top: 45px;
	max-width: 500px;
	
}
  div.impressum {
    padding-left: 0px;
  }
  .container {
	  padding-left: 10px;
	  padding-right: 10px;
  }
	.about-us-div h1 {
		font-size: 24px;
	}
  .about-us-div {
	  padding-left: 10px;
	  padding-right: 10px;
  }
  .festivals span {
	  text-align:center;
	  width: 100%;
  }
  .navbar-nav .nav-link {
    text-align: left;
	}
	#language {
		text-align: right;
		margin-right:15px;
	}
  .impres_datenschutz {
    padding-right: 0px;
}
  .facebook {
	  margin-left: 15px !important;
  }
  .carousel-bird {
    margin-top: 0px !important;
}
  .news-container {
    padding-top: 5% !important;
  }
  .navbar-brand img {	
  opacity:1;
   }
   .footer_customized .fa {
	   width:30px !important;
	   margin: 0px 1px;
   }
  
  .news-container {
    margin-top: 0px;
  }
  
  
  

  .impres_datenschutz{
    font-size: 1em;
	text-align:right;
    padding-left: 1%;
    padding-bottom: 0%; 
  }

 
  .impress_datenschutz {
    margin-left: 15px;
    margin-right: 15px;
}

  .landing_page_language{
    margin-top: 8%;
    margin-top: 8vh;
    font-size: 2.0em; 
  }

} 

@media screen and (max-width:896px) and (orientation:landscape) {
	.impres_datenschutz a {
		font-size: 0.9em;
	}
	.reka_mission {
	  word-break: break-word;

  }
	.impres_datenschutz {
		padding-top: 9px !important;
		padding-right: 0px;
	}
	social {
		margin: 10px 2px 5px 2px !important;
		padding-top:2px;
	}
	.carousel {
		margin-top: 0px;
	}
	footer {
		padding-top: 0px;
	}
	.navbar-nav li.mr-3 {
		margin-right: 20px !important;
	}
	.slider {
		overflow: hidden;
	}
	.cast_and_team {
		text-align: center;
	}
	.festivals img {
		margin:0 auto !important;
	}
	#trailer_id {
		width: 100%;
		max-height: 350px;
	}
}
@media screen and (max-width:812px) and (orientation:landscape) {
	.impres_datenschutz a {
		font-size: 12px;
	}
	
}
@media screen and (max-width:736px) and (orientation:landscape) {
	.impres_datenschutz a {	
		font-size: 12px;
	}
}
@media screen and (max-width:667px) and (orientation:landscape) {
	.impres_datenschutz a {
		font-size: 12px;
	}
	.news-link {
		font-size: 0.7em;
	}
}
@media screen and (max-width:592px) and (orientation:landscape) {
	.navbar-nav li.mr-3 {
		margin-right: 20px !important;
	}
	.navbar-nav li.mr-3 a {
		font-size:14px;
	}
	
	.facebook {
		margin-left: 50px !important;
	}
}

@media screen and (max-width:568px) and (orientation:portrait) {
	.greybox {
		padding-top:10px;
	}
	.social img {
		max-width: 40px;
	}
	
	 .social {
		margin: 0px 0px 5px 0px !important;
	 }
	 .projekte_title .title_all_projects_page {
		 font-size:36px
	 }
	 .en .projekte_title .title_all_projects_page {
		 font-size:34px
	 }
	 .other_projects_title .title_all_projects_page {		 
		 font-size:28px
	 }
	.social {
		margin-left: 3px 2px 0px 2px !important;
	}
	
	.facebook {
		margin-left: 5px !important;
	}
	
	.hidden-mobile {
		display:none
	}
	.hidden-desktop {
		display:block;
	}
   .single_project_title {
    font-size: 18px !important;
   }
	.filmdetails {
		margin-right: 0px;
	}
	.cast_and_team .half, .stats .half {
    width: 50%;
	}
	.carousel {
		padding-top: 0px;
	}
	#film_title {
		font-size: 16px;
	}
	.project span{
		font-size:13px;
		font-weight:200;
		text-decoration:none !Important;
	}
	.festivals img {
		height: 40px;
		padding: 5px;
		margin-right: 20px;
		clear: both;
		margin: 0 auto !important;
		display: block;
	}
	.navbar {
		padding: .5rem 0px;
	}
	.data_end {
		margin-bottom:0px !important;
	}
	
	.cast_and_team {
		text-align: center;
	}
	.projekte_title {
    color: #737373;
    margin:0;
	}
	.cast_and_team .right-half,.cast_and_team .left-half {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
	}
	.cast_and_team .right-half {
		margin:0px 0px 10px 0px;
	}
	.cast_and_team .left-half {		
		margin:5px 0px 0px 0px;
	}
	.projekte_wrapper {
		padding:0px !important;
	}
	.contact {
		width:100%;
	}
	.contact img {
		height: auto;
		width: 100%;
		max-width: 75% !important;
		text-align: center;
		margin-top: 15%;
		margin-top: 25vh;
		margin-left: 0%;
		margin-right: 0%;
	}
	.privacy_page, div.impressum {
		margin-left: 0;
	}
	.bird {		
		margin-top: 20px;
		margin-bottom:40px;
	}
	.impres_datenschutz a {
		font-size: 0.9em;
		padding-top: 1.2em;
	}
	div.impressum .title_data_protection {
		margin-top: 0px;
		margin-bottom: 60px;
	}
	.title_data_protection {
		font-size:20px;
	}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media screen and (max-device-width:425px), screen and (max-width:425px) {
  .news {
    font-size: 0.9em;
    color: white ; 
    font-weight: 500;
    padding : 0px 0px 40px 0px; 
   padding-left: 5px;  
   padding-right: 5px;
   }
   .news-link {
		font-size:0.9em !important;
		padding-right:20%;
		float:right;
	}
	
   
	 .de .projekte_title .title_all_projects_page {
		 font-size:31.5px
	 }
	 .en .projekte_title .title_all_projects_page {
		 font-size:30px
	 }
	 .other_projects_title .title_all_projects_page {		 
		 font-size:24px
	 }
	#carousel-home,#carousel-home-mobile {
		margin-top:0px;
	}
	
	.project span{
		font-size:13px;
		font-weight:200;
	}
  .greybox{
    max-width: 100%;
    margin-top: 96px;
  }
	.single_project_title {
    font-size: 18px !important;
   }
  
 
	
  .cast_and_team{
    margin-top: 1em;
    margin-left: 0em; 
  }

  .title{
    text-align: left;
    margin-top: 1.5em;
    font-size: 1.5em;
    margin-bottom: 0em; 
  }

  .synopsis{
    margin-top: 2em;
  }

  .festival{
    margin-top: 1.3em; 
    font-size: 0.95em; 
  }
  
  .festivals{
    margin-top: 2em; 
  }

  .award{
    margin-left: 1.3em; 
    font-size: 0.87em; 
  }
.filmdetails h3 span{
	font-size:20px !important;
	font-weight:600;
}
  .carousel {
    padding-top: 0px;
}


  .single_project_title{
    font-size: 1.0em;
    font-weight: 500; 
  }

  .impress_datenschutz{
    margin-left : 15px; 
	margin-right: 10px;
  }

  .impres_datenschutz{
    font-size: 1em;
	text-align:right;
    padding-left: 1%;
    padding-bottom: 0%; 
    padding-top: 2px;  
  }

  .intrologo {
    width: 400px;
    margin-top: 18%;
    margin-top: 18vh;
  }

  .landing_page_language{
    font-size: 1.5em; 
  }

  .bird{
    margin-left : 0%; 
  }

  .kosta_bio{
    padding-right: 15px;
  }

}

/* Small devices (phones, 375 and down) */
@media screen and (max-device-width:375px), screen and (max-width:375px) {
  .news {
    font-size: 0.9em;
    color: white ; 
    font-weight: 400;
    padding : 0px 0px 40px 0px;
   padding-left: 0px;  
	
   }
   
	

	 .projekte_title .title_all_projects_page {
		 font-size:30px
	 }
	 .en .projekte_title .title_all_projects_page {
		 font-size:28px
	 }
	 .other_projects_title .title_all_projects_page {		 
		 font-size:22px
	 }
  .greybox{
    max-width: 100%;
    padding-top: 0em; 
    height: calc(100% - 297.2px);
    bottom: 0px;
	top:unset;
  }
  .single_project_title {
    font-size: 14px !important;
  }

  .other_projects_title {
    color: #737373;
    margin: 1.1em 0;
    font-size: 1.9em;
    text-align: center;
  }
  .projekte_title{
    margin-bottom: 0em;
    font-size: 2.1em; 
  }
  
  
  .cast_and_team{
    margin-top: 1em;
    margin-left: 0em; 
  }

  .title{
    text-align: left;
    margin-top: 1.5em;
    font-size: 1.5em;
    margin-bottom: 0em; 
  }

  .synopsis{
    margin-top: 10px;
  }

  .festival{
    margin-top: 1.3em; 
  }
  
  .festivals{
    margin-top: 10px; 
  }

  .award{
    margin-left: 1.3em; 
  }
  
  .carousel {
    margin-top: 0px;
  }
	
  .single_project_title{
    font-size: 16px;
    font-weight: 600; 
  }

  .impres_datenschutz a{
    font-size: 12px;
    padding-top: .4em;
  }

  .impres_datenschutz{
    font-size: 12px;
	text-align:right;
    padding-left: 1%;
    padding-bottom: 0%;
    padding-top: 7.5px;  
  }
  
  .bird{
    margin-left : 0%; 
  }

  .kosta_bio, .reka_mission{
    padding-right: 4%;
  }
}
#poster_id {
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}


/* Extra small devices (phones, 320 and down) */
@media screen and (max-device-width:359px), screen and (max-width:359px) {
  .news {
   font-size: .9em;
   color: white;
   font-weight: 500;
   padding: 0px 0px 20px 0px; 
   /* padding : 55px 0px;  */
  }
	 .projekte_title .title_all_projects_page {
		 font-size:28px
	 }
	 .en .projekte_title .title_all_projects_page {
		 font-size:26px
	 }
	 .other_projects_title .title_all_projects_page {		 
		 font-size:px
	 }
  .filmdetails h3 span{
	font-size:18px !important;
	font-weight:600;
}
  .single_project_title {
    font-size: 18px !important;
  }
  .greybox{
    max-width: 100%; 
    /* font-size: 1.5em;  */
    height: calc(100% - 297.2px);
    /* margin-top: 65em; */
    margin-top: 5px;
  }

  .bird-news {
    margin-left: 0px;
  }

  .cast_and_team{
    margin-top: 1em;
    margin-left: 0em; 
  }

  .other_projects_title {
    color: #737373;
    margin: 1.1em 0;
    font-size: 1.9em;
    text-align: center;
  }

  .projekte_title{
    margin-bottom: 0em;
    font-size: 2.1em; 
  }

  .title{
    text-align: left;
    margin-top: 1.5em;
    font-size: 1.5em;
    margin-bottom: 0em; 
  }

  .synopsis{
    margin-top: 2em;
  }

  .festival{
    margin-top: 1.3em; 
  }
  
  .festivals{
    margin-top: 2em; 
  }

  .award{
    margin-left: 1.3em; 
  }

  .carousel {
    margin-top: 70px; 
  }

  .single_project_title{
    font-size: 16px;
    font-weight: 600; 
  }

  .impr_and_datenschutz{
    font-size: 0.5em;
  }

  .impres_datenschutz{
    font-size: 0.8em;
	text-align:right;
    padding-left: 1%;
    padding-bottom: 0%;
    padding-top: 5% ;
    padding-right: 0px !important;
  }

  .impress_datenschutz{
    margin-left : 15px; 
  }

  .intrologo {
    width: 400px;
    margin-top: 24%;
    margin-top: 24vh;
  }

  .bird{
    margin-left : 0%; 
  }

  .kosta_bio, .reka_mission{
    padding-right: 4%;
  }
  
  .impress_datenschutz a{
	  font-size: 0.9em;
	}
}
/* Medium devices (landscape tablets, 768px and up) */
@media screen and (max-device-width:992px) and (max-width:992px) and (orientation:landscape) {	
.greybox {
	width:50% !important;
	max-width:50% !important;
    margin-top: 65px;
    height: calc(100% - 65px);
}
	html, body, .slider, .startpage-wrapper,.projekte_wrapper,header, footer {
		width:100% !important;
	}
}
@media only screen and (max-device-width:992px) and (max-width:992px) and (orientation:landscape) {	
.greybox {
	width:50% !important;
	max-width:50% !important;
    margin-top: 65px;
    height: calc(100% - 65px);
}
	
	.facebook {
		margin-left: 24px !important;
	}
	.social.instagram {
		margin-left: -10px !important;
	}
	.impress_datenschutz {
		margin-left: 25px;
		margin-right: 40px;
	}
}
#impres_datenschutz {
	font-family: "Oswald", sans-serif;
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3)
	and (orientation:portrait) {
		body {
			height:100vh;
		}
	.slider, .carousel-home .carousel-inner img, .kontakt{ 
		height:calc(100vh - 160px) !important;		
	}
	.startseite footer, .startseite2 footer, .kontakt footer, .index footer {
		margin-top: 0px !important;
		position: fixed;
		width: 100%;
		bottom: 0px;
	}
	#impres_datenschutz {
		padding-top:15px !important;
	}
}
	
@media only screen 
    and (device-width : 812px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 3)
	and (orientation:landscape) {
		body {
			height:100vh;
		}
		.slider, .carousel-home .carousel-inner img, .kontakt{
			height: calc(100vh - 110px) !important;	
		}
		#impress_datenschutz{
			padding-top:10px;
		}
		.startseite footer, .startseite2 footer, .kontakt footer, .index footer {
			margin-top: 0px !important;
			position: fixed;
			width: 100%;
			bottom: 0px;
		}
}

@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3)
	and (orientation:portrait) {
		body {
			height:100vh;
		}
		.slider, .carousel-home .carousel-inner img, .kontakt{
			height: calc(100vh - 60px)  !important;	
		}		
	}
	
@media only screen 
    and (device-width : 736px) 
    and (device-height : 414px) 
    and (-webkit-device-pixel-ratio : 3)
	and (orientation:landscape) {
		body {
			height:100vh;
		}
		.slider, .carousel-home .carousel-inner img, .kontakt{
			height: calc(100vh - 40px) !important;	
		}
		#impress_datenschutz{
			padding-top:10px;
		}
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2)
	and (orientation:portrait) {
		body {
			height:100vh;
		} 
		.slider, .carousel-home .carousel-inner img, .kontakt{
			height: calc(100vh - 60px)  !important;	
		}
	}
	
@media only screen 
    and (device-width : 667px) 
    and (device-height : 375px) 
    and (-webkit-device-pixel-ratio : 2)
	and (orientation:landscape) {
		body {
			height:100vh;
		}
		.slider, .carousel-home .carousel-inner img, .kontakt{
			height: calc(100vh - 40px) !important;	
		}
		#impress_datenschutz{
			padding-top:10px;
		}
	}

/* Change the direction of the transition. */
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .carousel-item.animation.next,
  .carousel-inner > .carousel-item.animation.active.right {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .carousel-item.animation.prev,
  .carousel-inner > .carousel-item.animation.active.left {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .carousel-item.noanimation.next,
  .carousel-inner > .carousel-item.noanimation.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .carousel-item.noanimation.prev,
  .carousel-inner > .carousel-item.noanimation.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@media all and (transform-3d), (-webkit-transform-3d) { 
	.active.animation.carousel-item-left, .animation.carousel-item-prev:not(.animation.carousel-item-right) { 
		-webkit-transform: translateX(100%); transform: translateX(100%); 
	} 
	.animation.active.carousel-item-right, .animation.carousel-item-next:not(.animation.carousel-item-left) { 
		-webkit-transform: translateX(-100%); transform: translateX(-100%); 
	} 
	
	.noanimation.active.carousel-item-left, .noanimation.carousel-item-prev:not(.noanimation.carousel-item-right) { 
		-webkit-transform: translateX(-100%); transform: translateX(-100%); 
	} 
	.noanimation.active.carousel-item-right, .noanimation.carousel-item-next:not(.noanimation.carousel-item-left) { 
		-webkit-transform: translateX(100%); transform: translateX(100%); 
	} 
}