body {
    background: rgb(43, 44, 48);
	font-family: Orienta, Helvetica, Arial, Sans-Serif;
	line-height: 1.4;
	color: white;
	 -webkit-hyphens: auto;
      -moz-hyphens: auto;
       -ms-hyphens: auto;
       	-o-hyphens: auto;
           hyphens: auto;
		   
	 width: 800px;
	 height: 680px;

	 margin: auto;
		   
	
}

.wrap{  background: rgb(43, 44, 48);
		height: 670px;
		box-shadow: 0 0 14px black;
}


h1 {
	text-transform: uppercase;
	font-size: 16px;
}

h2 {
	text-transform: uppercase;
	font-size: 10px;
}

.mörtel{

	
	margin-bottom: 30px;
	float: left;
	margin-left: 40px;
	margin-top: -10px;
	background-color: #3A3B40;
	padding: 30px 18px 104px 30px;

	width: 185px;
}


.mörtel li {

	list-style-type: square;
	color: rgb(43, 44, 48);
	line-height: 1;
}

.mörtel li a {

	text-decoration: none;
	font-size: 15px;
	color: white;
	
}

div .schaltfläche {

	position: relative;
	display:block;
		
	float: left;
	margin-left: 40px;
	margin-top: 55px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 233px;
	height: 123px;
}

.mann {

	float: right;
	margin-right: 44px;
	margin-top: 50px;
}

div .schaltfläche2 {

	position: relative;
	display:block;
		
	float: left;
	margin-left: 12px;
	margin-top: -10px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 230px;
	height: 140px;
}



div .schaltfläche3 {

	position: relative;
	display:block;
		
	float: right;
	margin-right: 44px;
	margin-top: -10px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 230px;
	height: 140px;
}



div .schaltfläche4 {

	position: relative;
	display:block;
		
	float: left;
	margin-left: 12px;
	margin-top: 11px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 230px;
	height: 140px;
}

div .schaltfläche5 {

	position: relative;
	display:block;
		
	float: right;
	margin-right: 44px;
	margin-top: 10px;
	background-color: rgba(246, 184, 0, 0.6);
	
	width: 230px;
	height: 140px;
}

.schaltfläche h1, .schaltfläche2 h1, .schaltfläche3 h1, .schaltfläche4 h1, .schaltfläche5 h1 {

	padding-top: 30px;
	padding-left:25px;
}

p { 
	font-family: "Myriad Web Pro", Helvetica, Arial, Sans-Serif;
	font-size: 20px;
	padding-top: 20px;


}

.rect2 {

	float: right;
	margin-top: -372px;
	
}

header figure {

	padding-bottom: 30px;
	padding-left: 208px;
	margin-top: 10px;
	border-bottom: 3px solid #3A3B40;
}
	


header a {
	
	text-transform: uppercase;
	text-decoration: none;
	color:white;	
	float: left;
	margin-top: -10px;
	
	margin-left: 50px;
	margin-right: 20px;
	
	

}

.schaltfläche a, .schaltfläche2 a,.schaltfläche3 a,.schaltfläche4 a, .schaltfläche5 a {
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(208, 209, 211);	
}


header li a:hover {

	color: rgb(246, 184, 0);
	
}

.mörtel a:hover {

	color: rgb(246, 184, 0);
	
}

.schaltfläche:hover , .schaltfläche2:hover ,.schaltfläche3:hover, .schaltfläche4:hover, .schaltfläche5:hover{

	background-color: rgb(246, 184, 0);
	}


	
	
div a:hover{

	color: rgb( 80, 80, 80);
}

.mörtel .aktiv a {
color: rgb(246, 184, 0);
	}

header .aktiv a {
color: rgb(246, 184, 0);
	}
	
	
	
	

	

.meta {
  background: #000;
  background: rgba(246,184,0,0.3);
  color: white;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  float:left;
  left: 40px;
  top: 51px;
  bottom: 40px;
}

.meta:hover {
  background: rgb(246,184,0);
}

.meta a {
  text-decoration: none;
  color:white;
}

.meta ul {
  margin-left: -10px;
  padding: 0;
}

.meta li {
  display: block;
  text-align: left;
text-transform: uppercase;
  line-height: 2em;
}

.meta li.more-link {
  padding: 0;
  line-height: auto;
}

.meta li.more-link a {
  display: block;
  padding: 50px 86px 42px 83px;
  font-size: 20px;

}



.meta2 {
  background: #000;
  background: rgba(246,184,0,0.3);
  color: white;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  float:left;
  left: 10px;
  top: -10px;
  bottom: 40px;
}

.meta2:hover {
  background: rgb(246,184,0);
}

.meta2 a {
  text-decoration: none;
  color: white;
}

.meta2 ul {
  margin-left: 10px;
  padding: 0;
}

.meta2 li {
  display: block;
  text-align: left;
text-transform: uppercase;
  line-height: 2em;
}

.meta2 li.more-link {
  padding: 0;
  line-height: auto;
}

.meta2 li.more-link a {
  display: block;
  padding: 50px 162px 214px 5px;
  font-size: 20px;

}






.meta3 {
  background: #000;
  background: rgba(246,184,0,0.3);
  color: white;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  float:left;
  left: 20px;
  top: -10px;
  bottom: 40px;
}

.meta3:hover {
  background: rgb(246,184,0);
}

.meta3 a {
  text-decoration: none;
  color: white;
}

.meta3 ul {
  margin-left: 10px;
  padding: 0;
}

.meta3 li {
  display: block;
  text-align: left;
text-transform: uppercase;
  line-height: 2em;
}

.meta3 li.more-link {
  padding: 0;
  line-height: auto;
}

.meta3 li.more-link a {
  display: block;
  padding: 50px 155px 186px 2px;
  font-size: 20px;

}