h1,h2,h3,h4,h5,h6 {
    font-family: Quicksand, Verdana, sans-serif;
    font-weight: 400;
}
h1 {
    font-size: 40px;
    font-weight: 400;
    line-height: 90px;
    letter-spacing: -1px;
    margin: 20px 0;
    text-align: center;
    text-transform: none;
    color: rgb(51, 51, 102) !important;
}
h2, h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 5px;
    text-align: left;
    text-transform: none;
    color: rgb(51, 51, 102) !important;
}
a, a:hover,a:visited,a:link { color: #333; }
p {
    font-family: Verdana, sans-serif;
}

.itemid-101 .container-top-a>*, .container-top-b>*, .container-bottom-a>*, .container-bottom-b>* {
    border: none;
}


/* Default mobile layout */
.grid-child {
    display: inherit;
}
.container-banner {
    margin: 0 0 0;
    display: block;
}
.container-header,
.container-footer {
    background-color: rgb(214, 214, 224);
    background-image: none;
}
.container-header .navbar-brand {
    color: #fff;
    margin-inline-end: auto;
    padding-top: .6125rem;
    padding-bottom: .3125rem;
    font-size: 2rem;
    display: inline-block;
    position: relative;
}
.container-header .site-description {
    font-size: 1.5rem;
    line-height: 24px;
    height: 50px;
    width: 100%;
    border: none;
    padding: 0;
    margin: 0px 0;
    overflow: hidden;
    text-indent: 0px;
    color: #000;
    margin-top: 10px;
    margin-left: 0;
    font-family: Quicksand;
}
.container-header .navbar-brand {
    color: #fff;
    margin-inline-end: auto;
    padding-top: .6125rem;
    padding-bottom: .3125rem;
    font-size: 2rem;
    display: inline-block;
    position: relative;
}
.showcase-container {
  display: flex;
  flex-wrap: wrap;
}
.header-column-1,
.header-column-2 {
    flex: 0 0 100%;
    text-align: center;
}
#header-menu {
    list-style: none;
    text-decoration: none;
    margin-top: 12px;
}
.header-menu-item {
    line-height: 48px;
}
.header-menu-item a {
    text-decoration: none;
    color: #000;
    font-family: Quicksand;
}
.header-menu-item a:hover {
    color: #333;
}
.header-menu-item-icon {
    padding-left: 5px;
}
.moduletable.showcase-banner {
  width: 100%;              /* container takes full width */
  min-height: 250px;        /* minimum height */
  overflow: hidden;         /* hide overflowing parts */
  display: flex;
  justify-content: center;  /* horizontal centering */
  align-items: center;      /* vertical centering */
}
.moduletable.showcase-banner img {
  width: 100%;              /* responsive width */
  height: auto;             /* keep aspect ratio */
  min-height: 300px;        /* ensures min height */
  object-fit: cover;        /* crop overflow while keeping image centered */
}

.footer a:not(.btn), .footer .btn-link {
    color: #000;
}

.footer,
.container-footer h3,
.container-footer a,
.container-footer a:link,
.container-footer a:hover,
.container-footer a:visited {
    color: #000;
    font-family: Quicksand;
    font-weight: 400;
}

.container-footer .mod-custom {
    line-height: 32px;
}

/* Tablet Landscape layout */

/* Tablet Portrait layout */

/* ======================================================= /*
/* PC layout */
/* ======================================================= */
@media (min-width: 1240px) {
    .container-menu1 {
        border-bottom: 2px solid #fff;        
    }

    #mod-menu1 {
        margin: 0 auto;
        max-width: 1320px;
        font-family: Quicksand;
        color: #333;
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* center rows */
        padding: 0;
        margin: 0;
        list-style: none;        
    }
    #mod-menu113 {
        padding-left: 9%;
    }

    /* Each item takes 20% of the row (5 items per line) */
    .mod-menu > li {
        flex: 0 0 18%; /* 100% / 5 = 20% */
    }
    /* First row: 5 items */
    .mod-menu li:nth-child(-n + 5) {
    flex: 0 0 20%;
    text-align: center;
    }

    /* Second row: last 4 items */
    .mod-menu li:nth-child(n + 6) {
    flex: 0 0 25%;
    text-align: center;
    }

    /* Make links full-width for better click area */
    .mod-menu > li > a {
        display: block;
        padding: 2px 0;
        margin: 5px 0;
        border-right:1px solid #333;
    }
    .mod-menu > li:nth-child(5) > a,
    .mod-menu > li:last-child > a {
        border-right:0px solid #333;
    }
    .mod-menu > li.current > a {
        font-weight: 700;
    }
    .container-header .mod-menu > li + li {
        margin-left: 0;
    }    
    #mod-custom123 {
        width: 50%;
        float: right;
    }
}

@media (min-width: 1024px) {
    .header-container {
        width: 100%;
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .header-column-1 {
        flex: 0 0 80%;
        text-align: left;
    }
    .header-column-2 {
        flex: 0 0 20%;
        text-align: left;
    }
    .container-header .site-description {
        font-size: 1.8rem;
        line-height: 32px;
        margin-left: 20px;
   }
    .container-banner p {
        margin: 0;
    }

    .com-content-article.item-page .page-header { text-align: center; margin: 15px 0; }

    .container-bottom1 { 
        padding-top: 8px;
        padding-bottom: 8px;
        background: rgb(51, 51, 102);
        background: -webkit-linear-gradient(rgb(51, 51, 102), rgb(255, 255, 255));
        background: -o-linear-gradient(rgb(51, 51, 102), rgb(255, 255, 255));
        background: -moz-linear-gradient(rgb(51, 51, 102), rgb(255, 255, 255));
        background: linear-gradient(rgb(51, 51, 102), rgb(255, 255, 255));
    }

    .container-bottom3 { 
        display:inline-block; 
        margin: 25px auto;
        max-width: 1024px; 
    }
    .offerte-aanvragen-button {
        width: 40%;
        margin: 0 30%;
        padding: 10px 0;
        background: rgb(51, 51, 102);
        text-align: center;
        color: #fff;
    }
    .offerte-aanvragen-button a {
        color: #fff;
        text-decoration: none;
    }
    #contact {
        display: table;
        width: 100%;
    }
    #contact-left {
        display: table-cell;
        width: 20%;
        float: left;
        margin: 0;
        margin-left: 35px;
        margin-top: 15px;
        padding: 0;
    }
    #contact-right {
        display: table-cell;
        width: 75%;
        float: right;
        margin: 0;
        padding: 0;
    }
    #lnee_152 .newshead .picture, #lnee_152 .newshead .nopicture {
        overflow: hidden;
        text-align: center;
        position: relative;
        max-width: 500px;
        max-height: 350px;
        height: 310px;
        min-height: 250px;
    }
    #lnee_152 .newsinfooverhead .item_details .newsextra, #lnee_152 .newsinfooverhead .newstitle, #lnee_152 .newsinfo .item_details .newsextra, #lnee_152 .newsinfo .newstitle, #lnee_152 .newsinfo .newsintro {
        text-align: center !important;
        margin-top: 10px;
    }
    .itemid-101 .container-top-b {
        width: 75%;
        border: 1px solid #333;
        margin-top: 35px;
    }
    .itemid-101 .container-top-b h2  {
        text-align: center;
        font-size: 40px;
        padding: 15px 0;
    }
    ul.onze-troeven {
        max-width: 800px;
        margin: 0 auto;
    }
    ul.onze-troeven li {
        width: 40%;
        margin: 0 5%;
        float: left;
        line-height: 35px;
        list-style-type: none;
    }
    p.onze-troeven-contact-button {
        margin: 35px 0;
        clear: both;
        width: 40%;
        margin: 0 30%;
        padding: 10px 0;
        background: rgb(51, 51, 102);
        text-align: center;
        color: #fff;
    }
    p.onze-troeven-contact-button a {
        color: #fff;
        text-decoration: none;
    }
    .mod_homepage_4_keuzes a, .mod_homepage_4_keuzes a:hover, .mod_unit_homepage a, .mod_unit_homepage a:hover {
        padding: 10px 30px;
        border: 1px solid rgb(51, 51, 102);
        text-decoration: none !important;
        color: rgb(51, 51, 102) !important;
    }
    #lnee_153 .newsinfo .newstitle {
        height: 60px;
    }
    .mod_homepage_4_keuzes .innerpicture {
        text-align: center;
        width: 95%;
        margin: auto;
        padding: 10px;
    }
    .mod_homepage_4_keuzes .innerpicture img {
        border-radius: 0%;
        border: 5px solid #fff;
        box-shadow: 0px 0px 15px 1px #ccc;
        width: 100%;
        padding: 0px;
    }
    #lnee_153 .newshead .picture, #lnee_153 .newshead .nopicture {
        overflow: hidden;
        text-align: center;
        position: relative;
        max-width: 250px;
        max-height: 250px;
        height: 200px;
        min-height: 150px;
    }    
}
@media (min-width: 768px) and (max-width: 1239px) {
    .container-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
    }
    .mod-menu > li {
        flex: 0 0 20%;
        list-style: none;
        text-align: center;
    }
    .mod-menu > li {
        flex: 0 0 20%;
        list-style: none;
        text-align: center;
    }
    #mod-menu1 > li {
        flex: 0 0 20%;
    }
    #mod-menu113 > li {
        flex: 0 0 25%;
    }
    .mod-menu > li > a {
        display: block;
        padding: 2px 0;
        margin: 5px 0;
        border-right: 1px solid #333;
        color: #000 !important;
        font-family: Quicksand;
        font-size: 0.9rem;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .com-content-article__body { padding: 0 20px; }

    #header-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        /* margin-top: 12px; */
    }
    li.header-menu-item {
        line-height: 32px;
        width: 33%;
        text-align: center;
        float: left;
        margin-bottom: 25px;
    }
    li.header-menu-item a {
        text-decoration: none;
        color: #000;
        font-family: Quicksand;
        font-size: 1.2rem;
    }
    .mod_homepage_4_keuzes .innerpicture img {
        border-radius: 0%;
        border: 5px solid #fff;
        box-shadow: 0px 0px 15px 1px #ccc;
        width: 100%;
        padding: 0px;
    }    
    #lnee_153 ul.latestnews-items li.latestnews-item {
        width: 50%;
    }
    #lnee_153 .newshead .picture, #lnee_153 .newshead .nopicture {
        max-width: 200px;
        max-height: 200px;
        height: 180px;
        min-height: 180px;
    }    
    .mod_homepage_4_keuzes a, .mod_homepage_4_keuzes a:hover, .mod_unit_homepage a, .mod_unit_homepage a:hover {
        padding: 10px 30px;
        border: 1px solid rgb(51, 51, 102);
        text-decoration: none !important;
        color: rgb(51, 51, 102) !important;
    }
    .itemid-101 .container-top-b {
        width: 75%;
        border: 1px solid #333;
        margin-top: 35px;
    }
    .itemid-101 .container-top-b h2 {
        text-align: center;
        font-size: 40px;
        padding: 15px 0;
    }
    ul.onze-troeven {
        max-width: 800px;
        margin: 0 auto;
    }
    ul.onze-troeven li {
        width: 60%;
        margin: 0 20%;
        float: left;
        line-height: 35px;
        list-style-type: none;
    }
    p.onze-troeven-contact-button {
        margin: 35px 0;
        clear: both;
        width: 40%;
        margin: 0 30%;
        padding: 10px 0;
        background: rgb(51, 51, 102);
        text-align: center;
        color: #fff;
    }
    p.onze-troeven-contact-button a {
        color: #fff;
        text-decoration: none;
    }
    .com-content-article__body { padding: 0 20px; }
    #lnee_152 .innernews {
        flex-direction: column;
    }
    #lnee_152 .newshead .picture, #lnee_152 .newshead .nopicture {
        max-width: 9999px;
    }
    #lnee_152 .newshead .picture img {
        width: 100%;
    }
    #lnee_152 .head_right .innernews {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: inherit;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .itemid-101 .container-bottom3 {
        display: block;
    }
    .container-bottom3 {
        display: block;
    }
    .offerte-aanvragen-button {
        width: 40%;
        margin: 0 30%;
        padding: 10px 0;
        background: rgb(51, 51, 102);
        text-align: center;
        color: #fff;
    }
    .offerte-aanvragen-button a {
        color: #fff;    
        text-decoration: none;
    }
    .footer .grid-child {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        padding: 2.5rem .5em;
    }
    #mod-custom123 { flex: 6; padding-left: 35px; }    
    #mod-custom122 { flex: 4; }
    .container-bottom2 .mod-custom { padding: 0 30px; }    
}

@media (max-width: 767px) {
    .com-content-article__body { padding: 0 20px; }

    .container-header .mod-menu {
        flex-direction: row;
        flex: 1;
        display: flex;
    }
    .mod-menu > li {
        flex: 0 0 20%;
        list-style: none;
        text-align: center;
    }
    .mod-menu > li {
        flex: 0 0 20%;
        list-style: none;
        text-align: center;
    }
    #mod-menu1 > li {
        flex: 0 0 20%;
    }
    #mod-menu113 > li {
        flex: 0 0 25%;
    }
    .mod-menu > li > a {
        display: block;
        padding: 2px 0;
        margin: 5px 0;
        border-right: 1px solid #333;
        color: #000 !important;
        font-family: Quicksand;
        font-size: 0.9rem;
    }
    .mod-menu > li:last-child > a {
        border-right: 0px solid #333;
    }
    #header-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        /* margin-top: 12px; */
    }
    li.header-menu-item {
        line-height: 32px;
        width: 33%;
        text-align: center;
        float: left;
        margin-bottom: 25px;
    }
    li.header-menu-item a {
        text-decoration: none;
        color: #000;
        font-family: Quicksand;
        font-size: 1.2rem;
    }
    .mod_homepage_4_keuzes .innerpicture img {
        border-radius: 0%;
        border: 5px solid #fff;
        box-shadow: 0px 0px 15px 1px #ccc;
        width: 100%;
        padding: 0px;
    }    
    #lnee_153 ul.latestnews-items li.latestnews-item {
        width: 50%;
    }
    #lnee_153 .newshead .picture, #lnee_153 .newshead .nopicture {
        max-width: 200px;
        max-height: 200px;
        height: 180px;
        min-height: 180px;
    }    
    .mod_homepage_4_keuzes a, .mod_homepage_4_keuzes a:hover, .mod_unit_homepage a, .mod_unit_homepage a:hover {
        padding: 10px 30px;
        border: 1px solid rgb(51, 51, 102);
        text-decoration: none !important;
        color: rgb(51, 51, 102) !important;
    }
    .itemid-101 .container-top-b {
        width: 75%;
        border: 1px solid #333;
        margin-top: 35px;
    }
    .itemid-101 .container-top-b h2 {
        text-align: center;
        font-size: 40px;
        padding: 15px 0;
    }
    ul.onze-troeven {
        max-width: 800px;
        margin: 0 auto;
    }
    ul.onze-troeven li {
        width: 80%;
        margin: 0 10%;
        float: left;
        line-height: 35px;
        list-style-type: none;
    }
    p.onze-troeven-contact-button {
        margin: 35px 0;
        clear: both;
        width: 40%;
        margin: 0 30%;
        padding: 10px 0;
        background: rgb(51, 51, 102);
        text-align: center;
        color: #fff;
    }
    p.onze-troeven-contact-button a {
        color: #fff;
        text-decoration: none;
    }
    .com-content-article__body { padding: 0 20px; }
    #lnee_152 .innernews {
        flex-direction: column;
    }
    #lnee_152 .newshead .picture, #lnee_152 .newshead .nopicture {
        max-width: 9999px;
    }
    #lnee_152 .newshead .picture img {
        width: 100%;
    }
    #lnee_152 .head_right .innernews {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: inherit;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .itemid-101 .container-bottom3 {
        display: block;
    }
    .container-bottom3 {
        display: block;
    }
    .offerte-aanvragen-button {
        width: 40%;
        margin: 0 30%;
        padding: 10px 0;
        background: rgb(51, 51, 102);
        text-align: center;
        color: #fff;
    }
    .offerte-aanvragen-button a {
        color: #fff;    
        text-decoration: none;
    }
    .footer .grid-child {
        display: flex;
        flex-direction: row;
        justify-content: left;
        align-items: center;
        padding: 2.5rem .5em;
    }
    #mod-custom123 { flex: 6; padding-left: 35px; }    
    #mod-custom122 { flex: 4; }
    .container-bottom2 .mod-custom { padding: 0 30px; }    
}
@media (max-width: 710px) and (orientation: portrait) {
    #mod-custom122,
    #mod-custom123 {
        flex: 0;
        padding-left: 0;
        width: 80%;
        margin: 0 10%;
    }  
    .footer .grid-child {
        display: flex;
        flex-direction: column;
        justify-content: left;
        align-items: center;
        padding: 2.5rem .5em;
    }
}
@media (max-width: 680px) and (orientation: portrait) {
    .container-header .mod-menu {
        flex-direction: column;
        flex: 1;
        display: flex;
    }
    .container-header .mod-menu>li>a, .container-header .mod-menu>li>span {
        color: currentColor;
        text-decoration: none;
        position: relative;
        margin: 0;

    }
    .mod-menu > li > a {
        border-right: 0px solid #333;
    }


}
@media (max-width: 560px) and (orientation: portrait) {
    #lnee_153 ul.latestnews-items li.latestnews-item {
        width: 100%;
    }
    ul.onze-troeven {
        max-width: 480px;
        margin: 0 auto;
    }
    ul.onze-troeven li {
        width: 100%;
        margin: 0 0%;
        float: none;
        line-height: 35px;
        list-style-type: none;
    }
    p.onze-troeven-contact-button {
        margin: 35px 10px;
        clear: both;
        width: 80%;
        margin: 0 10%;
        padding: 10px 0;
        background: rgb(51, 51, 102);
        text-align: center;
        color: #fff;
    }
}