/*MOBILE*/

@media screen and (max-width: 1300px) {
  .service {
      width: 42%;
}

h3 {
  font-size: 20px;
}
}

@media screen and (max-width: 1020px) {

  #bleaching h2 {
    font-size: 56px;
}

.arena_30{
  float:none;
  width: auto;
}
}




@media screen and (max-width: 850px) {

  h2 {
    font-size: 35px;
  }

/*NAVIGATON*/

#navigation .nav_50_left,
#navigation .nav_50_right
 {
    width: auto;
    margin: 10%;
    padding: 0%;
    float: none;
}

#menu_zu{
  margin-right: 10%;
}

.arena_25 {
    width: 48%;
    margin: 1% 1% 1% 0;
    padding: 1% 1% 1% 0;
    min-height: 800px;
}

.zahnarzt_flex_text {
    display: inherit;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.arzt_50 {
    width: 100%;
   margin: 0%;
    padding: 0%;
     float: none;
}




/*Arzt zeiten*/
.arzt_zeitren_tage h3{
  font-size: 18px;
}

.arzt_zeitren_tage p{
  font-size: 12px;
}

/*BILER*/

.back_img{
  /*background-size: 100%;*/
  background-size: cover;
}
}


@media screen and (max-width: 650px) {


  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 24px;
  }

  p,
h3,h4,h5{
    font-size: 18px;
  }

  /*ARENA*/

.arena,
.arena_2
{
  width:90%;
  margin: 0%;
  padding: 0 5%;
}

.arena_50,
.arena_50_2,
.arena_30{
  width: auto;
}

.arena_0{
  padding-bottom: 20px;
}

.arena_20{
  width: auto;
}

.arena_25,
.arena_75{
  width:auto;
  margin: 0%;
  padding: 0%;
}


.left,
.right{
  float: none;
}

.flex_text {
     display:inherit;
     align-items: center;
     justify-content: center;
}

#telefon_top {
    position: absolute;
  
}

.navigation_arena {
    margin: 0 auto;
    width: 250px;
}

.navigation_auf {
    display: inherit;

  }


/*SERVICE*/

.service {
    width: 80%;
    margin: 0%;
    padding: 0 10%;
    margin-bottom: 50px;
}



#bleaching h2 {
    font-size: 45px;
    line-height: 0.8em;
}


.hzm_1 {
    background-size: 25%;
    margin-left: 11%;
  }

  .hzm_1 h2 {
    font-size: 20px;
}




/*Arzt zeiten*/
.arzt_zeitren_tage h3{
  font-size: 11px;
}

.arzt_zeitren_tage p{
  font-size: 12px;
}


}

@media screen and (max-width: 380px) {

  .hzm_1 h2 {
    font-size: 15px;
    margin-left: 11%;
}

#menu_img p{
  display: none;
}



}