/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1279px) and (min-height: 340px) {
  #start .layout_image {
    width: 10%;
  }
}
/* -- iPad --------------------------------------------- */
/* --- 980px --------------------------------------------- */
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 900px) {
  #start .layout_image {
    display: none;
  }
  #offers .layout_image {
    display: none;
  }
}
/* --- widescreen laptop? --------------------------------------------- */
/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
  #mainmenu {
    display: none;
  }
  #mobilmenu_trigger, #mobilemenu_container {
    display: block;
  }
  #offers .flexcontainer {
    flex-wrap: wrap;
  }
  #offers .flexcontainer .item {
    width: 100%;
  }
  #about .container {
    flex-wrap: wrap;
  }
  #about .container > * {
    width: 100%;
  }
}
/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  body {
    font-size: 15px;
  }
  h1, .h1, h2, .h2 {
    font-size: 26px;
  }
  #intro {
    z-index: 2;
  }
  #intro .icon_container {
    position: relative;
    left: 0px;
    transform: translateX(0px);
  }
  #intro .dgsv_icon img {
    width: auto;
    height: 95px;
  }
  #start {
    padding-top: 120px !Important;
  }
  #intro img {
    object-fit: cover;
    width: 100%;
  }
  #offers .flexcontainer .item::after {
    background-position: center center;
  }
}
/* --- 480px --------------------------------------------- */
/* --- 380px --------------------------------------------- */
/* mobile LANDSCAPE ---------------------------------------------*/