@charset "UTF-8";


/* DESKTOP */

.SortBox {
width: 80%;
padding: 2% 15% 0% 3%;
float: left;
 background-color:#2F5297;
 border-radius: 5px;
}

.ResultBox {
width: 100%;
float:left;

}

.OutBox
{
  padding: 0% 5% 5% 5%;
  font-size:12px;
  color: #FFF;
  background-color:#2F5297;
  border-radius: 5px;
  position: relative;
  float: left;
  width: 90%;
}


.ColBox1{
  width:40%;
  font-size: 12px;
  color: #FFF;
  float: left;
  background-color:#2F5297;
  position: relative;
}

.ColBox2{
  width:50%;
  font-size: 12px;
  color: #FFF;
  float:left;
  position: relative;
  background-color:#2F5297;
}


.left {
  left: float;
}
.middle
{
  position: absolute;
  left: 250px;
  top: 25px;
}
.subtitle
{
  margin: 5px 0px -5px 0px;
}


.fph2 {
	font-weight:bold;
	font-size:14px;
	color: #FFF;
	line-height:30px;
	margin-bottom: 10px;
}


.FPsuchtext {
float: left;
width: 100px;
}


#FPsuche {
  min-height: 30px;
  background-color: eaf0f4;	
  float: left;
  border-bottom: 1px solid gray;
  border-radius: 5px;
  margin: 0% 1%;  
}

.searchform {
  min-height: 30px;
  background-color: eaf0f4;	
}
.searchform #s {
  line-height: 30px !important;
  height: 30px;
  background-color: eaf0f4 !important;
}


.fpflex{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  font-size:15px;
  width: 100%;
}

.fpflexhead{
  display:none;
  flex-direction:row;
  flex-wrap:wrap;
  font-size:15px;
  width: 100%;
  height: 100px !important;
}

.fpbox40{
  width:36%;
  border-bottom: 20px solid #fff;
  background-color: #eaf0f4;
  padding: 3% 2%;
  align-items: center;
  
}

.fpbox33{
  width:28%;
  border-bottom: 20px solid #fff;
  padding: 0% 2%;
  display: flex;
  align-items: center;
  background-color: #eaf0f4;
}

.fpbox22{
  width:22%;
  min-height: 150px;
  border-bottom: 20px solid #fff;
  padding: 10px;
  display: flex;
  align-items: center;
  background-color: #eaf0f4;
}



/* TABLET */

@media only screen and (max-width: 890px){
  .fpflex{
    width:100%;
    display:flex;
    flex-direction:row;
  }
.fpflexhead {
display:none;
}

.ColBox1{
  width:90%;
  font-size: 12px;
  color: #FFF;
  float: left;
  background-color:#2F5297;
  position: relative;
}

.ColBox2{
  width:90%;
  font-size: 12px;
  color: #FFF;
  float:left;
  position: relative;
  background-color:#2F5297;
}
}

/* SMARTPHONE */

@media only screen and (max-width: 450px){
	
.ColBox1{
  width:100%;
  font-size: 12px;
  color: #FFF;
  float: left;
  background-color:#2F5297;
  position: relative;
}

.ColBox2{
  width:100%;
  font-size: 12px;
  color: #FFF;
  float:left;
  position: relative;
  background-color:#2F5297;
}
.fpflex{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  font-size:15px;
  width: 100%;
  margin: 0px 0px 0px 25px;
}

.fpflexhead {
display:none;
}

.fpbox40{
  width:80%;
  background-color: #eaf0f4;
  border-bottom: none;
  text-align: center;
}

.fpbox33 {
  width:80%;
  border-bottom: 15px solid #fff;
  padding-bottom: 5%;
  display: flex;
  align-items: center;
  background-color: #eaf0f4;
}

.fpmail {
	text-align: center;
	margin: 0 auto;
	
}

.fpbox22{
  width:78%;
  display: flex;
  align-items: center;
  background-color: #eaf0f4;
  border-bottom: none;
}
  
}