@import url('reset.css');

/* General Codrops Demo Style */
body{
	
	background-image:url('../images/srilanka_rundreise.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:link{
	color:#ccc;
}
a:hover{
	color:#fff;
}

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

* {
  box-sizing: border-box;
}


.tripadvisor {padding-left:25px; align: left;}

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;
}

a.blau:link     { color: #333399 }

a.blau:visited { color: #333399 }
a.blau:hover { color: #FFF }

.clr{
	clear:both;
}
h1{
	margin:3px;
	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:7px;
	padding-left:25px;
	line-height:40px;
	float:left;
}
h1 a{
	font-size:11px;	
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#ccc;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
}

h1 a[aria-current="page"]{
	color:#000;
}

.language {	
	height: 30px;
  	display: flex;
  	align: right;
	margin:3px;
	font-size:24px;
	letter-spacing:1px;
	text-align:right;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:0px 0px 0px #bbb;
	padding-bottom:0px;
	padding-top:7px;
	padding-left:25px;	
	line-height:40px;	
float:right;

}
.language a{	
	font-size:11px;	
	letter-spacing:2px;
	text-align:right;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:14px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;	
}
.language a[aria-current="page"]{
	color:#3399cc;
}

p:after {
	content: "";
	display: block;
	clear: both;
}
h3 {
	font-size:60px;
	text-align: center;
	letter-spacing:5px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:76px;
	padding-top:50px;
	text-shadow:none;
	text-transform:uppercase;
}

h3 a{
	font-size:60px;
	text-align: center;
	letter-spacing:5px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#fff;
	opacity: 0.8;
}
h3 a:hover{
	color:#fff;
	opacity: 1.0;
}


.textcontent{
  margin: auto;
  font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
  font-size:14px;
  color:#ddd;
  text-align: center;
  padding: 10px 30px 20px 30px;		
  position: center;
  top: 13%;
  width: 100%;
  
}
.textcontent p{
	padding: 50px 30px 20px 30px;	
	text-align: center;
	line-height:28px;
    width: 70%;
    margin-left: auto;
  margin-right: auto;
}


a.btn:link {
  background-color: #cc6600;
  width: 280px;  
  color: #fff; 
  opacity: 0.7;
  text-align: center;
  line-height:20px; 
   
  border: none;
  padding: 15px 30px;
  letter-spacing:1px;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  text-transform:uppercase;
  transition-duration: 0.4s;
  cursor: pointer;
   
}
a.btn:hover {
  background: rgba(51, 153, 204, 0.7);
  color: #fff;
  transition-duration: 0.9s;
  cursor: pointer;
}
a.btn:visited {
  color: #fff;
}



@media screen and (max-width: 920px)  
{  
	.umbruch::after {
        content: '\A';
        white-space: pre;    
    }
    
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 #bbb;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:10px;
	line-height:30px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:1px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#ccc;
	line-height:12px;
	text-shadow:none;
	text-transform:uppercase;
	}

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

h3 a{
	font-size:45px;
	text-align: center;
	letter-spacing:3px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#fff;
	opacity: 0.7;
}
.textcontent p{
	padding: 15px 30px 20px 30px;	
	text-align: center;
    width: 100%;
    margin-left: auto;
  margin-right: auto;
}
}
@media screen and (max-width: 620px) 
{
body{
	
	background-image:url('../images/srilanka_roundtrip.jpg');
	background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
 
	font-family: Open Sans, Verdana, Arial, sans-serif;
	font-size:11px;
} 

.umbruch::after {
        content: '\A';
        white-space: pre;    
    }

.language {	
	float: none;
	margin:0px;
}
    
h1 {	
	margin:2px;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	color:#fff;
	font-family:Open Sans, Verdana, Arial, sans-serif;
	text-shadow:1px 1px 1px #666;
	padding-bottom:0px;
	padding-top:10px;
	padding-left:10px;
	line-height:25px;	
	}
h1 a{
	font-size:10px;	
	letter-spacing:0px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#ccc;
	line-height:11px;
	padding-top:10px;
	text-shadow:none;
	text-transform:uppercase;
	}
h3 {
	font-size:30px;
	text-align: center;
	letter-spacing:3px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#333;
	line-height:40px;
	padding-top:15px;
	text-shadow:none;
	text-transform:uppercase;
}

h3 a{
	font-size:30px;
	text-align: center;
	letter-spacing:3px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	color:#fff;
	opacity: 0.7;
}

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

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