@charset "utf-8";
/* CSS Document */
html{
	font-size:100%;
}
*{
	margin:0;
	padding:0;
	border:0;
	font-size:1rem;
	
}
h1{
	margin:0;
	padding:0;
	border:0;
	font-size:1rem;
	
}
p{
	color:#777;
  	line-height:1.3;
	margin:0.5rem 0;
}
section {
  	padding:3rem;
}
section.parallax {
  	margin:0;
  	padding:0;
}
.container {
  	width:100%;
  	max-width:960px;
  	margin:40px auto;
}


.parallax [class*="img__"] {
  	background-position:50% 0;
  	height:512px; /*für IE8*/
  	height:50vh;  
  	background-repeat:no-repeat;
 	 background-attachment:fixed;
 	background-size:cover;
}
.parallax [class*="img_"]:nth-child(2n){
  	box-shadow: inset 0 0 1rem #111;
}

.parallax .img__winter1_1,.parallax .img__winter1_4{
	height:100vh;
}
.img__winter1_1{
	background-image:url(../images/winter1_1.jpg);
}
.img__winter1_2{
	background-image:url(../images/winter1_2.jpg);
}
.img__winter1_3{
	background-image:url(../images/winter1_3.jpg);
}
.img__winter1_4{
	background-image:url(../images/winter1_1.jpg);
}
.parallax .img__winter2{
  box-shadow: inset 0 0 1em #111;
  background-image:url(../images/winter2.jpg);
}
.parallax .img__winter3{
  background-image:url(../images/winter3.jpg);
  height:100vh;
}
.parallax .img__winter4{
  background-image:url(../images/winter4.jpg);
  height:100vh;
}

.parallax .capture{
  float: right;
  width: 200px;
  padding: 1rem;
  margin: -1.5rem 1rem 0 0;
  text-indent: 0;
  background: rgba(243, 243, 243, 0.75);
  box-shadow: 0 1px 0.125rem #333;
}

.header{
  	position:relative;
  	margin:-5rem 0 0 0;
  	padding:1rem;
  	text-align:left;
  	font-size:2rem;
 	color:#333;
  	background-color:rgba(255, 255, 255, 0.75);
}
.title{
  position: relative;
  top:25vh;
  left:10vh;
  width: 50vw;
  padding: 5%;
  border-radius: 1rem;
  background: rgba(230,230,230,.7);
  box-shadow:0 0 8px rgba(0, 0, 0,.7);
  transition:all 500s;
}
/*** Begin animation image slider ***/
@keyframes round{   
  25%{opacity:1;}
  40%{opacity:0;}
} 
.photowrapper{
  position:relative;
  top:10vh;
  left:5vw;
  width:35vw;
  height:35vh;
  overflow:hidden;
  border:3px inset #8FB9E2;
  border-radius:10px;
  box-shadow:inset 5px 5px 50px rgba(0,0,0,1);
}
.photo{
  position:absolute;
  animation:round 20s infinite;
  opacity:0;
  
}
.photowrapper img{width:35vw;}
img:nth-child(1){animation-delay:0s;}
img:nth-child(2){animation-delay:4s;}
img:nth-child(3){animation-delay:8s;}
img:nth-child(4){animation-delay:12s;}
img:nth-child(5){animation-delay:16s;}

/*** End animation image slider ***/

/*** Begin animation text slider ***/

@keyframes info{
  25%{color:rgba(100,100,100,1);}
  40%{color:rgba(100,100,100,0);}
  80%{color:rgba(100,100,100,0);}
}

.infowrapper{
  position:relative;
  box-sizing:border-box;
  top:-18vh;
  left:43vw;
  width:35vw;
  height:20vh;
  overflow:hidden;
  padding:10px;
  border:3px inset #8FB9E2;
  border-radius:10px;
  box-shadow:inset 5px 5px 20px rgba(0,0,0,.5);
  background-color:rgba(255,255,255,.7);
  
}
.infocontent p{
	color:inherit;
}
.infocontent{
  position:absolute;
  animation:info 20s infinite;
  font-style:italic;
  color:rgba(100,100,100,0);
}
.infocontent:nth-child(1){animation-delay:0s;}
.infocontent:nth-child(2){animation-delay:4s;}
.infocontent:nth-child(3){animation-delay:8s;}
.infocontent:nth-child(4){animation-delay:12s;}
.infocontent:nth-child(5){animation-delay:16s;} 

/*** End animation text slider ***/