@charset "UTF-8";

body {
	background-color:  rgb(245, 245, 245);
	margin: 0 0 0 0 ;
	padding: 0;
	overflow-x: hidden;

}
#page {
	max-width: 100%;
	margin: auto;
	border: none;
    
	
	
}






#header {
	display: flex;
    padding-top: 35px;
    padding-left: 25px;
    flex-wrap: wrap;
    position: fixed;
    z-index: 100;
    
   
   
}


#header1 {
	width: 300px;
    min-width: 300px;
    height: 60px;
    z-index: 101;
    
	
}

#header2 {
	width: 416px;
    min-width: 416px;
    height: 18px;
    padding-top: 42px;
   
   

}


a:link, a:active,  a:focus, a:visited {
	border: 0px;
	text-decoration: none;
	color: #ffffff;
	outline: none;
}

a:hover  {
  color: #000000;
  text-decoration: none;
}


 

.bg {
  background: url("fotos/Morocco/DSC07137.jpg");
  height: 120vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 20%;
}

.menu {
    font-family: source-sans-3, sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
	color: #ffffff;
	letter-spacing: 0.02em;
	word-spacing: 0.1em;
	margin: 0px 0px 0px 0px;
    line-height: 1rem;
    

}



.menu2 {
    font-family: source-sans-3, sans-serif;
    font-weight: 400;
    font-size: 4.5rem;
	color: rgb(245, 245, 245);
	letter-spacing: 0.02em;
	word-spacing: 0em;
	margin: 0px 0px 0px 0px;
    line-height: 5rem;
    

}



.titel {
    font-family: source-sans-3, sans-serif;
    font-weight: 600;
    font-style: normal;
	font-size: 2rem;
	color: #ffffff;
	letter-spacing: 0em;
	word-spacing: 0.1em;
	line-height: 1.8rem;
    
   
    
}

.unter {
    font-family: source-sans-3, sans-serif;
    font-weight: 300;
	font-size: 1rem;
	line-height: 0.5rem;
	color: #ffffff;
	letter-spacing: 0.02em;
	word-spacing: 0.1em;
   
	
	}


img {
	max-width: 100%;
	height: auto;
	margin: 0 0 0 0

}

.text {
    font-family: source-sans-3, sans-serif;
    font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.7rem;
	color: #ffffff;
	letter-spacing: 0.02em;
	word-spacing: 0.1em;
    background-color: rgba(28, 74, 94, 0.51);
    
   
	
	}

.impressum {
    font-family: source-sans-3, sans-serif;
    font-weight: 300;
	font-size: 1rem;
	line-height: 1.1rem;
	color: #ffffff;
	letter-spacing: 0.02em;
	word-spacing: 0.1em;
    
   
	
	}


#box { display: flex;  flex-wrap: wrap;}

#B1 { max-width: 1200px; margin: 200px 35px 0 25px; } 








@media (orientation: portrait)
{ 
  #B1 { width: 80%; margin: 25% 0 0 20px;  }
  
  #header1{ position: relative; top: -15px; height: 40px;}
  #header2{ position: relative; top: -50px;}
  #header { padding-left: 20px;}
  .titel{ font-size: 1.3rem; line-height: 1.3rem; letter-spacing: 0px;}
  .menu { font-size: 0.9rem; line-height: 0.9rem;  }
  .text { font-size: 1rem; line-height: 1rem;  }
  .impressum { font-size: 0.7rem; line-height: 0.7rem;  }
  .bg {height: 140vh; }
   
}