@import url('reset.css');

/* General Codrops Demo Style */
body{
	
	background-image:url('../images/mond_hintergrund_3679_ausschnitt5.jpg');
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
 
	font-family: Open Sans, Verdana, Arial, sans-serif;
	font-size:11px;
}
a{
	text-decoration:none;
}
a:hover{
	color:#fff;
}

a:link, a:active, a:visited, a:hover, a:focus {outline: none;}

* {
  box-sizing: border-box;
}

p.sub{
	 position: fixed; 
 	 bottom: 0; 
  	right: 0; 
	padding:6px 6px 6px 60px;
	margin-right: 10px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:11px;
	color:#ddd;
}
p.sub a{
	color:#ddd;
}
p.sub a:hover{
	color:#fff;
}

.clr{
	clear:both;
}
h1{
	margin:5px;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #666;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:30px;
	line-height:40px;
	
}
h1 a{
	font-size:11px;	
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
}
h3 {
	font-size:40px;
	text-align: center;
	letter-spacing:4px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:70px;
	padding-top:50px;
	text-shadow:none;
	text-transform:uppercase;
}

h3 a{
	font-size:40px;
	text-align: center;
	letter-spacing:4px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#a4bc4a;
	opacity: 0.7;
}
h3 a:hover{
	color:#a4bc4a;
	opacity: 1.0;
}



.textcontent{
  margin: auto;
  font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
  font-size:14px;
  color:#ddd;
  text-align: center;
  padding: 20px 30px 20px 30px;		
  position: absolute;
  top: 15%;
  width: 100%;
  
}
.textcontent p{
	padding: 40px 30px 20px 30px;		
  
}

.button {
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-transform:uppercase;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button1 {
  background-color: #55806b; 
opacity: 0.7;
  color: #fff; 
  width: 250px;
   text-align: center;
}
.button1 a {
  color: #fff; 
  
}
.button1:hover {
  background-color: #a4bc4a;
  color: #fff;
transition-duration: 0.9s;
  cursor: pointer;
}

@media screen and (max-width: 800px)  
{   
h1 {	
	margin:5px;
	font-size:20px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #bbb;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:25px;
	line-height:22px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:1px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}

h3 {
	font-size:22px;
	text-align: center;
	letter-spacing:3px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:35px;
	padding-top:40px;
	text-shadow:none;
	text-transform:uppercase;
}

h3 a{
	font-size:22px;
	text-align: center;
	letter-spacing:3px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#a4bc4a;
	opacity: 0.7;
}
}
@media screen and (max-width: 620px) 
{

.umbruch::after {
        content: '\A';
        white-space: pre;    
    }
    
    h1 {	
	margin:5px;
	font-size:20px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #bbb;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:25px;
	line-height:22px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:0px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:12px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}

.textcontent{
  margin: auto;
  font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
  font-size:12px;
  color:#ddd;
  text-align: center;
  padding: 10px 10px 20px 10px;		
  position: absolute;
  top: 15%;
  width: 100%;
  
}
    }

.content{
	margin:0px 0px 0px 0px;
	height:100%;
	width:100%;
}