/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: > 0%,last 4 versions
*/

@media only screen and (min-width: 1921px) {
  #page {
    max-width: 1920px;
    margin: 0 auto;
  }

  header {
    left: 0;
  }
  
  .top-bar.padded {
    max-width: 1920px;
    margin: 0 auto;
  }

}

@media only screen and (max-width: 1366px) {
  
  /* hide admin bar for development */
  #wpadminbar {
    display: none;
  }
  
  html {
      font-size: 0.9rem;
  }
  
  .padded {
      padding-left: 5%;
      padding-right: 5%;
  }

  .featured-post.blog-post .content p {
    display: none;
  }
  
}

@media only screen and (max-width: 1124px) {
  
  html {
    font-size: 0.8rem;
  }
  
  #masthead {
    max-height: 100px;
  }
  
  #masthead.nav-up {
    top: -100px;
  }
}

@media only screen and (max-width: 1050px) {
  .timeline-nav .timeline-swiper {
    padding-bottom: 2rem;
  }
}


@media only screen and (max-width: 900px) {

  #top-nav {
      display: none;
  }

  #mobile-menu .copyright img {
    max-width: 12rem;
  }
  
  .accordion__content-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  
  .accordion__content-inner .single-event {
    -ms-flex-preferred-size: calc(50% - 1rem);
        flex-basis: calc(50% - 1rem);
  }
  
  .post-list,
  .blog-articles,
  .tour-list,
  .post-list.points-list {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .featured-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  .featured-post.blog-post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .blog-post .featured-content {
    border: 2px solid var(--cc-neutral);
    border-top: none;
    border-radius: 0 0 2rem 2rem;
  }

  .featured-post.blog-post .card-image {
    position: static;
  }

  .featured-post.blog-post .content {
    margin-bottom: 0;
  }

  .blog-post .featured-content {
    padding: 2rem;
  }

  .blog-post .featured-text.row.dual-language-row {
    gap: 1rem;
  }

  .featured-post.blog-post .card-image img {
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom right;
       object-position: bottom right;
  }

  .contact-form-section .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .top-menu-wrap,
  .top-bar {
    position: static;
  }

  #search-wrap {
    width: 100%;
    left: 0;
    padding: 1rem 5%;
    background: var(--cc-bg);
  }

  #search-wrap.show {
    top: 100px;
    left: 0;
  }

}

@media only screen and (max-width: 768px) {
  
  main {
    padding-top: 7rem;
  }

  .main-menu ul {
    max-width: 100%;
  }

  .accordion__icon {
    padding-right: 1rem;
  }

  .accordion__icon svg {
    width: 2rem;
  }

  [data-theme="cs"] {
    --item-order: column;
    --item-webkit-order: normal;
    --row-webkit-direction: vertical;
    --row-order: column;
  }

  [data-theme="de"] {
    --item-order: column-reverse;
    --item-webkit-order: reverse;
    --row-webkit-direction: horizontal;
    --row-order: column-reverse;
  }

  .link-button {
    font-size: 1.125rem;
  }

}


@media only screen and (max-width: 600px) {
  .accordion__title .dual-language {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: var(--item-order);
            flex-direction: var(--item-order);
  }
  
  .accordion__title {
    padding-right: 3.5rem;
  }
  
  .contact-list .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media only screen and (max-width: 500px) {
  
  html {
      font-size: 0.7rem;
  }

  .page-logo {
    width: 10rem;
  }

  #masthead {
    max-height: 65px;
  }
  
  #masthead.nav-up {
    top: -65px;
  }
  
  #search-wrap.show {
    top: 65px;
  }

  header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  h1 {
      font-size: 2.5rem;
  }

  p,h3 {
      font-size: 1.375rem;
  }

  
  .post-list,
  .blog-articles,
  .post-list.points-list {
    grid-template-columns: 1fr;
  }


  

  .accordion__content-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  
  footer .main-footer.row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
  }

  .footer-menu .dual-language {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .footer-content {
    gap: 4rem;
  }

  .footer-menu ul {
    padding-left: 0
  }

  .page-headline {
    font-size: 1.85rem;
    max-width: 100%;
  }
  
}


@media only screen and (max-width: 400px) {    
  
  h1 {
      font-size: 2.1rem;
  }

  .copyright {
    display: none;
  }

  
}

@media only screen and (max-width: 350px) {
 
}

@media only screen and (max-width: 260px) {
  
}