@media (prefers-reduced-motion: no-preference) {
	html,
	body {
		margin:  		0;
		padding: 		0;
		scroll-snap-type: 	y mandatory;
		scroll-behavior: 	smooth;
		scroll-padding: 	0;
	}
	section {
		scroll-snap-align: 	start;
		scroll-margin: 		0;
	}
}

html,
body {
	position: 			relative;
	height:				100%;
}


section {

	font-family: 			sans-serif;
	background: 			#fff;
	min-height: 			100vh;
	padding: 			10vh;
}

section > * {
	max-width: 			90vw;
	margin: 			4vh auto;
}

section h2 {
	font-size: 			1.5em;
	text-align: 			left;
	-webkit-backface-visibility: 	hidden;

}


section h3 {
	font-size: 			1em;
	text-align: 			left;
}

section p {
	text-align: 			justify;
	font-size:			1em;
	-webkit-backface-visibility: 	hidden;
}
p.quote {
	width:				60vw;
	font-size: 			2.5vw;
	margin:				auto;
	text-align:			center
	
}
p.box {
	background-color:		rgb(0 50 0 /0.5);
	box-shadow: 			+0px 0px 20px 20px rgb(0 50 0 /0.5);
	
}
span.quote{
	font-size:			4vw;
	line-height:			5vw;
	opacity:			0.6;
}
span.ref{
	font-size:			1.4vw;
	margin-left:			30vw;
}
div.fade_bg{
	background-color:		rgb(0 0 0 /0.5);
	box-shadow: 			0px 0px 20px 40px rgb(0 0 0 /0.5);
	overflow: 			scroll;
	margin-bottom:		10vh;
}
div.headline{
	background-color:		rgb(0 0 0 /0.5);
	box-shadow: 			0px 0px 20px 40px rgb(0 0 0 /0.5);
        overflow: 			scroll;
	margin-bottom:		10vh;

}

@keyframes einblenden {
    from { opacity: 	0; }
    to 	 { opacity:	1; }
}

@-moz-keyframes einblenden { /* Für Firefox */
    from { opacity:0; }
    to 	 { opacity:1; }
}

@-webkit-keyframes einblenden { /* Für Safari und Chrome */
    from { opacity:0; }
    to   { opacity:1; }
}

@-o-keyframes einblenden { /* Für Opera */
    from { opacity:0; }
    to   { opacity:1; }
}
/* sections */
a{
	padding-right: 			1em;
	text-decoration: 		none;
	color:				#55b236;
}
a[href^="http"]:not([href*="mpt-fischer.de"]){
  	background: 			url("img/others/extlink.svg") no-repeat right; 
}
#part_1 {
	background-color:		#000;
	color:		 		#FFFFFF;	
}
#part_1 h2 {
	margin-top:			3vh;
	font-size:			2vw;
	text-align:			center;
}
#slides {
	background-image: 		url('img/others/black_logo.jpg');
	background-size: 		contain;
	background-position: 		center center;
	background-repeat: 		no-repeat;
	text-shadow: 			0.2vw 0.3vw 0.3vw black;
	position:			absolute;
	left:				5vw;
	top:				5vh;
	width:				90vw;
	min-height: 			85vh;
 	height:				auto !important;
  	height:				85vh;
	color:			 	#FFFFFF;
 	opacity:			1;
 	transition: 			opacity 1s; 
}
#fotoinfo{
	position:			absolute;
	width:				80vw;
	bottom:				-3vw;
	left:				5vw;
	text-align:			center;
}

#slidesbg {
	background-image: 		url('img/others/black.jpg');
	background-size: 		cover;
	background-position: 		bottom center;
	background-repeat: 		no-repeat;
	text-shadow: 			0.2vw 0.3vw 0.3vw black;
	vertical-align:			bottom;
	position:			absolute;
	left:				5vw;
	top:				3vh;
	width:				90vw;
	min-height: 			90vh;
 	height:				auto !important;
  	height:				90vh;
	color:		 		#FFFFFF;	
	opacity:			0.5;
	filter: 			blur(5px);
	
}

#part_2 {
	background-image: 		url('img/2018-10-20 11-55-21_100-7231.jpg');
	background-size: 		cover;
	background-position: 		bottom center;
	background-repeat: 		no-repeat;
	text-shadow: 			0.2vw 0.3vw 0.3vw black;
	color:		 		#FFFFFF;	
}	
	
#part_2 img,	
#part_5 img {	
	float: 				right;
	width:				20%;
	margin-left: 			1em;
}	
		
#part_3 {	
	background-image: 		url('img/2013-09-21 18-28-42_100-2251.jpg');
	background-size: 		cover;
	background-position: 		top left;
	background-repeat: 		no-repeat;
	text-shadow: 			0.2vw 0.3vw 0.3vw black;
	color:		 		#FFFFFF;	
}	

#part_3 ul{
background: 			rgba(0 0 0 /0); 
}

#part_4 {	
	background-image: 		url('img/2020-04-12 07-39-26_IMG_20200412_073924.jpg');
	background-size: 		cover;
	background-position: 		top left;
	background-repeat: 		no-repeat;
	text-shadow: 			0.2vw 0.3vw 0.3vw black;
	color:		 		#FFFFFF;
}	
#part_4 h3{	
	font-size: 			1.4em;
	text-align:			left;
	width:				48vw;
	float:				left;
}	
#part_4 a{
  	background: 			rgba(0 0 0 /0); 
}
#part_4 img{	

	height:				calc(30vw/16*9);
	float:				right;
	border-radius: 		1.6vw;
        border:                   solid 0.9vw rgba(0 0 0 /0); 
}	
#part_4 p{		
	width:				48vw;
	vertical-align:			top;
		
		
}	
#part_5 {	
	background-image: 		url('img/2012-03-08 16-24-31_IMG_3125.JPG');
	background-size: 		cover;
	background-position: 		top left;
	background-repeat: 		no-repeat;
	text-shadow: 			0.2vw 0.3vw 0.3vw black;
	color:		 		#FFFFFF;
        
}	
.contact{
	width:				90%;
	background-color: 		#002800;
	opacity:			0.7;	
	color:				#fff;
}	
#part_5 label{
	width:				10%;
	display: 			inline-block;
        
}	
	
#footer {	
	position:			relative;
	border-top:			solid 1px rgb(0 0 0 /0.2);
	padding:			1vh;
	width:				90vw;
	left:				5vw;
	font-size:			0.8em;
}	
	
@media (width <= 800px) {	
	section h2 {	
		font-size: 		4.1vw;
			
	}	
	section p {	
		width: 			90%;
		left: 			5%;
		margin-top: 		0;
	}	
	body {	
		
		font-size:		1.9vw;
	}	
}