/* ------------------ Allgemein / Screen, Tablet und Handy  ------------------ */


@media only screen and (min-device-width: 100px) and (max-device-width: 1300px){
  
  
  #content, .text_box_3, #footer, .footer_inner {width:100% !important;}
  .text_box_3 {padding:115px 0 !important;}
  .content_inner {width:auto !important; padding:50px !important;}
  
.close_ref { left: auto !important; position: absolute !important; right: 30px; top: -15px; }  
  .close_ref a{margin:0 !important;}
}




@media only screen and (min-width: 100px) and (max-width: 1150px) {
  /* Allgemein */

  html {
    font-size:30px !important;
    line-height: auto !important;
  }
  
  body {width:100% !important; font-size:120%; line-height: 150% !important;}
    
    h1 {font-size:350% !important; line-height:100% !important;}
    h2 {font-size:200% !important; line-height:100% !important;}
    #nav_mobile ul li a {font-size:150% !important; line-height:150% !important;}

    a.button {width: auto !important; display: inline-block !important; padding: 10px 30px !important;  margin:50px 0 !important;}

    .home #nav {position:relative !important;}
    #head {width:100% !important;}
    .home #head {background:url('../images/header.png') no-repeat; background-size:cover;background-position: center center;}
    #nav_left,#nav_right {display: none;}
    #nav #logo {width:25% !important; margin:0 auto; float:none !important;}
    #nav #logo img {width:100% !important;}
    .welcome_left, .welcome_right {width:100% !important; padding:0 !important; float:none !important;}
    #welcome {width:auto !important; position:relative !important;text-align:center;left:0; top:0;margin:0 0 30px 0; padding: 0 30px 30px 30px !important; }
    #welcome h1 {margin-top:10px !important;}
    #header_image {display:none;}
    
    
    .box,  .zweierbox_left, .zweierbox_right {width:100% !important; float:none !important; margin-bottom:30px !important;}
    .box_inner {padding:0 !important;}
    #nav {position: relative;}
    #burger_icon {width:15% !important;}
    #burger_icon img {width:100% !important;}
    #nav_mobile.showing {display: block; position:absolute; width:100%;left:0;z-index:99999999;}
    #burger_icon {display: block;}
    #nav_mobile ul li {display: block; font-family: Metropolis Regular, Calibir, Arial; padding:15px 0;}
    #nav_mobile ul li {border-bottom:1px solid #515151;}
    #footer .footer_left {display: none;}
    #footer .footer_right {display: none;}
    #footer .footer_center {width: 100% !important;}
    
    /* CORONA */
        #button {display:none;}
        #button_corona {top:10px; right:10px;}

    
    .image_text_box, .text_image_box {padding: 0 !important;}
    
    .image_text_box.restaurant, .text_image_box.kuechenchef,.image_text_box.menu, .image_text_box.kontakt,.text_image_box.kirschtorte { margin: 0; background: none; padding: 30px !important;}
    .kontaktformular, .karte{width:100% !important; float:none !important; height:auto !important;}
    
    #hinweis {display:none;}
    
}




@media only screen and (min-width: 100px) and (max-width: 1500px) {
    #button {width:170px;}
    
    /* CORONA */
    #button {display:none;}
    #button_corona {width:170px; left:auto; right:10%;}

}

/* ------------------ Handy  ------------------ */

/* -------------- 
@media only screen and (min-device-width: 100px) and (max-device-width: 500px) { 

 --------------------   ----- */
@media only screen and (min-width: 100px) and (max-width: 500px) {


  
}



/* Handy quer gehalten - Navigation */
@media only screen and (max-device-width: 500px) and (orientation:landscape){

}