@media {
font-size: 95%;}


/* iphone hoch*/
@media (max-width: 419px) {

.container1 div.row .col-sm-4,
.container3,
.container2 div.row div.col-sm-8,
.container2 div.row div.col-sm-4{
margin-left: -40px;
font-family: 'MuseoSans500', Verdana, Arial,sans-serif;
}

.container1 ul#nav li{
 display: block !important;
 color: #100E79 !important; 
}

.container1 div.row .col-sm-8, ul#nav li {
 width: 50%;
 display: block !important;
 color: #100E79; 
text-align: center;
 margin-top: -10px;
 max-height: 170px;
}

.container1 div.row .col-sm-8, ul#nav li a {
 text-align:center !important;
  color: #100E79;   
  font-family: 'MuseoSans500',Verdana, Arial,sans-serif;              
  text-decoration: none;
  display: block!important;
  list-style: none;       
}

body#home .container1 div.row .col-sm-8, ul#nav li#linkhome a,
body#angebote .container1 div.row .col-sm-8, ul#nav li#linkangebot a,
body#profil .container1 div.row .col-sm-8, ul#nav li#linkprofil a,
body#kontakt .container1 div.row .col-sm-8, ul#nav li#linkkontakt a

 { 
 text-align: center;
 display:block !important;
 color: #A0223A;
}
.container2 div.row div.col-sm-4{
top: 10px;
}

}


/* iphone5 hoch*/
@media (max-width: 320px) {

.container1 div.row .col-sm-4,
.container3,
.container2 div.row div.col-sm-8,
.container2 div.row div.col-sm-4{
margin-left: -70px;
font-family: 'MuseoSans500', Verdana, Arial,sans-serif;
}

.container1 ul#nav li{
 display: block !important;
 color: #100E79 !important; 
}

.container1 div.row .col-sm-8, ul#nav li {
 width: 50%;
 display: block !important;
 color: #100E79; 
text-align: center;
 margin-top: -10px;
 max-height: 170px;
}

.container1 div.row .col-sm-8, ul#nav li a {
 text-align:center !important;
  color: #100E79;   
  font-family: 'MuseoSans500',Verdana, Arial,sans-serif;              
  text-decoration: none;
  display: block!important;
  list-style: none;       
}

body#home .container1 div.row .col-sm-8, ul#nav li#linkhome a,
body#angebote .container1 div.row .col-sm-8, ul#nav li#linkangebot a,
body#profil .container1 div.row .col-sm-8, ul#nav li#linkprofil a,
body#kontakt .container1 div.row .col-sm-8, ul#nav li#linkkontakt a

 { 
 text-align: center;
 display:block !important;
 color: #A0223A;
}
.container2 div.row div.col-sm-4{
top: 10px;
}

}


@media (max-width: 784px) {
.container1 ul#nav{
 display: inline !important;
 color: #100E79 !important; 
 margin-left: 30px;
}

.container1 div.row .col-sm-8, ul#nav li {
 display: inline;
 color: #100E79; 
}

.container1 div.row .col-sm-8, ul#nav li a {
  color: #100E79;   
  font-family: 'MuseoSans500',Verdana, Arial,sans-serif;              
  text-decoration: none;
  display: inline;
  list-style: none;       
}

body#home .container1 div.row .col-sm-8, ul#nav li#linkhome a,
body#angebot .container1 div.row .col-sm-8, ul#nav li#linkangebot a,
body#profil .container1 div.row .col-sm-8, ul#nav li#linkprofil a,
body#kontakt .container1 div.row .col-sm-8, ul#nav li#linkkontakt a

 { 
 display:inline;
 color: #A0223A;
}
}


@media (max-width: 680px) {

#main  p{
	width:100%;
  	margin-left:10px;
  	margin-right:20px;
	}
	
}

@media (max-width: 656px) {
		#main #mainContent p{
    width:100%;
  }

}

@media (max-width: 600px) {
	#main #mainContent p{
  	width:100%;
	}
}


@media (max-width: 540px) {

#navContainer {
float: right;
padding-left:100px;
padding-right: 240px;
margin-top: 0px;
}

ul#navigation {
width: 100%;
margin-top:80px;	
padding-top:0px;
text-align:center !important;

}
  ul#navigation li a{
    display:block !important;
    float:none;
   
    width:100%;
    padding:0px !important;
    margin:0px;
    border-bottom:2px solid #ffffff;
    height:auto;
  }
  ul#navigation li a {
    float:none;
    display:block !important;
    width:100%;
    padding:0px !important;
  }
  
  
body#angebot ul#navigation li#linkangebot a,
body#praxis ul#navigation li#linkpraxis a,
body#ueber ul#navigation li#linkueber a,
body#kontakt ul#navigation li#linkkontakt a

 {
 display:block;
  float:none;
  width: 100%;
  background-color: #8b8b8e; 
  color: #FFF;
  padding:0px;
    margin:0px;
    border-bottom:2px solid #ffffff;
    height:auto;
}  
  
    .bild{
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 20px;
}
 
}