.main-header{
	margin-bottom: 140px;
}
.main-header__bg{
	width:100%;
	height:auto;
	margin-bottom: -25%;
}
.main-header__sign{
	display:block;
	margin:auto;
	max-width: 80%;
}
.h1container{	
	text-align: center;	
    position: relative;
    margin-bottom: 160px;
    margin-top: 80px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
	.h1container .line{
		left:0;
		width:100%;
		position: relative;		
	    mix-blend-mode:lighten;
	}
	.h1container .line:before{
		width:70%;		
		top:50%;
		content:'';
		height:2px;		
		background:white;
		position: absolute;
		left:0;
	}
	.h1container h1 {
	    font-size: 5em;
	    padding: 30px 120px 25px;
	    background-color:rgba(183,9,9,0.4);
	    color: white;
	    position: relative;
	    text-rendering: optimizeLegibility;
	    white-space: nowrap;
	}
	.h1container h1.mixblend {background:none;mix-blend-mode:normal;}
	
	.h1container h1.mixblend:after {
	    background-color: #b70909;
	    mix-blend-mode: color;
	    position: absolute;
	    content: '';
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	}
	.h1container h1 + .line:before{
		left:auto;
		right:0;
	}
	.h1container.mobile h1{background-color:rgba(183,9,9,0.4);}	   
	.h1container.mobile h1.mixblend:after{content:none;}
	.h1container.mobile .line{display:none;}
	.h1container.mobile h1{display:block;margin:auto;}
.year{
	padding-left: 50%;
	position: relative;
	margin-bottom:60px;
}
.year--date{
	font-size: 3em;
    top: 0;
    left: 0;
    width: 50%;
    text-align: right;
    position: absolute;
    margin-top: -30px;
    margin-left: -60px;
}

.diashow{
	padding-bottom: 50px;
	position: relative;
	padding-top: 30px;
    width: 66%;
    margin: auto;
    height: 48vw;    
    max-height: 850px;
}
.diashow--controller{
	width:100%;
	position: absolute;
	top:50%;
	z-index: 1;
	margin-top: -80px;
	display:none;
}
.diashow--controller__left-arrow{
	left:-10%;
	position: absolute;
	cursor: pointer;
}
.diashow--controller__right-arrow{
	right:-10%;
	position: absolute;	
	cursor: pointer;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.diashow--mask{
    width: 100%;
    display: block;
    overflow:hidden;
	white-space: nowrap;	
}
.diashow--mask img{
	width:100%;
	margin-right: -4.1px;
}


.orchester--sectionbg{
	display:block;
	position: absolute;
	width:100%;
	z-index: -1;
}
.orchester{
	padding-top: 120px;
}
.orchester h2{
	text-align: center;
}
.orchester img{
	margin:30px auto 100px;
	max-width:100%;
}

.buecher--sectionbg{
	display:block;
	position: absolute;
	width:100%;
	z-index: -1;
}
.buecher .h1container{
	margin:210px auto;
}
.buecher--buch{
	margin-bottom: 80px;
}
.buecher--buch .img{
	width:50%;
	float:left;
}
.buecher--buch .img img{
	display:block;
	margin:auto;
}
.buecher--buch .title{
	font-size: 3em;
	width:50%;
	float:right;
	padding-top: 100px;
	line-height: 1.1;
	margin-bottom: 15px;
}
.buecher--buch  a{
	max-width: 50%;
	background: #b70909;
	padding: 15px 36px;
	color: white;
	font-size: 26px;
	text-decoration: none;
	margin-top: 70px;
	display: inline-block;
}
.buecher .info{
	text-align: center;
	padding:20px 0 80px ;
	max-width: 1100px;
	margin:auto;
}
footer{
	background:#0d0d0d;
	padding:100px 0;	
	text-align: center;
}
footer a{
	color:#b70909;
	text-decoration: none;
}
footer a:hover{
	text-decoration: underline;
}
#impressum a{
	color:#b70909;
	text-decoration: none;
}
#impressum{
	background:#0d0d0d;
}
#datenschutz a {
	color:#b70909;
	text-decoration: none;
}
#datenschutz {
	background:#0d0d0d;
}
@media(max-width: 1240px){
	.h1container{
		margin:40px auto 60px;
	}	
	.h1container h1{
		font-size: 4em;
	}
	.diashow{
		padding-top: 0;
	}	
	.year--date{
		margin-top: -13px;
	}
	.buecher .h1container{
		margin:120px auto;
	}
	.buecher--buch .img{
		padding-right: 30px;
		box-sizing:border-box;
	}
	.buecher--buch .img img{
		max-width: 100%;
	}
	.buecher--buch .title{
		font-size: 2em;
	}
	.buecher--buch a{
		font-size: 18px;
	}
	.buecher .info{
		padding-bottom: 50px;
	}
	footer{
		padding:50px 0;
	}
}
@media(max-width: 1100px){
	.h1container h1{
		font-size: 3em;
	}
}
@media(max-width: 900px){
	.h1container h1{
	    white-space: normal;
	}
}
@media(max-width: 720px){
	.main-header {
	    margin-bottom: 60px;
	}
	.h1container{
		margin: 0 auto 30px;
	}
	.h1container h1{
		padding:15px 26px 10px;
	}
	.diashow{
		width: 88%;
	    height: 61vw;
	}
	.orchester img {
	    margin: 5px auto 60px;
	    max-width: 100%;
	}
	.year{
		padding-left: 40%;
		width:60%;
		margin-bottom: 20px;
	}
	.year--date {
    	font-size: 1.5em;
    	width:40%;
    	margin: 0 0 0 -20px;
	}
	.buecher--buch .title{
		padding-top: 20px;
		font-size: 1.3em;
	}
	.buecher--buch a{
		padding: 8px 14px;
	}
	.buecher .info{
		padding: 0 0 20px;
		text-align: left;
	}
}

@media(max-width: 600px){
	.buecher .h1container{
		margin:30px auto;
	}
	.buecher--buch {
	    margin-bottom: 50px;
	}
	.buecher--buch .title{		
   		overflow: hidden;
	}	
	.buecher--buch a{
		margin-top: 20px;
	}
}
@media(max-width: 550px){
	.main-header {
	    margin-bottom: 30px;
	}
	.orchester {
	    padding-top: 60px;
	}
	.year {
	    padding-left: 25%;
	    width: 75%;
	}
	.year--date {
    	font-size: 1.5em;
    	width:25%;
    	margin-left: -10px;
	}
	
	.buecher--buch .img{
		width:100%;
    	padding-right: 0px;
	}
	.buecher--buch .title{
		width:100%;
		font-size: 1.3em;
		margin-bottom: 5px;
	}
	
	.buecher--buch  a{
		max-width: 100%;
	}
	.buecher .info{
		padding: 0 0 20px;
	}
}