body {
    font-family: 'Raleway', sans-serif;
	font-size: 24px;
	line-height: 1.5em;
	color: #FFFFFF;
	
	background-image: url('images/bg_desktop.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#transBG {
	position: absolute;
	display: block;
	bottom: 0px; 
	height: 320px;
	width: 100%;
	background-image: url('images/transBG.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	
}

#transBG p {
	position: absolute;
	display: block;
	bottom: 20px; 
	right: 30px;
	font-size: 14px;
	color: rgba(255,255,255, 0.75);
}

#teaser {
	margin-top: 300px;
	margin-left: 33%;
	width: 45%;
}

h2 { font-size: 60px; font-family: 'Lora', sans-serif; font-weight: 700; text-shadow: 2px 2px 3px #000000;} 
img.logo { 
	position: absolute; top: 45px; left: 45px; width: 90px;
}


a:link, a, a:visited, a:hover {
	color: #F05523;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
body {
	background-image: url('images/bg_mobil.png');
	font-size: 14px;
}
h2 { font-size: 28px; }
img.logo { 
	position: absolute; top: 30px; left: 25px; width: 70px;
}

#teaser {
	margin-top: 210px;
	margin-left: 30px;
	width: 210px;
}


#transBG p {
	position: absolute;
	display: block;
	bottom: 30px; 
	left: 30px;
	font-size: 14px;
	color: rgba(255,255,255, 0.75);
}

#transBG p img {
	display: block;
	position: relative;
	top: 10px; 
	text-align: right;
}


}