* {
  box-sizing: border-box;
}

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}


body {
	
	padding: 0;
	margin: 0;

}





header {

	background-color: white;
	height: 43px;
	width: 100%;
	position: relative;
	z-index: 2000;

}

.kopfbereich {

  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
}


.kopfbereich img {
  width: 100%;
  margin: 0;
}


.kopfbereich .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}


.kopfbereich .overlay .headline {

 	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	color: white;
	font-size: 200%;
	letter-spacing: 0.8em;
	padding-top: 11%;
	padding-bottom: 0px;
	margin-bottom: 50px;
}




@media screen and (max-width: 70em) {
    body {
        font-size:80%;
    }
}

@media screen and (max-width: 60em) {
    body {
        font-size:70%;
    }
}

@media screen and (max-width: 50em) {
    body {
        font-size:60%;
    }
}

@media screen and (max-width: 40em) {
    body {
        font-size:50%;
    }
}


@media screen and (max-width: 35em) {
    body {
        font-size:40%;
    }
}






ul.Navigation {

	margin: 0;

}


.Navigation li {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 0;

	

}


.Navigation .email {
	letter-spacing: 0.08em;
}

.Navigation a {
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-decoration: none;
	color: white;
	font-size: 7.5pt;
	letter-spacing: 0.5em;
}




.Navigation {
	background-color: none;
	margin: 0;
	padding: 11px 0 10px 20px;
	text-align: right;
};




.titel {
	  width: 100%;
	  padding-top: 20px;
	
	}


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




.about-headline {
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	color: #333333;
	font-size: 15pt;
	letter-spacing: 0.4em;
	padding-top: 70px;
	padding-bottom: 0px;
	margin-bottom: 50px;
	
	}

.rights-headline {
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	color: grey;
	font-size: 15pt;
	letter-spacing: 0.4em;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-bottom: 50px;
	
	}

.about_text {

	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 9.8pt;
	letter-spacing: 0.0em;
	color: #333333;
	margin-left: auto;
	width: 37em;
	text-align: left;
	height: 100px;
	text-decoration: none;
	line-height: 160%;
	margin-bottom: 55px;
	margin-right: auto;

}


.about_text2 {

	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 9.8pt;
	letter-spacing: 0.0em;
	color: #333333;
	margin-left: auto;
	width: 37em;
	text-align: left;
	height: 100px;
	text-decoration: none;
	line-height: 160%;
	margin-bottom: 180px;
	margin-right: auto;

}







/* .videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 49%;
	height: 49%;
	float: left;
}  */



.clearfloats {
    clear: both;    
}







.email p {

	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	font-size: 9.8pt;
	letter-spacing: 0.0em;
	color: #333333;
	padding-left: 120px;
	
}	


.email {
	padding-bottom:10px;
	text-align: left;
    margin-bottom: 0px;
    margin-top: 0px;

	}




.foto {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 20px;
}	



.content-box {
	overflow: hidden;
  	width: 100%;
  	margin-right: auto;
  	margin-left: auto;
  	margin-top: 115px;
  	padding-top: 0%;
	 
	}	





.Begrenzung {
	  background-color: red;
	  width: 100%;
	  min-height: 100px;
	 
	}		



.teaser-box {
	background: white;
  	position: relative;
  	display: block;
  	margin: 0em 1em 0 0em;
  	padding-top: 0%;
}


@media all and (min-width: 400px) {

.teaser-box {
    float: left;
    width: 14.28571%;
    margin:  0%;
  }

.teaser-box img {
  display: block;
  width: 100%;
  transition: 0.2s opacity;
}

.teaser-box:hover img {
  opacity: 0.8;
} 



.usage_rights_outerbox {

	background: black;
	margin: 0;
  	height: auto;
  	width: 100%;
  	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	color: #333333;
	font-size: 15pt;
	letter-spacing: 0.4em;
	margin-top: 50px;
	padding-top: 20px;
	position: relative;
	
}

/* .usage_rights {

	background-color: black;
	position: absolute;
	margin-left: 10%;
	margin-right: 10%;
	padding-top: 23px;

	
	
} */


.usage_rights-box {
	background: white;
  	position: relative;
  	display: block;
  	margin: 0em 0em 0em 0em;
  	padding-top: 0%;
}


.usage_rights-box {
    float: left;
    width: 14.2857%;
    }

.usage_rights-box img {
  display: block;
  width: 100%;
  transition: 0.2s opacity;
}

.usage_rights-box:hover img {
  opacity: 0.8;
}




.contact-headline-trick {
	  color: white;
	  margin-bottom: 60px;
	}


	


.contact-headline {
	
	font-family: 'PT Sans', sans-serif;
	font-weight: 700;
	text-align: center;
	color: #333333;
	font-size: 15pt;
	letter-spacing: 0.4em;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 50px;
	
	}		



.icon_box {
	height: 25%;
	background-color: white;
	padding-top: 0px;
	padding-bottom: 0;
	margin: 0;
}



.icons {
	width: 129px;
	margin: auto;
	padding-top: 25px;
	padding-bottom: 20px;
}

.cara {
	float: left;
	margin-right: 3px;
}

.deviantart {
	float: left;
	margin-right: 3px;
}

.artstation {
	float: left;
	margin-right: 3px;
}

.youtube {
	float: left;
	margin-right: 0px;
}


.icons .facebook {
  background: black;
  position: relative;
  display: block;
}
 

.icons .facebook img {
  display: block;
  width: 100%;
  transition: 0.2s opacity;
}

.icons .facebook:hover img {
  opacity: 0.3;
}


.icons .deviantart {
  background: black;
  position: relative;
  display: block;
}
 

.icons .deviantart img {
  display: block;
  width: 100%;
  transition: 0.2s opacity;
}

.icons .deviantart:hover img {
  opacity: 0.3;
}


.icons .artstation {
  background: black;
  position: relative;
  display: block;
}
 

.icons .artstation img {
  display: block;
  width: 100%;
  transition: 0.2s opacity;
}

.icons .artstation:hover img {
  opacity: 0.3;
}


.icons .youtube {
  background: black;
  position: relative;
  display: block;
}
 

.icons .youtube img {
  display: block;
  width: 100%;
  transition: 0.2s opacity;
}

.icons .youtube:hover img {
  opacity: 0.3;
}



.clear {

	clear: both;

	}



.to-top {
	width: 30px;
	height: 30px;
	border-radius: 100%;
	padding: 0px 0 0 0px;
	cursor: pointer;

	/* position fixed: element is always in the same place,
	detached from the rest */
	position: fixed;
	right: 30px;
	bottom: 30px;
}




.Impressum_text {

	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 8pt;
	letter-spacing: 0.0em;
	color: grey;
	text-align: center;
	line-height: 130%;

	padding: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 70%;

	}

/*.PrivacyPolicy {

	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 8pt;
	letter-spacing: 0.0em;
	color: grey;
	text-align: center;
	line-height: 160%;

	padding: 10px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	width: 25em;

	}*/


	#akkordeon:not(:target) .inhalt,
#akkordeon:not(:target) .hide,
#akkordeon:target .show {display: none;}
#akkordeon:target .inhalt {display: block;}


.inhalt {
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 11pt;
	letter-spacing: 0.0em;
	color: grey;
	text-align: center;
	line-height: 100%;

	}

.show,
.hide {
	background-color: black;
	width: 100%;
	font-family: 'PT Sans', sans-serif;
	font-weight: 300;
	font-size: 12pt;
	letter-spacing: 0.0em;
	color: grey;
	text-align: center;
	line-height: 160%;

	padding: 10px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	width: 25em;
}



.footer {
	background-color: black;
	margin-top: 0px;
	margin-bottom: 0;
	padding-top: 50px;
	padding-bottom: 10px;
}