/* 
###
BACKSTAGE 5.1 CSS > RESPONSIVE GENERAL
###
*/

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

    /* body */
    body {
        padding-top: 70px; /* #header-height */
        font-size: 15px;
    }
    body:after {
        height: 70px;
    }

    /* OVERALL TYPE & BUTTONS */
    h1 { margin-top: 0; margin-bottom: 20px; font-size: 24px; }
    h2 { font-size: 18px; }
    h3 { font-size: 16px; }
    
    .btn { padding: 14px 30px 16px 30px; max-width: 100%; font-size: 15px; text-align: left; white-space: wrap; overflow: initial; text-overflow: initial; }
    h2 .btn { margin-bottom: 0; }
    
    /* HEADER */
    #header,
    body.scroll #header {
        height: 70px;
    }
    
    #header-top { display: none; }
    
    #header #logo {
        top: auto;
        width: 240px;
        height: auto;
    }
    
    .nav-button { display: flex!important; align-items: center; justify-content: center; background-color: #32aaa1; }
    .nav-button a { display: flex!important; align-items: center; justify-content: center; }
    
    .nav-button#search-button { position: absolute; top: 17px; right: 110px; margin: 0; width: 36px; height: 36px; background-color: #e0f2f1; }
    .nav-button#search-button svg { width: 18px; height: 18px; }

    .nav-button#cart-button { position: absolute; top: 17px; right: 65px; margin: 0; width: 36px; height: 36px; background-color: #e0f2f1; }
    .nav-button#cart-button .cart-num { top: -5px; right: -5px; bottom: auto; }
    .nav-button#cart-button svg { width: 18px; height: 18px; }
    
    .nav-button#menu-button { position: absolute; top: 17px; width: 36px; height: 36px; border-radius: 50%; }
    .nav-button#menu-button svg { width: 16px; height: 16px; }
    
    .nav-button svg { fill: #fff; }
    
    #langmenu {
        left: 20px;
        top: auto;
        bottom: -20px;
    }
    #langmenu a {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }
    ul#menu {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: var(--background);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        overflow-y: scroll;
        padding: 30px 30px;
        box-sizing: border-box;
        transform: translateX(-100%);
        transition: transform 600ms cubic-bezier(0.76, 0, 0.24, 1);
        z-index: 3;
        line-height: 1.8;
    }
    ul#menu.active {
        transform: translateX(0%);
    }
    ul#menu li.hassub ul.sub,
    ul#menu li.hassub:hover ul.sub {
        position: relative;
        transform: none;
        bottom: auto;
        left: auto;
        background: transparent;
        visibility: visible;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    ul#menu li {
        margin-left: 0;
    }
    ul#menu li a {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    #menu {
        position: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        top: 0;
        right: 0;
        padding: 0 30px;
        width: 90%;
        height: 100%;
        transform: translateX(100%);
        transition: all ease 0.25s;
        box-sizing: border-box;
        z-index: 3;
        background-color: #fff;
    }
    #menu.active {
        transform: translateX(0);
    }
    #menu ul#primary { flex-direction: column; order: 1; width: 100%; }
    #menu ul#primary li { margin: 0; }
    #menu ul#primary li a { font-size: 18px; }
    
    #menu ul#primary li.hassub:after { content: none; }
    #menu ul#primary li.hassub ul.sub { display: none; }

    #menu ul#secondary { position: relative; flex-direction: column; align-items: flex-start; order: 2; width: 100%; height: auto; }
    #menu ul#secondary li a { margin: 0; }

    
    /* PAGE-HEADER */
    
    #page-header {
        height: 100px;
    }
    #page-header .page-header-content {
        font-size: 2em;
    }

    
    /* CONTENT */
    
    .row {
        padding: 45px 0;
    }
    .row.first {
        background-color: #f5fbfa;
    }
    .content {
        display: flex;
        flex-direction: column;
    }
    .row > .content { flex-direction: column; width: 85%; }
    .row.first > .content { flex-direction: column; margin-top: 0; padding: 0; background-color: transparent; }
    #page-header + .row { padding: 45px 0 45px 0; }
    #page-header + .row.first > .content { margin-top: 0; }
    
    .content .page_content,
    .content .page_content.hasmedia {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        order: 0;
        min-height: 0;
    }
    
    body:not(.homepage):not(.webshop):not(.news):not(.pid415)/* Doneer */ .row.first .content .page_content,
    body.news .row.first .content .page_content.news_item { padding: 0; border-radius: 0; background-color: transparent; }
    
    body:not(.pid54):not(.pid469) .content .page_content blockquote { margin: 0; margin-top: 30px; padding: 25px 25px; font-size: 14px; line-height: 1.6; background-color: rgb(50 170 161 / 5%); }
    body:not(.pid54):not(.pid469) .content .page_content blockquote h2 { margin-bottom: 10px; padding-right: 5%; font-size: 17px; line-height: 1.2; }
    
    .content .page_content p img,
    .content .page_content h2/* don't ask */ img {
        margin: 20px 0;
    }
    
    .breadcrumbs { position: relative; top: -15px; margin-bottom: 15px; width: 100%; }
    .breadcrumbs ul { display: flex; flex-wrap: wrap; line-height: 1.4; }
    .breadcrumbs ul li a { white-space: normal; }
    
    #page-header + .row .breadcrumbs { position: relative; top: -20px; margin-bottom: 0; }
    #page-header + .row .breadcrumbs ul li:after { color: #1a6060; }
    #page-header + .row .breadcrumbs ul li a { color: #1a6060; }
    #page-header + .row .breadcrumbs ul li:last-of-type a { color: #1a6060; }
    
    .content .right {
        position: relative;
        top: 0;
        margin-top: 45px;
        margin-left: 0;
        width: 100%;
    }
    
    .content .media {
        width: 100%;
        margin-top: 50px;
        order: 1;
    }
    .content .media a {
        margin-bottom: 20px;
    }
    .content .media a .icon, 
    .fotoalbum a .icon, 
    .news-overview .item a .image .icon, 
    .productmedia a .icon, 
    .product a .icon {
        display: flex;
        width: 30px;
        height: 30px;
    }
    .content .media a .icon svg, 
    .fotoalbum a .icon svg, 
    .news-overview .item a .image .icon svg, 
    .productmedia a .icon svg, 
    .product a .icon svg {
        width: 12px;
        height: 12px;
    }
    
    
    /* SUBMENU */
    
    /* submenu on page */
    #submenu { position: relative; top: auto; margin: 0; margin-bottom: 30px; padding: 0!important; width: 100%; max-height: none; color: #fff; border-radius: 5px; overflow-y: auto; background-color: #32aaa1; }
    #submenu #submenu-trigger { display: block; position: relative; padding: 18px 20px; width: 100%; font-size: 18px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; }
    #submenu #submenu-trigger.active { }
    #submenu #submenu-trigger svg { width: 14px; height: 14px; fill: #fff; position: absolute; right: 20px; top: 50%; margin-top: -7px; transition: transform 300ms; }
    #submenu #submenu-trigger.active svg { transform: rotate(-180deg); }

    #submenu > ul { flex-direction: column; display: none; margin-top: 0; padding: 20px; padding-top: 15px; border-top: 1px solid rgba(0,0,0,0.1); }
    #submenu > ul.active { display: block; }
    #submenu > ul > li > a { color: #fff!important; }
    #submenu > ul > li.parent > a { width: 100%; font-size: 18px; color: #fff!important; }
    #submenu > ul > li.active > a { color: #fff!important; }
    
    body.klachten #submenu > ul > li.parent > svg,
    body.klachten #submenu > ul > li.parent:hover > svg { fill: #fff; }
    body.klachten #submenu > ul > li > a { font-size: 15px; }
    body.klachten #submenu > ul > li ul li a { padding: 5px 0; color: #fff; }
    body.klachten #submenu > ul > li ul li:hover a,
    body.klachten #submenu > ul > li.active > ul li.subactive > a { color: #fff; opacity: 0.5; }
    
    body.klachten #submenu > ul > li.active > a { padding: 15px 0 15px 0; font-size: 18px; }
    
    body.klachten.subpage #submenu > ul > li.active > a:before { display: inline-block; }
    
    .content #submenu + .shop_products { width: 100%!important; }
    /*.shop_products .shop_products_container { display: none!important; }*/
    
    #page-header + .row #submenu { max-height: none; overflow-y: auto; }
    
    
    /* HOMEPAGE */
        
    #wrapper .homepage { padding: 0; height: auto; }
    #wrapper .homepage .columns { display: flex; flex-direction: column; width: 100%; height: auto; }
    
    #wrapper .homepage .columns .column.left { order: 2; margin: 0 auto; padding: 45px 0; width: 85%; }
    #wrapper .homepage .columns .column.left .center h1 { margin: 0; padding: 0; }
    #wrapper .homepage .columns .column.left .center h1 span { font-size: 16px; }
    #wrapper .homepage .columns .column.left .center h1 + a.btn { margin-top: 30px; }
    #wrapper .homepage .columns .column.left .center .typewriter-text { margin-top: 15px; height: 45px; font-size: 18px; line-height: 1.2; }
    #wrapper .homepage .columns .column.left .center ol li { /*flex-direction: column;*/ align-items: flex-start; padding: 12px 0 18px 0; font-size: 15px; }
    #wrapper .homepage .columns .column.left .center ol li:before { top: 2px; width: 55px; font-size: 24px; }
    #wrapper .homepage .columns .column.left .center ol li span { padding: 0; width: 100%; }
    #wrapper .homepage .columns .column.left .center ol li strong { padding: 0; }
    
    #wrapper .homepage .columns .column.right { order: 1; width: 100%; height: auto; }
    
    body.homepage .content .page_content h2 { font-size: 21px; }

    /* Homepagina - .first */

    body.homepage .row.first .page_content { flex-direction: column; padding: 45px 0; }
    body.homepage .row.first .left,
    body.homepage .row.first .right { width: 100%; }
    
    /* Homepagina - Veelvoorkomend */

    body.homepage .row.common .common h2 { margin-top: 0; margin-bottom: 30px; }
    body.homepage .row.common .common .klachten { display: flex; flex-direction: column; gap: 15px; }
    body.homepage .row.common .common .klachten .klacht { font-size: 18px; }
    body.homepage .row.common .common .klachten .klacht a { }
    body.homepage .row.common .common .klachten .klacht .image { width: 50px; }

    body.homepage .row.common .common .klachten + a { margin-top: 30px; margin-bottom: 0; }
    
    /* Homepagina - USP's */

    body.homepage .row.usps .usps h2 { margin-top: 0; margin-bottom: 30px; text-align: left; }
    body.homepage .row.usps .usps ul { display: flex; flex-direction: column; gap: 15px; }
    body.homepage .row.usps .usps ul li { flex-direction: column; gap: 10px; padding: 30px 30px; }
    body.homepage .row.usps .usps ul li span { font-size: 16px; }
    body.homepage .row.usps .usps ul li span:last-of-type { padding-left: 0; text-align: center; }
    
    /* Homepagina - Fysiotherapeuten */

    body.homepage .row.fysiotherapeuten { padding: 45px 0 45px 0; }
    body.homepage .row.fysiotherapeuten h2 { margin-bottom: 30px; }
    body.homepage .row.fysiotherapeuten ul { display: flex; flex-direction: column; row-gap: 15px; width: 100%; }
    body.homepage .row.fysiotherapeuten ul li { padding: 30px; font-size: 15px; line-height: 1.4; }
    body.homepage .row.fysiotherapeuten ul li strong { font-size: 18px; }
    body.homepage .row.fysiotherapeuten ul li br { display: none; }
    body.homepage .row.fysiotherapeuten ul li a { position: relative; display: block; bottom: 0; margin-top: 8px; }
    
    /* Homepagina - Product vd Maand */

    body.homepage .row.pvdm .product { flex-direction: column; gap: 0; }
    body.homepage .row.pvdm .product-image { width: 100%; }
    body.homepage .row.pvdm .product-image a { border: none; }
    body.homepage .row.pvdm .product-content { padding: 30px; padding-bottom: 40px; width: 100%; border-top: 1px solid rgb(0 0 0 / 10%); box-sizing: border-box; }
    body.homepage .row.pvdm .product-content .title { top: -30px; left: auto; right: 30px; padding: 15px 20px; font-size: 15px; font-weight: 900; transform: rotate(5deg); }
    body.homepage .row.pvdm .product-content .naam { margin-bottom: 10px; font-size: 21px; }
    body.homepage .row.pvdm .product-content .subtitle { font-size: 18px; }
    body.homepage .row.pvdm .product-content .snippet { line-height: 1.5; }
    body.homepage .row.pvdm .product-content a.btn { left: 0; margin-top: 15px; padding: 0; font-size: 15px; color: #32aaa1; font-weight: 500; text-decoration: underline!important; border-radius: 0; background-color: transparent; }
    body.homepage .row.pvdm .product-content a.btn:hover { text-decoration: none!important; }
    body.homepage .row.pvdm .product-content a.btn svg { display: none; }

    /* Homepagina - Blog (Uitgelicht) */

    body.homepage .row.blog .uitgelicht { display: flex; flex-direction: column; gap: 20px; }
    .row.blog a.more { margin-top: 20px; }
    
    /* Homepagina - Reviews */

    .row.reviews { padding: 45px 0; }
    .reviews .items { display: flex; flex-direction: column; }
    .reviews .items .item { padding: 30px; }
    .reviews .items .item a.link { display: none; }
    
    .row.reviews a.more { margin-top: 20px; }
    
    body.homepage .reviews .items .item .review { display: block; }

    .page_content .reviews .items .item { background-color: #fff; }
    .page_content .reviews .items .item a.anchor { top: -105px; }
    
    
    /* RIGHT */

    /* right - usp's */

    .row .right .usps { padding: 0; border-radius: 0; background-color: transparent; }
    .row .right .usps a { margin-bottom: 0; }

    
    /* SCREENING */
    
    body.screening .direct { margin-top: 30px; }
    body.screening .direct ul { }
    body.screening .direct ul li { }
    body.screening .direct ul li a { position: relative; display: flex; font-size: 16px; }
    body.screening .direct ul li a:before { width: 20px; height: 50px; }
    

    /* ZELFTESTS */
    
    body.zelftests .zelftests { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }
    body.zelftests .zelftests .zelftest { flex-direction: row; padding: 0; }
    body.zelftests .zelftests .zelftest .image { display: flex; align-items: center; justify-content: center; margin-bottom: 0; width: 60px; height: 60px; }
    body.zelftests .zelftests .zelftest .image img { width: 60%; }
    body.zelftests .zelftests .zelftest .title { flex: 1; padding: 0 15px 0 0; font-size: 15px; text-align: left; }
    
    .row .right .notice { padding: 30px; }
    

    /* KLACHTEN EN BLESSURES */
    
    /* Klachten - quicknav */
    
    .quicknav { position: relative; display: flex; flex-direction: column; gap: 15px; margin-top: 30px; margin-bottom: 45px; }
    .quicknav .item { display: flex; flex-direction: row; gap: 10px; padding: 15px 30px 15px 15px; width: 100%; text-align: left; }
    .quicknav .item:after { top: 15px; right: 15px; transform: scale(0.65); transform-origin: top right; }
    .quicknav .item .icon { margin-top: 0; width: 75px; height: 75px; transform: none; transform: scale(0.9); }
    .quicknav .item .icon svg { width: 45px; height: 45px; }
    .quicknav .item.screening .icon svg { top: -1px; right: -2px; }
    .quicknav .item.programma .icon svg { top: -6px; right: -2px; }
    .quicknav .item.producten .icon svg { left: -5px; }
    .quicknav .item .title { flex: 1; width: 100%; font-size: 15px; line-height: 1.2; }
    .quicknav .item .title em { font-size: 14px; }
    
    /* Alle andere pagina's met producten - quicknav */

    body:not(.pid3) .quicknav { position: relative; gap: 10px; top: 0; right: 0; margin-top: 25px; margin-bottom: 30px; }
    body:not(.pid3) .quicknav .item { padding: 12px 20px 12px 15px!important; max-width: none; border-radius: 5px!important; }
    body:not(.pid3) .quicknav .item .icon svg { left: 0; }
    body:not(.pid3) .quicknav .item.producten .icon svg { left: -5px; }
    body:not(.pid3) .quicknav .item .title { margin-left: 8px; width: auto; font-size: 14px; line-height: 1; }
    body:not(.pid3) .quicknav .item:after { transform: none; background-size: 10px; }

    
    .content .page_content .block.foldout:after { top: -2px; right: -20px; background-size: 12px; }
    

    /* DIENSTEN */
    
    /* Diensten - Prijzen */

    .row.diensten.prijzen { padding: 45px 0; height: auto; }
    .row.diensten.prijzen .diensten { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; margin-bottom: 0; }
    .row.diensten.prijzen .diensten .dienst { padding: 30px 30px 70px 30px; width: 100%; }
    .row.diensten.prijzen .diensten .dienst h2 { margin-bottom: 10px; font-weight: 500; line-height: 1.3; }
    .row.diensten.prijzen .diensten .dienst .prijs { font-size: 28px; }
    .row.diensten.prijzen .diensten .dienst a.meer { bottom: 35px; }
    
    /* Diensten */

    .row.dienst .page_content { flex-direction: column; gap: 45px; }
    .row.dienst .page_content .text { width: 100%; }
    .row.dienst .page_content .text .title h2 { margin-top: 0; font-size: 24px; }
    .row.dienst .page_content .image { width: 100%; }
    .row.dienst .page_content .image img { width: 100%; }

    /* Diensten - Trainingsschema's */

    .row.dienst:nth-of-type(2) .page_content { gap: 45px; }
    .row.dienst:nth-of-type(2) .page_content .text { width: 100%; }
    .row.dienst:nth-of-type(2) .page_content .image { width: 100%; }
    
    .row.dienst:nth-of-type(2) .page_content .text .more blockquote:after { top: 12px; right: 0; }
    
    .row.dienst .page_content .text .more ul li { padding-left: 25px; font-size: 18px; }
    .row.dienst .page_content .text .more ul li:before { width: 14px; height: 14px; }
    
    .row.dienst.last .page_content { gap: 0; }
    .row.dienst.last .page_content > h2 { margin-bottom: 25px; font-size: 24px; line-height: 1.1; }
    .row.dienst.last .page_content ul li:before { width: 14px; height: 14px; }

    /* Diensten - Online begeleiding */

    .row.dienst.last .page_content ul li { flex-direction: column; align-items: flex-start; }
    

    /* WEBSHOP */
    
    body.webshop .hoofdcats { display: flex; flex-direction: column; gap: 15px; margin-top: 30px; }
    body.webshop .hoofdcats .item { flex-direction: row; border-radius: 5px; }
    body.webshop .hoofdcats .item .image { width: 90px; }
    body.webshop .hoofdcats .item .content { justify-content: center; padding: 0 20px 2px 20px; font-size: 14px; text-align: left; }
    
    body.webshop .shop_products_container { }
    
    .shop_products .product { }
    
    body.webshop.shopthanks .row.first .content .page_content { display: flex; flex-direction: column; padding: 0!important; border-radius: 0; background-color: transparent; }
    body.webshop.shopthanks .row.first .content .page_content:after { position: relative; order: -1; display: block; margin-bottom: 30px; width: 100%; height: auto; aspect-ratio: 3/2; border-radius: 5px; }


    /* OVER */
    

    /* DOEL & MISSIE */
    

    /* GEZONDE LEEFSTIJL & TRAINING */
    

    /* BEHANDELAARWIJZER */
    
    body.__behandelaarwijzer .row.first .columns { display: flex; flex-direction: column; gap: 30px; }
    body.__behandelaarwijzer .row.first .columns .column:first-of-type { padding: 0; }
    body.__behandelaarwijzer .row.first .columns .column:not(:first-of-type) { margin-bottom: 15px; padding: 0; border-radius: 0; background-color: transparent; }    
    body.__behandelaarwijzer .row.first .columns .column:not(:first-of-type) h2 { margin-bottom: 10px; font-size: 21px; color: #323232; line-height: 1.1; }

    /* BehandelaarWijzer - Voor bezoekers (Uitgelichte praktijken) */
    
    body.__behandelaarwijzer .row.intro { padding: 45px 0 45px 0; }
    body.__behandelaarwijzer .row.intro .content .page_content h2 { margin-top: -15px; margin-bottom: 30px; }
    body.__behandelaarwijzer .row.intro .content .page_content ul { display: flex; flex-direction: column; gap: 15px; }
    body.__behandelaarwijzer .row.intro .content .page_content ul + p { margin: 30px 0; line-height: 1.5; }
    body.__behandelaarwijzer .row.intro .content .page_content ul li { padding: 35px 25px; }
    body.__behandelaarwijzer .row.intro .content .page_content ul li strong { line-height: 1.1; }
    body.__behandelaarwijzer .row.intro .content .page_content ul li br { display: none; }
    
    .row.praktijken { padding: 45px 0; }
    .row.praktijken .praktijken { display: flex; flex-direction: column; gap: 20px; }
    .row.praktijken .praktijken .praktijk .image { aspect-ratio: 16 / 9; }
    .row.praktijken .praktijken .praktijk .image .location { font-size: 15px; }
    .row.praktijken .praktijken .praktijk .info { padding: 25px; padding-top: 20px; }
    .row.praktijken .praktijken .praktijk .info > * { padding-top: 5px; }
    .row.praktijken .praktijken .praktijk .info .naam { margin-bottom: 8px; font-size: 18px; }
    .row.praktijken h2 { margin-top: 0; margin-bottom: 30px; font-size: 24px; }

    /* BehandelaarWijzer - Voor behandelaars */
    
    .row.inschrijven { padding: 45px 0; text-align: left; }
    .row.inschrijven h2 { margin-top: 0; margin-bottom: 15px; font-size: 21px; }
    .row.inschrijven a.btn { font-size: 18px; }
    
    .row.ondersteuning { padding: 45px 0; }
    .row.ondersteuning h2 { font-size: 21px; }
    .row.ondersteuning .blocks { display: flex; flex-direction: column; gap: 20px; margin-top: 15px; width: 100%; }
    .row.ondersteuning .blocks .block { padding: 30px; }
    .row.ondersteuning .blocks .block h2 { white-space: initial; }
    .row.ondersteuning .blocks .block br { display: none; }
    
    .row.professionals { padding: 45px 0; }
    .row.professionals ol { display: flex; flex-direction: column; gap: 10px; margin: 30px 0!important; }
    .row.professionals ol li { padding: 15px 20px; }

    
    /* BLOG (NIEUWS) */

        /* zie _newscalendar.css */


    /* CONTACT */
    
    body.contact.userforms .content { flex-direction: column; }
    

    /* KENNIS OPDOEN (Table of Contents) */

    
    /* FAQ / VEELGESTELDE VRAGEN */
    
    .faq details.item { position: relative; }
    .faq details.item summary.question { margin-left: 25px; }
    .faq details.item summary.question:before { position: absolute; top: 18px; left: 0; }
    

    /* PRODUCT VAN DE MAAND */
    
    body.__product-vd-maand .pvdm .product .image { margin-bottom: 30px; }
    body.__product-vd-maand .pvdm .product .naam h2 { margin-top: 0; margin-bottom: 15px; font-size: 21px; }
    body.__product-vd-maand .pvdm .product .naam h2 br { display: none; }


    /* REFERENTIES / GEBRUIKTE BRONNEN */
    
    body.pid469 .content .page_content blockquote p { background-color: #fff; }
    body.pid469 .row.first { overflow-x: hidden; }


    /* MAPS */


    /* PARTNERS */

    /* Partners in footer */
    .row.partners { flex-direction: column; padding: 45px 0; }
    .row.partners:before { position: relative; top: 0; margin-top: -5px; margin-bottom: 25px; padding: 0; font-size: 15px; line-height: 1.4; }
    .row.partners .content { width: 75%; }
    .row.partners .partners { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 40px; }
    
    /* Partners op pagina Partners */
    
    body.__partners .row.first .partners { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 30px; }
    
    
    /* GEBRUIKTE BRONNEN */
    
    
    

    /* FOOTER */
    #footer { }
    
    /* footer top */
    
    #footer #footer-top-container { flex-direction: column; gap: 30px; padding: 45px 0; width: 85%; }
    #footer #footer-top-container .column { width: 100%; }
    #footer #footer-top-container .column h2 { font-size: 18px; }
    #footer #footer-top-container .column.first { max-width: none; }
    #footer #footer-top-container .column.newsletter { margin-left: 0; width: 100%; }
    #footer #footer-top-container .column.newsletter h2 { width: 100%; }
    #footer #footer-top-container .column.newsletter p { width: 100%; }
    #footer #footer-top-container .column.socials { align-items: flex-start; }
    
    #footer #footer-top-container .column.socials .contact { margin-top: 30px; text-align: left; }
    
    #footer #footer-bottom { padding: 30px 0 45px 0; }
    
    #footer .payment { position: relative; align-items: flex-start; bottom: 0; }
    #footer .payment .methods { flex-wrap: wrap; gap: 10px; }
    
    /* footer bottom */
            
    #footer #footer-bottom-container { width: 85%; }
    #footer #footer-bottom-container .column ul li { white-space: normal; }
    
    #footer #footer-bottom-container .credits { flex-direction: column; gap: 10px; }
    #footer #footer-bottom-container .credits .column { flex-direction: column; width: 100%; }
    #footer #footer-bottom-container .credits .column ul { flex-direction: column; align-items: flex-start; margin: 0!important; }
    #footer #footer-bottom-container .credits .column ul.social-buttons { flex-direction: row; justify-content: flex-start; }
    #footer #footer-bottom-container .credits .column ul li { margin: 0!important; }
    
    #footer #footer-bottom-container .credits .column.left ul,
    #footer #footer-bottom-container .credits .column.right ul { gap: 0; }
    #footer #footer-bottom-container .credits .column.right ul li:last-of-type { margin-top: 10px!important; }
    
    /*#footer #footer-container .footer-row { flex-direction: column; }
    #footer #footer-container .footer-row .column { width: 100%; }
    #footer #footer-container .footer-row .column.social { position: absolute; right: 0; top:  10px; width: auto; }
    #footer #footer-container .footer-row .column.social ul.social-buttons { flex-wrap: wrap; justify-content: flex-start; }
    #footer #footer-container .footer-row .column.social ul.social-buttons li { margin-left: 0; margin-right: 10px; }
    
    #footer #footer-container .footer-row.credits { margin-top: 30px; border-top: 0; }
    #footer #footer-container .footer-row.credits .column { width: 100%; }
    #footer #footer-container .footer-row.credits .column ul { flex-direction: column; }
    #footer #footer-container .footer-row.credits .column:first-of-type ul li,
    #footer #footer-container .footer-row.credits .column:last-of-type ul li { margin: 0; }*/

}