/* css akonline photo gallery */

html, body, .container {
  height: 100%;
}

/* Reset */
html, body, h1, p, a, div, section {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font: inherit;
}

/* Basic */
body { 
	background-color; rgba(55,119,131,0);
  font: 18px/23px LuzSans-Book, Geneva, sans-serif;
  color: #eee;

}

h1 {
  color: #ddd;
/*  text-transform: lowercase; */
  font-size: 45px;
  line-height: 50px;
  font-weight: 500;
  margin-top: 100px;
  letter-spacing: 2px;
}

h3 {
	text-align: center;;
	  color: #ddd;
	  font-size: 25px;
      line-height: 30px;
      font-weight: 500;
      margin-top: 10px;
      letter-spacing: 2px;	
}


a {
  color: #ddd;
  
}

p {
  margin: 0 0 15px 0;
}

strong {
  font-weight: 600;
}

/* Layout */
/* navbar part menu-text */
.navbar {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);  /* background of navigation bar*/
  height: 60px;
/*  z-index: 9999;*/
  position: fixed;
}

  .inner {
    position: relative;
    margin: 0 auto;
    text-align: left; /* nav menue left ka*/
  }

.navbar a {
  display: inline-block;
 /* border: 1px solid #fff; /* no border  ka */
  font-size: 17px;  /* size of text on top */
  letter-spacing: 2px;
  line-height: 8px;  /* menuetext distance -> navbar ham */
  /*border-radius: 3px;
  padding: 0px 15px; */
  text-decoration: none;
  margin-top: 6px;  /* distance from navbar to first menu  */
  
} 


	.logo {
		display: inline-block;
		vertical-align: top;
		float: left;
		padding-top: 15px;
		padding-left: 10px;
		width: 30px; /* width combi logo ka*/
		}
	
	.nav-title a{
		padding-left: 10px;
		padding-top: 16px;
		
		font-size: 22px;
		color: fff;
		z-index:999;
	}



/* Erweiterung Home Link ka */
	.home-link a {
	
	display: inline-block;
        position: absolute;
        right: 15px;
        top: 15px;	
	padding-top: 5px;	
	}
	
	.home-link a:hover {
         background-color: rgba(0, 0, 0, 0);
         color: #ff3333;
	}
	

/*Ende  Erweiterung Title und Home Link ka */

	
.container {
  display: table;
  padding-top: 80px;
  width: 100%;
}

.content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

/* Special -> "Hinweise" */
.sub-title {
  margin: 50px auto;
  font-size: 18px;
  line-height: 23px;
  text-transform: none;
  letter-spacing: 2px;
}

 
  .footer {
	position:relative;
	bottom: 30px;
    margin: 0 auto;
    text-align: center;
	  font-size: 12px;
	  letter-spacing: 1px;
	  text-decoration: none;
	  color: #aaa;
  }


			
/* mobile and desktop  css */

@media screen and (max-width: 2000px) {
	.logo { 
		width:30px; 
		padding-top: 18px;
		padding-left: 1px;
		
		
	  } 
	 
	.nav-title a {
	padding-top: 20px;	
	font-size: 18px;	
		
	}	 
	  
	  

	h1 {
		font-size: 35px;
  
  }  
	

}