@media only screen and (min-device-width: 1900px) {

    .destination-header {
        height: 360px;
    }
}

@media only screen and (min-device-width: 768px) {

.hidden-desktop {
display: none;
}
    .tabs-container {
    }

    .tabs label {
        order: 1;
        width: auto;
    }

    .tabs .tab {
        order: 9;
    }

    .tabs [type="radio"]:checked + label {
    }

    .splide.splide-3.static .splide__list,
    .splide.splide-4.static .splide__list {
        transform: none !important;
    }
}

@media only screen and (max-device-width: 768px) {
    body {
        overflow-x: hidden;
    }

  .hidden-mobile {
    display: none;
  }

.dropdown-input { 
    width: 100%;
}

    .container {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }

    header {
        width: 100%;
        display: unset;
        margin-left: 0;
        margin-right: 0;
        height: unset;
        padding: 0px;
        position: relative;
    }

    header .header-left {
        /*width: 100%;*/
        display: none;
    }

    /*header .header-mobile {
                display: block;
            }*/
    /*header .mobile-menu-toggle-button {
                position: fixed;
                top: 0;
                right: 0;
                width: 70px;
                height: 70px;
                background: #010f2e;
                text-align: center;
                border: none;
                outline: none;
                display: block;
                z-index: 110;
            }*/

    /* header .header-left img.logo {
                display: block;
                margin-left: auto;
                margin-right: auto;
            }*/

    header .header-right {
        display: none;
    }

    .video-banner {
        display: none;
    }

    .home-page .image-banner,
    .image-banner {
        display: block;
    }

    .carousel-container {
        width: 100%;
        display: block;
    }

    .carousel-text,
    .carousel {
        width: 100%;
        margin-bottom: 20px;
    }

    ul.splide__pagination li:nth-child(n + 4) {
        display: none;
    }

    .appointment-container {
        display: block;
        text-align: center;
    }

    .tabs label {
        border: solid 2px #eee;
    }

    .flex-block-mobile {
        display: block;
    }

    .thumbnails {
        width: calc(100% - 70px);
    }

    .thumbnail {
        height: 70.5px;
        width: 70.5px;
    }

    .item-50pct-100mobile {
        width: 100%;
    }

    .splide__arrow--prev {
        top: 40%;
        left: -13px;
    }

    .splide__arrow--next {
        top: 40%;
        right: -13px;
    }

    .featured-items-container .splide__pagination {
        bottom: -0.5em;
    }

    .featured-items-container .teaser-item {
        height: 295px;
    }

    .featured-items-container .splide__slide {
        height: 564px;
    }

    .jc-right-desktop {
        justify-content: left;
    }

    .project-page .summary > div:nth-child(1),
    .project-page .summary > div:nth-child(2) {
        border-top: none;
    }

    .project-page .summary .order-1 {
        order: -1;
    }

    .project-page .cta-buttons {
        display: block;
        width: calc(100% - 20px);
    }

    .project-page .cta-buttons > a {
        width: 100%;
        margin-bottom: 10px;
    }

    .about-us {
        box-sizing: border-box;
        height: unset;
    }

    .about-us > div {
        display: inline-block;
    }

    .about-us .left-column {
        margin-top: -40px;
        width: calc(100% - 40px);
        padding-right: 0;
    }

    .about-us .right-column {
        width: calc(100% - 40px);
        padding-left: 0;
        margin-bottom: -40px !important;
    }

    .about-us .right-column > div {
        height: unset;
    }

    .about-us .person-details-text {
        height: 145px;
        max-height: 145px;
    }

.video-info-container .right-column > div,
.people-container .splide__slide
{
  height: unset;
}
    .people-container .splide__pagination {
        bottom: -0.5em;
    }

    .people-container .splide__arrows {
        position: absolute;
        bottom: 16px;
        left: 62%;
        width: 200px;
    }

    .appointment-container .container {
        display: block;
    }

    h2.appointment-title {
        margin-bottom: 10px;
    }

    .appointment-subtitle {
        margin-bottom: 35px;
    }

    .text-container {
        width: 100%;
    }

    .text-container .h2amsterdamFont {
        line-height: 51px;
    }

    .destination-details {
        display: block;
    }

    .destination-details:first-of-type {
        background-color: red;
    }

    .destination-page img {
        width: 100%;
        height: unset;
        border-radius: 5px;
    }

    .destination-page > .destination-details, .content-page > .content-details {
        margin-top: 130px;
    }

    .destination-page > .destination-details ~ .destination-details, .content-page > .content-details ~ .content-details {
        margin-top: unset;
    }

    .destination-details > div {
        width: 100%;
    }

    .destination-details .column-right {
        padding-left: 0;
    }

    .destination-details .column-right div.text-right {
        text-align: center;
    }

    .destination-details .column-right .video-container,
    .destination-details .column-right .video-container img {
        width: 100%;
    }

    .destination-title {
        margin-top: -300px;
        width: calc(100% - 40px);
        margin-bottom: 66px;
        padding: 20px;
    }

    .destination-title > div {
        font-size: 35px;
	padding: 10px 20px;
    }

    .destination-details .column-left.ml-100 {
        margin-left: 0;
    }

    .destination-details .destination-compass-container {
        height: 180px;
        width: 50%;
        text-align: center;
        display: inline-block;
        margin-left: 25%;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .destination-tags .destination-tag {
        margin-right: 3px;
    }

    .sum-up {
        margin-top: 20px;
    }

    .extra-information .icon-plus-container {
        margin-right: -10px;
    }

    .modal-wrap {
        width: calc(100% - 40px);
        padding-bottom: 15px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
    }

    .modal-wrap img {
        width: 100%;
        height: unset;
        border-radius: 5px;
    }

    .thumbnails {
        width: 100%;
    }

    .project-page .cta-buttons.sticky {
        width: 100%;
        top: 0;
        bottom: unset;
        margin-top: 0;
    }

    .cta-buttons.sticky .cta-buttons-wrapper {
        width: calc(100% - 40px);
        gap: 10px;
    }

    .cta-buttons.sticky a {
        margin-bottom: 0;
    }

    .splide.splide-3.static .splide__slide,
    .splide.splide-4.static .splide__slide {
        margin-right: 0;
        width: 100%;
    }

    .splide.splide-3.static .splide__arrows,
    .splide.splide-4.static .splide__arrows {
        display: unset;
    }

    .splide.splide-3.static .splide__slide--clone,
    .splide.splide-4.static .splide__slide--clone {
        display: unset;
    }

    html.nav--open {
        overflow: hidden;
    }

    .video-player {
        width: 100%;
        height: 100%;
    }

    /* Mobile menu */
    .mobile-header {
        display: block;
        height: 5rem;
        background-color: var(--header-bg-color);
        margin-bottom: 10px;
    }

    .mobile-header img.logo {
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 60px;
    }

    .nav-drill {
        margin-top: 80px;
        transform: translateX(100%);
    }

    .nav-is-toggled .nav-drill {
        transform: translateX(0);
    }

    .nav-is-toggled::after {
        opacity: 1;
        visibility: visible;
    }

    .nav-drill {
        display: flex;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #fff;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        transition: 0.45s;
    }

    .nav-items {
        /*flex: 0 0 100%;*/
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
        padding: 0;
        /*padding-inline-start: 0px;*/
    }

    .nav-item:first-child {
        border-top: solid 2px var(--link-color);
    }

    .nav-item {
        border-bottom: solid 1px var(--link-color);
    }

    .nav-item:last-child {
        border-bottom: solid 2px var(--link-color);
    }

    .nav-link {
        display: block;
        padding: 0.875em 1em;
        background-color: #fff;
        color: #000;
        font-size: 1rem;
        line-height: 1.5em;
        font-weight: 300;
    }

    .nav-expand-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translateX(100%);
        background-color: #fff;
        transition: 0.3s;
        visibility: hidden;
        padding-bottom: 50px;
    }

    /*.nav-expand-content .nav-item:not(:last-child) {
            border-bottom: solid 1px #20b49c;
        }

        .nav-expand-content .nav-link {
            background-color: #daf9f4;
        }*/

    .nav-expand-content .nav-back-link {
        display: flex;
        align-items: center;
        background-color: var(--link-color);
    }

    .nav-expand-content .nav-back-link::before {
        /* content: "chevron_left";
                margin-right: 0.5em;
                font-family: "Material Icons";*/
    }

    .nav-expand-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .nav-expand-link::after {
        /* content: "chevron_right";
            flex: 0 1 auto;
            font-family: "Material Icons";*/
    }

    .nav-expand.active > .nav-expand-content {
        transform: translateX(0);
        visibility: visible;
    }

    .mobile-header .menuicon {
        display: block;
        cursor: pointer;
        color: var(--hamburger-color);
        transform: rotate(0deg);
        transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .mobile-header .menuicon__bar,
    .mobile-header .menuicon__circle {
        fill: none;
        stroke: currentColor;
        stroke-width: 3;
        stroke-linecap: round;
    }

    .mobile-header .menuicon__bar {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
        transition: transform 0.25s ease-in-out;
    }

    .mobile-header .menuicon__circle {
        transition: stroke-dashoffset 0.3s linear 0.1s;
        stroke-dashoffset: 144.513262038;
        stroke-dasharray: 144.513262038;
    }

    .mobile-header .nav:target .menuicon,
    .mobile-header.nav-is-toggled .menuicon {
        color: var(--hamburger-color);
        transform: rotate(180deg);
    }

    .mobile-header .nav:target .menuicon__circle,
    .mobile-header.nav-is-toggled .menuicon__circle {
        stroke-dashoffset: 0;
    }

    .mobile-header .nav:target .menuicon__bar:nth-child(1),
    .mobile-header .nav:target .menuicon__bar:nth-child(4),
    .mobile-header.nav-is-toggled .menuicon__bar:nth-child(1),
    .mobile-header.nav-is-toggled .menuicon__bar:nth-child(4) {
        opacity: 0;
    }

    .mobile-header .nav:target .menuicon__bar:nth-child(2),
    .mobile-header.nav-is-toggled .menuicon__bar:nth-child(2) {
        transform: rotate(45deg);
    }

    .mobile-header .nav:target .menuicon__bar:nth-child(3),
    .mobile-header.nav-is-toggled .menuicon__bar:nth-child(3) {
        transform: rotate(-45deg);
    }

    .product-header-mobile {
        display: block;
    }

    .product-title > div {
        font-size: 35px;
        padding: 10px 20px;
    }

    .product-details {
        display: block;
    }

    .product-details > div {
        display: block;
        width: 100%;
    }

    .product-details .column-right {
        padding-left: 0;
    }

    .video-info-container {
        height: unset;
    }

    .video-info-container > div {
        display: inline-block;
    }

    .video-info-container .left-column {
        margin-top: -40px;
        width: calc(100% - 40px);
        padding-right: 0;
    }

    .video-info-container .right-column {
        width: calc(100% - 40px);
        padding-left: 0;
        margin-bottom: -40px !important;
    }

    .project-page .video-info-container {
        margin-left: -15px;
        margin-right: -15px;
        width: unset;
        left: unset;
        right: unset;
        max-width: unset;
    }

    footer {
        width: 100%;
    }

    .full-footer-container {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }

    .footer-image-section {
        display: none;
    }

    .footer-wrapper .footer-upper-row {
        display: block;
        width: 100%;
        padding-top: 0;
        margin: 0;
    }

    .footer-default-button {
        width: 100%;
    }

    .footer-default-button .footer-button {
        display: none;
    }

    .footer-section-container,
    .footer-nav-section {
        display: none;
    }

    .footer-bottom-row {
        display: block;
        width: 100%;
    }

    .online-appointment-introduction {
        margin-top: 140px;
    }

    .online-appointment-introduction .introduction {
        margin-bottom: 30px;
        width: 100%;
    }

    .footer-bottom-row .footer-contact-section {
        margin-bottom: 20px;
    }

    .online-appointment-container {
        margin-top: 30px;
        display: flex;
        flex-direction: column-reverse;
    }

    .online-appointment-container > div {
        width: 100%;
    }

    .online-appointment-container .column-left {
        margin-bottom: 40px;
    }

    #oa_widget .form-label {
        width: 100% !important;
    }

    .experience-overview {
        display: block;
    }

    .experience-overview > div {
        width: 100%;
    }

    .tab-list {
        flex-direction: column;
        width: 100%;
        padding: 0;
    }

    .tab-list .tab {
        width: calc(100% - 26px);
    }

    .tab-content {
        width: calc(100% - 48px);
        margin: 0;
    }

    .experience-details {
        display: block;
    }

    .experience-details > div,
    .experience-details .column-left {
        width: 100%;
    }

    .experience-details .column-right {
        padding-left: 0;
        width: 100%;
    }

    .experience-details .related-experience {
        width: 100%;
    }

    .experience-details img {
        border-radius: 10px;
        width: 100%;
        height: unset;
    }

    .experience-title {
        margin-top: -195px;
        width: calc(100% - 40px);
        margin-bottom: 130px;
        padding: 20px;
    }

    .experience-title > div {
        font-size: 28px;
    }

    .content-page img {
        width: 100%;
        height: unset;
        border-radius: 5px;
    }

    .product-page .product-title {
        margin-top: -175px;
        margin-bottom: 65px;
    }

    .trips .trip {
        width: 100%;
    }

    .mobile-mb-40 {
       margin-bottom: 40px;
  }
}

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  .splide__arrow {
    width: 35px;
    height: 35px;
  }

.image-carousel .splide__list {
   height: 580px;
}

#slider-people-list {
  height: 350px;
}

.project-page .container .flex-block-mobile .item-50pct-100mobile > .image-carousel,
.project-page .container .flex-block-mobile .item-50pct-100mobile > .image-carousel .splide__list {
  height: 350px;
}

html, body {
  overflow-y: scroll;
/*  -webkit-overflow-scrolling: touch;*/
  scroll-behavior: auto;
  overflow-x: hidden;
}

body, p {
    font-size: 18px;
}

p {
    line-height: 30px;
}

.home-page, .product-page {
  overflow-x: hidden;
}

.teaser-item .teaser, .teaser-item .teaser p {
font-size: 16px;
}

input:not([type="radio"]):not([type="file"]):not([type="checkbox"]):not(.custom-input), select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

select {
  background-color: #fff;
  color: #000;
  font-size: 16px;
}

}