/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v20-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
		

		html,body,div,video,h1,h2,h3,ul,img,nav,header,p,dt,dd,dl,table {
			margin: 0;
			/*padding: 0;*/
			border: none;
		}
		table {
			border-spacing: 0px;
		}
		html, body { width: 100%; height: 100%;
		 -webkit-text-size-adjust: none;}

		body {
			font-family: 'Roboto', sans-serif;

		}
		body.has-hero {
			opacity: 0;

		}
		body.all-loaded {
			opacity:1;
			-webkit-transition: opacity .5s ease-in-out;
       -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
         -o-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out;
		}



h1,h2,h3,h4,h5,h6 {
	font-family: 'Quicksand', sans-serif;
	font-weight: normal;
	font-size: 1em;
	margin-top: 1em; 
	margin-bottom: 0.5em;
}
h1 {
		text-align: center;
		font-size: 1.8em; 
	}
h2 {
	font-size: 1.4em;
}
h3 { font-size: 1.2em; }

	a { color: #333;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
		color: #000;
	}
	li.selected a:hover{
		cursor: default;
		text-shadow: none;		
	}

		#title-name a:hover {
		text-decoration: none;
		
	}

	#title-name a.selected:hover{
		cursor: default;
	}





		.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

		#hero-wrapper {
			position: relative;
			width: 100%;
			height: 100%;
			margin:0 auto;
		}
		#hero {
  			position: absolute;
  			top: 50%;
  			-ms-transform: translateY(-50%);
  			transform: translateY(-50%);
			margin:0 auto;
			width:100%;
		}
		
	#hero video {
		display: block;
		float: left;
		width:33%;
		opacity: .4;
		-webkit-transition: opacity .5s ease-in-out;
       -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
         -o-transition: opacity .5s ease-in-out;
            transition: opacity .5s ease-in-out;
	}
	#hero video.has-playing-video {
		opacity: 1;
	}
	#hero-wrapper.has-two #title-name{
	margin: 5% 0;
}
		#hero-wrapper.has-two video {
			width: 50%;
	

		}
		#hero-wrapper.has-two video.three {
	display: none;
}
		 #title-name { /*also a link*/
			margin: 20px 0 25px 0;
			font-family: 'Quicksand', sans-serif;
			text-align: center;
			font-size: 2em;
			letter-spacing: 0.3em;

		}
		body.has-hero #title-name {
			margin: 20px 0 0 0;
		}
		#title-name span {
			font-size: 0.6em;
			letter-spacing: 0;
		}
		.main-section {
			margin-top: 50px;
			margin-bottom: 80px;
		}




	/*nav*/
		nav {
		margin: 10px auto 20px auto;
		max-width: 1000px;
	}
	
	 
	nav ul{
		list-style: none;
		padding: 0;
		margin: 0px 5px;
		display: flex;
		justify-content: space-between;

	}
	
/* main */
main {
	margin: 30px auto;
	max-width: 800px;
}

body.no-bleed main {
	max-width: 2000px;
}

	/* Profil */

dl {
	width:100%;
	box-sizing: border-box;
	
}

dt,dd {
text-align: left;
display: inline-block;
box-sizing: border-box;
margin: .1em 0;
vertical-align: top;

}
dt {
width:40%;
}
dd {
	width:60%;
}

dt.einzeln, dd.einzeln { width:100%; }
dt.einzeln {
	margin-top: 1em;
}

@media screen and (min-width: 500px){
	dd.einzeln { width: 66%; }
	dt.einzeln { width: 33%; }
}

/*vita*/
h3 {
	margin: .5em 0;
}
p {
	margin-bottom: 1em;
}

.row {
	margin-bottom: 1em;
}


.jahr {
	display: inline-block;
	width: 4em;
	float:left;
}


.projekt-wrapper {
	margin-left: 4em;
}

.titel {
		text-transform: uppercase;
}

/*kontakt*/

section {
	margin: 0 10px;
} 


footer {
	margin-top: 20px;
	padding-bottom: 50px;
	text-align: center;
}
footer a {
	font-size:0.8em;
	color: #aaa;
}
body.has-hero footer{
	padding-bottom:0;
}
/* Fotos */
img.thumbs {
	display: block;
	float: left;
	width: 33.333%;
	padding: 0;
	margin: 0;
	border: 0;
}

@media only screen and (min-width: 600px) {
	img.thumbs {
		width: 25%;
	}
} 
@media only screen and (min-width: 800px) {
	img.thumbs {
		width: 20%;
	}
}
@media only screen and (min-width: 1000px) {
	img.thumbs {
		width: 16.667%;
	}
}
/* audio */
.audio-wrapper{
	display: block;
	margin: 30px auto;
	width: 300px;
}
audio {
	border: none;
}