/* Dies ist ein Kommentar.
Er besitzt keine Auswirkungen. */


/*-------------------------------------------    
    Base     
-------------------------------------------*/
* {margin: 0; padding: 0; }
html {font-size: 30px; /* for rems */ margin: 0; padding: 0;}

body { 
	height: 100%;
	margin: 0; padding: 0;
	
	font-family: Helvetica, Arial, sans-serif; 
	color: #fff; 
	
	background-color: #e8ecf0;
    background-image: url(../img/hero.jpg); 	
	background-position: center center;
	background-repeat: no-repeat;
    background-size: cover; 
	background-attachment: fixed;
}

header { font-size: 1rem; margin: 0px;}
section { font: bold 1rem Helvetica, Arial, sans-serif; color:#fff; margin: 0px; }
article { font: bold 1rem Helvetica, Arial, sans-serif; color:#fff; margin: 0px; }
footer { font-size: 0.5rem;  margin-top: 0px;}

/*-------------------------------------------    
	Typo
-------------------------------------------*/
h2 { font: bold 4rem Helvetica, Arial, sans-serif; color:#fff; margin: 0px 0px 0px 0px; padding: 10px 200px 10px 10px; }

p {
	background-color: rgba(0, 0, 0, 0.0);
	padding: 5px 15px;
	width:40%;
	min-width:340px;
}

span { 
	position: relative;
	margin: 0 0 0 43px;
}

span::before{
	position: absolute;
	content: "mail@";
	margin: 0 0 0 0;
	left:-43px;
}


/*-------------------------------------------    
	Classes
-------------------------------------------*/
.logo {
	display: block;
	position: absolute;
	right: 30px; top:0px;
	
	width: 150px; 
	height: 150px;
	margin: 0 0 0 0;
	padding: 0 5px 5px;
	
	background-color: rgba(255, 255, 255, 1.0);
}

.outline { outline: 2px dashed #000000; }

.page-wrapper { 
	margin: 20px 20px 20px 20px ;
	padding: 0px 0px 0px 0px;
	background-color: rgba(0, 0, 0, 0.0);
}