*{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #D9D9D6;
	font-size: .9em;
	line-height: 1.2em;

	}

.wrapper{
	margin: 0px auto 0px auto;
	padding: 0;
	width: 1200px; /* +22 wg black left border */
	z-index: 4;
}

#aktuell .wrapper,
#hv .wrapper{
	padding: 88px 0 0 0;
}

content{

		position: relative;
		float: left;
		width: 100%;
		height: auto;
		min-height: 800px;
		padding-bottom: 88px;
/* 		border-left: 22px solid #000 */
}



section{
			width: 100%;
			float: inherit;
			padding-bottom: 120px;
}

section#infamis, section#wiedergang{background: #fafaf7;}
/* section#musik{background: rgba(79, 183, 135, 0.57);} */
section#film{background: rgba(224, 221, 207, 1);}
section#live{background: rgba(194, 0, 72, 0.8);}
section#hv{background: rgba(224, 221, 207, 1);}
section#aktuell{background: rgba(224, 221, 207, 1);}
.hg{
	position: absolute;
	height: 100%;
	width: 100%;
/* 	background:url(../backgroundslider/slides/inf_weih_2015.jpg); */
	background-position: center center;
	background-size: cover;
}



a{
color: #000;
text-decoration: none;
cursor: pointer;

}
p a,
a p{
	text-decoration: underline;
}

.clear {clear:both;}



nav{
	position: relative;
	float: left;
	width: 100%;
	z-index: 3;
	}


nav a{
color: #D9D9D6;
/* text-shadow: 0px 0px 6px rgba(0,0,0,0.3); */
font-size: 3.2em;
font-weight: 300;
text-decoration: none;
cursor: pointer;
text-transform: uppercase
}
nav a:hover{ color: #FF5900;}
nav ul{padding: 0;}
nav li{
	list-style: none;
	padding-bottom: 12px;

	margin: 0;
/* 	display: inline-table; */
/* 		border-bottom: 1px solid #D9D9D6; */


}

header{
height: 100vh;
width: auto;
padding: 44px 40px;
display: flex;
flex-direction: column;
justify-content: space-between
}


.unsichtbar{ width:0px; height:0px; display:none;}

.impressum_btn{
	z-index: 7;
	position: absolute;
	font-size: 0.7em;
	text-align: right;
	color: #dad6d0;
	text-decoration: none;
	/* height: 76px; width: 70px; */
	height: 12px;
	width: 170px;
	margin: 116px 0 0 -72px;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}

.impressum_btn a{text-decoration: none; color: #dad6d0;}
.impressum_btn a:hover{text-decoration: none; color: #fff;}


.platte{

position: absolute;
bottom: 80px;
right: 320px;
text-align: right;
	display: none;
}

.live{

z-index: 3;

text-align: left;
color: #dad6d0;
/* text-shadow: 0px 0px 6px rgba(0,0,0,0.3); */
font-size: 2.7em;
line-height: .9em;
text-decoration: none;

}

.live2{
color: #ffffff;
}


.live li, .live2 li{
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}
.live .rt_gr, .live2 .rt_gr, .rt{color: #FF5900; } /* color: #92242c; #89292f #85B09A*/

.live ul li a, .live2 ul li a{color: #D9D9D6; cursor: pointer;}
.live ul li a:hover, .live2 ul li a:hover{ color: #FF5900;}
.kl {font-size: .8em}

.durchgestrichen{
	text-decoration: line-through
}
.nichtDurchgestrichen{
	text-decoration: none
}
.zentriert{text-align: center;}


.headline{
	font-size: 3.2em;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	padding: 44px 0;
}


.txtBox{
	font-family: 'Libre Baskerville', serif;
/* font-family: 'Lustria', serif; */
/* 	background: #f6f5ee; */
	color: #000;
	padding: 32px;
	font-size: .95em;
/* 	margin: 0px 1px 2px 0px; */
}






.transparentBox{
	margin: 0px 1px 2px 0px;
}
.bildBox,
.videoBox{
	padding: 32px;
/* 	margin: 0px 1px 2px 0px; */
}

.bildBox img{
	border: 4px solid #fff;
	margin-bottom: -4px


}
.kasten{
	color: #000;
	padding: 32px;
	margin: 0px;
	border: 1px solid #000;
}

.bottomLine{
	border-bottom: 3px solid #000;
	margin-bottom: 88px;
}

img.hv-img{
	width: 100%;
	height: auto;
}

p{
	font-size: 1.1em;
	line-height: 1.45em;
	margin-bottom: 1.45em
}
#film .txtBox{
	font-size: .9em;
	line-height: 1.25em;
	margin-bottom: 1.45em;
/*
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
*/
}

h1{
	font-weight: 400;
	font-size: 1.4em;
	line-height: 1.45em;
	margin-bottom: 0.4em;

}
h2{
	font-family: 'Open Sans', sans-serif;
	font-size: 3.2em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
	color: #000;
	padding: 16px 0 24px 0;
}
.live2 h2{
	color: #fff;
}
h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight: 400;
	line-height: 1;
	color: #000;
	padding: 16px 0 24px 0;
}
h2.zentriert,
h3.zentriert{
	text-align: center;
}


.klein{font-size: .8em;}

.topAbstand{margin-top: 44px}
.bottomAbstand{margin-bottom: 44px}
.entfaellt,
.entfaellt a,
.entfaellt span{text-decoration: line-through; color: #adadad !important; font-size: 1em}


.section_musik{

	background-image: url(../elemente/infamistapete-transparent.png);
	background-repeat: repeat;
	background-color: rgba(219, 215, 204, 0.1);
}




/* ---------------------------- < 920 ---------------------------- */


@media only screen and (max-width:920px){
	
	
	body{
		font-size: .7em
	}
	
	.wrapper{
		padding: 22px;
	
	}
	
	header{
		float:left;
		text-align: left;
		top:8px;
		height: auto;
	}
	nav {
		position: relative; float: left;
	}
	nav a{
		font-size: 4.2em;
	}
	.wrapper{
		width: 100%;
		display: flex;
		flex-direction: column; 
		padding: 22px;
	}



	xx.videoBox{
		position: relative;
		padding-bottom: 156.25%; /* Default for 1600x900 videos 16:9 ratio*/
		padding-top: 0px;
		height: 0;
		overflow: hidden;
	}
	.videoBox iframe,
	.col2 iframe{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 50vw;
		}
	audio{
		width: 100%
	}
	nav{
		margin-top: 22px;
		font-size: .8em;
		line-height: .4;
	}
	.live{
		margin-top: 2px;
		font-size: 1.1em;
	}
	.live2{
		margin-top: 22px;
		font-size: 1.7em;
	}
	.live2 li{
	margin-bottom: 7px;
	}
}

















}