main {
  display: flex;
  flex-direction: column;
	justify-content: center;
	border: 4px solid white;
	
}

.flex-container {
  display: flex;
  flex-direction: column;
	
} 
/* Logos */
.flex-item {
	flex: auto;
	flex-grow: 1;
	text-align: center;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

/* Schrift im Kopf */
.flex-item2 {
	flex: auto;
	flex-grow: 2;
	text-align: center;
}

/* Buttons Hauptteil */
.flex-item3 {
	flex: 1;	
	width: 70%;
	text-align: center;
	border: 2px solid white;
	border-radius: 4px; 
	background: linear-gradient(20deg, grey, lightgrey, darkblue);
	padding:2% 2% 2% 2%;
	margin: 2% 2% 2% 2%;
	font-family:'HelveticaBold';
	font-size: 1.5em;
    color: darkblue;
}
.flex-item3 img{
	max-width: 70%;
	height: auto;
}

/* Entfloaten */
.endfloat{clear: left}

/* Überschriften */
ub1{
    font-family:'HelveticaBold';
	font-size: 3.5vw;
	color: white;
}
ub2{
	font-family:'HelveticaBold';
	font-size: 2vw;
    color: white;
}