body{
	background: #f1ebdd;
	font-size: 1.8em;
	font-family: "Neuton",serif;
	color: #28271f;
	/* padding-top:0px; */
}

/* Header Hauptseite */
div#header_top{
display:none;
}

body.page-Hauptseite div#header_top {
    background-image: url(/jaeger/images/portrait.jpg);
    background-repeat: no-repeat;
    background-position: 17% 0;
    height: 300px;
    display: block;
    background-color: #d9826e;
}

body.page-Hauptseite div#header_top h1 {
    margin-left: 30%;
    font-family: 'Rock Salt',cursive;
    font-size: 40pt;
    color: #f1ebdd;
    padding-top: 95px;
    margin-top: 0px;
}

div.infoHeader{
    width:100%; 
    border:1px solid RGB(204,0,42); 
    text-align:center; 
    height:40px; 
    margin:20px 0 20px 0; 
    font-weight:bold; 
    color:RGB(204,0,42); 
    padding:7px 0
}
div.infoCol1{
    background-color:    #bcc9b5;
    margin-bottom:10px;
}
div.infoCol2{
    background-color: #f5ceac;
    margin-bottom:10px;
}
div.infoCol3{
    background-color:#b8b69d; 
    margin-bottom:10px;
}

div.infoFooter{
    border: 1px solid #225588;
    padding: 5px;
    clear: both;
}

.flex-container {
   display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
.myPanel {
  flex: 30%;
 border:1px solid black;
 margin:5px;
padding:5px;
}

.myPanel:first-child{
background-color:yellow;
}
.myPanel:last-child{
background-color:yellow;
}