.wrapper {
    max-width:2000px;
    width:inherit !important;
}



/* -------------------------------------------------------------------------
   MEDIA QUERIES
   ------------------------------------------------------------------------- */

/* Kann maximal 2000px darstellen. */
@media only screen and (max-width : 2000px) {
  .tagespreis-image { width: 50%; }
}

/* Kann maximal 1800px darstellen. */
@media only screen and (max-width : 1800px) {
  .tagespreis-image { width: 45%; }
}


/* Kann maximal 1650px darstellen. */
@media only screen and (max-width : 1650px) {
  .tagespreis-image { width: 40%; }
}

/* Kann maximal 1400px darstellen. */
@media only screen and (max-width : 1400px) {

}


/* Kann maximal 1260px darstellen. */
@media only screen and (max-width : 1260px) {


}
 

/* Kann maximal 1200px darstellen. */
@media only screen and (max-width : 1200px) {
  .mainnav li { padding: 0px 5px; }
  #mostobst .wrapper { flex-wrap:wrap; }
  #mostobst .wrapper .flex_4 { width: 100%; }
}



/* Kann maximal 1024px darstellen. */
@media only screen and (max-width : 1024px) {
  h3 { font-size:1.2rem; }

  .mainnav ul { display:none; }

  #main-content .wrapper { flex-directrion:column; }
  #main-content .flex_8 { width:100%; }
  #main-content .flex_4 { width:100%; margin-top:30px; }

  .crsl-item .resp-image img { width: 80% !important; }
  
  #mostobst .wrapper .flex_8 { width: 100%; }
  #mostobst .wrapper .tagespreis-image { position:relative; height:300px; bottom:inherit; right:inherit; width:100%; }


  #footer .wrapper { flex-direction:column; }
  .footernav { width:auto; }

  .copyright { text-align:center; }
  .footernav { margin:30px auto; }
}


/* Kann maximal 880px darstellen. */
@media only screen and (max-width : 880px) {
  h2 { font-size:2.2rem; }
  
  #mostobst .video-wrapper { padding:0; }

  #anfahrt .wrapper { height: 850px; }
  .adresse { position:absolute; bottom:0; left:0; width:100%; height:350px; }
}


/* Kann maximal 768px darstellen. */
@media only screen and (max-width : 768px) {
  .navigation { top:80px; }
  .box-1 { width:100%; margin-bottom:30px; }
  .box-2 { width:100%; }
  .tagespreis { width:100%; }


  .crsl-item { flex-wrap:wrap; }
  .crsl-item .resp-image { width:100% !important; }
  .crsl-item .resp-text { width:100% !important; }
}


/* Zwischen maximal 768px und minimal 568px darstellen. */
@media only screen and (max-width : 768px) and (min-width : 568px) {
}


/* Kann maximal 568px darstellen. */
@media only screen and (max-width : 568px) {
  .copyright-div { display:block; padding-top:10px; }
  .hide-568 { display:none; }

  .mainnav { height:35px; }
  #logo { width:400px; top:-50px; }

}
 
/* Kann maximal 450px darstellen. */
@media only screen and (max-width : 450px) {
  .navigation { top:60px; }
  .mainnav { height:30px; }
  #logo { width:330px; top:-40px; }
}

/* Kann maximal 400px darstellen. */
@media only screen and (max-width : 400px) {

}