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

#menu_button {
	display:none;
	}
@media (max-width:640px) {
	header, #kategorie {
		height:auto;
		}
	#navi {
		height:auto;
		}
	#logo {
		position:relative;
		margin:0;
		padding:0;
		height:auto;
		width:auto;
		left:0;
		float:right;
		padding:10px 10px 8px;
		}
	#logo img {
		width:140px;
		height:auto;
		}	
	.inner {
		padding:0 2%;
		}
	
	#slider_box, #abstand_1, #abstand_2, #kategorie,
	#abstand_3, #content, #abstand_4, .abstand_4, #navi,
	#content_left, #content_right, #footer, #text_footer {
		width:100%;
		padding-left:2%;
		padding-right:2%;
		box-sizing:border-box;
		box-sizing:border-box;
		}
	#slider_box {
		background-size:cover;
		}
	#blau, #gruen, #orange, #rot {
		background-repeat:repeat;
		width:48%;
		margin:4px 1%;
		padding:0;
		border:0;
		height:65px;
		}
	#grey  {
		   background: url(webseite_grafiken/kategorieverlaeufe_grau.gif) no-repeat top right;
		   background-size:100% 74px;
		   width: 98%;
			height:44px;
		   display:none;
			margin:4px 1%;
			text-align:center;
		   }
	a.kategorie_link_oben, .box_h1 {
			line-height:1.2;
			font-size:18px;
			}
	a.kategorie_link_klein {
		display:none;
		}
	#content {
		padding:0 2%;
		box-sizing:border-box;
		}		
	#content_right {
		padding:40px 0;
		}	
	#content_right #box, #content_right #facebook,
	#content_right #job_button {
		width:100%;
		margin:4px 0;
		padding:0;
		border:0;
		float:left;
		overflow:hidden;
		}
	#box table {
		width:100%;
		box-sizing:border-box;
		}
	#facebook {
		max-width:none;
		text-align:center;}
	#content_right #newsletter, td.td_events_1 {
		display:none;
		}
	#content_right #box table, #content_right #facebook table,
	#content_right #job_button table {
			padding:0 8px;
			box-sizing:border-box;
		}
	td.td_events_2, td.td_events_3, #box a {
		font-size:12px;
		}
	
#menu_button {
	display:block;
	height:82px;
	line-height:95px;
	cursor:pointer;
	box-sizing:border-box;
	padding:0 10px;
	}
#menu_button img{
	width:35px;
	height:25px;
	}
	
.grey_box_event {
	max-width:40%;
	box-sizing:border-box;
	margin:0;
	max-width:none;
	min-width:none;
	}
.grey_box_event2 {
	max-width:40%;
	box-sizing:border-box;
	margin:10px 0;
	max-width:none;
	min-width:none;
	}
	
h2.artist img {
	display:none;
	}
h2.artist {
	font-size:18px;
	}	
p.artist_text {
	width:100%;
	clear:both;	
	padding-top:10px;	
}
.more_details {
	padding-bottom:20px;
	padding-top:10px;
	}
a.bottom_line {
	border-bottom:1px solid #333;
	display:block;
	height:55px;
	clear:both;
	}

.kategorie_on_0, .kategorie_off_0 {
	margin-left:-9px;
	}
.location_galerie img {
	margin:0;
	width:50%;
	box-sizing:border-box;
	padding:4px;
	}
.galerie_einzelbox {
    width: 50%;
}
#kontaktformular label {
	margin-top:0;}
#kontaktformular input#absenden {
	max-width:60%;
	}

#grey {
	display:block;
	}

.mobil_off_block {
	display:none;
	}

}


/* ----------------------------------------- MOBIL NAVI ---------------------------------------------- */

@media (max-width:640px) {
	
	.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-size:0.9375; /*15px*/;background:#131313;color:#fff;-webkit-box-shadow:inset 0 0 20px 5px #000;-moz-box-shadow:inset 0 0 20px 5px #000;box-shadow:inset 0 0 20px 5px #000;}
	.sidr .sidr-inner{padding:0 0 15px;}
	.sidr .sidr-inner>p{margin-left:15px;margin-right:15px;}
	.sidr.right{left:auto;right:-260px;}
	.sidr.left{left:-260px;right:auto;}
	.sidr ul{display:block;margin:0 0 15px;padding:0;}
	.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #000;border-bottom:1px solid #131313; width:100%; box-sizing:border-box; text-align:left;}
	.sidr ul li:last-child{border-bottom:0;}
	.sidr ul li a,.sidr ul li span{padding:5px 30px;display:block;text-decoration:none;color:#fff;}
	.sidr ul li ul{border-bottom:none;margin:0;}
	.sidr ul li ul li{line-height:40px;font-size:0.8125em; /*13px*/;}
	.sidr ul li ul li:last-child{border-bottom:none;}
	.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px;}
	#navi a { border-right:0; }
}
/*
@media (min-width:961px) {
	
	#sidr-right {
		display:none;
		visibility:hidden;
		height:0 !important;
		font-size:0;
		}	
	.sidr-open.sidr-right-open {
		position:relative !important;
		width:100% !important;
		right:0 !important;
		}			
}
*/


@media (min-width:640px) {
	body.sidr-open, body.sidr-right-open {
		width:100% !important;
		left:0 !important;
		}
	.sidr-right {
		display:block !important;
		}
}


@media (min-width:640px) and (max-width:960px) {
	#blau, #gruen, #orange, #rot {
		background-repeat:repeat;
		width:24%;
		margin:4px 0.5%;
		padding:0;
		border:0;
		}
	a.kategorie_link_klein {
		display:none;
		}
	a.kategorie_link_oben, .box_h1 {
			line-height:1.2;
			}
	#content_left {
		width:60%;
		}
	#content_right {
		width:36%;
		}
	#content_right div, .box_h1 {
		width:100%;
		box-sizing:border-box;
		overflow:hidden;
	}
	#logo {
		left:65%;
		}
	#navi ul {
		display:inline;
		}
	#navi a {
		font-size:13px;
		padding:5px 10px;
		}
	#sidr-right {
		display:inline-block;
		text-align:center;
		}
}