.leftorder{
float: left;
width: 50%;

}
.rightorder{
float: left;
width: 50%;

}


  @media only screen and (max-width: 500px) {
    body {

    }


/* Spalten  3*/

.sp1{
width: 98% !important;
float:none !important;
    
}
.sp2{
width: 98% !important;
float:none !important;  
}
.sp3{
width: 98% !important;
float:none !important;
}

.bild{
    width:50% !important;
    height:auto;
    float: none !important;

}
/* Spalten  2*/

.sp12{
width: 98% !important;
float:none !important;
padding-left: 0px !important;

}
.sp22{
width: 98% !important;
float:none !important;
}
.leftorder{
float: none;
width: 98%;

}
.rightorder{
float: none;
width: 98%;

}

}




#formular{
    background-color: rgba(2,79,114,1);
    color: rgba(255,255,255,1);
    width: 100%;
    height: auto;
}

#contform{
    width: 70%;
}


/* Spalten  3*/

.sp1{
width: 32%;
float:left;
    
}
.sp2{
width: 32%;
float:left;    
}
.sp3{
width: 32%;
float:left;
}

/* Spalten  2*/

.sp12{
width: 49%;
float:left;
padding-left: 20px;

}
.sp22{
width: 49%;
float:left;
}




/*Titel*/

.page-header h2{
    font-size: 1.6em;
    width: 70%;  
    
}

.page-header{
    border-width: 0px 0px 1px 0px;
    border-style: solid;
    border-color: rgba(2,79,114,1);
    width: 100%;
    padding-top: 1.5em;
    text-align: left;        
}

#videobereich {
   
}	
.videoextern {
  
  width: 80%;
  min-height: 300px;
}

ul{
display: inline;

}

li{
  display: inline;
}
/* Newsbox*/