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

body {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: #f9f9f9;
    background-image: url("../pics/sitecontent/background.jpg");
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-weight: 300;
}
body {
    line-height: 1.42857;
}
body {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
}
*, *::after, *::before {
    box-sizing: border-box;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
body {
    display: block;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }


/*Navbar */

@media (min-width: 768px) {
	.navbar-fixed-top {
		top: -62px;
	}
}
.navbar {
    background-color: rgb(193,55,43);
    color: #ffffff;
	margin-bottom: 0px;
}
.nav>li>a:focus, .nav>li>a:hover {
    background-color: #BE7972;
	color: #FFF;
}
.navbar-nav > li > a {
    color: #fff;
    padding: 10px;
    border-left: 1px solid  rgb(150,55,43);
	text-align: center;
}
.navbar-nav > li:last-child > a {
    border-right: 1px solid rgb(150,55,43);
}

.navbar-right {
    margin-right: 0px;
}
.navbar-right > li > a {
   padding: 20px 10px 20px 10px;
}
@media (max-width: 767px) {
	.navbar {
		background-color: transparent;
	}
	.nav-collapse {
		background-color: rgb(193,55,43);
		margin-top: 60px;
	}
	.navbar-nav {
		margin: 0;
	}
	.navbar-nav > li > a {
		color: #fff;
		padding: 10px;
		border-bottom: 1px solid  rgb(150,55,43);
		border-left: none;
		text-align: center;
	}
	.navbar-nav > li {
		width: 50%;
		float:left;
	}
	.navbar-toggle {
		background-color: transparent;
		margin: 0px;
		padding: 27px 10px 10px 20px !important;
	}
	.navbar-toggle:hover {
		background-color: transparent;
		cursor:pointer;
	}
	.navbar-toggle .glyphicon {
		font-size: 150%;
	}
	.navbar-nav .open .dropdown-menu {
		width: 200%;
	}
	.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
			border-left: none;
			border-right: 1px solid    rgb(150,55,43);
			border-bottom: 1px solid   rgb(150,55,43);
	}
	
	.maincontent.col-sm-8 {
		padding: 0px 15px 5px 15px !important;
	}
	footer .col {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.sidebar.col-sm-4 {
		padding: 0px 15px 0px 15px !important;
	}
	header {
		min-height:inherit;
	}
	
}


/*Logo 
.logo {	
	max-width: 220px; 
	margin-right: 5px;
	margin-top: 5px;
}
@media (max-width: 767px) {
	.logo {	
		max-width: 200px; 
		margin-right: 0px;
	}
}*/


/*slider */
.carousel-indicators {
	bottom: -15px;
}
.carousel-indicators li {
	border-radius: 0px;
	margin-bottom: 0;
	height: 4px;
	width: 20px;
	background-color: rgb(193,55,43);
	border:none;
	
}
.carousel-indicators .active {
    background-color: #fff;
    height: 4px;
	width: 20px;
}

/* Tiles */
.tile {
	
}
#tile1 {
	background: rgb(166,164,143);		
}
#tile2 {
	background: rgb(191,55,43);		
}
#tile3 {
	background: rgb(140,29,38);	
}
#tile4 {
	background: rgb(153,134,117);
}
#tile5 {
	background: rgb(200, 76, 56);		
}
#tile6 {
	
	background: rgb(190,121,114);		
}

.dynamicTile .col-sm-3, .dynamicTile .col-sm-6, .dynamicTile .col-sm-4{
	padding: 5px;
}

.tile a {
	width: 100%;
	height:100%;
	display: block;
	position:relative;
	text-decoration: none;	
}
.tile a:hover{
	width: 100%;
	height:100%;
	display: block;
	position:relative;
	text-decoration: none;
	animation-name: example;
    animation-duration: 2s;	
}
.tile i {
	color: rgba(255, 255, 255, 0.4);
    display: block;
    font-size: 450%;
    text-align: center;
    position: relative;
    top: 30%;
	
}
.tile span {
	bottom: 0;
    color: rgb(255, 255, 255);
    display: block;
    font-size: 120%;
    position: absolute;
    text-align: center;
    width: 100%;
}

@media (max-width: 990px) {
	.tile i {
		font-size: 200%;
		top: 35%;
	}
	.tile span {
		bottom: 0;
		font-size: 100%;
	}
}

/* The animation code */
@keyframes example {
    to {background-color: black;}
}

/* Sidebar */
#sidebar {
		
}
#sidebar .nav li a {
	padding:8px;
	background: #998675;
}
#sidebar .nav li a:hover {
	background: #BE7972;
}
#sidebar .nav li.selected {
	padding:8px;
	background: #BF372B;
}

.sidebar.col-sm-4 {
	padding: 0 0 0 20px;	
}
#sidebar.affix {
    top: 70px;
}
.sidebar a {
	color: #FFF;
}
.sidebar h3 {
	text-align: center;
	margin-top: 0px;	
}
.sidebar .plakat .col:first-of-type {
	padding-right: 5px;
}
.sidebar .plakat .col:last-of-type {
	padding-left: 5px;
}
@media (max-width: 992px) {
	.sidebar .plakat .col:first-of-type {
		padding-right: 15px;
	}
}
.filmtitle {
	font-weight: bold;
	color: #BF372B;	
}
.filmdate{
	font-style:italic;	
}
h4.hint {
	margin-top: 20px;
}

/* Pagecontent */
.maincontent.col-sm-8 {
	padding: 0 20px 5px 10px;
}

.pagecontent {
	background: rgba(255,255,255,0.68);
	padding: 10px;
	color: #000;
	min-height:500px;
}
.pagecontent > .row {
	margin: 0;
}
.pagecontent h1 {
	font-size: 28px;
	text-transform: uppercase;
	margin-top: 3px;
}
.pagecontent h1 a, .pagecontent h2 a  {
	text-decoration: none;
}
.pagecontent h2 {
	font-size: 21px
}
.pagecontent h3 {
	font-size: 17px;
	color: #BF372B;
}
.pagecontent h3 a {
	text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}
.pagecontent .contentblog {
	border-bottom: 1px dotted #fff;	
}
.plakatausgabe {
	margin-top: 2em;
}
.pagecontent p.section {
	font-weight: bold;
}
.pagecontent .height12 {
	height: 12em;
}
.pagecontent .height16 {
	height: 16em;
}
.pagecontent a {
	text-decoration: underline;	
}
.pagecontent a {
	text-decoration: underline;	
}
.pagecontent a.btn {
	text-decoration: none;	
}
.pagecontent ul {
	margin-left: 2em;	
	list-style-type: square;
}
.pagecontent ol {
	margin-left: 2em;	
}
.pagecontent ul li.title {
	list-style-type: none;
}
.pagecontent .table > thead > tr > th {
	border-bottom: 2px solid #000;
}

.pagecontent ul.references {
	list-style-type: none;
	margin-left: 0;
	
}
.pagecontent ul.references li {
	float: left;
	
}
.pagecontent ul.references li a {
	text-decoration: none;
}
.pagecontent .contentblogs .blog  {
	margin-top:8px;
	
}
.pagecontent .contentblogs .blog a {
	background-color: rgba(166, 164, 143, 0.5);
	display: block;
	text-decoration:none;
	padding-bottom: 5px;
	
}
.pagecontent .contentblogs .blog a:hover {
	background-color:  rgba(166, 164, 143, 0.9);
	display: block;
	text-decoration:none;
	padding-bottom: 5px;
	
}
.pagecontent .contentblogs .blog a h4, .pagecontent .contentblogs .blog h4 {
	margin-bottom: 5px;
	color: #000;
	font-size: 90%;
	text-decoration:none;
}
.pagecontent .contentblogs:last-of-type .blog {
	min-height: 200px;
}
.pagecontent .contentblogs .blog a h3 {
	margin-top: 5px;
	color: #000;
	text-decoration:none;
}

.pagecontent .step {
	padding: 1em ;
	background: #EAEAEA;
	color: #333;
	display: block;
	font-size: 140%;
	text-transform: uppercase;
	margin-bottom: 0.5em;
	text-align:center;
}
.pagecontent .step.active {
	
	background: #ABABAB;
	color: #fff;
}
.pagecontent .btn-group .btn {
	margin: 0;
	padding: 7px;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #000;
}
.pagecontent .btn-group > .btn:first-child {
	border-radius: 5px 0 0 5px;
	border-right: 0px;
}
.pagecontent .btn-group > .btn:last-child {
	border-radius: 0 5px 5px 0;
}
/* Filmgesichter-------------------- */
/* Bilder */

.pagecontent .picture {
	min-height: 3em;	
	margin-top: 2em;
}
.pagecontent .picture img {
	border:2px solid #998675;
}
/*---------------------- */

/* Gallery */
.pagecontent .gallery a{
	display: block;
    float: left;
    height: 100px;
    overflow-x: hidden;
    overflow-y: hidden;
	overflow:hidden;
    width: 100px;
	margin-right: 1px;
	margin-bottom: 1px;
}
.pagecontent .gallery a img{
	min-width: 100px;
	min-height: 100px;

}
/*news */
.pagecontent .news {
	border-bottom: 1px dotted #fff;	
}


/* Gallery */
.modal-content {
	border-radius: 0px;
}


/* Footer */
footer .col{
	padding-right: 20px;
	padding-left: 10px;
}
footer .footercontent{
	background: rgb(191,55,43);	
	font-size:80%;
	padding: 10px 5px 10px 5px;
}
footer .footercontent a{
	color: #fff;
}

/* Buttons */
.btn-default {
	border-radius: 0px;
	border: 3px solid #fff;
	margin: 0 6px 6px 0;
	text-transform:uppercase;
	background: rgba(255,255,255,0.1);
	color: #fff;
	padding-top: 9px;
}
.btn-default.active, .btn-default:hover  {
	border-radius: 0px;
	border: 3px solid #fff;
	margin: 0 6px 6px 0;
	text-transform:uppercase;
	background: rgba(255,255,255,0.7)	;
	color: #333;
}
.btn-default.disabled {
	color: #ccc;
	border: 3px solid #fff;
}

.btn-hidden {
	border: none;
	background-color: transparent; 
}
.btn-primary {
	background: rgb(238,238,238);
	border: 1px solid rgb(204,204,204);
	color: #333;
}
.btn-primary.active, .btn-primary:hover {
	background: rgb(193,​ 55,​ 43);
	border: 1px solid rgb(204,204,204);
	color: #fff;
}

/* -------------------------------------- */
/* actors grid list */

/*Shadow*/
.pagecontent .og-grid li .picturecontainer:before, .pagecontent .og-grid li .picturecontainer:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #000;
	-webkit-box-shadow: 0 15px 10px #000;
	-moz-box-shadow: 0 15px 10px #000;
	box-shadow: 0 15px 10px #000;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
/* END Shadow*/

.picturecontainer {
	background: #AAA;
	height: 180px;
    width: 210px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
  	-webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}

.pagecontent .og-grid li .picturecontainer:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}

.pagecontent .og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin: 0;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 200px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #333;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #333;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Cookie*/
#cookietoast a {color:rgb(166,164,143); text-decoration:none;}

#cookietoast a:hover {text-decoration:underline;}

#cookietoast div {padding:10px; padding-right:50px;}

#cookietoast { 
   outline: 1px solid rgb(166,164,143);
   text-align:right; 
   border-top:1px solid #fff;
   background: rgb(191,55,43); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:1,2em; 
   line-height:18px;
   min-height: 100px;
   color: #fff;
   }

#cookieCloser {
   color: #961A59;
   font: 1.2em/100% arial, sans-serif;
   font-family: Raleway, "Times New Roman", Times, sans-serif;
   position: absolute;
   right: 10px;
   text-decoration: none;
   top: 25px;
   cursor:pointer;
   border-radius:4px;
   
   padding:5px;
   background: #fff; 
  
 }

#cookieCloser:hover {background:#E7746F; color:#fff;}

.og-close:hover::before,
.og-close:hover::after {
	background: #999;
}

.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 100;
	font-size: 36px;
	padding: 0 0 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	text-transform:uppercase;
}

.og-details p {
	font-weight: 300;
	font-size: 15px;
	line-height: 22px;
	color: #fff;
}

.og-details a {
	font-weight: 100;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #fff;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
	text-decoration:none;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
	text-decoration:none;
}

.og-details a[href='#']{
	display: none;	
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

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

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

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

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}
/* Pagination */
.pagination > li > a, .pagination > li > span {
	color: #000;	
}
.pagination > li > a:hover {
	background: rgb(193,​ 55,​ 43);	
}
.pagination > li.active > a {
	background: #000;
	color: #fff;	
}
.pagination > li.active > a:hover {
	background: rgb(193,​ 55,​ 43);	
}
.pagination > li.disabled > a {
	background: transparent;	
}

/* Modal */
.modal-content {
	background-color: #f9f9f9;
    background-image: url("../pics/sitecontent/background.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	
}

/* Formular */
select option {
 padding: 2px;
}
.help-block {
    color: rgb(193,55,43);
    font-weight: bold;
    text-transform: uppercase;
}