@media (max-width: 1600px) {

    /*Page 4 */


    .section-11 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto auto;
        margin: 40px 80px;
        gap: 50px 10px;
    }

    .item-rij-1-kolom-3 h1 {
        white-space: wrap;
    }

}

@media (max-width: 1400px) {
    .bottom-grid {
        padding: 10px 10px 10px;
        width: 90%;
    }

    .section-15 {
        width: min(calc(100% - 100px), 1120px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 820px;
    }

    .project-overzicht {
        margin-left: 0;
    }

    .item-rij-1:first-child {
    }

    .nav-left {
        margin-left: 20px;
    }
    .section-7 {
        clip-path: inset(-6vmax -100vmax -10vmax -100vmax);

    }



    .question-form  {

        margin-left: 20px;

    }

    /* Page 8 */

    .img-container img {
        width: 1000px;
    }

    /* Wordpress edits */





}

@media (max-width: 1300px) {
    /* adjust dark image margins and layout */
    .dark-img-content:first-child,
    .dark-img-content:last-child {
        margin: 20px 40px;
        padding: 16px;
    }

    .logo-container {
        width: 75%;
    }


    .dark-img .dark-img-content {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        text-align: left;
    }

    .dark-img-content h1 {
        font-size: 32px;
        line-height: 40px;
        flex: 1;
    }

    .paragraph-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* PAGE 2 */

    zorg-2 img {
    }


    .zorg-2 {
    }

    .zorg-2 h1 {
        font-size: 30px;
        line-height: 30px;
        margin: 30px 5%;
    }

    .products-wrapper {
        margin: 30px 5%;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
    }

    .overzicht {
        grid-row: span 2;
        justify-content: center;
        grid-column: 5;
    }

    .product-card {
        padding: 8px;
    }

    .section-3 {
        margin: 100px auto;
        width: 85%;
        max-width: 1200px;
        padding: 10px 0;
    }




    /* PAGE 3 */

    .section-5 {
        margin: 120px 40px 200px;
        gap: 60px;
    }

    .small-img {
        display: none;
    }

    .section-7 {
        width: 70%;
    }

    .product-gallery {
        grid-template-columns: 1fr;
        width: 100%;
        justify-items: center;
    }

    .product-gallery > :first-child {
        width: min(100%, 640px);
    }

    .section-8 .product-container-p3 {
        width: 90%;
    }

    .product-gallery > :first-child {
        width: min(100%, 640px);
    }

    .product-gallery div:nth-of-type(2),
    .product-gallery div:nth-of-type(3) {
        display: none;
    }

    .product-container-p3 {
        flex-wrap: wrap;
        gap: 16px;
    }

    .img-left {
        height: 100%;
    }

    .img-left img {
        height: 100%;
    }



    .img-right {
        height: auto;
    }

    .img-right img {
        height: auto;
    }


    .product-gallery img {
        height: 100%;
    }

    .section-7 {
        clip-path: inset(-6vmax -100vmax -9vmax -100vmax);

    }

    .referentie-gallerij {
        width: 100%;

        align-items: center;
        gap: 20px;
    }

    .referentie-gallerij.slick-slider {
        width: 100%;
        left: 0;
        transform: none;
        margin-left: -40px;
        margin-right: auto;
    }

    .referentie-gallerij .slick-list {
        margin-left: auto;
        margin-right: auto;
    }

    .referentie-gallerij > div {
        width: 100%;
        max-width: 360px;
        height: 260px;
    }

    /* Page 4 */

    /*Page 5 */

    .section-15 {
        grid-template-columns: 1fr 1fr;
        width: min(calc(100% - 80px), 1060px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 760px;
    }

    .project-overzicht {
        margin-left: 0;
    }

    .section-16 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 600px 50px 300px;
        gap: 80px;
    }


    /* Page 6 */

    .section-19  {
        flex-direction: column;
        align-items: center;
    }

    .question-form {
        width: min(100%, 620px);
        max-width: 620px;
        padding: 36px 32px;
        margin: 30px auto 0;
    }

    /* Page 7 */



    .news-main {

        grid-template-columns: 1fr 1fr;

    }

    .img-container img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .section-22 {
        flex-direction: column;
        align-items: center;
    }

    .pg8 {
        background: linear-gradient(
                to bottom,
                transparent 194rem,
                #F3F6FA 194rem
        );

    }

    .s23-content {
        width: 80%;
    }

    .s23-card {
        transform: scale(0.9);
        transform-origin: top center;
    }

    .s23-content h1 {
        font-size: 23px;
    }

    .s23-content p {
        font-size: 15px;
    }

    font: lighter 25px/35px Oswald;

    font: lighter 16px/26px Open Sans;

    .title-text {
        flex-direction: column;
    }

}

@media (max-width: 1340px) {
    .section-5 {
        grid-template-columns: 1fr;
    }

    .section-6 {
        display: flex;
        flex-direction: column;
    }

    body {
        background-size: 100% 100vh;
        background-position: top center;
        padding-top: 60px;
    }

    .section-24.alt {
        margin-top: -60px;
    }

    .single-project .section-14.pg6 {
        transform: translateY(-80px);
    }


    .zorg-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 12px;
    }

    .mega-menu {
        display: none !important;
    }

    .nav-item-group:hover .mega-menu,
    .nav-item-group:focus-within .mega-menu {
        display: none !important;
    }

    .nav-item-group.is-open {
        flex-direction: column;
        align-items: stretch;
    }

    .nav-item-group.is-open .mega-menu {
        display: grid !important;
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: 8px;
        background: #fff;
        border-radius: 12px;
        z-index: 1;
    }

    /* Eenvoudige submenu-dropdown: zelfde mobiel-gedrag als het mega-menu. */
    .nav-dropdown {
        display: none !important;
    }

    .nav-item-group:hover .nav-dropdown,
    .nav-item-group:focus-within .nav-dropdown {
        display: none !important;
    }

    .nav-item-group.is-open .nav-dropdown {
        display: flex !important;
        position: static;
        width: 100%;
        min-width: 0;
        margin-top: 8px;
        background: #fff;
        border-radius: 12px;
        z-index: 1;
    }

    /* Keep project overview grid in view between tablet and desktop */
    .section-15 {
        width: min(calc(100% - 60px), 980px);
        margin-left: auto;
        margin-right: auto;
        margin-top: 700px;
    }

    .project-overzicht {
        margin-left: 0;
    }

    .zorg, .middle-hover {
        padding: 0 5%;
    }

    .zorg {
        position: absolute;
        top: 20vw;
        left: 0;
        width: 100%;
        height: 60vw;
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px 18px;
    }

    .bg-img {
        top: -20vw;
        height: 100%;
        object-position: top center;
    }

    .bg-wrap::after {
        top: -20vw;
        height: 100%;
    }

    .middle-hover {
        margin-top: 72vw;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        gap: 30px;
    }

    .middle-hover img {
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 60px;
    }

    .hover-main,
    .hover-text {
        flex: none;
        width: 100%;
        text-align: left;
        color: black;
    }
    .hover-main {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }


    .hover-main h1,
    .hover-text p {
        margin: 0;
    }

    .hover-text p + p {
        margin-top: 8px;
    }

    .hover-text p {
        line-height: 1.4;
    }

    .navbar {
        position: relative;
    }

    .nav-left {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #1f2937;
        padding: 16px 20px;
        flex-direction: column;
        gap: 12px;
        margin-left: 0;
        z-index: 200;
        border-radius: 12px;
        box-sizing: border-box;
    }

    .nav-toggle {
        display: inline-flex;
        align-items: stretch;
        justify-content: center;
        margin-left: 360px;
    }



    .nav-toggle-input:checked ~ .nav-left {
        display: flex;
    }

    .nav-left.is-open {
        display: flex;
    }

    .nav-item {
        text-align: center;
    }

    .nav-item-group {
        width: 100%;
        justify-content: center;
    }

    .nav-item-group > .nav-item {
        width: 100%;
        text-align: center;
    }

    .logo-container {
        box-sizing: border-box;
    }


    .bottom-image {
        min-height: 620px;
        padding-bottom: 240px;

    }

    .bottom-overlay {
        top: 28vh;
        padding: 24px 30px;
    }

    .bottom-grid {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        column-gap: 30px;
        row-gap: 30px;
        background: #fff;

        border-radius: 40px 40px 0px 0px;
        width: 80%;

        box-sizing: border-box;
        padding: 2px 2px 2px;
        align-items: start;
        font-size: 0.9rem;

    }

    .bottom-main .contact-btn {
        width: 50%;
    }

    .bottom-section:not(.news-slider-enabled) .bottom-columns .column-card:nth-child(3),
    .bottom-section:not(.news-slider-enabled) .bottom-columns .column-card:nth-child(4)
    {
        display: none;
    }
    .bottom-section {
        flex-direction: column;
        gap: 40px;
        margin: 40px;
        justify-content: center;
    }

    .bottom-news-wrap .news-pager {
        position: static;
        align-self: flex-end;
        margin-bottom: 24px;
    }

    .bottom-news-wrap {
        padding-top: 0;
    }
    .bottom-main {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        flex: 0 0 20%;
        margin-left: 0;
        align-items: center;
        text-align: center;
    }

    .btn-black {
        margin-left: 0;
    }

    .image-wrapper img {
        width: 250px;

    }

    .centra-caption {
        max-width: 80%;
    }

    .bottom-grid .paragraph-grid {
        display: none;
    }

    .bottom-grid > .item-rij-1:nth-of-type(2) h1 {
        display: none;
    }



    .header-main {
        margin-top: 0;
    }

    .zorg p {

    }

    .nav-left {
        flex-direction: column;
        align-items: center; /* voorkomt volledige breedte van children */
    }

    /* behoudt knopvorm en voorkomt stretchen */
    .nav-left .offerte-btn,
    .nav-left .contact-btn,
    .nav-left .nav-item {
        width: auto;
        align-self: center;
    }



    /* PAGE 2 */

    .images-small .image-btn {
        right: 27px;
    }

    /* Page 3*/

    .section-7 {
        clip-path: inset(-6vmax -100vmax -9vmax -100vmax);
    }

    /* Page 5 */
    .section-14 > div {
        top: 16vw;
        left: 40px;
        max-width: 240px;
    }


    /* Page 4 */

    .section-11 {
        display: grid;
        grid-template-columns: 1fr 1fr ;
        grid-template-rows: auto auto ;
        margin: 40px 80px;
        gap: 50px 10px;
    }

    body.page4 {
        background: linear-gradient(
                to bottom,
                transparent 36rem,
                #F3F6FA 36rem
        );

    }



    .dark-img {
        width: 90%;
    }

    .dark-img-content:first-child,
    .dark-img-content:last-child {
        margin: 40px 80px;
        padding: 20px;
    }

    /* Page 6 */

    .section-14.pg6 > div:last-of-type {
        right: 100px;

    }

    .section-14.pg6 > div {
        left: 100px;
        max-width: 320px;

    }

    /* Page 10 */

    .contact-page {
        flex-direction: column;
        align-items: stretch;
    }

    .contact-right {
        width: 100%;
    }


    .navbar .nav-left .nav-item,
    .navbar .nav-left .nav-item:visited,
    .navbar .nav-left .nav-item:hover,
    .navbar .nav-left .nav-item:active,
    .navbar .nav-left .nav-item:focus,
    .navbar .nav-toggle-input:checked ~ .nav-left .nav-item,
    .navbar .nav-toggle-input:checked ~ .nav-left .nav-item:visited,
    .navbar .nav-toggle-input:checked ~ .nav-left .nav-item:hover,
    .navbar .nav-toggle-input:checked ~ .nav-left .nav-item:active,
    .navbar .nav-toggle-input:checked ~ .nav-left .nav-item:focus {
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        text-shadow: none !important;
    }

}


@media (max-width: 1024px) {

    .centra-nav {
        top: -50%;
    }

    .section-20 {
        margin-right: auto;
        margin-left: auto;
    }

    .single-project .section-19 {
        margin: 40px 16px 80px;
    }

    .single-project .section-19 .contact-container {
        margin: 0;
        width: 100%;
        max-width: 100%;
    }

    .single-project .section-19 .question-form {
        width: 100%;
        max-width: 100%;
        margin: 20px 0 0;
    }

    .single-project {
        overflow-x: hidden;
    }

    .single-project .section-14.pg6 {
        overflow: hidden;
    }

    .single-project .section-14.pg6 > div {
        left: 16px;
        right: 16px;
        max-width: calc(100% - 32px);
    }

    .single-project .section-14.pg6 > div:last-of-type {
        left: auto;
        right: 16px;
        max-width: none;
    }

    .single-project .section-18 .section-11 {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 12px;
        padding-right: 12px;
        box-sizing: border-box;
    }

    .single-project .section-18 .section-11 > div {
        width: min(360px, 100%);
        max-width: 100%;
    }


    .next-btn {
        align-self: center;
    }


    .newsletter-email,
    .wpcf7-form .newsletter-email,
    .wpcf7-form .wpcf7-email,
    .wpcf7-form input[type="email"] {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .newsletter-btn,
    .wpcf7-form .newsletter-btn,
    .wpcf7-form .wpcf7-submit,
    .wpcf7-submit {
        align-self: center;
        margin-left: auto;
        margin-right: auto;
    }


    body {
        background-size: 100% 100vh;
        background-position: top center;

        background: transparent;
    }

    .nav-toggle-bar {
        background: #FFFFFF;
    }

    .header-main {
        background: linear-gradient(
                to bottom,
                #0f172a 30rem,
                transparent 30rem
        );

        width: 100%;
        padding: 16px 0;
        position: fixed;
        top: 0;
        z-index: 100;
    }


    .navbar {
        top: 0;
        gap: 10px 20px;
        justify-content: center;
    }

    .header-main {
        margin: 0;
        width: 100%;
    }

    .nav-left {
        justify-content: center;
        margin-left: 0;
        gap: 12px 18px;
    }

    .navbar {
        justify-content: space-between;
    }

    .navbar img {
        margin-left: 20px;
    }

    .nav-right {
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 10px;
    }

    .nav-toggle {
        margin-left: 0;

    }

    .zorg {
        position: absolute;
        top: 20vw;
        left: 0;
        width: 100%;
        height: 60vw;
        padding: 0 20px;
        margin-top: 0;
        flex-wrap: wrap;
        gap: 12px 18px;
        justify-content: center;
    }

    .zorg-list {
        margin-top: 120px;
    }

    .middle-hover {
        margin-top: 72vw;
        padding: 40px 20px;
    }

    .bottom-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        padding: 40px;
    }

    .contact-info p {
        align-items: center;
    }

    .zorg p,
    .zorg a {
        font: bold 15px/21px 'Open Sans', sans-serif;

    }


    .item-rij-1, .item-rij-2, .item-rij-1-kolom-3, .item-rij-2-kolom-3 {
        grid-column: span 1;
        margin: 4px 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .item-rij-1-kolom-3 {
        align-items: center;
        justify-content: center;
    }

    .bottom-section {
        flex-direction: column;
        gap: 40px;
        margin: 40px;
    }

    .bottom-news-wrap .news-pager {
        position: static;
        align-self: flex-end;
        margin-bottom: 24px;
    }

    .bottom-news-wrap {
        padding-top: 0;
    }

    .bottom-main, .bottom-columns {
        width: 100%;
    }

    .bottom-news-wrap {
        width: 70% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bottom-section:not(.news-slider-enabled) .bottom-columns {
        flex-wrap: wrap;
        justify-content: center;
    }

    .bottom-section:not(.news-slider-enabled) .bottom-columns .column-card:nth-child(n+2) {
        display: none;
    }

    .bottom-columns .column-card {
        flex: 0 1 auto;
        max-width: 100%;
        align-self: flex-start;
        height: auto;
    }

    .bottom-columns {
        align-items: flex-start;
    }

    .bottom-section:not(.news-slider-enabled) .bottom-columns .column-card {
        flex: 1 1 320px;
        min-width: min(320px, 100%);
        align-self: stretch;
    }

    .bottom-image {
        min-height: 520px;
        padding-bottom: 200px;
        margin: 30px 0;
    }

    .bottom-overlay {
        top: 26vh;
        padding: 22px 26px;
    }

    .images-centra {
        gap: 50px;
        flex-wrap: wrap;
    }

    .image-wrapper img {
        width: 250px;
    }

    .item-rij-1:has(.paragraph-grid) h1 {
        display: none;
    }



    .paragraph-grid p {
        display: none;
    }

    .item-rij-1 {
        align-items: center;
    }

    .mobile-hide {
        display: none;
    }

    .bottom-grid > .item-rij-1:first-child button {
        display: block;
        margin: 0 auto;
    }

    .bottom-grid > .item-rij-1:first-child input {
        width: 70%;
    }

    .grid-icons {
        justify-content: center;
    }

    .image-wrapper img {
        width: 300px;

    }

    .images-centra > .image-wrapper:nth-of-type(1),
    .images-centra > .image-wrapper:nth-of-type(3) {
        display: none;
    }

    .bg-img {
        top: -12vw;
    }

    .contact-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* PAGE 2 */

    .section-3 {
        display: flex;
        flex-direction: column;
        padding: 40px;

    }

    .section-3 img{
        width: 100%;
        border-radius: 20px;
    }




    .section-2  {
        margin-top: 300px;
    }

    .section-2 {
        display: flex;
        flex-direction: column;
        width: 90%;
    }

    .images-big {
        width: 100%;
    }



    .images-big img {
        height: 100%;
        object-fit: cover;
    }



    /* PAGE 3 */

    .section-5 {
        grid-template-columns: 1fr;
        margin: 100px 30px 160px;
        gap: 40px;
    }

    .section-5 .col-2 {
        padding-top: 0;
        padding-left: 0;
    }

    .section-5 > .col-1 {
        max-width: none;
    }

    .section-6-right {
        padding-left: 0;
    }

    .single-product .section-5,
    body.page-template-single-product .section-5,
    body.page-template-page-templates-single-product-php .section-5 {
        width: 90%;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: none;
        clip-path: none;
    }

    .single-product .section-5 .product-pager-pg3,
    body.page-template-single-product .section-5 .product-pager-pg3,
    body.page-template-page-templates-single-product-php .section-5 .product-pager-pg3 {
        max-width: 100%;
    }

    .button-container {
        flex-wrap: wrap;
        gap: 12px;
    }

    .small-img {
        position: static;
        width: 60%;
        height: auto;
        margin-top: 16px;
        align-self: flex-start;
    }

    .section-6 {
        display: flex;
        flex-direction: column;
        height: auto;
        width: 90%;
        margin: 60px auto 140px;
        gap: 20px;
    }

    .section-columns .container {
        display: flex;
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .section-columns .col {
        flex: 1 1 0;
        width: 100%;
        max-width: 700px;
        min-width: 0;
    }

    .section-24 .title-text,
    .section-24.alt .title-text {
        flex-direction: column;
        align-items: center;
        gap: 24px;
        text-align: center;
    }

    .section-24 .title-text > div,
    .section-24.alt .title-text > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section-24 .title-text p,
    .section-24.alt .title-text p {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .section-6 img,
    .section-6 p,
    .section-6 h3,
    .section-6 ul {
        width: 100%;
    }

    .section-6 img {
        margin-bottom: 20px;
    }




    .product-container-p3 {
        flex-wrap: wrap;
        gap: 16px;
    }

    .product-gallery {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .img-right {
        height: auto;
    }

    .img-right img {
        height: auto;
    }

    .referentie-gallerij {
        width: 100%;
        left: 0;
        transform: none;
        align-items: center;
        gap: 20px;
    }

    .referentie-gallerij > div {
        width: 100%;
        max-width: 360px;
        height: 260px;
    }

    .section-7 {
        clip-path: inset(-6vmax -100vmax -12vmax -100vmax);
    }

    /* Page 5 */
    .section-14 > div {
        top: 24vw;
        left: 30px;
        max-width: 240px;
    }

    .section-14 img {
        top: 8vw;

    }

    .section-15 {
        grid-template-columns: 1fr;
        width: min(calc(100% - 32px), 760px);
        margin: 500px auto 50px;
        justify-items: center;
    }

    .section-15 > div {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .project-overzicht {
        margin: 0;
        justify-items: center;
        text-align: center;
    }
    .project-overzicht h3 {
        margin: 0;
        justify-items: center;
    }

    .project-overzicht h1 {
        margin-left: auto;
        margin-right: auto;
    }

    .pager-pg4 span

    {
        font:  300 17px/52px Open Sans;
    }

    .pager-pg4 {
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    .pager-count-pg4 {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
    }

    .pager-btn-pg4 {

        font-size: 40px;
    }

    /* Page 6 */

    .section-16 {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .section-16 p {
        font: normal 18px/28px Open Sans;
        max-width: 600px;
    }

    .section-16 div:last-child {

        margin-top: 30px;
    }

    .section-17 {
        margin-bottom: 0;
    }

    .section-17 h1 {
        margin: 56px 32px;
        font: bold 36px/46px Oswald;
    }

    .section-17 .marquee {
        gap: 24px;
        margin-bottom: 48px;
    }

    .section-17 .marquee-content {
        min-width: max-content;
        gap: 24px;
    }

    .section-17 .marquee img {
        width: 280px;
        height: 240px;
    }

    .section-17 .marquee .wide {
        width: 500px;
    }

    .gallery-grid img {
        height: 220px;
        width: 320px;
    }

    .gallery-grid .wide {
        width: 640px;
    }

    .question-form {
        width: min(100%, 620px);
        max-width: 620px;
        padding: 36px 32px;
        margin: 30px auto 0;
    }

    .question-form .form-main {
        display: flex;
        flex-direction: row;
        gap: 16px;
    }

    .question-form .form-container.vraag textarea,
    .question-form textarea {
        width: 100%;
    }

    .section-14.pg6 img {
        top: 5vw;
    }

    .section-14.pg6 > div:nth-of-type(2) {
        top: -1vw;
    }

    .section-14.pg6 > div:last-of-type {
        top: 24vw; /* slider controls (pijlen + jaartal) */
    }

    /* Page 7 */

    .section-13.alt {
        margin-left: 40px;
    }



    .section-20 {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    /* Page 8 */

    .img-container img {
        width: 700px;
        height: 300px;
    }

    body.single .section-23 .s23-card h1 {
        height: 126px;
        min-height: 126px;
    }

    body.single .section-23 .s23-card p {
        height: 150px;
        min-height: 150px;
        overflow: hidden;
    }

    /* Page 11 */

    .section-24 img {
        height: 300px;
    }

    .section-25 {
        padding: 30px ;
    }

    .section-26 {
        padding: 100px 30px;
    }

    /* Wordpress */

    .product-section {
        overflow: hidden; /* Zorgt dat item 2 t/m 7 onzichtbaar rechts staan */
        width: 100%;
        margin-left: 0;
        padding: 0 20px; /* Geeft wat witruimte aan de zijkanten */
        box-sizing: border-box;
    }

    .product-types {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0; /* Geen gap nodig, want 1 item vult alles */
        width: 100%;
    }

    .product-category-item {
        flex: 0 0 100% !important; /* Dwingt 1 item om 100% van de breedte te pakken */
        width: 100% !important;
        max-width: none !important; /* Verwijder de 300px/380px limiet */
        display: flex !important;
        flex-direction: column;
        align-items: center;
        text-align: center;
        box-sizing: border-box;
    }

    .product-category-item img {
        width: 100%;
        max-width: 500px; /* Voorkom dat de foto belachelijk groot wordt op tablet */
        height: auto;
    }


}

@media (max-width: 900px) {

    /* Page 4 */

    .section-11 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        margin: 0 auto;

        margin-left: 8px;
        margin-top: 10px;

        align-items: center;
        justify-content: center;
        justify-items: center;
    }
}

@media (max-width: 800px) {

    .section-15 {
        width: min(calc(100% - 24px), 640px);
        margin: 460px auto 40px;
    }

    .bottom-section {
        width: auto;
        margin: 20px 10px;
        padding: 0;
    }

    .bottom-news-wrap {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .bottom-columns {
        width: 100% !important;
    }



    .bottom-columns .column-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        align-self: stretch !important;
        height: auto !important;
    }

    .centra-nav {
        top: -70%;
        color: #F15A3C;
    }

    .zorg-list  {
        text-shadow: 0px 3px 6px #00000074;
    }



    body {
        background-size: 100% 100vh;
        background-position: top center;
    }



    .header-main img {
        width: 80px;
    }



    .nav-right .offerte-btn{
        font: bold 7px/11px 'Open Sans', sans-serif;
        padding: 2px;

    }

    .nav-right .contact-btn {
        font: bold 7px/11px 'Open Sans', sans-serif;
        padding: 2px;
    }

    .nav-toggle-bar {
        width: 16px;
    }

    .product-head h1 {

        text-align: center;
    }

    .product-section {
        margin-left: 0;
    }

    .header-main {
        position: fixed;
        width: 100%;
        z-index: 300;
        background-color: transparent;
        margin: 0;
        padding: 15px 0;
        height: auto;
        top: 0;
        left: 0;
        right: 0;

    }

    .zorg {
        display: flex;
        position: absolute;
        top: 20vw;
        left: 0;
        width: 100%;
        height: 60vw;
        flex-direction: row;
        justify-content: center;
        padding: 0 10px;
        z-index: 100;
        box-sizing: border-box;
        flex-wrap: wrap;
        gap: 6px 12px;
    }

    .zorg-list {
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px 12px;
    }

    .product-subhead {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding-right: 0;
        gap: 12px;
        text-align: center;
        margin-bottom: 20px;
    }
    .btn-black {
        order: -1;
        margin-left: 0;
    }


    .product-subhead .product-pager {
        width: 100%;
        justify-content: center;
    }

    .product-types div {
        max-width: 380px;
    }

    .product-subhead-cta {
        margin-left: 0;
    }

    .product-types {
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
    }




    .middle-hover {
        margin-top: 500px;
        background: linear-gradient(
                to top,
                #111827 5rem,
                transparent 5rem
        );

        padding: 40px 20px;
        row-gap: 8px;
        column-gap: 12px;
        position: relative;


        z-index: 10;
    }
    .middle-hover,
    .middle-section {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
    }
    .middle-hover {
        padding-left: 30px;
    }


    .bottom-grid > .item-rij-1:first-child button {
        display: block;
        margin: 0 auto;
    }

    .nav-item {
        font-size: 9px;
    }

    .nav-right {
        margin: 0;
        gap: 6px 10px;
        justify-content: center;
        flex-wrap: nowrap;
    }




    .lang-select {
        font-size: 8px;
        padding: 4px 6px;
        border-radius: 8px;
    }



    .search-btn::before {
        width: 10px;
        height: 10px;
        top: 50%;
        left: 50%;
        border-width: 2px;
    }

    .search-btn::after {
        width: 8px;
        height: 2px;
        top: 55%;
        left: 50%;
        transform: translate(6%, 92%) rotate(45deg);
    }

    .zorg-list {
        margin-top: 70px;
    }

    .zorg-nav {
        top: 36vh;
    }

    .zorg-prev {
        top: 36vh;
    }

    .zorg p {
        font: bold 8px/16px 'Open Sans', sans-serif;
        color: white;
        flex: 0 1 auto;
        margin: 0;
    }



    .hover-main, .hover-text {
        flex: 1 1 100%;
        text-align: left;
        color: black;
    }

    .middle-hover img {
        width: 100%;
        max-width: 100%;
        margin: 20px auto 0;
        order: 2;
    }

    .middle-section {
        height: auto;
        margin-top: 0;
        padding: 60px 20px;
        background: linear-gradient(
                to bottom,
                #111827 40rem,
                transparent 40rem
        );
    }

    .middle-text {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
        overflow-wrap: break-word;
        word-wrap: break-word;
        margin: 0 auto;
    }

    .middle-text h1 {
        width: 100%;
        display: block;
    }

    .images-centra {
        flex-direction: row;
        gap: 50px;
        align-items: center;
        flex-wrap: wrap;
    }



    .image-wrapper img {
        width: 180px;
    }




    .logo-container {
        padding: 40px 20px;
        margin: 30px auto;
    }

    .logo-container img {
        width: 70px;
    }

    .bottom-section {
        flex-direction: column;
        margin: 20px;
        gap: 40px;
        overflow: visible;
        width: auto;
    }

    .bottom-news-wrap .news-pager {
        position: static;
        align-self: flex-end;
        margin-bottom: 24px;
    }

    .bottom-news-wrap {
        padding-top: 0;
    }

    .bottom-image {
        min-height: 380px;
        padding-bottom: 160px;
        margin: 24px 0;
    }


    .bottom-overlay {
        top: 20vh;
        padding: 18px 20px;
    }

    .bottom-overlay-grid {
        display: flex;
    }

    .bottom-main {
        flex: 1 1 auto;
        width: 100%;
        margin-left: 0;
        text-align: center;
        align-items: center;
    }

    .bottom-news-wrap {
        width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .bottom-columns {
        flex-direction: column;
        margin-left: 0;
        gap: 20px;
        width: 100%;
    }

    .bottom-columns .column-card {
        flex: 1 1 auto;
        max-width: 100%;
        height: auto;
    }

    .bottom-columns .card-content {
        padding: 20px;
    }

    .bottom-columns .bottom-card-media {
        padding: 0;
    }

    .bottom-columns .bottom-card-media img {
        width: 100%;
        margin: 0;
    }

    .column-card h1 {
        font-size: 23px;
    }

    .column-card  {
        font-size: 12px;
    }

    .bottom-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        border-radius: 0;
        width: 100%;
        padding: 30px 15px;
    }

    .item-rij-1, .item-rij-2, .item-rij-1-kolom-3, .item-rij-2-kolom-3 {
        grid-column: span 1;
        margin: 10px 0;
        text-align: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .item-rij-1.buttons {
        align-items: center;
        justify-content: center;
    }

    .grid-icons {
        justify-content: center;
    }

    .bottom-grid .contact-btn {
    }

    .bottom-grid > .item-rij-1:first-child button {

    }

    .product-subhead {
        justify-content: center;
    }

    .item-rij-1:has(.paragraph-grid) h1 {
        display: none;
    }

    .paragraph-grid p {
        display: none;
    }

    .mobile-hide {
        display: none;
    }



    .images-centra {
        --centra-half: 135px;
        gap: 0;
        align-items: center;
        flex-direction: column;
        position: relative;
    }

    .images-centra > .image-wrapper:nth-of-type(2) {
        display: block;
        margin: 0 auto;
        transform: scale(1.5);
    }

    .btn-centra {
        top: 70%;
        width: 23px;
        height: 23px;
    }

    .centra-caption {
        max-width: 60%;
        bottom: 12px;
    }

    .middle-section.centra-caption .centra-tag {
        font-size: 8px;
        padding: 2px 4px;
    }

    .centra-caption h3 {
        font-size: 8px;

    }

    /* PAGE 2 */
    .products-wrapper {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin: 20px 5%;
    }

    .overzicht {
        grid-column: 1 / -1;
        grid-row: auto;
        align-items: center;
        text-align: center;
        order: 10;
        padding: 10px 20px;
    }

    .overzicht button {
        margin-top: 7px;
        padding: 8px 16px;
        font-size: 11px;
    }

    .section-2 {
        margin-top: 300px;
    }










    .section-4-overlay {
        margin: 0 auto;
        left: 0;
        right: 0;
        transform: none;
        max-width: 90%;
    }

    .section-4 h1 {
        font: bold 34px/44px 'Oswald', sans-serif;
    }

    .section-4 p {
        font: 14px/24px'Open Sans', sans-serif;
    }

    .images-centra .centra-caption .centra-tag {
        font-size: 8px;
    }

    .images-centra .centra-caption h3 {
        font-size: 12px;
    }

    .images-centra .centra-caption  {
        left: 10px;
        bottom: 10px;
        max-width: 100px;
    }

    .images-centra .image-wrapper:nth-of-type(2) .centra-caption  {
        max-width: 100px;
    }


    /* PAGE 3 */

    .section-5 {
        margin: 80px 20px 120px;
    }

    .small-img {
        width: 70%;
    }



    .section-6,
    .section-columns {
        width: 92%;
        margin: 50px auto 120px;
    }

    .section-7 {
        clip-path: inset(-6vmax -100vmax -17vmax -100vmax);
    }





    .section-8 .product-container-p3 {
        width: 92%;
    }

    .product-gallery img {
        border-radius: 18px;
    }

    .img-right h2,
    .img-right p {
        padding-left: 18px;
        padding-right: 18px;
    }

    .referentie-gallerij {
        align-items: center;
    }

    .referentie-gallerij > div {
        width: 100%;
        max-width: 360px;
        height: 240px;
    }
    .img-left {
        height: 80%;
    }




    .left-text h2 {

        font: bold 21px/31px Oswald;
    }

    .left-text p {

        font: 12px/22px 'Open Sans', sans-serif;
    }

    /* Page 4 */

    .section-10 #filter-form {
        flex-wrap: wrap;
    }





    body.page4 {
        background: linear-gradient(
                to bottom,
                transparent 55rem,
                #F3F6FA 55rem
        );

    }

    .dark-img-content:first-child,
    .dark-img-content:last-child {
        margin: 0;
    }

    /* small‑screen overlay should stack vertically */
    .dark-img .dark-img-content {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 10px 20px;
        gap: 10px;
    }

    .dark-img-content h1 {
        font: bold 22px/32px Oswald;
    }

    /* Page 5 */

    .section-14 img {
        top: 8vw;

    }

    .section-14 > div {
        top: 26vw;
        left: 20px;
        max-width: 90%;
    }


    /* Page 6 */

    .section-14.pg6 h3 {
        font:  bold 22px/20px Oswald;

    }

    .centra-tag-alt.pg6{

        font: bold 12px/12px Open Sans;
        padding: 8px 14px;

    }
    .section-14.pg6 > div:last-of-type {

        top: 32vw;

    }

    .section-18 .product-pager-2 {
        min-width: 300px;
    }

    .single-project .section-18 .product-pager-2 {
        min-width: 0 !important;
        max-width: 100%;
    }

    .single-project .section-18 .product-container-main {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }

    .single-project .section-18 .product-container-p3 {
        margin: 0 12px !important;
    }

    .news-main {
        grid-template-columns: 1fr;
    }

    .section-13.alt {
        margin-left: 40px;
    }



    /* Page 8 */

    .img-container img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .s21-slider {
        left: 50%;
        width: auto;
        transform: translateX(-50%);
    }

    .text-media {
        width: 90%;
    }

    .s23-card {
        transform: scale(0.8);
        transform-origin: top center;
    }

    .pg8 {
        background: linear-gradient(
                to bottom,
                transparent 224rem,
                #F3F6FA 224rem
        );

    }

    .section-3.alt {
        padding: 100px 30px;
    }

    .section-18.pg11 .btn-product  {
        order: -1;
    }


    .bg-img {
        top: -5.5vw;
    }

    .bg-wrap::after {
        top: -5.5vw;
    }




}

@media (max-width: 768px) {
    .section-26 h1 { font: italic normal 300 38px/52px Open Sans; }

    .section-17 h1 {
        margin: 44px 20px;
        font: bold 30px/38px Oswald;
    }

    .section-17 .marquee {
        gap: 16px;
        margin-bottom: 32px;
    }

    .section-17 .marquee-content {
        gap: 16px;
    }

    .section-17 .marquee img {
        width: 70vw;
        max-width: 360px;
        height: 200px;
        border-radius: 20px;
    }

    .section-17 .marquee .wide {
        width: 86vw;
        max-width: 460px;
    }

    .section-17 .scroll {
        animation-duration: 45s;
    }

    .question-form {
        width: 100%;
        max-width: 100%;
        padding: 26px 18px;
        margin: 20px 0 0;
    }

    .question-form .form-main {
        flex-direction: column;
        gap: 10px;
    }

    .question-form .form-container,
    .question-form .wpcf7-form-control-wrap {
        width: 100%;
    }

    .question-form input,
    .question-form textarea {
        width: 100%;
    }

    .question-form .wpcf7-submit.contact-btn {
        min-width: 220px;
        margin-left: auto;
    }

    /* Page 10 */


    .contact-page {
        padding: 30px 16px;
        gap: 30px;
    }

    .contact-heading {
        font-size: 32px;
        line-height: 40px;
    }

    /* Contact cards stay in row */
    .contact-cards {
        flex-wrap: wrap;
        gap: 16px;
    }

    /* Showrooms stack */
    .showrooms-row {
        flex-direction: column;
        gap: 30px;
    }

    /* Showroom phone/email stack */
    .showroom-contact {
        flex-direction: column;
        gap: 4px;
    }

    /* Hours grid to 2 columns on mobile */
    .hours-grid {
        grid-template-columns: auto 1fr;
    }

    /* Form card padding */
    .contact-form-card {
        padding: 24px;
    }

    /* Form rows stack */
    .form-row--2col {
        flex-direction: column;
    }

    /* Address row stack */
    .form-row--address {
        flex-direction: column;
    }

    .form-row--address .addr-half {
        width: 100%;
    }

    /* Tabs wrap */
    .form-tabs {
        flex-wrap: wrap;
    }

    /* Buttons stack */
    .form-actions {
        flex-direction: column;
    }

    .btn-file,
    .btn-submit {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .question-form {
        padding: 22px 14px;
    }

    .question-form .wpcf7-submit.contact-btn {
        width: 100%;
        min-width: 0;
        margin-left: 0;
    }

    .login-card {
        padding: 30px 25px;
        margin: 0 10px;
    }

    .login-logo {
        width: 160px;
    }

    .login-options {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* Phone */
@media (max-width: 480px) {

    .section-17 h1 {
        margin: 36px 14px;
        font: bold 24px/32px Oswald;
        text-align: left;
    }

    .section-17 .marquee {
        gap: 12px;
        margin-bottom: 22px;
    }

    .section-17 .marquee-content {
        gap: 12px;
    }

    .section-17 .marquee img {
        width: 78vw;
        height: 168px;
        border-radius: 16px;
    }

    .section-17 .marquee .wide {
        width: 88vw;
    }

    .question-form {
        padding: 18px 12px;
    }

    /* Page 10 */


    .contact-page {
        padding: 20px 12px;
        gap: 24px;
    }

    .contact-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .showrooms-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .contact-form-card {
        padding: 20px;
    }

    .form-row--address .addr-half {
        flex-direction: column;
    }

    .form-row--address .addr-half > .addr-col-nr,
    .form-row--address .addr-half > .addr-col-postcode {
        flex: 1;
    }

    .map-bar {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
}






@media (min-width: 2100px) {
    .section-16 {
        margin-top: 1400px;
    }
}










/* Reduce excess whitespace above footer */
.bottom-image {
    min-height: auto !important;
    padding-bottom: 0 !important;
}

/* === Widescreen Overrides (single-product) === */
@media (min-width: 1600px) {
    .single-product .section-5 {
        width: 90%;
        max-width: 90%;
        margin: 160px auto 200px;
    }

    .single-product .section-6,
    .single-product .section-columns,
    .single-product .section-7,
    .single-product .section-8 .product-container-p3 {
        width: 90%;
        max-width: 1700px;
        margin-left: auto;
        margin-right: auto;
    }

    .single-product .section-7 .product-gallery {
        max-width: 1260px;
        margin-left: auto;
        margin-right: auto;
        column-gap: 24px;
    }
}

@media (min-width: 2200px) {
    .single-product .section-5,
    .single-product .section-6,
    .single-product .section-columns,
    .single-product .section-7,
    .single-product .section-8 .product-container-p3 {
        max-width: 1840px;
    }

    .single-product .section-5 {
        width: 90%;
        max-width: 90%;
    }

    .single-product .section-7 .product-gallery {
        max-width: 1320px;
    }
}

@media (max-width: 1400px) {
    .single-product .section-columns .container {
        flex-direction: column;
        gap: 24px;
    }

    .single-product .section-columns .col:nth-child(2) {
        margin-left: 0;
    }
}

/* Single-product: force smaller top spacing above section-5 */
.single-product .section-5,
body.page-template-single-product .section-5,
body.page-template-page-templates-single-product-php .section-5 {
    margin-top: 40px;
}

@media screen and (max-width: 1580px) {
    .download-container > .download-row,
    .download-container:has(> .download-row:nth-of-type(6)) > .download-row {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        max-width: 100%;
        column-gap: 0;
    }

    .download-container:has(> .download-row:nth-of-type(6)) {
        max-width: calc(250px * 2 + 32px);
        column-gap: 32px;
    }

    .download-container > .download-row > p {
        min-width: auto;
    }

    .download-container > .download-row > a {
        justify-self: auto;
    }
}

@media screen and (max-width: 768px) {
    .download-container .download-grid {
        grid-auto-flow: row;
        grid-template-rows: none;
        grid-template-columns: 1fr;
    }

    .download-container:has(> .download-row:nth-of-type(6)) {
        column-count: 1;
    }
}

@media (max-width: 1400px) {
    .single-product .section-5,
    body.page-template-single-product .section-5,
    body.page-template-page-templates-single-product-php .section-5 {
        margin-top: 40px;
    }
}

@media (max-width: 1200px) {
    .single-product .section-5,
    body.page-template-single-product .section-5,
    body.page-template-page-templates-single-product-php .section-5 {
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .single-product .section-5,
    body.page-template-single-product .section-5,
    body.page-template-page-templates-single-product-php .section-5 {
        margin-top: 40px;
    }
}


/* ==========================================================================
   404 & Search — Responsive
   ========================================================================== */

@media (max-width: 1024px) {
    .search-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .error-404-number {
        font-size: 120px;
    }

    .error-404-page h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .error-404-page {
        min-height: 55vh;
        padding: 60px 20px;
    }

    .search-grid {
        grid-template-columns: 1fr;
    }

    .search-header h1 {
        font-size: 26px;
        line-height: 34px;
    }

    .search-pagination {
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .error-404-number {
        font-size: 90px;
    }

    .error-404-page h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .error-404-page p {
        font-size: 14px;
    }

    .search-header h1 {
        font-size: 22px;
        line-height: 30px;
    }
}


@media (min-width: 1024px) {
    .logo-marquee-active .logo-track {
        animation: logo-marquee 40s linear infinite;
    }

    .logo-container:not(.logo-marquee-active) .logo-track[aria-hidden="true"] {
        display: none;
    }

    .logo-container:not(.logo-marquee-active) {
        justify-content: center;
    }

    .logo-container:not(.logo-marquee-active) .logo-track {
        width: 100%;
        min-width: 0;
        justify-content: center;
    }
}

@media (max-width: 1023px) {
    .logo-track {
        animation: logo-marquee 40s linear infinite;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .item-rij-1-kolom-3 {
        margin: 34px 40px 10px 20px;
    }
}

@media (max-width: 1000px) {
    .middle-hover {
        margin-top: 73vh;
    }
}

@media (max-width: 800px) {
    .middle-hover {
        margin-top: 73vh;
    }
}

@media (max-width: 700px) {
   .middle-hover {
       margin-top: 63vh;
   }

    .section-11 div{
        width: 300px;
    }
}

@media (max-width: 540px) {
    .middle-hover {
        margin-top: 50vh;
    }
}

@media (max-width: 490px) {
    .middle-hover {
        margin-top: 39vh;
    }
}
@media (max-width: 440px) {
    .middle-hover {
        margin-top: 34vh;
    }
}

@media (max-width: 1024px){
    .single-project .header-main{
        top: 0 !important;
        margin-top: 0 !important;
        transform: translateX(-50%);
    }
}

@media (max-width: 1024px) {
    body.single .section-23 {
        overflow-x: hidden;
    }

    body.single .section-23 .s23-content {
        width: 100%;
        max-width: 100%;
        padding: 0 12px;
        box-sizing: border-box;
    }

    body.single .section-23 .s23-content .slick-list {
        margin: 0;
    }

    body.single .section-23 .s23-content .slick-slide {
        margin: 0 8px;
    }
}



@media (max-width: 480px) {
    body.page-template-project-overview #primary,
    body.page-template-page-templates-project-overview-php #primary {
        padding-top: 0 !important;
    }
}

@media (max-width: 1024px) {

    .section-16 {
        margin-top: 0 !important;
        transform: translateY(-40px);
        gap: 5px;
        margin-bottom: 20px;
    }



}

@media (max-width: 1024px) {
    .section-24 {
        margin: 20px auto 16px;
    }

    .section-24.alt {
        margin-bottom: 16px;
    }

    .section-24 .title-text,
    .section-24.alt .title-text {
        margin-top: 24px;
        margin-bottom: 20px;
        gap: 16px;
    }

    .section-columns {
        margin: 24px auto 56px;
    }

    .section-columns .container {
        gap: 18px;
    }
}

@media (max-width: 759px) {

    .section-16 {
        transform: translateY(-40px);
    }

}

@media (max-width: 600px) {

    .section-16 {
        transform: translateY(-40px);
    }


}

@media (max-width: 460px) {

    .section-16 {
        transform: translateY(-70px);
    }
    .section-14 {
        transform: translateY(5px);
    }

}

@media (max-width: 700px) {

    .single-project .section-14.pg6 {
        transform: translateY(10px);
    }

}

@media (max-width: 960px) {
    .section-15 {
        margin-top: 400px;
    }
}

@media (max-width: 750px) {
    .section-15 {
        margin-top: 340px;
    }
}


@media (max-width: 600px) {
    .section-15 {
        margin-top: 250px;
    }
}

@media (max-width: 500px) {



    .section-23.alt .s23-content .card-text {
        margin-top: 8px;
    }

    .section-22 {
        width: calc(100% - 24px);
        margin-left: auto;
        margin-right: auto;
    }

    .s22-card-main {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        padding: 16px;
        border-radius: 22px;
        max-height: none;
        overflow: visible;
    }

    .card-sub {
        margin: 14px 0;
        gap: 10px;
    }

    .card-sub p {
        max-width: none;
        overflow-wrap: anywhere;
    }

    .card-sub-2 {
        gap: 14px;
        align-items: center;
    }

    .card-bottom {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: -16px;
        border-radius: 22px;
    }

    .card-bottom h1,
    .card-bottom p {
        margin-left: 14px;
        margin-right: 14px;
    }
}

@media (max-width: 1000px) {
    .zorg {
        top: 17vw;
    }
}

@media (max-width: 801px) {
    .zorg {
        top: 12.5vw;
    }
}

@media (max-width: 1024px) {
    .news-main {
        margin-top: 20px;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .middle-hover {
        margin-top: 56vw !important;
    }
}

@media (max-width: 1200px) {
    .section-2 {
        margin-top: 3px;
    }

    .zorg-2 {
        padding-bottom: 20px;
    }
}


@media (max-width: 1024px) {


    .section-15 > div {
        width: 100%;
        max-width: 420px;
    }

    .section-3 {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .section-3 {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .section-3 img {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
}

@media (max-width: 1300px) {
 .section-2 {
     margin-top: 40px;
 }
}

.single-product .section-5,
body.page-template-single-product .section-5,
body.page-template-page-templates-single-product-php .section-5 {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 800px) {
    .s23-head {

        gap: 2px;
    }

    .s23-head h1 {
        font: bold 24px/34px Oswald;

    }
}

@media (max-width: 400px) {
    .s23-head {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .s23-head h1,
    .s23-head .s23-slider {
        width: 100%;
    }

    .s23-head .s23-slider {
        justify-content: flex-start;
    }
}

/* Final hard override: keep single-product section-5 truly centered */
.single-product .section-5,
body.page-template-single-product .section-5,
body.page-template-page-templates-single-product-php .section-5 {
    width: min(1542px, 92vw) !important;
    max-width: 1542px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (min-width: 1025px) and (max-width: 1143px) {
    .item-rij-2 p {
        transform: translateX(-40px);
    }
}

/* Final override: keep single-product section-5 close to header */
.single-product .section-5,
body.page-template-single-product .section-5,
body.page-template-page-templates-single-product-php .section-5 {
    margin-top: 10px !important;
}

@media (max-width: 1500px) {
    .col-2 {

        transform: none;
    }
}

/* Keep section-5 gap fixed across breakpoints */
.section-5 {
    gap: 10px !important;
}
/* ===== PRODUCT_GALLERY (responsive.css) ===== */

@media (max-width: 1200px) {
    .product-gallery-section {
        --pg-cell: 130px;
        padding: 54px 0 64px;
    }

    .product-gallery-section h1 {
        margin: 0 32px 34px;
        font: bold 36px/46px Oswald;
    }

    .product-gallery-section .product-gallery-masonry {
        width: calc(100% - 48px);
    }

    .product-gallery-section .product-gallery-card {
        border-radius: 0;
    }
}

@media (max-width: 800px) {
    .product-gallery-section .product-gallery-masonry {
        display: block;
        width: auto;
        margin: 0 auto;
        overflow: hidden;
    }

    .product-gallery-section .product-gallery-card {
        width: min(420px, calc(100vw - 40px));
        height: min(420px, calc(100vw - 40px));
        margin: 0 auto;
    }

    .product-gallery-section .product-gallery-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .product-gallery-section .product-gallery-card:hover .product-gallery-caption {
        opacity: 0;
        transform: translateY(10px);
    }

    .product-gallery-section .product-gallery-card.is-caption-visible .product-gallery-caption {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 768px) {
    .product-gallery-section {
        --pg-cell: 110px;
        padding: 44px 0 52px;
    }

    .product-gallery-section h1 {
        margin: 0 20px 28px;
        font: bold 30px/38px Oswald;
    }

    .product-gallery-section .product-gallery-masonry {
        width: calc(100% - 30px);
    }

    .product-gallery-section .product-gallery-card {
        border-radius: 0;
    }

    .product-gallery-section .product-gallery-caption {
        padding: 12px 14px;
        font: 600 13px/18px 'Open Sans', sans-serif;
    }
}

@media (max-width: 480px) {
    .product-gallery-section {
        --pg-cell: 90px;
        padding: 36px 0 44px;
    }

    .product-gallery-section h1 {
        margin: 0 14px 22px;
        font: bold 24px/32px Oswald;
        text-align: left;
    }

    .product-gallery-section .product-gallery-masonry {
        width: calc(100% - 20px);
    }

    .product-gallery-section .product-gallery-card {
        border-radius: 0;
    }
}