/* - - - - - Responsive Styles- - - - - */
@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1280px) {
  .wp-block-cover__inner-container {
    width: calc(100% - 80px) !important;
  }

  .keyfacts .wp-block-column:first-child,
  .keyfacts .wp-block-column:last-child {
    display: none;
  }

  .keyfacts .wp-block-heading {
    font-size: 22px;
  }

  .aktuelles .wp-block-latest-posts__featured-image img {
    max-width: 60% !important;
    float: right;
  }

  .wp-block-latest-posts__list li,
  .wp-block-latest-posts__list li span.background-after {
    width: 60%;
  }

}

@media only screen and (max-width: 1080px) {
  .teaser-overlay {
    width: calc(100% - 40px);
  }

  .teaser-overlay .wp-block-heading {
    font-size: 22px;
    text-transform: none !important;
  }

  body,
  button,
  input,
  select,
  textarea,
  p {
    font-size: 16px;
    line-height: 20px;
  }

  .erlebnisorte h4.wp-block-heading {
    font-size: 20px;
  }

  .besucherstimmen .wp-block-columns .wp-block-column:last-child {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .opener .textmedia {
    display: block;
    max-width: calc(100% - 160px);
    margin: 0 auto;
  }

  .opener .textmedia .media {
    margin-bottom: 40px;
  }

  #page-footer {
    padding: calc(var(--gap) * 16) 0;
  }

  .page-teaser .wp-block-column:first-child {
    flex-basis: 60% !important;
  }

  /* #preise div > .wp-block-columns .wp-block-column:first-child,
  #preise div > .wp-block-columns .wp-block-column:last-child {
    display: none;
  } */

  #preise .wp-block-group__inner-container > .wp-block-columns {
    max-width: 90%;
    display: block;
    margin: 0 auto;
  }

  #preise .wp-block-column.hightcenter {
    margin-bottom: 40px;
  }

  h2 {
    font-size: 42px;
  }
}

@media only screen and (max-width: 850px) {
  #page-header .inner-page-header {
    display: block;
  }

  #page-header .site-logo {
    float: none;
  }

  .primary-navigation {
    display: none;
    width: 100%;
    float: none;
  }

  header .inner-page-header.toggled-on .primary-navigation {
    display: block;
    width: 100%;
    float: left;
  }

  nav.primary-navigation ul {
    margin-top: 30px;
  }

  nav.primary-navigation ul,
  nav.primary-navigation ul li {
    float: unset;
  }

  nav.primary-navigation ul li {
    display: block;
    padding: 0;
    border-right: 0;
  }

  nav.primary-navigation ul li:not(:last-child) {
    border-bottom: 1px solid #A3B6BD;
    border-right: 0;
  }

  nav.primary-navigation ul li:first-child {
    border-top: 1px solid #A3B6BD;
  }

  nav.primary-navigation ul li a {
    font-size: 28px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 20px 10px;
    display: block;

  }

  #primary-navigation-toggle {
    content: ' ';
    color: transparent;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../../img/menu.svg);
    background-position: center;
    background-size: 80%;
    background-repeat: no-repeat;
    position: absolute;
    right: calc(var(--gap) * 6);
    top: 30px;
  }

  #page-header .inner-page-header {
    width: 100%;
    border-radius: 0;
  }
}

@media only screen and (max-width: 782px) {
  .opener .textmedia {
    max-width: 100%;
  }

  .opener .wp-block-columns .wp-block-column:first-child {
    display: none;
  }

  h1 {
    font-size: 60px;
    line-height: 70px;
  }

  h2,
  .replaced-down h2 {
    font-size: 46px;
    line-height: 52px;
    padding: 0;
    margin-bottom: calc(var(--gap) * 8);
  }

  .replaced-down {
    margin-bottom: 0;
  }

  .aktuelles .wp-block-heading {
    padding: 0;
  }

  .wp-block-latest-posts__list li,
  .wp-block-latest-posts__list li span.background-after {
    width: 100%;
  }

  .aktuelles .wp-block-latest-posts__featured-image img {
    max-width: 100% !important;
  }

  .wp-block-latest-posts__list li .wp-block-latest-posts__featured-image {
    position: relative;
    z-index: 998;
    width: 100%;
    margin: 0;
    right: unset;
    bottom: unset;
    top: -20px;
    margin-bottom: 10px;
  }

  .wp-block-latest-posts__list li span.background-after {
    width: 100%;
    /* height: calc(100% - 220px); */
    bottom: 0;
    top: unset;
    position: absolute;
  }

  .erlebnisorte > .wp-block-group__inner-container > .wp-block-media-text {
    display: block;
  }

  .erlebnisorte > .wp-block-group__inner-container > .wp-block-media-text > .wp-block-media-text__media {
    margin-top: 40px;
  }

  .besucherstimmen .wp-block-columns .wp-block-column:last-child {
    display: block;
  }

  .footer-area-1, .footer-area-2, .footer-area-3 {
    grid-column: 1/13;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 480px) {
  h1 {
    font-size: 45px;
    line-height: 52px;
  }

  h2 {
    font-size: 38px;
    text-transform: none;
  }
}

@media only screen and (max-width: 400px) {
  .teaser-overlay {
    position: relative;
    background-color: var(--white) !important;
    width: 100%;
    border-radius: 0;
    padding: 20px 0;
  }
}