/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 30%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 72.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 
.grid_13 { width: 350px; }
.grid_14 { width: 50px; }
.grid_15 { width: 2%; }
.grid_16 { width: 100%; }
.grid_17 { width: 120px; }
.grid_18 { width: 31.5%; }
.grid_19 { width: 32%; } 
.grid_20 { width: 100%; }
.grid_21 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_5,
.grid_6,
.grid_7,
.grid_10,
.grid_11,
.grid_12,
.grid_19 {
	margin: 10px 0 20px 0;
	float: left;
	display: block;
}

.grid_21 {
	margin: 0;
	float: left;
	display: block;
}

.grid_4 {
	margin: 10px 20px 0 0;
	float: left;
	display: block;
}


.grid_8{
	margin: 10px 0 20px 20px;
	float: left;
	display: block;
}
.grid_9{
	margin: 10px 0 20px 40px;
	float: left;
	display: block;
}
.grid_13 {
	padding-right: 50px;
	float: left;
	display: block;
}
.grid_14 {
	margin: 0 0 20px 0;
	float: left;
	display: block;
}

.grid_15 {
	margin: 0;
	float: left;
	display: block;
}
.grid_16 {
	margin: 10px 0 0 0;
	float: left;
	display: block;
}
.grid_17 {
	margin: 10px 60px 0 0;
	float: left;
	display: block;
}
.grid_18 {
	margin: 10px 0 20px 0;
	padding-right: 2.5%;
	float: left;
	display: block;
}
.grid_20 {
	float: left;
	display: block;
	padding-bottom:40px;
}


.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin-right:-50px;}

.container{
	width: 1000px;
	max-width: 1000px;
	margin: auto;
	
}



.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

@media screen and 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
#logo {
	background:url(../images/logo_kammerlichtspiele_black_bg.svg) 0 0 no-repeat;
	background-size:300px 90px;
	width:300px;
	height:90px;	}
#facebook {
	background-size:20px 20px;
	width:20px;
	height:20px;	}
#slide1 a.stoerer {
	background:url(../images/kino_stoerer_gutschein@2x.png) 0 0 no-repeat;
	background-size:300px 300px;
	width:300px;
	height:300px;}
#slide1 a.button {
	background:url(../images/arrow_down@2x.png) 0 0 no-repeat;
	background-size:117px 117px;
	width:117px;
	height:117px;}
	
}



@media only screen and (max-width: 1024px) {
	.slide{background-attachment: scroll;background-position: 0 0 !important;
	}
}

@media only screen and (max-width: 1024px) {
	.flexslider {overflow:hidden;}
}

@media only screen and (max-width: 1023px) {
	.flexslider {overflow:hidden;}
}

@media only screen and (min-width: 767px) and (max-width: 1023px) {
	.menu {height:59px;}
	#logo {background-size:230px 69px;	height:69px;width:230px;}
	
	  
  	nav#nav-main ul {padding: 11px 0 0 0;}
  	nav#nav-main li {padding:0 0 0 14px;	}

	.navigation li {font-size:14px;}	
	
	
	.link {
	font-size: 24px;
	font-weight: 300;
	text-decoration: none;
	vertical-align: -2px;
	}
	
	.line {
	margin:0 0 30px 0;
	}
	
	h1 {
	margin:0 0 15px 0;
	text-transform:none;
	text-align:center;
	font-family:Open Sans;
	font-size: 52px;
	line-height: 66px;
	color:#111111;
	font-weight: 300;
	}

	h2 {
	margin:0 0 70px 0;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	font-family:Open Sans;
	font-size: 16px;
	line-height: 20px;
	color:#b72126;
	font-weight: 400;
	}
	
	h6{
	text-transform:uppercase;
	margin:0;
	font-family:Open Sans;
	font-weight:300;
	font-size:13px;
	line-height: 24px;
	color:#444444;
	letter-spacing: 1px;
	}
	
	.spielzeit {
	margin:0 0 30px 0;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	font-family:Open Sans;
	font-size: 16px;
	line-height: 20px;
	color:#b72126;
	font-weight: 400;
	}
	
	.padding_slide1 {padding:100px 0 30px;}
	.effects_1 {top:-73px;}
	#slide1 h1 {font-size:76px;line-height:84px;}
    #slide1 p {
	font-size: 20px;
	margin-left: 35px;
	margin-right: 35px;
	padding: 2px 0 2px 0;}
    
    .img a {font-size: 76px; line-height: 84px;}
    
	.filtr_bg {padding-top:150px; margin-bottom:80px;	
	}
    
    #slide1a h2 {
    text-transform:uppercase;
	font-family:Open Sans;
	font-size: 21px;
	line-height: 23px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 300;
}

    #slide1a p {
	text-transform:none;
	font-family:Open Sans;
	font-size: 13px;
	line-height: 19px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 400;
}
    
    #slide1a h3 {
	margin:10px 0 10px 0;
    font-family:Open Sans;
	font-size: 12px;
	line-height: 15px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 400;
}

    
	#slide2{
	padding:50px 0 19px 0;
	}
	
	#slide2 p {
	font-size: 13px;
	color: #111111;
	line-height: 20px;
	font-weight: 400;
	padding:20px 0 40px 0;
	}
	
	#slide2 h4{
	text-transform:none;
	font-family:Open Sans;
	font-weight:800;
	font-size:24px;
	color:#111111;
	letter-spacing: 1px;
	padding-top:2px;
	}
	
	#slide2 h7{
	text-transform:uppercase;
	font-family:Open Sans;
	font-weight:600;
	font-size:13px;
	text-align:center;
	color:#ffffff;
	background-color:#b72126;
	letter-spacing: 1px;
	padding: 0 4px 0 4px;
	}
	
	#slide2 a{
	font-size:13px;
	}

	#slide2 th {
	text-transform:uppercase;
	font-family:Open Sans;
	font-weight:400;
	font-size:15px;
	color:#ffffff;
	background-color:#000000;
	text-align:left;
	padding: 1px 0 2px 2px;
	border-right:#fcfcfc;
	border-right:10px solid;
	}	
	#slide2 td {
	text-transform:uppercase;
	font-family:Open Sans;
	font-weight:600;
	font-size:15px;
	color:#b72126;
	text-align:left;
	padding: 1px 0 2px 0;
	border-right:10px solid;
	border-color:#fcfcfc;
	}
	#slide2 td p {
	text-transform:uppercase;
	font-family:Open Sans;
	font-weight:600;
	font-size:15px;
	color:#111111;
	text-align:left;
	padding: 1px 0 2px 0;
	margin: 0 0 0 0;
	line-height:28px;
	}

	.line1 {
	margin:0 0 30px 0;
	}
	.line1a{
	margin:10px 0 70px 0;
	}
	img.about_img {
	float: inherit;
	max-width:230px;
	height:auto;
	margin:10px 40px 20px 0;
	}
	
	#slide4{
	padding:50px 0 19px 0;
	}
	.portfolio_descr {
	padding:20px 0 0 0;
	}
	.portfolio_descr p {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 8px;
	}
	.portfolio_descr span {
	font-size: 12px;
	line-height: 16px;
	}
	span.more_link {
	width:120px;
	height:24px;
	font-size:14px;
	line-height:23px;
	}
	span.more_link:hover {
	height:24px;
	}
	.title {
	min-height: 75px;
	margin:0 0 10px 0;
	}	
	#slide4 h4{
	font-size:16px;
	line-height:20px;
	}
    #slide4 p{
    margin-top: 10px;
	font-size:13px;
    line-height:16px;
	color:#000000;
    }
    #slide4 a{
    line-height:24px;
    font-size:13px;
	color:#b72126;
    }
	#slide4 h7{
	font-size:14px;
	}
	.vorschau-image {
	max-height:325px;
	position:relative;
	margin:0;
	padding:0;
	}
	.gallery-list li.grid_13 {
	width: 230px !important;
	margin:0 0 50px 0;}
	.portfolio_descr {
	width:230px;
	}
	.padding_slide5a {
	padding:150px 0 150px;
	}
	#slide5a p {
	font-size:14px;
	}
	.padding_slide5 {
	padding:50px 0 0 0;
	}
	
	#slide5 .effect_2 {display:none;}
	#slide5 th {	font-size:16px;	line-height:25px;	}
	#slide5 td {	font-size:16px;	line-height:25px;	}
	#slide5 td p { font-size:16px;	line-height:25px;	}
	#slide5 p {font-size:16px;	line-height:25px;	}

	
	
	.line3 {
	margin:70px 0 30px 0;
	}
	
	.flexslider {min-height:445px;}
	
	#slide6{
	padding:50px 0;
	}
	.padding_slide7 {
	padding:150px 0 150px;
	}
	.padding_slide9 {padding:70px 0 40px;}
	#slide9 p {font-size:47px;line-height:40px;}
	
	#slide10{
	padding:50px 0 0 0;
	}
	
	.contact_form input[type="text"], .contact_form textarea {width:132px;}
	.contact_form textarea {width:506px;}
	

/* _____________ menu ______________ 
	#nav {margin:0;}
	ul.navigation {padding-bottom:15px;padding-top:19px;}
	.navigation li {padding:0 7px;font-size:14px;}
	.navigation li:first-child {margin-left:15px;}
 ____________ //menu _____________ */
	
	.container { width: 724px; }
	.container .alpha        { margin-left: 0; margin-right: 5px; }
	.container .omega        { margin-right: 0; }
	.container .respond_pad {padding-right:20px;}
	
	.grid_3			{ width: 220px; }
	.grid_4			{ width: 228px; float: left; }
	.grid_5      		{ width: 290px; }
	.grid_6      		{ width: 352px; }
	.grid_7   		{ width: 414px; }
	.grid_8   		{ width: 456px; margin: 10px 0 20px 20px;}
	.grid_9			{ width: 464px; }
	.grid_12		{ width: 724px; }
	.grid_13		{ width: 247px; padding-right:17px; }
	.grid_14 		{ width: 20px; }
	.grid_15 		{ width: 26px; }
	.grid_18 		{ width: 30.5%; padding-right:3.5%}
	.grid_19 		{ width: 32%; }
	.grid_21		{ width: 724px; }

}

@media only screen and (max-width: 766px) {
	h1 {font-size:40px;line-height:100px;}
	#slide13 h8 {	font-size: 40px;}
	
	img.about_img {float:none;margin:0 0 10px 0;}
	
	#slide5 .effect_2 {display:none;}
	
	#logo {background-size:230px 69px;	height:41px;width:178px;display:block; float:left; margin-top:5px;margin-left:-26px;padding:14px 26px 14px 26px; box-shadow:none;}
	
	#nav-trigger {
    display: block; }

  	nav#nav-main {
    display: none; }

  	nav#nav-mobile {
    display: block; }
	
	.navigation li{
	color:#fff;
}
	#slide1 a.button {
    background-size:88px 88px;; 
	height: 88px;
    width:88px;     
	font-size:17px;
	line-height:40px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 766px) {
	h1 {font-size:40px;line-height:48px; margin:0 0 5px 0;}
	h2 {	font-size: 16px; 	line-height: 20px;}
	.spielzeit {font-size: 16px; 	line-height: 20px;}
	.menu {height:80px; padding:0; background:#000; box-shadow: 1px 1px 10px rgba(0,0,0,0.40);}
	img.icon_img {max-width:420px; height:auto;}
	.padding_slide1 {padding:80px 0 30px;}
    .effects_1 {display:none;}
	#slide1 h1 {font-weight: 800; font-size:46px;line-height:52px;}
	#slide1 h2 {margin:0 0 10px 0;font-size:18px;line-height:26px;}
	#slide1{margin-top: 30px;}
    .filtr_bg {margin-bottom:50px; padding-top: 70px;}
	#slide1 p {font-size: 20px; line-height: 24px; padding: 10px 0 10px 0; margin-left: 35px; margin-right: 35px;}
	#slide1 a.stoerer {background-size: 150px 150px;
	margin:30px 0 20px 0;
    width: 150px;
	height: 150px;}
	
    .img a {font-weight: 800; font-size:46px;line-height:52px;}

    
    #slide1a h2 {
    text-transform:uppercase;
	font-family:Open Sans;
	font-size: 20px;
	line-height: 22px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 300;
}

    #slide1a p {
	text-transform:none;
	font-family:Open Sans;
	font-size: 12px;
	line-height: 16px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 400;
}
	img.svg_img {
	float: inherit;
	max-width:50%;
	height:auto;
	margin:20px;
}

    
    #slide1b {
	background-position: 65% !important;
}

	#slide2 p {font-size: 15px;	line-height: 22px; font-weight: 300; 	padding:10px 0 25px 0;}
	#slide2 h4{font-size:26px; line-height:32px;	padding:20px 0 0 0; }
	#slide2 th {	font-size:16px; font-weight:400;}
	#slide2 td {font-size:14px;}
	#slide2 td p {font-size:14px; padding: 3px 0 1px 0; line-height:18px;}
	
	#slide3 h1 {	font-size: 30px; line-height: 36px; font-weight: 400;}
	#slide3 p {font-size:15px;line-height:20px; margin:10px 0 0 0;}
	#slide3 a{font-size:16px;}
	#slide5a h1 {font-size: 30px; line-height: 36px; font-weight: 400;}
	#slide5a p {font-size:15px;line-height:20px; margin:0;}

	img.about_img {float: inherit; max-width:auto;	height:auto; 	margin:10px 40px 20px 0;}
	.portfolio_descr {padding:20px 0 0 0;}
	.portfolio_descr p {display:none;}
	.portfolio_descr span {font-size: 11px; 	line-height: 14px; }
	span.more_link {width:120px; height:24px; font-size:14px; line-height:23px;}
	span.more_link:hover {height:24px; }
	.title {	min-height: 75px; margin:0 0 10px 0;	}	
	#slide4 h4{font-size:14px; line-height:18px; }
	#slide4 h7{font-size:13px;}
    #slide4 p{
    margin-top: 10px;
	font-size:11px;
    line-height:15px;
	color:#000000;
    }
    #slide4 a{
    line-height:20px;
    font-size:11px;
	color:#b72126;
    }
	.vorschau-image {max-height:283px; position:relative; margin:0; padding:0;}
	.gallery-list li.grid_13 {width: 200px !important; margin:0 0 50px 0;}
	.portfolio_descr {width:200px;}

	
	#slide5 th {	font-size:15px;	line-height:23px;	}
	#slide5 td {	font-size:15px;	line-height:23px;	}
	#slide5 td p { font-size:15px;	line-height:23px;	}
	#slide5 p {font-size:15px;	line-height:23px;	}
	.flexslider {min-height:280px;}

    
	.padding_slide7 {padding:100px 0 70px;}
	#slide7 span {font-size:30px;line-height:40px;}
	
	.padding_slide9 {padding:70px 0 40px;}
	#slide9 p {font-size:26px;line-height:28px;}
	
	.contact_form input[type="text"] {width:92px;}
	.contact_form textarea {width:386px;}


	.container { width: 420px; }
	
	.grid_1,
	.grid_2,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_10,
	.grid_11,
	
	 {width:420px;}
	
	.grid_3 		{ width: 100%; float:left;}
	.grid_9 		{ width: 100%; float:left; margin:20px 0;}
	.grid_18 		{ width: 100%; float:left;}
	.grid_19 		{ width: 100%; float:left;}
	.grid_4			{ width: 420px; float: left;}
	.grid_8			{ width: 420px; float: left; margin:0;}
	.grid_12		{ width: 420px; float: left; margin:0;}
	.grid_13 {width: 220px; margin:0; padding-right:20px;}
	.fright{float:none;}
	.fleft{float:none;}
	
}



@media screen and (max-width : 479px) {	
	h1 {font-size:30px;line-height:40px; font-weight:400; margin:0 0 5px 0;}
	h2 {	margin:0 0 70px 0; font-size: 14px; 	line-height: 18px;}
	.spielzeit {font-size: 14px; 	line-height: 18px;}
	h6 {	margin:3px 0 10px 0;	font-size:14px; 	line-height: 20px;}
	#slide13 h8 {font-weight:600; font-size: 28px;}
	
	.menu {height:80px; padding:0; background:#000; box-shadow: 1px 1px 10px rgba(0,0,0,0.40);}
    #slide1{background-size: cover !important; margin-top: 30px;}
    .padding_slide1 {padding:70px 0 30px;}
    #slide1 h1 {font-weight: 800; font-size:46px;line-height:52px;}
    #slide1 p {font-size: 18px; line-height: 22px; padding: 10px 0 10px 0; margin-left: 25px; margin-right: 25px;}
    img.icon_img {max-width:295px; height:auto;}
	.effects_1 {display:none;}
	#slide1 h2 {font-size:16px;line-height:22px;}
    #slide1 a.stoerer {background-size: 150px 150px;
	margin:30px 0 20px 0;
    width:150px;
	height:150px;}
    
    .img a {font-weight: 800; font-size:46px;line-height:52px;}
    
    #slide1a h2 {
    text-transform:uppercase;
	font-family:Open Sans;
	font-size: 16px;
	line-height: 18px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 300;
}

    #slide1a p {
	text-transform:none;
	font-family:Open Sans;
	font-size: 11px;
	line-height: 14px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 400;
}
    
    #slide1a h3 {
	margin:10px 0 10px 0;
    font-family:Open Sans;
	font-size: 11px;
	line-height: 14px;
	letter-spacing:1px;
	color:#fff;
	font-weight: 400;
}

    #slide1b {
	background-position: 65% !important;
}
	img.svg_img {
	float: inherit;
	max-width:50%;
	height:auto;
	margin:20px;
}

    
	.filtr_bg {margin-bottom:50px; padding-top: 50px;}
	#slide2 p {font-size: 14px;	line-height: 20px; font-weight: 300; 	padding:10px 0 25px 0;}
	#slide2 h4{font-size:24px; line-height:30px;	padding:0; }
	#slide2 h7{font-size:14px; font-weight:900;	color: #B72116; background-color: #ffffff; padding: 0 2px 0 0;}
    #slide2 th {	font-size:14px; font-weight:400;}
	#slide2 td {font-size:12px;}
	#slide2 td p {font-size:12px; padding: 3px 0 1px 0; line-height:16px;}
    
    #slide2a p {font-size: 14px;	line-height: 20px; font-weight: 300; 	padding:10px 0 25px 0;}
	#slide2a h4{font-size:24px; line-height:30px;	padding:0 0 20px 0; }
	#slide2a h7{font-size:14px; font-weight:900;	color: #B72116; background-color: #ffffff; padding: 0 2px 0 0;}
    #slide2a th {	font-size:14px; font-weight:400;}
	#slide2a td {font-size:12px;}
	#slide2a td p {font-size:12px; padding: 3px 0 1px 0; line-height:16px;}
    
	.line1a{margin:10px 0 70px 0;}
	
	.padding_slide3 {padding:45px 0 30px;}
	#slide3 h1 {	font-size: 24px; line-height: 30px; font-weight: 400;}
	#slide3 p {font-size:13px;line-height:18px; margin:20px 0 0 0;}
	#slide3 a{font-size:16px}
	
	
	.flexslider {min-height:200px;}
	
	.padding_slide5a {padding:45px 0 30px;}
	#slide5a h1 {	font-size: 24px; line-height: 30px; font-weight: 400;}
	#slide5a p {font-size:13px;line-height:18px; margin:20px 0 0 0;}
	#slide5a a{font-size:13px;line-height:18px;}
	
	#slide5 span {font-size:22px;line-height:1px;}
	#slide5 h4{font-size:22px; line-height:26px;}
	#slide5 h5{font-size:15px; line-height:21px;}
	#slide5 th {	font-size:13px; line-height:20px;}
	#slide5 td {font-size:13px; line-height:20px;}
	#slide5 td p {font-size:13px; line-height:20px;}
	#slide5 p {font-size:13px; line-height:20px;}
	#slide5 .fotenote {font-size:12px; line-height:18px;}

	
	.padding_slide7 {padding:100px 0 70px;}
	#slide7 span {font-size:22px;line-height:24px;}
	
	.padding_slide9 {padding:70px 0 40px;}
	#slide9 p {font-size:22px;line-height:24px;}
	
	.contact_form input[type="text"], .contact_form textarea {width:269px;margin-left:0;}

	#slide11 h4{font-size:22px; line-height:26px;}
	#slide11 p.newsletter {font-size:14px; line-height:20px;}
	#slide11 .mce_text {font-size:13px; line-height:17px;}
	#slide11 .input {width: 280px;}	
	
	.copyright {
	font-size:12px;
	}
	
	.container { width: 300px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12
	 {width:300px;}
	.grid_17 { margin: 10px 30px 0 0;}
	.grid_18 		{ width: 100%; float:left;}
	.grid_19 		{ width: 100%; float:left;}
	
	.fright{float:none;}
	.fleft{float:none;}
	
	.grid_9{
	margin: 10px 0 20px 0;
	float: left;
	display: block;}
	
	.grid_8{
	margin: 10px 0 20px 0;
	float: left;
	display: block;
	}
	.grid_13 {width: 300px; margin:0; padding-bottom:30px;}
}

@media screen and (max-width : 400px) {
	.gallery-list {width:250px;}
	#slide13 h8 {font-weight:600;	font-size: 26px;}	
	#map_block iframe {height:300px !important;}
	
	img.svg_img {
	float: inherit;
	max-width:50%;
	height:auto;
	margin:20px;
}

	#contact_block_rel .grid_4 {width:250px;}
	
	#slide11 .input {width: 275px; margin:5px 0 0 0;}
	.container { width: 295px; }

	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:295px;
	}
	.grid_17 { margin: 10px 26px 0 0;}
	.grid_13 {width: 295px; padding-bottom:30px;}
	
}