/* big screens */
@media screen and (min-width: 1750px) { 
    .online-reservation {
      right: 20vw;
    }
}

/* small screens */
@media screen and (max-width: 1024px) {
  
    #logo {
      padding: 40px 0 0 10px;  
    }
  
    #logo img {
      max-width: 220px;
    }

    #content {
        padding-left: 260px;  
    }
  
 
  .online-reservation {
      right: 2vw;
      width: 130px;
    }
  
  .footer-item {
    width: 25%;
  }

  .footer-item:first-child {
    width: 50%;
  }

}

/* big mobile desvices */
@media screen and (max-width: 800px) {
    #content {
        padding-left: 240px;  
    }
}


/* big mobile desvices */
@media screen and (max-width: 575px) {
  
    #logo {
      position: relative;
      margin-top: 50px;
      padding: 10px 0 0 0;   
    }

  
    #content {
        padding-left: 0;  
      	min-height: auto;
    }
  
    /*  Image Box  */

    #imagebox { 
        position: relative;
        top: 0;
    }

    #ueber-uns #imagebox { 
        top: 0;
    }
  

    #content-wrap {
      padding-top: 50px;
  	}

  
    /*  Buttons  */
    .online-reservation {
        width: 28vw;
        right: 2vw;
        top: 100px;
    }


	.footer-item-wrap {
		display: block;
	}


    .footer-item {
      width: 100%;
      padding: 0;
      text-align: left;
    }

    .footer-item:first-child {
      width: 100%;
    }  
  
    .social-media img {
      width: 65px;
      padding: 0 6px 0 0;
    }

}


/* Smaller mobile desvices */
@media screen and (max-width: 375px) { 
     
    #logo img {
      max-width: 65vw;
    }
 
      /*  Buttons  */
    .online-reservation {
        top: 140px;
    }
  
}