@charset "utf-8";
/*
===============================================================================================================
01. GENERAL TYPOGRAPHY
=============================================================================================================== */
/* General
-------------------------------------------------------------- */
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* FONT Glyphicons */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


body, html { margin:0; padding:0; height:100%; font-size:100%; }
body{
	font-family: Roboto,Sans-Serif;
	color:#3a3a3a;
	background:#fff;
}
h1, h2, h3, h4	{	font-family: Lato, Sans-Serif; }
h1	{ margin:0 0 0.7em; font-size:1.8em; line-height:1; }
h2	{ margin:0 0 0.7em; font-size:2em; line-height:1.3em; }
h3	{ margin:0 0 0.5em; font-size:1.8em; line-height:1.2; }
h4	{ margin:0 0 0.4em; font-size:1.5em; line-height:1.2em; }

p	{ margin:0 0 1.2em; line-height:1.5em; }
td	{ padding: 2px; }
img 	{ max-width:100%; height:auto; }

ul	{ margin-bottom:1.5em; }
ul li	{ padding-bottom:0.5em; }

.tblPrice th	{ text-align:center; }
.tblPrice > thead > tr > th, .tblPrice > tbody > tr > td	{ padding:8px 4px; }
.tblPrice > tbody > tr > td { vertical-align: middle; }

.bg-danger	{ padding:15px; }
.bg_yellow	{ background-color:#ffc728; }
.bg_yellow-light	{ background-color:#fcf8e3; }
.font-yellow	{ color:#ffc728; }

/*
===============================================================================================================
02. STRUCTURE
=============================================================================================================== */
/* Common
-------------------------------------------------------------- */
body .pagecontent	{ padding:2em 0 2em; }
body .pagecontent:first-of-type	{ padding:3em 0 2em; }
body .pagecontent:last-of-type	{ padding:2em 0 4em; }
body .pagecontent:only-of-type	{ padding:3em 0; }


/* Header
-------------------------------------------------------------- */
header	{ background: url("../images/curtain.jpg") top center no-repeat; background-color: #000; }
header .container	{ height:367px; }
header .row	{ height:100%; padding:35px 0; }
header [class*="col-"]	{ height:100%; }
#logo	{ position:absolute; left:15px; bottom:40px; width:100%; height:auto; }
#logo-mobile	{ display:none; width:80%; height:auto; }


/* Position Footer
-------------------------------------------------------------- */
#wrapper { position:relative; min-height:100%; overflow:hidden; }
#content-wrapper { padding-bottom:150px; /* Height of the footer element */ }


/* Footer
-------------------------------------------------------------- */
footer { position:absolute; left:0; bottom:0; width:100%; height:150px; padding:2em 0; color:#3a3a3a; background-color:#ffc728; }
footer .left	{ font-size:1.2em; }
footer .left img	{ padding:5px 0 0 0; }
footer .right	{ text-align:right; }
footer a	{ color:#3e3e3e; }



/*
===============================================================================================================
03. ELEMENTS
=============================================================================================================== */
/* Top Navigation
-------------------------------------------------------------- */
#mainnav-wrap	{ text-align:right; background-color:#ffc728; padding:0.7em 0; }
#mainnav	{ display:inline-block; }
#mainnav a	{ display:block; padding:0 0.95em; font-size:1.25em; font-weight:normal; color:#3a3a3a; text-decoration:none; border-right:1px solid #3a3a3a; }
#mainnav ul { position:relative; list-style:none; padding:0; margin:0; }
#mainnav li { display:inline-block; position:relative; margin:0; padding:0; }
#mainnav li.Selected a, #mainnav li:hover a	{ color:#997718; }
#mainnav .has-dropdown>a	{ padding:0 1.4em 0 0.95em !important; }
#mainnav .has-dropdown>a:after {
    position: absolute;
    top: 45%;
    right: 8px;
    content: " ";
    width: 0;
    height: 0;
    margin: 0 0 0 -4px;
    border: solid transparent;
    border-width: 4px;
    border-color: rgba(76, 60, 12, 0);
    border-top-color: #4c3c0c;
    pointer-events: none;
}
#mainnav .has-dropdown:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    bottom: -0.8em;
    content: " ";
    display: none;
    height: 0;
    left: 50%;
    margin-left: -6px;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 8
}
#mainnav .has-dropdown:hover:after { display: block }

#mainnav li:hover >	ul	{ margin-top:0.7em; opacity: 1; visibility: visible; }
#mainnav .dropdown	{
	position:absolute;
	left:0;
	margin-top:0.7em;
	padding:1em 0;
	opacity:0;
	visibility:hidden;
	width:100%;
	min-width:200px;
	font-size:1.2em;
	text-align:left;
	background-color:#fff;
	z-index:999999;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	box-shadow: 0 1px 4px rgba(0,0,0,0.4);
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in-outs; /* Opera */
}
#mainnav ul li:last-of-type .dropdown	{ left:inherit; right:0; }
#mainnav .dropdown li	{ display:block; position:relative; border-bottom:1px solid #fff; }
#mainnav .dropdown a	{ color:#3a3a3a !important; background-color:#fff !important; padding:0.2em 1em 0.5em; font-size:0.9em; font-weight:normal; border:none;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear; /* Firefox 4 */
	-webkit-transition: all 0.3s linear; /* Safari and Chrome */
	-o-transition: all 0.3s linear; /* Opera */
}
#mainnav .dropdown li.Selected a, #mainnav .dropdown a:hover	{ text-decoration:underline; }

#material-nav	{ position:fixed; display:none; top:0; left:0; width:100%; z-index:999; }
#material-nav-button {display:inline-block; float:right; width:50px;height:45px; padding:10px 10px 0px 10px; background:#ffc728; }
#material-nav-button span {display:block; width:100%; height:5px; margin-bottom:4px; background-color:#fff;}
#material-nav-title	{ display:none; font-family:Lora serif; font-size:1.3em; line-height:45px; text-align:center; color:#fff; }

.stickyNav { position:fixed; width:100%; top:0px; margin-top:0 !important; z-index:950; box-shadow: 0 0 10px 0 #000000; }
.stickyNav #mainnav-phone	{ display:block; }

/* MM Nav
-------------------------------------------------------------- */
.mm-listview	{ font-size:1em; }
.mm-navbar	{height:45px; background-color:#ffc728 !important; }
.mm-title	{ font-size:1.5em; color:#fff !important;}
.mm-menu.mm-hasnavbar-top .mm-panel, .mm-menu.mm-hasnavbar-top .mm-fixeddivider { top: 45px; }

/* Select MyCinema
-------------------------------------------------------------- */
#mycinema	{ display:inline-block; float:left; font-size:1.2em; }
#mycinema .mycinema-title	{float:left; padding:0 0.6em 0 0; }
#f_mycinema	{ display:inline-block; }
#f_mycinema select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	border-radius: 0;
	width: 150px;
	margin-top:-0.5em;
	padding:0 2em 0 0.5em;
	color:#cc0000;
	background-color:#FFD45C;
	background-image:url("../images/arrowdown.gif");
	background-position: 90%;
	background-repeat: no-repeat;
}
#f_mycinema select::-ms-expand { display:none; } /* hide browser-styling (arrow) in IE10 */
.lt-ie10 #f_mycinema select { background-image: none; } /* hide browser-styling (arrow) in IE9 */
#f_mycinema select:focus { outline: none; }
#f_mycinema option { background-color:#fff; padding:0.2em 0 0.2em 0.6em; color:#3e3e3e; }
#f_mycinema option:checked { background-color: #fff !important; color: #cc0000 !important; }
#f_mycinema select:focus > option:checked, #f_mycinema select:focus > optgroup > option:checked {
    background-color: #fff !important;
    color: #cc0000 !important;
}

/* Filmstart Preview
-------------------------------------------------------------- */
#box-preview	{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	-webkit-box-shadow: -2px 2px 8px 4px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 2px 8px 4px rgba(0,0,0,0.75);
	box-shadow: -2px 2px 8px 4px rgba(0,0,0,0.75);
}
#box-preview_desc	{ display:block; position:relative; float:left; padding:30px 15px; width:34%; height:100%; background-color:rgba(255,255,255, 0.3); overflow:hidden; }
#box-preview_pic	{ display:block; float:left; width:66%; height:100%; background-size:cover !important; background-position:center !important; }
#box-preview .title	{ font-family: Lato, Sans-Serif; font-size:1.5em; line-height:1.2; color:#ffc728; text-shadow: 2px 2px 2px rgba(80, 115, 108, 1); }
#box-preview .startdates	{ position:absolute; left:15px; bottom:50px; font-size:1.2em;  color:#fff; }


/* Saalplan
-------------------------------------------------------------- */
#saalplaene .saalplan_row	{ padding-top:1.5em; padding-bottom:1.5em; }
#saalplaene .saalplan_row:nth-child(odd) { background-color:#f2f2f2; }

/* Scroll-Up
-------------------------------------------------------------- */
#scroll-up-wrap	{ padding:5px 0 0; text-align:center; }
#scroll-up	{
	padding:5px 8px 3px 10px;
	font-size:2em;
	color:#fff;
	background-color:#ffc728;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

/* I-FRAME
-------------------------------------------------------------- */
.frame-video-container {
  position: relative; 
  width: 100%;
  height: 0; 
  height: auto;
  padding-bottom: 56.25%; /* ratio 16x9 */
  margin-bottom:1.5em;
  overflow: hidden; 
}
.frame-maps-container	{
  position: relative; 
  width: 100%;
  height: 0; 
  height: auto;
  padding-bottom: 56.25%; /* ratio 16x9 */
  margin-bottom:10px;
  overflow: hidden; 
}
.frame-video-container iframe, .frame-maps-container iframe	{
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%;
  border:none;
}


/*
===============================================================================================================
04. NOW PLAYING / EXPECTED MOVIE
=============================================================================================================== */
/* Basics
-------------------------------------------------------------- */
#movies-playing	{ padding-top:3em; padding-bottom:2em; background-color:#f2f2f2; }
#play-expected	{ text-align:right; }
/* Carousel
-------------------------------------------------------------- */
.owl-item img, #play-expected img	{ height:240px; width:auto; }
.owl-item img	{ width:100%; }
.owl-theme .owl-controls .owl-buttons div {
	position: absolute;
	top: 50%;
  transform: translateY(-50%);
	margin: 0;
	padding: 3px 5px;
	font-size: 2em;
	background:#000;
	border-radius:0;
	opacity: 0.4;
}
.owl-theme .owl-controls .owl-buttons div:hover	{ opacity:0.7; }
.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}


/*
===============================================================================================================
04. PROGRAMMS
=============================================================================================================== */
/* Schedule
-------------------------------------------------------------- */
.res_phone	{ display:block; font-size:0.7em; color:#8a8a8a; padding:0.5em 0 0; }
#cinemaSwitch	{ padding:0 0 0.2em; }
.schedule	ul	{list-style:none; margin:0; padding:0; }
.schedule li	{ position:relative; display:inline-block; margin:0 5px 5px 0; }
.schedule li a	{ display:block; font-size:1em; line-height:1em; font-weight:bold; min-width:9em; color:#3e3e3e; background-color:#d8d8d8; padding:0.7em 2.2em 0.7em 1.5em; }
.schedule li a:after	{
	position: absolute;
	font-family: "Glyphicons Halflings";
	content: "\e080";
	right:1em;
	top:0.60em;
}
.schedule li a.active	{ background-color:#ffc728; color:#cc0000; }
.schedule li a.active:after	{ content: "\e013"; }
.schedule li a:hover	{text-decoration:none; color:#cc0000; }

/* Chevron css
--------------------------------------------------------------
#schedule li a:after	{
	position:absolute;
	border-style: solid;
	display: inline-block;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	height: 0.50em;
	width: 0.50em;
	right: 1em;
	top: 0.95em;
	transform: rotate(45deg);
}
 */

/* Programm
-------------------------------------------------------------- */
#programm-default.week, #programm-default.mov-expected, #programm-default.mov-playnow	{ margin-top:-3em; }
#programm-default .prog_row	{ padding-top:1.5em; padding-bottom:1.5em; }
#programm-default .prog_row:nth-child(even) { background-color:#f2f2f2; }
#programm-default a	{ color:#3a3a3a; }
#programm-default a:hover	{ color:#898989; text-decoration:none; }
.prog_poster	{ float:left; width: 15.3846%; }
.prog_poster img	{ width:100%; height:auto; }
.prog_default	{ margin:0 0 0 15.3846%; padding: 0 0 0 1.5em; }
.prog_default h4 span	{ font-size:80%; color:#898989; }
.prog_default .lead	{ font-size:1em; }
.prog_default .label_title	{ display:block; float:left; width:6em; }
.prog_default .info_title	{ float:left; width:6em; }
.prog_default .info_content	{ margin-left:6em; }
.notification	{ padding:2em 0; margin:0 0 3em; text-align:center; background-color:#f2f2f2; border:1px solid #e3e3e3; }


/* Reservation Links Weekly Programm
-------------------------------------------------------------- */
.prog-week_timetable .res-info	{ display:none; }
.prog-week_timetable .block-day	{ padding:0 0 5px; }
.prog-week_timetable .title	{ display:block; float:left; width:6.5em; line-height:2.4em; }
.prog-week_timetable .res-link	{ position:relative; display:inline-block; margin: 0 5px 5px 0; }
.prog-week_timetable .res-link a, .prog-week_timetable .res-link span	{ display:block; font-size:1em; line-height:1em; color:#3e3e3e;  }
.prog-week_timetable .res-link a	{ min-width:7em; background-color:#ffc728; padding:0.7em 2.2em 0.7em 1.5em; }
.prog-week_timetable .res-link span	{ min-width:7em; background-color:#d8d8d8; padding:0.7em 2.2em 0.7em 1.5em; }
/* .prog-week_timetable .res-link span	{ padding:0.7em 1.5em; background-color:#d8d8d8; } */
.prog-week_timetable .res-link a:hover	{ color:#cc0000 !important; text-decoration:none; }
.prog-week_timetable .res-link a:after	{
	position: absolute;
	font-family: "Glyphicons Halflings";
	content: "\e080";
	right:1em;
	top:0.65em;
}
.prog-week_timetable .res-link span:after	{
	position: absolute;
	font-family: "Glyphicons Halflings";
	content: "\e182";
	right:1em;
	top:0.65em;
}

/* Reservation Links
-------------------------------------------------------------- */
.prog_timetable	{list-style:none; margin:0; padding:15px 0 0; }
.prog_timetable li	{ position:relative; display:inline-block; margin:0 5px 5px 0; }
.prog_timetable li a, .prog_timetable li span	{ display:block; font-size:1em; line-height:1em; color:#3e3e3e;  }
.prog_timetable li a	{ min-width:7em; background-color:#ffc728; padding:0.7em 2.2em 0.7em 1.5em; }
.prog_timetable li span	{ min-width:7em; background-color:#d8d8d8; padding:0.7em 2.2em 0.7em 1.5em; }
/* .prog_timetable li span	{ padding:0.7em 1.5em; background-color:#d8d8d8; } */
.prog_timetable li a:hover	{ color:#cc0000 !important; text-decoration:none; }
.prog_timetable li a:after	{
	position: absolute;
	font-family: "Glyphicons Halflings";
	content: "\e080";
	right:1em;
	top:0.65em;
}
.prog_timetable li span:after	{
	position: absolute;
	font-family: "Glyphicons Halflings";
	content: "\e182";
	right:1em;
	top:0.65em;
}

.mov-expected .date_expected	{ padding:1em 0 0; }
.mov-expected .date_expected .info_title { width: 8em; }

/* Link Trailer
-------------------------------------------------------------- */
.trailer-link	{ display:block; margin-top:1em; text-align:center; }
.trailer-link a	{
	display: block;
	max-width: 100%;
	padding: 0.7em 0 0.7em 0;
	font-size: 1em;
	line-height: 1em;
	background-color: #2a2a2a;
	color:#fff !important;
}
.trailer-link a:hover	{ background-color: #898989; }


/* FSK Warning
-------------------------------------------------------------- */
.block_warning	{ margin:2em 0; padding:1.5em; background-color:#fcf8e3; font-size:85%}
.block_warning h4	{ color:#cc0000; }

/*
===============================================================================================================
05. MOVIE DETAIL
=============================================================================================================== */
#movdetail_description, #movdetail_rightcol	{ padding:3em 0; }
#movdetail_rightcol	{ background-color:#f2f2f2; padding-left:15px; padding-right:15px; }
#movdetail_movphoto	{ width:100%; height:auto; padding:0 0 2em; }
#movdetail_lead	{ font-weight:bold; }
#reservation_dt	{ padding:0 0 1.8em; }
#reservation_dt.expected	{ padding-bottom:4em; }
#reservation_dt .info_title,	#reservation_mobile .info_title	{ float:left; margin:0 0 0 2em; width:5em; }
#reservation_mobile	{ display:none; background-color:#f2f2f2; padding:15px; margin:0 0 2em; }
.movdetail_reservation h4 span	{ display:block; font-size:0.9em; color:#cc0000; }
.movdetail_reservation .block-day	{ padding:0 0 10px; }
.movdetail_reservation .title	{ padding: 0 0 0.5em; }
.movdetail_reservation .res-info	{ font-size:1.2em; padding:1em 0 0; }
.movdetail_reservation .res-link	{ position:relative; display:inline-block; margin:0 5px 5px 0; }
.movdetail_reservation .res-link a, .movdetail_reservation .res-link span	{ display:block; font-size:1em; line-height:1em; color:#3e3e3e;  }
.movdetail_reservation .res-link a	{ min-width:5.6em; background-color:#ffc728; padding:0.7em 1.9em 0.7em 1.2em; }
.movdetail_reservation .res-link span	{ min-width:5.6em; padding:0.7em 1.9em 0.7em 1.2em; background-color:#d8d8d8; }
.movdetail_reservation .res-link a:hover	{ color:#cc0000 !important; text-decoration:none; }
.movdetail_reservation .res-link a:after	{
	position: absolute;
	font-family: "Glyphicons Halflings";
	content: "\e080";
	right:0.5em;
	top:0.65em;
}
.movdetail_reservation .res-link span:after	{
	position: absolute;
	font-family: "Glyphicons Halflings";
	content: "\e182";
	right:0.4em;
	top:0.70em;
}

/* Movie Facts
-------------------------------------------------------------- */
#movie-facts	{ font-size:0.9em; }
#movie-facts	.specLabel	{ display:block; float:left; width:8em; font-weight:bold; }
#movie-facts	.specContent	{	margin-left:8em; }


/*
===============================================================================================================
06. IMAGE GALLERY
=============================================================================================================== */
.gallery-container	{ padding:0; }
/* Folder
-------------------------------------------------------------- */
#grid-gallery-folder	{ display:block; margin-left:-20px; }
#grid-gallery-folder .grid-item	{ display:block; float:left; width:23.30%; margin-left:1.70%; padding:15px; }
#grid-gallery-folder .grid-item-image-outer	{ position:relative; width:100%; padding-bottom:100%; overflow:hidden; }
#grid-gallery-folder .grid-item-image	{ position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; overflow:hidden; }
#grid-gallery-folder .grid-item-image img, .grid-gallery .grid-item-image img	{
	position:absolute;
	height:100%;
	width:auto;
	max-width: none !important;
	min-width:100%;
	left: -9999px;
	right: -9999px;
	top: -9999px;
	bottom: -9999px;
	margin: auto;
}
#grid-gallery-folder .description	{ font-size:0.8em; }
#grid-gallery-folder h4	{ display:block; width:100%; overflow:hidden; }

.grid-gallery	{ display:block; margin-left:-10px; width:100%; overflow:hidden; }
.grid-gallery .grid-item	{ display:block; position:relative; float:left; width:19.1453%; margin-left:0.8547%; margin-bottom:0.8547%; padding:0; overflow:hidden; }
.grid-gallery .grid-item-image	{ position:relative; width:100%; padding-bottom:100%; overflow:hidden; border:1px solid #efefef; }

.grid-gallery .mask	{
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	visibility:hidden;
	background:url('../imagescore/search.png') center center no-repeat rgba(255,255,255,0.54);
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
.grid-gallery .grid-item-image a, #article-img-main .grid-item-image a	{ display:block; }
.grid-gallery .grid-item-image a:hover .mask, #article-img-main .grid-item-image a:hover .mask	{ left:0; 	visibility:visible; }

/* Only 2 cols (Saalplan)
-------------------------------------------------------------- */
.grid-gallery.col_2	{ margin-left: -0.8547%;	}
.grid-gallery.col_2 .grid-item {
    border: 1px solid #eee;
    display: block;
    float: left;
    margin-bottom: 0.8547%;
    margin-left: 0.8547%;
    overflow: hidden;
    width: 49.1453%;
}
.grid-gallery.col_2 .grid-item-image	{ padding-bottom:60%; }
/*.grid-gallery.col_2 .grid-item-image img	{ width:100%; height:auto; }*/


/*
===============================================================================================================
07. SITEC IFRAME
=============================================================================================================== */
#frame_reservation	{ 
	width: 100%;
        height: 100%;
        border: 0;
}

/*
===============================================================================================================
08. SUJETS
=============================================================================================================== */
/* Banner
-------------------------------------------------------------- */
#banner	{ padding:3em 0 2em; color:#fff; background: linear-gradient(0deg, rgba(88,9,4,1) 0%, rgba(189,0,20,1) 72%);}
.banner-item {margin-bottom:1em; }
.banner-item img	{width:100%; height:auto; border:1px solid #2a2a2a; }


/* Gutschein
-------------------------------------------------------------- */
#form-gutschein	{ padding:2em 0; background-color: #fcf8e3; }
#f_gutschein	{ padding:2em 0; }
#form-gutschein input[type="number"]	{ width:150px; }
#form-gutschein .email 	{ padding:2em 0 0; }
#form-gutschein .comment	{ margin:0 0 20px; font-size:0.8em; color:#7a7a7a; }
#form-gutschein .btn	{ margin-top: 20px; }
#fg_lieferadresse	{ display:none; }

#prev-gutschein	{
	padding:2em 0; 
	background-image:url("../images/bg_gutschein.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
#prev-gutschein #kino-card	{ width:90%; height:auto; }
#prev-gutschein-txt	{
	padding:15px 15px 30px;
	margin-top: 40px;
	color:#fff;
	background-color: rgba(0,0,0,0.6);
}
#prev-gutschein-txt h2	{ color:#ffc728; }
#prev-gutschein-txt a	{
	display: inline-block;
	padding: 1em;
	margin-top: 30px;
	color: #000;
	text-decoration: none;
	letter-spacing: .2em;
	font-size: 1em;
	text-transform:uppercase;
	background-color: #ffc728;
}
/* Popcorn
-------------------------------------------------------------- */
#suj-popcorn	{ padding:3em 0 2em; color:#fff; background: linear-gradient(0deg, rgba(88,9,4,1) 0%, rgba(189,0,20,1) 72%);}
#suj-popcorn h2	{ color:#ffc728; margin: 0 0 0.5em; }
#suj-popcorn h2, #suj-popcorn h4	{text-align:center; }
#suj-popcorn-txt	{ padding-top:2em; }
#popcorn-img	{margin-top:-20px; }
#suj-popcorn a	{color:#ffc728;}


/*
===============================================================================================================
08. RESPONSIVE MEDIA-QUERIES
=============================================================================================================== */
@media(min-width:1640px)	{
}
@media(max-width:1280px){
	header	{ background-size: 100% 100%; }
}
@media(max-width:1199px){
	body, html	{ font-size:90%; }
	header .container	{ height:330px; }
}
@media (max-width:1024px)	{
	body, html	{ font-size:87%; }
	header .container	{ height:300px; }
}
@media only screen and (min-width: 992px)	{
	#mm-mainnav { display: none !important; }
}
@media only screen and (max-width: 991px) { /* tablet portrait */
	body, html	{ font-size:100%; }
	#mainnav { display: none !important; }
	#material-nav	{ display:block; }
	header .container	{ width:100%; height:auto; }
	header	{ background-size: 100% auto; }
	header .row	{ padding:15px 0 0; }
	#col-logo	{ height:auto; padding-bottom:15px; }
	#logo	{ display:none; }
	#logo-mobile	{ display:block; }
	#col-preview	{ display:block; padding:0; }
	.owl-controls	{ display:none !important; }
	/*---- moviestart ---*/
	#box-preview	{ height:350px;	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
	#box-preview_pic	{ width:100%; }
	#box-preview_desc	{
		position:absolute;
		width:auto;
		height:auto;
		min-width:40%;
		max-width:95%;
		padding:15px; 
		left:10px;
		bottom:10px;
		border:1px solid #efefef;
		background-color:rgba(0,0,0, 0.5)
	}
	#box-preview_desc .title	{ padding:0 0 .5em; text-shadow:none; }
	#box-preview .startdates	{ position:relative; top:0; left:0; }
	/*---- movie expected ---*/
	#play-expected	{ display:none; }
	/*---- movie detail ---*/
	#reservation_mobile	{ display:block; }
	#reservation_dt	{ display:none; }
	/*---- footer ---*/
	footer .left, footer .right	{ text-align:center; }
	footer .left	{ font-weight:bold; }
	footer .left img	{ max-width:45%; }

}
@media(max-width:768px)	{ /* smartphone landscape */
	#box-preview .startdates	{ font-size:1em; }
	#content-wrapper { padding-bottom:260px; }
	#cinemaSwitch	{ padding:0 0 1em; }
	footer	{ height:260px; }
	footer .right	{ padding-top:20px; }
	/*---- programm week ---*/
	.prog-week_timetable .title	{ font-weight:bold; }
	.block_warning	{ font-size:smaller; }
}
@media (min-width: 481px) and (max-width: 768px) { /* smartphone landscape only */
} 
@media(max-width:480px)	{	/* smartphone portrait */
	/*---- programm ---*/
	.prog_poster { width: 24%; }
	.prog_default	{ margin:0 0 0 24%; padding: 0 0 0 1em; }
	.prog_description	{ display:none; }
	/*---- programm week ---*/
	.prog-week_timetable .title	{ display:block; float:none; width:auto; line-height:1.2em; }
	.prog-week_timetable .res-link a	{ min-width:5.5em; } 
	.tblPrice	{ font-size:80%; }
	/*---- gutschein startseite ---*/
	#prev-gutschein-txt	{margin-top: -40px;}
}