@font-face {
	font-family: 'Merriweather';
	src: url('../../medien/fonts/regular/merriweather-regular-webfont.eot');
	src: url('../../medien/fonts/regular/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../../medien/fonts/regular/merriweather-regular-webfont.woff2') format('woff2'),
	url('../../medien/fonts/regular/merriweather-regular-webfont.woff') format('woff'),
	url('../../medien/fonts/regular/merriweather-regular-webfont.ttf') format('truetype'),
	url('../../medien/fonts/regular/merriweather-regular-webfont.svg#Merriweather') format('svg');
	font-weight: normal;
	font-style: normal;

}

body {
	font-family: 'Merriweather', serif;
	font-size: 16px;
	background-color: #000;
	color: #333;
}



html {
    background-color: #000;
}


#ladebalken {
    width: 0;
    height:2px;
    background-color: #E30020;
    display: block;


}
#wrapper {
   /*display:none;*/

}

.hide {
    display: none;

}

#wait {
    display:block;
    width: 30%;
    position: fixed; /* or absolute */
    top: 50%;
    left: 50%;
    color:#fff;

}

.textbox {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
	width: 40%;
	position: absolute;
	font-size: 20px;
	line-height: 35px;
	z-index: 100;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#menubtn {
	width: 100%;
	height: 30px;
	margin-bottom: 20px;
	color: #fff;
	background-image: url('../img/menu.gif');
	background-repeat: no-repeat;
	background-position: right;
}

.imagebox {
	position: absolute;
	width: 50%;
	height: 80%;
}


.imagetext {
	width: 100%;
	font-size: 70%;
	color: rgba(0, 0, 0, 0.6);
	line-height: 22px;
}

.imagebox img {
	max-height: 100%;
	width: auto;

}

.pos1 {
	left: 10%;
	top: 15%;
}

.pos2 {
	left: 40%;
	top: 15%;
}

.textbox, .imagebox {

}

html, body {
	position: relative;
	height: 100%;
	background-color: #000;
}

#swiperwrapper, #wrapper {
	background-color: #000;
}

#menu {
	position: fixed;
	left: -160px;
	top: 0px;
	z-index: 1000;
	background: rgba(0, 0, 0, .8);
	padding: 20px 10px;
	width: 200px;
	height: 100%;
}

#menu ul {
	margin: 0 0 20px 0;
	padding: 0 0 0px 10px;
	display: none;

}

#menu li {
	list-style-type: none;
	padding: 0;
	margin-bottom: 20px;
	font-size: 16px;
	border-bottom: 2px solid black;
}

#menu li.active {
	border-bottom-color: #E30020;
}

#menu li a {
	text-decoration: none;
	color: #fff;
}

#menu ul ul {
	display: none;

}

#menu h3 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	font-style: italic;

}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-container-v {

}

.swiper-slide {

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}





h2 {
	margin-top: 0;
}

/*SWIPER*/

.swiper-slide {
	background-size: 100% auto;
	background-repeat: no-repeat;

}

#s0, .s0 {
	background-image: none;
}


#s1, .s1 {
	background-image: url('../img/kaufhaus_brand.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
}


#s2, .s2 {
	background-image: url('../img/mainzansicht.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#s3, .s3 {
	background-image: url('../img/alltagsszene.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#s4, .s4 {
	background-image: url('../img/bibel.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#s5, .s5 {
	background-image: url('../img/mainz_ausschnitt.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.sectionheadline {
	position: absolute;
	left: 70px;
	top: 20px;
}

.sectionheadline h2 {
	color: #fff;
	font-size: 30px;
	font-weight: normal;

}

b {
	color: #92000c;
}

.imagebox img {
	/* width: 100%;
	 height: auto; */
}

.infobox {
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 20px;
	width: 90%;
	display: none;
}

@media all AND (max-width: 379px) {

	.textbox {
		left: 10px;
	}

}

@media all AND (max-width: 479px) {

}

@media all AND (min-width: 480px) {

}

@media all AND (max-width: 767px) {

	.infobox, .imagebox, .imagetext {
		/*display: none;*/

	}

	.sectionheadline {
		position: absolute;
		left: 70px;
		top: 20px;
	}

	.sectionheadline h2 {
		font-size: 20px;
	}

	.textbox {
		background-color: rgba(255, 255, 255, 0.8);
		width: 80%;
		font-size: 15px;
		line-height: 18px;
		position: absolute;
		left: 10px;
	}

	.textbox p {
		width: 95%;
	}

	#menu {
		background: rgba(0, 0, 0, 0);

	}

	.imagetext {
		line-height: 15px;
	}

	.pos2, .pos1 {
		left: 10%;
		top: 28%;
	}

	.imagebox img {
		max-height: 60%;
		width: auto;

	}

}

@media all AND (min-width: 768px) {
}

@media all AND (min-width: 1024px) {
}

@media (max-width: 961px) {

}

@media all AND (max-width: 1025px) {
	.imagebox img {
		/*max-height: 80%;
		width: auto;*/

	}
}

#menu {
    /*opacity: 0;*/
}


/*Startseite*/

#id1 .textbox {
	background: transparent;
	color:#fff;

}