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

    .contentImage {
        height: 234px;
    }

    .contentImageTeam {
        height: 300px;
    }

    .container {
        width: 676px;
    }

    .cols_4.noMarginL {
        margin-left: 0;
    }

    .cols_4.marginL {
        margin-left: 20px;
    }

    .cols_4.marginL {
        margin-left: 20px;
    }

    .logo {
        width: 154px;
        background: white;
        display: block;
        height: 202px;
        /*padding:0;*/
        padding: 2px 0 23px 0;
    }

    .team {
        border: 3px solid #e5002b;
        padding: 19px 4px 0 0;
    }

    .team img.alBottom {
        bottom: 0;
        left: 0;
    }

    .content {
        width: 676px;
    }

    .column.vacatures {
        margin-left: 20px;
    }

    .column.vacatures img {
        width: calc(100% - 10px) !important;
    }

    .team-homepage-tile {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .navigation .languages {
        float: none;
        margin-top: 10px;
        text-align: center;
        display: block;
    }

    .navigation .languages a {
        display: inline-block;
    }
}

@media only screen and (max-width: 676px) {
    body {
        margin: 0;
        padding: 0;
    }

    .container {
        width: 100%;
    }

    .cols_2.noMarginL,
    .cols_2noMarginL,
    .cols_4.noMarginL {
        margin-left: 0 !important;
    }

    .cols_2.marginL {
        margin-left: 20px;
    }

    .dNone {
        display: none;
    }

    .header,
    .footer .tagLine {
        font-size: 1.0em;
        letter-spacing: 2px;
        padding: 7px;
    }

    .grid {
        padding: 0 10px 0 10px;
    }

    .column {
        margin: 0 0 12px 12px;
    }

    .column img.w100p {
        height: auto;
        width: 100%;
    }

    .column:not(.vacatures) img.alBottom.w100p {
        max-height: 180px;
        width: calc(100% - 10px);
    }

    .column.vacatures {
        width: calc(100% - 10px);
    }

    .grid_1 {
        width: calc(50% - 16px);
    }

    .grid_2.noPadding {
        overflow: hidden;
        width: 100%;
    }

    .praktijk,
    .contact,
    .werkwijze {
        background-size: 45% 45%;
    }

    .tarieven {
        background-size: 39%;
    }

    .tarieven span {
        visibility: visible;
    }

    .welkom {
        background-size: 55%;
    }

    .content {
        width: 100%;
    }

    .pageContent,
    .pageTitle {
        padding: 10px 20px;
        width: calc(100% - 40px);
    }

    .contentImage {
        height: auto;
    }

    .navigation a {
        display: block;
    }

    .navigation span {
        display: none;
    }

    .homeButton {
        margin: 2px !important;
        font-size: 13px !important;
    }

    .wrapperTeamMember {
        padding-left: 0;
        width: 100%;
    }

    .logo {
        padding: 20px 5px 5px 5px;
    }

    .subNavigation a {
        padding: 10px 0 10px 20px;
    }

    .breadcrumb {
        padding-left: 10px;
    }

    .header h1 {
        font-size: 23px;
    }

    #navToggle {
        padding: 10px;
    }

    .header {
        margin-top: 0;
    }

    .mobileOnly {
        pointer-events: visible;
        cursor: pointer;
        text-decoration: underline;
    }

    .notification {
        margin-left: 10px;
        margin-right: 10px;
    }

    .contentImageCenter img {
        width: 80%;
    }

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

    .hoofdpijn img {
        margin-bottom: 20px;
    }

    .bekken01,
    .bekken02 {
        grid-template-columns: repeat(1, 1fr);
    }
}