/* 1150 px */





/* FOOTER */


footer{
    padding: 2rem;
}

.footer_container{
    max-width: 950px;
    -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
    gap: 40px;
}



.footer_1{
    text-align:left ;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
}

.footer_2{
    border-top: 2px solid var(--braun);
    padding-top: 32px; 
    -webkit-box-ordinal-group: 4; 
        -ms-flex-order: 3; 
            -webkit-order: 3; 
            order: 3;
}

.footer_3{
    text-align: right;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
    
}





/* 900px */


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


    html{
        font-size: 80%;
    }



           /* HERO HEADER */

           .desk{
            display: none;
        }

        .mob{
            display: block;
        }

/* MOBILE NAVIGATION */


.navbar {

    -webkit-box-align: center;

        -ms-flex-align: center;

            -webkit-align-items: center;

            align-items: center;
    height: 110px;
    overflow: hidden;
    padding: 0 0rem;


  }


  .logo{
    position: absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background-color: black;
    z-index: 1000000;
  }


  .menu-toggle{
      position: absolute;
      right: 5px;
  }

     




  .navbar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
    position: absolute;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            -webkit-justify-content: space-evenly;
            justify-content: space-evenly;
    top: 110px;
    background-color: black;
    width: 100%;
    height: calc(100vh - 110px);
    margin-top: -950px;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  
  .navigation li {
    padding: 0px;
  }
  
  .navigation li:first-child {
    margin-top: 0px;
  }
  
  .navbar ul li a {
      padding: 5px 0;
      display: block;
    color: white;
    font-size: 1.3rem;
    
  }

  .navbar ul li a:hover{
    background-color: rgb(255, 255, 255);
  }



 ul li a.imp_dat{
    display: block;
}

.navigation a.focus{
    color: var(--braun);
    border-bottom: none;
}
   
  .menu-toggle, .bar {
    display: block;
    cursor: pointer;
  }
  
  .mobile-nav {
  
  margin-top: 0 !important;
  }




.social-icons{
    display: none;
}

.social_mob{
    border-top: 1px solid var(--braun);
    border-bottom: 1px solid var(--braun);
    padding: 1rem 0; 
    display: block;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    /* margin-top: 2rem; */
    
}

.social_mob :nth-child(2){
    margin: 0 0rem;
}

        /* NAV ENDE --> */






/* START */

.start_1{
    padding:8rem 2rem 2rem 2rem;
}

.start_2{
    padding: 2rem;
}

.start_3{
    padding: 2rem;
}

/* START ENDE --->  */


/* SPEISEKARTE */

.speisekarte_1{
    padding:0rem 2rem 2rem 2rem;
}


.speisekarte_2{
    padding:0rem 2rem 2rem 2rem;
}


.speisekarte_3{
    padding:0rem 2rem 2rem 2rem;
}


/* SPEISEKARTE_ENDE */


/* KONTAKT */

.kontakt_1{
    padding:0rem 2rem 2rem 2rem;
}




.kontakt_2{
    padding:0rem 2rem 2rem 2rem;
}



.kontakt_2_container{
    /* max-width: 700px; */
    -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 80px;
}





.maps{
    padding: 0 2rem 2rem 2rem;
}






/* FOOTER */

footer{
    padding: 2rem ;
}

.footer_container{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
    gap: 10px;
}

.footer_1{
    text-align:center ;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
}

.footer_2{
    border: none;
    padding: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            -webkit-order: 3;
            order: 3;
}

.footer_3{
    text-align: center;
    margin: 2rem 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
}

}


@media screen and (max-width:821px) {
    
    /* KONTAKT */

    .info_l{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                -webkit-order: 1;
                order: 1;
    }
    
    .info_m{
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                -webkit-order: 3;
                order: 3;
    }
    
    .info_r{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                -webkit-order: 2;
                order: 2;
    }
}



@media screen and (max-width:507px) {
    
    /* KONTAKT */

    .info_l{
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                -webkit-order: 2;
                order: 2;
        text-align: center;
    }
    
    .info_m{
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                -webkit-order: 1;
                order: 1;
    }
    
    .info_r{
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                -webkit-order: 3;
                order: 3;
        text-align: center;
    }
}


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

    /* POP UP */


.pop-up {
    
    max-width: 70%;
    position: fixed;
    margin: 0 auto;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 2;
    
}

.pop_up_container p {
    padding: 20px 30px 20px 30px;
    color: dimgray;
    font-size: 16px;
}
    
}