@font-face {font-family: 'EurostileLT-Condensed';src: url('../webfonts/256EAE_0_0.eot');src: url('../webfonts/256EAE_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/256EAE_0_0.woff') format('woff'),url('../webfonts/256EAE_0_0.ttf') format('truetype');}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body { background: #e5e5e5; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #222222; -webkit-font-smoothing: antialiased; /*  position: relative; */}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; direction: ltr; }

p { font-family: inherit; font-weight: normal; font-size: 13px; line-height: 1.3; margin-bottom: 17px; }

/* Links ---------------------- */
a img { border: none; }

a, a:visited { /* color: #2ba6cb; */ color: #222; text-decoration: underline; line-height: inherit; }

a:hover { /* color: #2795b6; */ color: #666; text-decoration: underline; }

a:focus { /* color: #2795b6; */ color: #222; text-decoration: underline; }

p a, p a:visited { line-height: inherit; }

h1, h2, h3 { font-family: "EurostileLT-Condensed", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 60px; }

h2 { font-size: 45px; }

h3 { font-size: 30px; }

h4 { font-size: 23px; }

h5 { font-size: 17px; }

h6 { font-size: 14px; }


h1, h2, h3, .top-bar *, div#contact p {
	font-family: 'EurostileLT-Condensed';
	font-weight: normal;
}

h3 {
	margin: 4px 0 0 0;
}

h3.active, #content h3 {
	margin-bottom: 15px;
}


.no-touch h3:hover {
	color: #FFF;
}

h3.active {
	color: #FFF;
}

#content {
	margin-bottom: 40px;
}

#content p img {
	width: 100%;
}

/* <nav> */

.top-bar { background: none; min-height: 100px; line-height: 45px; margin: 0 0 5px 0; padding: 0; width: 100%; position: relative; /* Contain width to .row width */ /* First <ul> for branding, title, name, etc */ /* topbar global <ul> styles */ }

nav.top-bar {
	margin: 50px 0 30px 0;
}

.top-bar > ul .name h1, .top-bar > ul .name h1 a, .top-bar ul > li.name a:not(.button) { font-size: 60px; line-height: 60px; margin: 0; font-weight: normal; text-transform: uppercase; padding: 0px; }

/*
.top-bar > ul .name h1 a { font-weight: bold; padding: 0 22.5px; font-size: 17px !important; }
*/
.top-bar > ul .name h2 { font-size: 18px; line-height: 26px; margin: 0 0 0 5px; font-weight: normal; }

.top-bar ul { margin-left: 0; display: inline; height: 45px; line-height: 45px; list-style: none; /* Main Navigation links style */ /* Left Side <ul> */ /* Right Side <ul> */ }
.top-bar ul > li { float: left; /* Dividers between navigation */ /* Put a button in an <li> but give is a class */ /* Put a search bar or text input in the bar */ /* Put login bar in the top bar */ /* Hide the triangle for breakpoint menu */ /* li.has-dropdown */ }
.top-bar ul > li a:not(.button) { color: #000; display: block; font-size: 17px; font-weight: normal; /*height: 45px;*/ line-height: 20px; padding: 0 0 0 15px; border-bottom: 0px solid black; text-decoration: none; }

.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { /* background: black; */ /* background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); */ text-decoration: none; }

.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a { color: #FFF; }


.top-bar ul.right { float: right; width: auto; margin-bottom: 0; /* Dropdown Right Side Alignment */ }

/*
ul.main_nav {height: 35px;}
*/

ul.main_nav { margin-top: 3px;}

a.aktiv { color: #FFF; }

.top-bar ul > li.sprach_nav {
	clear: left;
	float: none;
	text-align: right;
	/* background: magenta; */
}

li.sprach_nav a, .top-bar ul > li.sprach_nav a:not(.button) {
	display: inline;
	color: #222;
	padding: 0px;
}

.top-bar ul > li.sprach_nav:not(.name) a:hover, .top-bar ul > li.sprach_nav:not(.name) a.active, .top-bar ul > li.sprach_nav:not(.name) a:focus { color: #FFF; }

@media only screen and (max-width: 820px) {
	.top-bar ul > li.name h1, .top-bar ul > li.name h1 a, .top-bar ul > li.name h1 a:not(.button) { line-height: 1; font-size: 49px; padding-left: 3px; }
	
	.top-bar ul > li.name h1 a, .top-bar ul > li.name h1 a:not(.button) {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.top-bar { /* margin-bottom: 0; */ overflow: hidden; height: 45px; min-height: 90px; /* background: #222222; */ /* Override contain to grid stuff for breakpoint */ /* Setting up the sliding area */ /* When the Small Nav is Showing */ }
  .top-bar .js-generated { display: block; }
  .contain-to-grid .top-bar { width: auto; }
  .top-bar section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms 0; -moz-transition: left 300ms 0; -o-transition: left 300ms 0; transition: left 300ms 0; }
  .top-bar ul { width: 100%; height: 100%; margin-bottom: 0; display: block; }
  .top-bar ul > li { float: none; /* Branding and name */ /* Dropdown Toggle */ /* Divider for breakpoint */ /* Search Overrides for breakpoint size */ /* Dropdown Level 1 */ /* Dropdown Level 2 */ }
  .top-bar ul > li.active, .top-bar ul > li:hover { /* background: #151515; */ background: none; }
  /*
  .top-bar ul > li.name { height: 45px; }
  */
  .top-bar ul > li.name h1, .top-bar ul > li.name h1 a, .top-bar ul > li.name h1 a:not(.button) { line-height: 1; font-size: 46px; padding-left: 3px; }
  /*
  .top-bar ul > li.name h1 a {  color: white;  display: block; line-height: 45px !important; padding-left: 15px; height: 45px; }
  */
  .top-bar ul > li.name h1 a, .top-bar ul > li.name h1 a:not(.button) {
  	padding-left: 0px;
  }
  
  .top-bar ul > li:hover a, .top-bar ul > li.active a { color: white; }
  .top-bar ul > li.name:hover h1 a {
  	color: #222;
  }
  
  .top-bar ul > li a:not(.button) { /* color: white; */ }
  
  .top-bar ul > li.toggle-topbar { cursor: pointer; display: block; height: 39px; position: absolute; right: 0; top: 0; width: 50%; }
  .top-bar ul > li.toggle-topbar a { content: ""; display: block; width: 0; height: 0; padding: 0; position: absolute; top: 0; right: 0; width: 34px; height: 34px;
	  background-image: url(../img/00_all/pfeil_down.png); }
  .top-bar ul > li.toggle-topbar:hover { background: inherit; }
  .top-bar ul > li.toggle-topbar a { padding: 0 !important; }
  
  .top-bar ul.left, .top-bar ul.right { float: none; width: 100%; }
  .top-bar ul.left > li, .top-bar ul.right > li { display: block; float: none; margin: 0 !important; }
  
  .top-bar section > ul li a:not(.button), .top-bar section > ul li.sprach_nav { padding-left: 5px !important; padding-top: 2px; border-bottom: 1px solid black; }
  
  
  .top-bar section > ul li a:not(.button):hover { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6); }
  
  
  .top-bar.expanded { height: 100%; }
  .top-bar.expanded ul li.toggle-topbar a { content: ""; display: block; width: 0; height: 0; top: auto; width: 34px; height: 34px;
  	  background-image: url(../img/00_all/pfeil_up.png); }
  .top-bar ul li.has-button { padding: 5px 15px; }
  .top-bar ul li .button.small { margin: 0 !important; display: inline-block; width: 100%; }
  .top-bar ul > li.has-button a.button { margin: 0; }
  
  .top-bar ul > li.sprach_nav { text-align:left;}
  
  .top-bar section > ul li.sprach_nav { border:none;  padding:0; padding-left:0px !important; }
  .top-bar section > ul li.sprach_nav a:not(.button) { border:none; margin: 0; line-height:23px; padding-top:5px; padding-right:5px; padding-bottom:3px; }
  
  div#contact p { background:none; padding:0;}
}

#content_musik h3, #content h3 {
	cursor: pointer;
}
.content_musik_txt {
	display: none;
	margin-bottom: 25px;
}
.zitat {
	font-style: italic;
	/* color: #444;
	letter-spacing: 0.1em; */
	
}

iframe {
	margin-bottom: 17px;
}

p.video_descr {
	margin-bottom: 5px;
}

div#contact {
	margin: 25px 0 0 0;
	
	height: 200px;
}
div#contact ul {
	height: 38px;
}

div#contact ul li {
	float: left;
	list-style-type: none;
	
	text-indent: -9999px;
	
	width: 38px;
	height: 38px;
	
	margin: 0 10px 0 0;
	
	cursor: pointer;
}

div#contact ul li#c_facebook { background-image: url(../img/00_all/fb.png); }
div#contact ul li#c_phone { background-image: url(../img/00_all/phone.png); }
div#contact ul li#c_email { background-image: url(../img/00_all/email.png); }

div#contact p {
	clear: both;
	font-size: 16px;
	line-height: 16px;
	margin: 15px 0 0 0;
	
	display: none;
}

div#contact p#c_phone_txt {
	font-size: 15px;
	line-height: 17px;
}

div#contact p a, div#contact p a:visited {
	color: #222;
	text-decoration: none;
}

div#contact p a:hover {
	color: #FFF;
}

div#scoll_up {
	position: fixed;
	top: 50%;
	left:  50%;
	width:  34px;
	height: 34px;
	margin-left: -510px;
	
	background-image: url(../img/00_all/pfeil_up.png);
	
	cursor: pointer;
	
	border: 0px dotted magenta;
	
	display: none;
}

/* #####  TERMINE  ##### */

div.termine {
	background: rgb(4,4,4);
	background: rgba(4,4,4,0.5);
	color:#FFF;
	
	border: 0px dotted magenta;
	
	margin-bottom: 5px; 
	
	clear: both;
	min-height: 66px;
}

div.termine p { float:left; margin:0px; padding: 18px 0px 12px 20px;  }

div.termine p.datum { width: 20%; padding-left: 20px;}
div.termine p.act { width: 30%; padding-left: 20px; }
div.termine p.ort { width: 38%; }
div.termine p.tickets { width: 12%; padding-top: 34px; padding-left: 2px; text-align: center; }

p.tickets a {
	color:#FFF; text-decoration: none; display: block;
}

p.tickets a:hover {
	color:#222; text-decoration: underline;
}
div#content_musik { clear: both; }


@media only screen and (max-width: 767px) {
	div.termine { background: none; margin-bottom: 10px;
	border-bottom: 2px solid #333; }
	
	div.termine p { float: none; padding: 10px; width:100%; background: rgb(4,4,4); background: rgba(4,4,4,0.5); }
	
	div.termine p.datum, div.termine p.act, div.termine p.ort, div.termine p.tickets {
		padding: 5px 10px;
		/* background: none; */
		width:100%;
		border-bottom: 1px solid #b3b3b3;
	}
	
	div.termine p.datum { background: rgba(4,4,4,0.8); }
	
	div.termine p.tickets {
		text-align: left; padding: 0px; background: none;
		
		border-bottom: none;
		
	}
	
	p.tickets a {
		display: block; width:100%; height: 100%; padding: 5px 10px; 
		background: rgba(4,4,4,0.3); color:#222;
		
	}
	
	p.tickets a:hover { background: rgba(4,4,4,0.8); color:#FFF;}
}

.video_holder {
	background: #000;
	position: relative;
}

#home_btn { cursor:pointer;}

.no_news { display: none;}