@charset "UTF-8";
/* CSS Document */
* {padding:0; margin: 0;}
body, html {background-color: #d7d1c7; color: #3a5259;font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 22px;} 

a {text-decoration: none; color: #3a5259;}
a:hover {opacity:0.8;}

.mail, .phone {
    padding:5px;
	font-size: 0.8em;
	color: #d7d1c7;
	background-color: #3a5259;
	border-radius: 100%;
	
}

.linkedin, .xing {
    padding:8px 10px;
	font-size: 1.7em;
	color: #d7d1c7;
	background-color: #3a5259;
	border-radius: 100%;
	
}

.socialmedia {display: inline-block;}

#wrap {max-width:1200px; margin: 0 auto; padding: 40px 20px;}

.row {
   display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
	
justify-content:center; /* align horizontal */
align-items: center; /* align vertical */
}

.column {
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
	padding: 20px 10px 20px 40px;
}

.column5 {
	flex-basis: 20%;
	vertical-align: middle;
	text-align: center;
}

.column5 img {width:40%;}

.low {
vertical-align: bottom;
}

.smalllinks {font-size:0.65em;}
.smalllinks div a {text-decoration: underline;}

.padding {padding: 0px 20px 0px 40px;}
.brown_line {	border-bottom: 3px solid #aba79f;}

h1 {font-weight: 300; font-size: 2.5em; line-height: normal;}
h2 {font-weight: 300; line-height: normal; color: #aba79f; font-size: 1.2em;}

.medium {font-weight: 500;}
.smaller {font-size: 0.9em;}

.logowall_small {display:none;}

	@media only screen and (max-width:800px)
	{
	
		#wrap {padding: 40px 10px;}
		
		.logowall_big {display: none;}
				.logowall_small {display: block;}
		h2 {font-size: 1em;}	
		.column5 {
	flex-basis: 50%;
	vertical-align: middle;
	text-align: center;
}
		
	.column {
  width: 100%; padding: 10px;
}	
		.padding {padding: 0px 10px 0px 10px;}
}