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

a{
	color:#C5C5C5;
	text-decoration: none;
	
}

#links{
	text-decoration: underline;
}

#urheber{
	width: 80%;
}

.head {
}
.bg {
	background-color: #232623;
	min-height: 98vh;
	height: 100%;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url(bg-x2.png);
	background-size: 472px;
}

.page {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-bottom: 30px;
	padding-top: 10%;
	padding-right: 20%;
}

.addr {
	font-family: 'Roboto', sans-serif;
	font-size: 11pt;
	color: #C5C5C5;
	padding-left: 80px;
	padding-top: 40px;
	line-height: 1.5;
	text-align: left;
	
}

@media (min-width: 1280px){
	
	.bg {
		background-size: 800px;
	}
}

@media (max-width:800px){
	.bg {
		background-size: 380px;
	}
	
	.addr {
		font-size: 9pt;
		padding-left: 20px
	}
	
	.head img{
		width: 340px;
	}
	
	.page{
		width: 375px;
	}
	
	
}

@media (max-width: 420px){
	
	.bg {
		background-size: 315px;
		background-position: bottom right -40px;
	}
	
	.page {
		padding-right: 20%;
		width:300px;
	}
}

@media (max-height: 500px){
	
	.page{
		padding-top: 2%;
	}
}