@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1100px) {
    body {
        font-size: 1.1em;
    }
    .row {
        padding: 80px 0;
        padding-top: 60px;
    }
    .row .content {
        column-gap: 40px;
    }
    #header #header-container {
        width: 85%;
    }
    #header #menu-desktop #menu-desktop-items {
        font-size: 1.4em;
    }
}
@media screen and (max-width: 900px) {
    /* external links w/ an icon */
    .page_content p a[target=_blank]:not(.btn):after,#credits a[target=_blank]:after {
        width: 12px;
        height: 12px;
        background-size: 12px 12px;
        transform: translateY(2px);
    }
    /* body */
    body {
        font-size: 1.1em;
        line-height: 1.4;
    }
/*    body:after {
        content: "";
        width: 100%;
        height: 220px;
        background: var(--main);
        position: absolute;
        left: 0;
        top: 0;
    }*/
    /* ADD SOME TYPE OWNAGE */
    /*.unbounded {
        font-size: 15px!important;
    }*/

    .row.row-image-text .content .page_content h2 {
        font-size: 23px!important;
    }

    

    /* OVERALL TYPE & BUTTONS */
    h1 {
        font-size: 1.8em;
        max-width: 100%;
        padding-bottom: 40px;
    }
    h2, h2.large {
        font-size: 1.2em;
        padding-bottom: 10px;
    }
    /* alle buttons nog een keer hetzelfde */
    .btn,.powers .item:hover .btn,.formholder .btn:hover,.powers .item .btn,.formholder .btn,.btn:hover,.powers .item:hover .btn,.formholder .btn:hover {
        background: var(--main);
        color: var(--background);
        border: 0px!important;
        padding: 12px 20px;
        padding-bottom: 14px;
    }
    a.btn[target=_blank]:after {
        width: 16px;
        height: 16px;
        background-size: 16px 16px;
        transform: translateY(2px);
    }
    /* HEADER */
    #header,body.scroll #header {
        height: 80px;
        padding-top: 0px;
        z-index: 6;
        position: fixed;
    }
    body.scroll #header #header-container,#header #header-container {
        height: 80px;
    }
    #header .headerafter {
        content: "";
        height: 0%;
        width: 100%;
        background: var(--main);
        position: absolute;
        left: 0;
        top:0;
        z-index: 1;
        transition: height 300ms ease-out;
        transition-delay: 300ms;
        display: block;
    }
    /* body.__power #header:after,*/
    body.scroll #header .headerafter,
    body.normalpage .headerafter {
        height: 100%;
        transition: height 300ms ease-out;
        transition-delay: 0ms;
    }
    #header #logo {
        white-space: nowrap;
    }
    #header #logo img {
        height: 30px;
    }
    #header #header-container a.btn {
        display: none;
    }
    body.__power #header #logo img,body.normalpage #header #logo img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(341deg) brightness(102%) contrast(104%);
    }
    /* WRAPPER */
    #wrapper,#wrapper.bounced,#header,#header.bounced {
        transform: none;
        transition: none;
    }
    /* ROWS */
    .row {
        padding: 65px 0;
    }
    .row .content {
        flex-direction: column;
    }
    .row.row-slider {
        padding: 0;
    }
    .row.row-text {
        padding: 0px 0;
    }
    .row.row-text .content {
        width: 100%;
    }
    .row.row-text .content .page_content.page_content_flex .flex_block .text_block {
        width: 85%;
        margin: 0 auto;
        padding: 50px 0;
    }
    .row.row-text .content .page_content.page_content_flex .flex_block.textfest .text_block:first-of-type {
        padding-bottom: 0;
    }
    .row.row-text .content .page_content.page_content_flex .flex_block .text_block + .text_block {
        padding-top: 0;
    }
    .row.row-text .content .page_content.page_content_flex,.row.row-text .content .page_content.page_content_flex .flex_block {
        row-gap: 0px;
    }
    .row.row-text .content .page_content.page_content_flex.logodiv {
        padding: 50px 30px;
        row-gap: 50px;
    }
    /* ROWS > CONTENT > STUFF ON THE PAGES */
    .content .page_content,.content .page_content.hasmedia {
        width: 100%!important;
        padding-left: 0;
        padding-right: 0;
        order: 0;
        min-height: 0;
    }
    .row .content .page_content.page_content_flex {
        row-gap: 50px;
    }
    .row .content .page_content.page_content_flex .flex_block {
        flex-direction: column;
        row-gap: 50px;
    }
    body.__home .row .content .page_content.page_content_flex .flex_block {
        padding-bottom: 0px;
        border-bottom: 0;
    }
    .row .content .page_content.page_content_flex .flex_block.textfest /* two text cols, glue together */
    {
        row-gap: 1.4em;
    }
    .row .content .page_content.page_content_flex .text_block {
        width: 100%;
        padding: 0px;
        order: 1;
    }
    body.__contact .row .content .page_content.page_content_flex .text_block,body.__power .row .content .page_content.page_content_flex .text_block {
        padding-right: 0px;
    }
    body.__contact .row .content .page_content.page_content_flex .text_block .sub_text_block:last-of-type,body.__power .row .content .page_content.page_content_flex .text_block .sub_text_block:last-of-type {
        margin-bottom: 0px;
    }
    .row .content .page_content.page_content_flex .text_block .sub_text_block {
        padding-right: 0px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .row .content .page_content.page_content_flex .flex_block:nth-of-type(even) .text_block {
        order: 1;
    }
    .row .content .page_content.page_content_flex .media_block {
        width: 100%;
        order: 0;
    }
    .content .media {
        width: 100%;
        order: 1;
    }
    body.__contact .row .content .page_content.page_content_flex .media_block.stickyform,body.__power .row .content .page_content.page_content_flex .media_block.stickyform {
        order: 2;
        width: 100%;
        border-radius: 0;
        /* margin-bottom: 40px;
        */
        border-bottom: 1px solid rgba(255,255,255,0.1);
    }
    body.__contact .row .content .page_content.page_content_flex .media_block.stickyform .formholder ,body.__power .row .content .page_content.page_content_flex .media_block.stickyform .formholder {
        padding: 50px 30px;
        padding-bottom: 50px
    }
    .content .media a {
        margin-bottom: 20px;
    }
    .row .content .page_content.page_content_flex .media_block a /* media imgs, zoals fotos op home tussen txt niet te hoog mobiel */
    {
        max-height: 300px;
        overflow: hidden;
    }
    .content .media a img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .content .media a .icon,.fotoalbum a .icon,.news-overview .item a .image .icon,.productmedia a .icon,.product a .icon {
        display: block;
        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: 30px;
        height: 30px;
    }
    .content table tr td {
        display: block;
        margin-bottom: 50px;
    }
    .content table tr td:last-of-type {
        margin-bottom: 0;
    }
    /* "NORMAL" PAGE */
    #page-header {
        height: 300px;
        min-height: 300px;
        border-radius: 0;
    }
    #page-header #page-header-content {
        margin-top: 0;
    }
    #page-header img {
        width: 100%;
        height: 100%;
        margin-top: 0%;
    }
    .row.normalpage.first {
        padding-top: 120px;
    }
    .row.normalpage .content .page_content {
        margin-top: 0;
        padding: 0px;
    }
    .row.normalpage .content .page_content .page_content_txt {
        padding: 30px;
        padding-top: 40px;
    }
    #page-header #page-header-content h1:before {
        display: none;
    }
    #page-header #page-header-content h1 {
        margin-top: 35px;
    }
    .row.normalpage .content .page_content .page_content_txt h1 {
        margin-bottom: 0;
        font-size: 1.5em;
        line-height: 1.3;
    }
    /* SUBMENU */
    #submenu {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin: 0;
        position: relative;
        top: auto;
        /* remove sticky */
        padding: 15px 0;
        margin-bottom: 30px;
        margin-top: -40px;
    }
    #submenu #submenu-trigger {
        display: block;
        position: relative;
        width: 100%;
        font-size: 1.2em;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 20px;
        padding-right: 40px;
        box-sizing: border-box;
    }
    #submenu #submenu-trigger.active {
    }
    #submenu #submenu-trigger svg {
        width: 20px;
        height: 20px;
        fill: var(--background);
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -10px;
        transition: transform 300ms;
    }
    #submenu #submenu-trigger.active svg {
        transform: rotate(-180deg);
    }
    #submenu ul {
        flex-direction: column;
        display: none;
        border-top: 1px solid rgba(255,255,255,0.1);
        padding: 20px;
        padding-top: 15px;
        padding-bottom: 0;
        margin-top: 15px;
        row-gap: 10px;
    }
    #submenu ul.active {
        display: flex;
    }
    #map_canvas {
        height: 400px;
    }
    /* SPLIT TEXT CSS */
    .split-me .line-wrapper {
    }
    .split-me .line-wrapper .line {
        line-height: 1.2;
        margin-top: 0px;
    }

 
}