body {
    width: 100%;
    height: 100%;

	font-weight: 300;
    color: #666;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 30px;
    font-weight: 700;
    letter-spacing: 1px;
}

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6em;
}

p.lead {
	font-weight: 600;
}

a {
  
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}

.light {
    font-weight: 400;
}


.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eb5264;
}
.dropdown-menu .open > a, .dropdown-menu .open > a:hover, .dropdown-menu .open > a:focus {
 
	display:block;
}
.dropdown-menu > li > a {
	line-height:1.3em;  color: #646466;
	}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	
	}
.dropdown-menu  {	box-shadow: none; padding-top:15px; padding-left:12px;  min-width:128px; font-size:11px; font-weight:100; border:none; color: #646466; display:block; background:none !important;}
.dropdown-menu .active  {	box-shadow: none; padding-top:15px; padding-left:12px;  min-width:128px; font-size:11px; font-weight:100; border:none;background-color: #eb5264; display:block;}







 
 .port-grid-text p { font-size:20px !important;}
 
 
 
 .text-grau  {font-size:1.0em; color:#b3b3b3; text-align:left;
 } 
 .uberschrift-grauh6  {color:#535353; font-size:1.8em; font-weight:bold; line-height:1.1em; text-align:left; margin:0;
 }
.uberschrift-klein {font-size:1.3em; line-height:1.1em;text-align:left ; margin:0;}

 .text-grauklein {font-size:0.65em; color:#b3b3b3; text-align:left;
 } 
 .uberschrift-grauh6klein  {color:#535353; font-size:1.3em; font-weight:bold; line-height:0.1em; text-align:left;
 }
.uberschrift-kleinklein {font-size:0.8em; line-height:0.1em;text-align:left;}



.uberschrift-grau  {color:#b3b3b3; font-size:2.75em; font-weight:300; line-height:0.7em;	
 }
 .uberschrift-grau1  {color:#b3b3b3; font-size:2.75em; font-weight:300; line-height:1.0em;	
 }
  .uberschrift-grauh5  {color:#b3b3b3; font-size:2.15em; font-weight:300; line-height:1.0em;	
 }
.uberschrift-blau  {color:#96a6b7; font-size:2.75em; font-weight:300; line-height:0.7em;	
 }   
.text-blau  {font-size:0.75em;	
 }   





/* Contact */


	

		

	  .flex-caption1 {
      width: 28%;
      padding: 2%;
      left: 0;
	  bottom:100%;
	  position:absolute;
	  z-index:10;
      color: #c8b5a7;
      font-size: 48px;
	  font-weight:bold;
      line-height: 48px;
    }
    li.css a {
      border-radius: 0;
    }


#philosophie {
		background-image: url("images/dark-bl.svg"), url("images/dark-br.svg");
		background-position: top left, top right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding:  0;
	}
	#work {
		background-image: url("images/dark-ml.svg"), url("images/dark-mr.svg");
		background-position: center left, center right;
		background-repeat: no-repeat;
		background-size: 25em;
		padding: 7em 0;
	}

/* .testheight Not required - unless testing ;) */