@charset "UTF-8";
/* CSS Document */


body {font-family: 'IBM Plex Sans', sans-serif;
  overflow-x:hidden;
  padding-top:55px;
}
html {
	scroll-behavior: smooth;
  font-size:0.7 rem;
}
#filmtitel {position:absolute;
  z-index:12;
     opacity:0.8;
 }
#jihlava{width:25%;
margin-left:30%;
margin-top:-4%;}
.film_overlay {margin-top:2%}
.container-fluid {
padding: 0px;
}
#einzelbild{padding:0px;
margin-left:0px;
margin-right:0px;}
.test {margin: 1%;}

.card-header .fas {
	margin-left:6%;
  transition: .3s transform ease-in-out;
}
.card-header [aria-expanded="true"] .fas {
  transform: rotate(90deg);
}
.card-header{margin-left:5%;}
.thema {margin-left:7%;}
.list-group-item {border:none;}
.cast {padding-left: 1%;}
#international{padding-top:2%;}

.gallery {margin:0px;}

.carousel-inner img {width:100%;
/* Set width to 100% */
    margin: auto;}

.carousel-caption{margin-bottom:-7%;}
.text-left{margin-left:-10%;}

	



/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/*Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	body {overflow-x:hidden;
  padding-top:50px;}  
 html {
    font-size: 0.9rem;
  }
  #filmtitel {position:absolute;
  z-index:12;
     opacity:0.8;
  }
.film_overlay{margin-left:35%;
  margin-top:2%;}
#jihlava{width:18%;
margin-left:75%;
margin-top:-3%;}
.card-header{margin-left:7%;}
#international{padding-top:0%;}




}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	body {
  overflow-x:hidden;
  padding-top:50px;
}
	html {
    font-size: 0.9rem;}
#filmtitel {position:absolute;
  z-index:12;
     opacity:0.8;
 }
  .film_overlay{margin-left:27%;
  margin-top:2%;}
  
 #jihlava{width:15%;
 margin-left:60%;
 margin-top:1%;}

  .nav-item {font-size:0.9rem;}
  .card-header{margin-left:7%;}
  #international{padding-top:%;}


	 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	html {
    font-size: 1.1rem;
 }
 #filmtitel {position:absolute;
  z-index:12;
     opacity:0.8;
 }
  .film_overlay{margin-left:26%;
  margin-top:3%;}
  
 #jihlava{
	 width:15%;
	 margin-left:65%;}
	 .card-header{margin-left:5%;}
	 #international{padding-top:%;}

 

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	html {
    font-size: 1.2rem;
		}
.filmtitel {position:absolute;
  z-index:12;
   opacity:0.8;
  }
   .film_overlay{margin-left:30%;
  margin-top:3%;}
  
 #jihlava{width:15%;
	 margin-left:70%;
 margin-top:1%;}
 .card-header{margin-left:3%;}
 #international{padding-top:0%;}



}