@media only screen and (max-width: 64.286em) {
  #logo {
    padding: 0 !important;
  }
    .bottomwrap > .wrapper {
  display: block !important;
  gap: 30px;
}
    .bottomwrap > .wrapper > * {
  margin-bottom: 25px;
}
    .collection-overview-image-intro.swiper-slide img {
  height: 380px;
}
    #mobile.navigation #mobilenav {
  width: 50%;
}
    .grid-sizer, .grid-item {
  width: calc(33% - 20px) !important;
}
    .masonry-grid.grid.gt-3 .grid4 {
  width: calc(50% - 15px);
  padding: 0;
}
    .field_title {
  font-size: 2em;
  margin: 40px 0;
}
    .card .card-titel h3 {
  font-size: 1.3em;
        margin: 0 20px;
    padding: 20px 30px 25px;
}
    .page-node-87 article.page > .content-wrapper {
  display: flex;
  gap: 30px;
  align-items: unset;
  flex-direction: column;
}
    .page-node-87 main > .wrapper .bundle.bundle-image {
  flex: 1 1 100%;
  margin: 0 !important;
  position: relative;
}
    .page-node-87 main > .wrapper .bundle.bundle-image .splash-image img {
  height: calc(50vh - 45px);
  width: 100%;
  object-fit: cover;
  object-position: top;
  position: relative;
  z-index: 0;
}
}
@media only screen and (max-width: 600px) {
      .grid-sizer, .grid-item {
  width: calc(50% - 20px) !important;
}  
    .collection-overview.collection-overview-intro {
  column-count: 1 !important;
  column-gap: 20px !important;
}
    .collection-overview-image-intro.swiper-slide {
  top: 0 !important;
  max-height: unset !important;
  height: 100%;
  margin-bottom: 25px !important;
}
      .collection-overview-image-intro.swiper-slide img {
    height: auto !important;
  }
    .bottomwrap > .wrapper > * {
  background-color: #f7f7f7;
  padding: 40px 30px !important;
  flex: 1 1 49%;
}
    .webform-submission-webform-211-form {
  display: block !important;
  gap: 30px;
  margin-top: 20px !important;
}
    .dealerblok > .inner {
  display: block !important;
} 
    .dealerblok > .inner .more {
  margin-top: 20px !important;
}
    footer.footer {
  padding: 2em 0em 2em !important;
}
    .block-subtheme-footerinfoatmos, .block-senso-footerinfo {
  font-size: 18px !important;
  color: black;
  margin: 40px 0 !important;
}
      #mobile.navigation #mobilenav {
   width: calc(100% - 50px) !important;
    padding-top: 100px !important;
    padding-left: 25px;
    padding-right: 25px;
  }
    #mobile.navigation #mobilenav ul.menu{
        display: block !important;
    }
    #topbar {
  display: none !important;
}
   .navigation .mobile-block{
    display: flex;
    align-items: center;
    border-top: 1px dotted black;
    margin: 30px 30px 0 0;
    width: calc(100% - 0px);
    padding-top: 20px;
}
    .language-switcher-language-url ul.links {
  position: relative;
  top: 0;
  overflow: unset;
  height: auto;
  margin-left: 0;
  padding-left: 15px;
  display: flex;
  flex-direction: row;
  transition: ease-in-out .3s;
  gap: 20px;
}
    .language-switcher-language-url {
  position: relative !important;
  right: 0 !important;
}
    .toplink, .toplink:hover, .toplink:focus {
  text-transform: uppercase;
  font-size: 18px;
  color: #666;
  margin-left: 20px;
  letter-spacing: 1px;
  position: relative;
  right: 0;
  top: 0;
}
    .bundle.bundle-hover_image {
  flex: 1 1 100% !important;
  padding-top: 0;
  position: relative;
  margin: 0 !important;
  max-width: 100% !important;
}
    .header > .wrapper #logo img {
  width: 200px;
  transition: ease-in-out .3s;
}
    #burgerBtn .b-button {
  margin-top: 50px;
}    
    #burgerBtn.sticky .b-button {
  margin-top: 30px;
}
    #burgerBtn{
        left: 20px;
    }
    form.webform-submission-webform-211-form input[type="submit"], .button, input[type="button"] {
  margin-top: 20px;
  background-color: black;
  font-weight: 300;
  text-transform: none;
  font-size: 16px;
  padding: 18px 20px !important;
}
      .masonry-grid.grid.gt-3 .grid4 {
    width: 100%;
    padding: 0;
  }
}