figure { 
    display: inline-block;
	text-align: center;
}

body {
	font-family: Tahoma, Verdana,Arial;
	font-size: 19px;
    margin: 0;
	background-color: #f2f2f2;
}

table {
	text-align:left;
}

.linker{
	cursor:pointer;
}

ul{
	display:inline;
}

a.portfolio:link {
	color: #2d80b2;
	text-decoration: none;
	}
a.portfolio:visited {color: #2d80b2;text-decoration: none;}
a.portfolio:active {color: #2d80b2;text-decoration: none;}
a.portfolio:hover {color: #2d80b2;}	

p.vita{
	float: left; 
	width: 290px; 
}

p.vita2{
	float: left; 
}

#cluster{
	width:915px;
}

img.vita{
	float:left; 
	margin-right: 10px;

}

li{
	margin-left:40px;
}

* {
    box-sizing: border-box;
}

.header {
    padding: 10px;
	background: linear-gradient(to right, #6fc4ff,#2d80b2);
    color: black;
}

.header2 {
    padding: 5px;
    background: #000000;
    color: black;
}

.header3 {
    padding: 5px;
	background: linear-gradient(to right, #6fc4ff,#2d80b2);
    color: black;
}

.navbar {
    display: flex;
    background-color: #333;
}

.row {  
    display: flex;
    flex-wrap: wrap;
}

.side {
	text-align: center;
    flex: 15%;
    background-color: #f2f2f2;
    padding: 20px;
}

.main {
    flex: 85%;
    background-color: #f2f2f2;
    padding: 20px;
}

#leistungen {
	display:none;
}
#vita {
	display:none;
}

#impressum {
	display:none;
}

#kontakt {
	display:none;
}

#portfolio {
	display:none;
}
#vorteile {
	display:none;
}
#home {

}

#logo_big {

}

#logo_small {
	display:none;
}


.flex-container {
  display: flex;
  height: 300px;
  justify-content: center;
  align-items: center;
  background-color: #f1f1f1;
}

.footer {
    padding: 5px;
    text-align: center;
    background: #f2f2f2;
}

.side a {
    color: black;
    padding: 8px 8px;
    text-decoration: none;
    text-align: center;
	font-weight:bold;
}

.side a:hover {
    background-color: #ddd;
    color: black;
	font-size: 20px;
}

.figfont{

}

.side a:active {
    background-color: #ddd;
    color: black;
	font-size:20px;
}

.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
}

@media screen and (max-width: 600px) {
    .row, .navbar {   
        flex-direction: column;
    }
			#logo_big{
				display:none;
			}
			#logo_small{
				display:block;
			}			
#cluster{
	width:305px;
}			
}