body {
    font-size: 11pt;
    /* background-image: url('/img/circle-overlay-3.svg'); */
    background-size: cover;
}
* {
    font-family: 'Noto sans', sans-serif;
    color: #5C666F;
}
a {
    color: #39b070;
    text-decoration: none;
}
a:hover {
    color: #39b070;
    text-decoration: underline;
}
p {
}
h1 {
    font-size: 2em;
    margin-bottom: 1em;
}
h2 {
    font-size: 1.7em;
    margin-bottom: 1em;
}
h3 {
    font-size: 1.2em;
    margin-bottom: 1em;
    color: #39b070;
}
h1 a, h2 a, h3 a,
h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: none;
    color: #5C666F;
}
header {
    padding-bottom: 0;
}
header.home {
    padding-bottom: 40px;
}
header nav.mainnav {
    text-align: center;
    border-bottom: 1px solid rgba(0,113,101,0.15);
    margin-bottom: 0;
}
header.home nav.mainnav {
    margin-bottom: 40px;
}
header nav.mainnav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
header nav.mainnav ul li {
    list-style-type: none;
    padding: 20px 25px;
    display: inline-block;
    position: relative;
}
header nav.mainnav ul li a {
    text-decoration: none;
    color: #5C666F;
    text-transform: uppercase;
}
header nav.mainnav ul li {
    color: #CCC;
}
header nav.mainnav ul li.language > img {
    opacity: 0.3;
}
header nav.mainnav ul li.language img {
    width: 24px;
}
header nav.mainnav ul.mainnav > li > ul.mainnav {
    position: absolute;
    background-color: #FFF;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
    left: 0;
    top: 60px;
    display: none;
    z-index: 99;
}
header nav.mainnav ul.mainnav > li > ul.mainnav li {
    width: fit-content;
    white-space: nowrap;
}
header nav.mainnav ul.mainnav > li > ul.mainnav:hover,
header nav.mainnav ul.mainnav > li:hover > ul.mainnav {
    display: block;
}
header nav.mainnav ul.mainnav > li:hover > ul.mainnav li:hover {
    background-color: rgba(57,176,112,0.1);
}
header nav.mainnav ul.mainnav li a.subitems {
    display: inline-block;
    margin-left: 10px;
}


div.logo img {
    width: 60%;
    min-width: 270px;
}
img.smalllogo {
    height: 42px;
    width: auto;
    margin: 10px;
}
.headercontent {
    padding-top: 20px;
}
div.arcoverlay-top {
    background-image: url('/img/divider-bottom-arc.png');
    background-size: 100% auto;
    background-position: bottom center;
    min-height: 1.875vw;
}
div.arcoverlay-bottom {
    background-image: url('/img/divider-top-arc.png');
    background-size: 100% auto;
    background-position: top center;
    min-height: 1.875vw;
}
section.headerimage {
    background-size: cover;
    background-position: center center;
}
section.textblock {
    padding: 40px 0;
}
div.headeroverlay {
    background: linear-gradient(to right, rgba(0,113,101,0.35) 0%, rgba(62,175,112,0.35) 100%);
    background-blend-mode: multiply;
}
div.circleoverlay {
    background-image: url('/img/circle-overlay.png');
    background-size: cover;
    background-position: center bottom;
    min-height: 50vh;
}
div.circleoverlay.bottom {
    background-position: center bottom;
    background-image: url('/img/circle-overlay-2.png');
}
div.circleoverlay.subpage {
    min-height: 30vh;
}
div.container.narrow {
    max-width: 760px;
}
div.container.subpageheader {
    min-height: 30vh;
}
div.cta {
    background: linear-gradient(to right, rgba(0,113,101,1) 0%, rgba(62,175,112,1) 100%);
    padding: 20px;
}
div.cta div.shoutout {
    color: #FFF;
    font-size: 1.7em;
}
a.button {
    text-align: center;
    background-color: #EAF81C;
    padding: 10px 30px;
    border: 0;
    border-radius: 2px;
    color: #007165;
    text-decoration: none;
    display: inline-block;
}
section.foldable {
    overflow: hidden;
}
a.button.fold {
    padding: 10px 15px;
}
section.content {
    padding: 80px 0;
}
h2.mapheader {
    display: block;
    padding: 25px 0;
    width: 100%;
    color: #FFF;
    background-color: #0a5853;
    margin: 0;
    font-size: 2.0rem;
}
div.mapcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: stretch;
    margin-bottom: 60px;
}
div.mapcontent {
    flex-basis: 60%;
    height: 700px;
}
div.mapcontainer div.projectcontent {
    flex-basis: 40%;
    padding: 0px;
}
div.projectcontent {
    padding-top: 60px;
    background-color: #e2eaea;
}
div.projectcontent .projectinfo {
    padding: 40px;
}
div.projectcontent div.arcoverlay-bottom {
    margin-top: 40px;
}
div.projectcontent a {
    color: #3eaf70;
}
div.projectcontent a.button {
    color: #007165;
}
div.projectbuttons {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}
div.mapboxgl-map {
    height: 700px;
    display: none;
}
div#mapnl {
    display: block;
}
div#mapnl.projectintro,
div#map.projectintro {
    height: 40vh;
}
ul.projecttabs {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 0;
    spacing: 0;
    justify-content: stretch;
}
ul.projecttabs li {
    display: block;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    flex-grow: 1;
    background-color: #007165;
    color: #94b0ab;
    font-size: 1.2rem;
}
ul.projecttabs li.active {
    background-color: inherit;
    color: inherit;
    cursor: default;
}
div.mapgroup {
    width: 40%;
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}
img.marker {
    max-width: 22px;
    margin-bottom: -4px;
}
.mapboxgl-popup {
    max-width: 200px;
}
.mapboxgl-popup-content {
    text-align: center;
    padding: 7px 20px;
    line-height: 1em;
}
h2.mapbox {
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.mapboxgl-popup-content a {
    color: #0a5853;
}
section.team,
section.projectinfo {
    padding: 30px 0;
    overflow: hidden;
}
section.team div.row,
section.projectinfo div.row {
    display: block;
    padding-bottom: 40px;
}
.tile {
    padding: 0;
}
section.team .tile,
section.projectinfo .tile {
    padding: 0;
    float: left;
}
section.team .tile .tilecontent .displayname {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    padding-top: 65%;
    font-weight: bold;
    display: none;
    color: #FFF;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
section.team .tile .tilecontent:hover .displayname {
    display: block;
}
.imagebox {
    padding: 0;
}
.tilecontent {
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 100%;
    background-size: cover;
}
.tilecontent[data-url]:hover {
    background-blend-mode: multiply;
    cursor: pointer;
}
.imagebox.col-lg-12 .tilecontent {
    padding-bottom: 50%;
}
.gallerysection .row {
    display: block;
}
.imagebox.imagegallery {
    cursor: pointer;
}
.imagebox.imagegallery:nth-of-type(1) {
    width: 50%;
}
.imagebox.imagegallery {
    width: 25%;
    float: left;
}
.flexteam {
    display: block;
}
.flexteammember,
.flexteamdescription {
    float: left;
    padding: 0;
}
.flexteamcontainer {
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 33.33333%;
    background-size: cover;
}
.flexteamdescription .flexteamcontainer {
    padding-bottom: 66.0%;
}
@media only screen and (max-width: 1200px) {
}
.flexteamcontent {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.flexteamdescription .flexteamcontent {
    padding: 15px 20% 15px 15px;
}
.flexteammember .flexteamcontent {
    display: flex;
}
.flexcontent {
    flex-basis: 66.6666%;
    padding: 15px;
    background-color: #FFF;
}
.fleximage {
    flex-basis: 33.3333%;
    position: relative;
}
.fleximage img {
    width: 100%;
}
.flexcontent h2 {
    font-size: 1.4rem;
    margin-bottom: 4px;
    color: #007165;
}
.flexcontent h2 + small {
    display: block;
    margin-bottom: 10px;
    margin-top: -8px;
}
.flexcontent a,
.flexcontent a:hover,
.flexcontent a:active,
.flexcontent a:visited,
.flexcontent a:focus {
    color: #007165;
    text-decoration: underline;
}
.flexcontent i.fas {
    color: #007165;
}
.flexteammember .flexcontent {
    order: 2;
}
.flexteammember .fleximage {
    order: 1;
}
.flexteammember:nth-of-type(2) .flexcontent,
.flexteammember:nth-of-type(4) .flexcontent,
.flexteammember:nth-of-type(5) .flexcontent,
.flexteammember:nth-of-type(8) .flexcontent,
.flexteammember:nth-of-type(9) .flexcontent,
.flexteammember:nth-of-type(12) .flexcontent,
.flexteammember:nth-of-type(13) .flexcontent,
.flexteammember:nth-of-type(16) .flexcontent,
.flexteammember:nth-of-type(17) .flexcontent,
.flexteammember:nth-of-type(20) .flexcontent,
.flexteammember:nth-of-type(21) .flexcontent,
.flexteammember:nth-of-type(24) .flexcontent,
.flexteammember:nth-of-type(25) .flexcontent,
.flexteammember:nth-of-type(28) .flexcontent,
.flexteammember:nth-of-type(29) .flexcontent,
.flexteammember:nth-of-type(32) .flexcontent,
.flexteammember:nth-of-type(33) .flexcontent,
.flexteammember:nth-of-type(36) .flexcontent,
.flexteammember:nth-of-type(37) .flexcontent,
.flexteammember:nth-of-type(40) .flexcontent,
.flexteammember:nth-of-type(41) .flexcontent,
.flexteammember:nth-of-type(44) .flexcontent,
.flexteammember:nth-of-type(45) .flexcontent {
    order: 1;
}
.flexteammember:nth-of-type(2) .fleximage,
.flexteammember:nth-of-type(4) .fleximage,
.flexteammember:nth-of-type(5) .fleximage,
.flexteammember:nth-of-type(8) .fleximage,
.flexteammember:nth-of-type(9) .fleximage,
.flexteammember:nth-of-type(12) .fleximage,
.flexteammember:nth-of-type(13) .fleximage,
.flexteammember:nth-of-type(16) .fleximage,
.flexteammember:nth-of-type(17) .fleximage,
.flexteammember:nth-of-type(20) .fleximage,
.flexteammember:nth-of-type(21) .fleximage,
.flexteammember:nth-of-type(24) .fleximage,
.flexteammember:nth-of-type(25) .fleximage,
.flexteammember:nth-of-type(28) .fleximage,
.flexteammember:nth-of-type(29) .fleximage,
.flexteammember:nth-of-type(32) .fleximage,
.flexteammember:nth-of-type(33) .fleximage,
.flexteammember:nth-of-type(36) .fleximage,
.flexteammember:nth-of-type(37) .fleximage,
.flexteammember:nth-of-type(40) .fleximage,
.flexteammember:nth-of-type(41) .fleximage,
.flexteammember:nth-of-type(44) .fleximage,
.flexteammember:nth-of-type(45) .fleximage {
    order: 2;
}
/*
.flexteammember:nth-of-type(2) .fleximage,
.flexteammember:nth-of-type(5) .fleximage,
.flexteammember:nth-of-type(6) .fleximage,
.flexteammember:nth-of-type(9) .fleximage,
.flexteammember:nth-of-type(10) .fleximage,
.flexteammember:nth-of-type(13) .fleximage,
.flexteammember:nth-of-type(14) .fleximage,
.flexteammember:nth-of-type(17) .fleximage,
.flexteammember:nth-of-type(18) .fleximage,
.flexteammember:nth-of-type(21) .fleximage,
.flexteammember:nth-of-type(22) .fleximage,
.flexteammember:nth-of-type(25) .fleximage,
.flexteammember:nth-of-type(26) .fleximage,
.flexteammember:nth-of-type(29) .fleximage,
.flexteammember:nth-of-type(30) .fleximage,
.flexteammember:nth-of-type(33) .fleximage,
.flexteammember:nth-of-type(34) .fleximage,
.flexteammember:nth-of-type(37) .fleximage,
.flexteammember:nth-of-type(38) .fleximage,
.flexteammember:nth-of-type(41) .fleximage,
.flexteammember:nth-of-type(42) .fleximage,
.flexteammember:nth-of-type(45) .fleximage,
.flexteammember:nth-of-type(46) .fleximage {
    order: 1;
}
*/
.flexteammember .fleximage:before {
    content: "";
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 80%;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-color: #FFF;
}
.flexteammember .fleximage:before {
    right: -12px;
}
.flexteammember:nth-of-type(2) .fleximage:before,
.flexteammember:nth-of-type(4) .fleximage:before,
.flexteammember:nth-of-type(5) .fleximage:before,
.flexteammember:nth-of-type(8) .fleximage:before,
.flexteammember:nth-of-type(9) .fleximage:before,
.flexteammember:nth-of-type(12) .fleximage:before,
.flexteammember:nth-of-type(13) .fleximage:before,
.flexteammember:nth-of-type(16) .fleximage:before,
.flexteammember:nth-of-type(17) .fleximage:before,
.flexteammember:nth-of-type(20) .fleximage:before,
.flexteammember:nth-of-type(21) .fleximage:before,
.flexteammember:nth-of-type(24) .fleximage:before,
.flexteammember:nth-of-type(25) .fleximage:before,
.flexteammember:nth-of-type(28) .fleximage:before,
.flexteammember:nth-of-type(29) .fleximage:before,
.flexteammember:nth-of-type(32) .fleximage:before,
.flexteammember:nth-of-type(33) .fleximage:before,
.flexteammember:nth-of-type(36) .fleximage:before,
.flexteammember:nth-of-type(37) .fleximage:before,
.flexteammember:nth-of-type(40) .fleximage:before,
.flexteammember:nth-of-type(41) .fleximage:before,
.flexteammember:nth-of-type(44) .fleximage:before,
.flexteammember:nth-of-type(45) .fleximage:before {
    left: -12px;
    right: initial;
}
@media only screen and (max-width: 1200px) {
    .flexteamcontainer {
        padding-bottom: 0;
    }
    .flexteammember:nth-of-type(even) .flexcontent {
        order: 2;
    }
    .flexteammember:nth-of-type(even) .fleximage {
        order: 1;
    }
    .flexteammember:nth-of-type(odd) .flexcontent {
        order: 1;
    }
    .flexteammember:nth-of-type(odd) .fleximage {
        order: 2;
    }
    .flexteammember:nth-of-type(even) .fleximage:before {
        left:  initial;
        right: -12px;
    }
    .flexteammember:nth-of-type(odd) .fleximage:before {
        right:  initial;
        left: -12px;
    }
    .flexteamdescription .flexteamcontainer {
        padding-bottom: 0;
    }
    .flexteamcontainer .flexteamcontent {
        position: relative;
    }
}
@media only screen and (max-width: 990px) {
    section.team .tile .tilecontent.intro,
    section.projectinfo .tile .tilecontent.intro {
        overflow: visible;
        padding-bottom: 0;
    }
    section.team .tile .tilecontent.intro .tileinfo,
    section.projectinfo .tile .tilecontent.intro .tileinfo {
        padding: initial;
        padding-bottom: 40px;
        height: auto;
        position: relative;
    }
    .imagebox.imagegallery:nth-of-type(1) {
        width: 100%;
    }
    .imagebox.imagegallery {
        width: 50%;
    }
    /*
    .flexteammember:nth-of-type(1) .fleximage:before,
    .flexteammember:nth-of-type(3) .fleximage:before,
    .flexteammember:nth-of-type(4) .fleximage:before,
    .flexteammember:nth-of-type(7) .fleximage:before,
    .flexteammember:nth-of-type(8) .fleximage:before,
    .flexteammember:nth-of-type(11) .fleximage:before,
    .flexteammember:nth-of-type(12) .fleximage:before,
    .flexteammember:nth-of-type(15) .fleximage:before,
    .flexteammember:nth-of-type(16) .fleximage:before,
    .flexteammember:nth-of-type(19) .fleximage:before,
    .flexteammember:nth-of-type(20) .fleximage:before,
    .flexteammember:nth-of-type(23) .fleximage:before,
    .flexteammember:nth-of-type(24) .fleximage:before,
    .flexteammember:nth-of-type(27) .fleximage:before,
    .flexteammember:nth-of-type(28) .fleximage:before,
    .flexteammember:nth-of-type(31) .fleximage:before,
    .flexteammember:nth-of-type(32) .fleximage:before,
    .flexteammember:nth-of-type(35) .fleximage:before,
    .flexteammember:nth-of-type(36) .fleximage:before,
    .flexteammember:nth-of-type(39) .fleximage:before,
    .flexteammember:nth-of-type(40) .fleximage:before,
    .flexteammember:nth-of-type(43) .fleximage:before,
    .flexteammember:nth-of-type(44) .fleximage:before {
        right: 30px;
        bottom: -12px;
        top: initial;
    }
    .flexteammember:nth-of-type(2) .fleximage:before,
    .flexteammember:nth-of-type(5) .fleximage:before,
    .flexteammember:nth-of-type(6) .fleximage:before,
    .flexteammember:nth-of-type(9) .fleximage:before,
    .flexteammember:nth-of-type(10) .fleximage:before,
    .flexteammember:nth-of-type(13) .fleximage:before,
    .flexteammember:nth-of-type(14) .fleximage:before,
    .flexteammember:nth-of-type(17) .fleximage:before,
    .flexteammember:nth-of-type(18) .fleximage:before,
    .flexteammember:nth-of-type(21) .fleximage:before,
    .flexteammember:nth-of-type(22) .fleximage:before,
    .flexteammember:nth-of-type(25) .fleximage:before,
    .flexteammember:nth-of-type(26) .fleximage:before,
    .flexteammember:nth-of-type(29) .fleximage:before,
    .flexteammember:nth-of-type(30) .fleximage:before,
    .flexteammember:nth-of-type(33) .fleximage:before,
    .flexteammember:nth-of-type(34) .fleximage:before,
    .flexteammember:nth-of-type(37) .fleximage:before,
    .flexteammember:nth-of-type(38) .fleximage:before,
    .flexteammember:nth-of-type(41) .fleximage:before,
    .flexteammember:nth-of-type(42) .fleximage:before,
    .flexteammember:nth-of-type(45) .fleximage:before,
    .flexteammember:nth-of-type(46) .fleximage:before {
        left: 30px;
        bottom: -12px;
        top: initial;
    }
    */
}
@media only screen and (max-width: 768px) {
    .flexteammember .flexcontent {
        order: 2 !important;
    }
    .flexteammember .fleximage {
        order: 1 !important;
    }
    .flexteammember .flexcontent {
        flex-basis: 100%;
        padding: 15px;
        background-color: #FFF;
    }
    .flexteammember .fleximage {
        flex-basis: 100%;
        position: relative;
    }
    .flexteammember .flexteamcontent {
        flex-wrap: wrap;
        position: relative;
    }
    .flexteammember:nth-of-type(odd) .fleximage:before {
        right: 30px;
        bottom: -12px;
        top: initial;
        left: initial;
    }
    .flexteammember:nth-of-type(even) .fleximage:before {
        left: 30px;
        right: initial;
        bottom: -12px;
        top: initial;
    }
    /*
    .flexteammember .flexcontent,
    .flexteammember:nth-of-type(1) .flexcontent,
    .flexteammember:nth-of-type(3) .flexcontent,
    .flexteammember:nth-of-type(4) .flexcontent,
    .flexteammember:nth-of-type(7) .flexcontent,
    .flexteammember:nth-of-type(8) .flexcontent,
    .flexteammember:nth-of-type(11) .flexcontent,
    .flexteammember:nth-of-type(12) .flexcontent,
    .flexteammember:nth-of-type(15) .flexcontent,
    .flexteammember:nth-of-type(16) .flexcontent,
    .flexteammember:nth-of-type(19) .flexcontent,
    .flexteammember:nth-of-type(20) .flexcontent,
    .flexteammember:nth-of-type(23) .flexcontent,
    .flexteammember:nth-of-type(24) .flexcontent,
    .flexteammember:nth-of-type(27) .flexcontent,
    .flexteammember:nth-of-type(28) .flexcontent,
    .flexteammember:nth-of-type(31) .flexcontent,
    .flexteammember:nth-of-type(32) .flexcontent,
    .flexteammember:nth-of-type(35) .flexcontent,
    .flexteammember:nth-of-type(36) .flexcontent,
    .flexteammember:nth-of-type(39) .flexcontent,
    .flexteammember:nth-of-type(40) .flexcontent,
    .flexteammember:nth-of-type(43) .flexcontent,
    .flexteammember:nth-of-type(44) .flexcontent {
        order: 2;
    }
    .flexteammember .fleximage,
    .flexteammember:nth-of-type(2) .fleximage,
    .flexteammember:nth-of-type(5) .fleximage,
    .flexteammember:nth-of-type(6) .fleximage,
    .flexteammember:nth-of-type(9) .fleximage,
    .flexteammember:nth-of-type(10) .fleximage,
    .flexteammember:nth-of-type(13) .fleximage,
    .flexteammember:nth-of-type(14) .fleximage,
    .flexteammember:nth-of-type(17) .fleximage,
    .flexteammember:nth-of-type(18) .fleximage,
    .flexteammember:nth-of-type(21) .fleximage,
    .flexteammember:nth-of-type(22) .fleximage,
    .flexteammember:nth-of-type(25) .fleximage,
    .flexteammember:nth-of-type(26) .fleximage,
    .flexteammember:nth-of-type(29) .fleximage,
    .flexteammember:nth-of-type(30) .fleximage,
    .flexteammember:nth-of-type(33) .fleximage,
    .flexteammember:nth-of-type(34) .fleximage,
    .flexteammember:nth-of-type(37) .fleximage,
    .flexteammember:nth-of-type(38) .fleximage,
    .flexteammember:nth-of-type(41) .fleximage,
    .flexteammember:nth-of-type(42) .fleximage,
    .flexteammember:nth-of-type(45) .fleximage,
    .flexteammember:nth-of-type(46) .fleximage {
        order: 1;
    }
    */
    div.mapcontainer {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: stretch;
    }
    div.mapcontainer > div.mapcontent {
        height: 500px;
    }
    div.mapboxgl-map {
        width: 100%;
        height: 500px;
        flex-basis: 60%;
        border-right: 0;
        border-bottom: 1px solid #FFF;
    }
    div.mapgroup {
        width: 100%;
        height: 40%;
        flex-basis: 40%;
        display: flex;
        flex-direction: row;
        justify-content: stretch;
    }
}
@media only screen and (max-width: 550px) {
    .imagebox.imagegallery,
    .imagebox.imagegallery:nth-of-type(1) {
        width: 100%;
    }
}
/* section.news .newstile .newstilecontent .newsitem .tileinfo, */
section.team .tile .tilecontent .tileinfo,
section.projectinfo .tile .tilecontent .projectintro,
section.projectinfo .tile .tilecontent .projectprops,
section .tile .tilecontent .tileinfo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 30px 30px 0;
}
section.projectinfo .tile .tilecontent .projectprops,
section.projectinfo .tile .tilecontent .projectintro {
    padding: 35% 30px 30px 30px;
}
section.projectinfo .tile .tilecontent .projectinfo * {
    color: #FFF;
}
section.news .newstile .newstilecontent .newsitem .tileinfo,
section.projectinfo .tileinfo {
    position: absolute;
    padding: 45% 0 0 0;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 1.4em;
}
section.news .newstile .newstilecontent .newsitem .tileinfo a,
section.projectinfo .tileinfo a {
    text-decoration: none;
    color: #007165;
}
/* section.news {
    background: #dfe1e3;
    background: -moz-linear-gradient(top, #dfe1e3 41%, #dfe1e3 41%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #dfe1e3 41%,#dfe1e3 41%,#ffffff 100%);
    background: linear-gradient(to bottom, #dfe1e3 41%,#dfe1e3 41%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe1e3', endColorstr='#ffffff',GradientType=0 );
} */
section.news .container.news {
    padding: 40px 0;
}
section.news .container.news .newstile {
    float: left;
}
section.news .container.news .newstile:nth-of-type(1) {
    width: 50%;
}
section.news .container.news .newstile {
    width: 25%;
}
section.news .container.news .newstile .newstilecontent {
    position: inherit;
    width: 100%;
    background-size: cover;
}
section.news .container.news .newstile:nth-of-type(1) .newstilecontent {
}
section.news .container.news .newstile .newstilecontent div.image {
    width: 100%;
    overflow: hidden;
    padding-bottom: 100%;
    background-size: cover;
}
section.news .container.news .newstile:nth-of-type(1) .newstilecontent div.image{
    padding-bottom: 50%;
}
section.news .container.news .newstile .newstilecontent div.description {
    display: none;
}
section.news .container.news .newstile:nth-of-type(1) .newstilecontent div.description {
    display: block;
}
.newstilecontent .title,
.newstilecontent .description {
    width: 100%;
    padding: 15px;
}
section.news .container.news .newstile:nth-of-type(1) .newstilecontent div.title,
section.news .container.news .newstile:nth-of-type(1) .newstilecontent div.description {
    width: 50%;
    float: left;
}
.entry-published {
    font-size: 0.9em;
    color: #b3b8bb;
}
@media only screen and (max-width: 990px) {
    section.news .container.news .newstile:nth-of-type(1) {
        width: 100%;
    }
    section.news .container.news .newstile {
        width: 50%;
    }
}
section.imagesection {
    padding: 40px 0;
}
section .tile.quotebox .tilecontent .tileinfo {
    padding: 35% 30px 30px 30px;
    background-image: url('/img/quote.png');
    background-position: 30px 30px;
    background-size: auto 15%;
    background-repeat: no-repeat;
}
.teamquote {
    background-color: #a9d8bc;
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 35% 30px 30px 30px;
    background-image: url('/img/quote.png');
    background-position: 30px 30px;
    background-size: auto 15%;
    background-repeat: no-repeat;
}
.projectprops {
    background-color: #a9d8bc;
    padding: 60px 15px 15px 25%;
    background-image: url('/img/magicwand.png');
    background-position: 30px 30px;
    background-size: auto 100px;
    background-repeat: no-repeat;
}
.projectintro {
    background-color: #b3b8bb;
    background-image: url('/img/quote-white.png');
    background-position: 30px 30px;
    background-size: 100px;
    background-repeat: no-repeat;
}
section.newsmenu {
    background: #5c656f; /* Old browsers */
    background: -moz-linear-gradient(left, #5c656f 0%, #076e62 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #5c656f 0%,#076e62 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #5c656f 0%,#076e62 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c656f', endColorstr='#076e62',GradientType=1 ); /* IE6-9 */
    padding: 30px 0;
}
section.newsmenu h1 {
    display: inline-block;
    width: 100%;
    color: #FFF;
}
section.newsmenu ul.newsmenu {
    list-style-type: none;
    padding: 0;
}
section.newsmenu ul.newsmenu li {
    display: block;
}
section.newsmenu ul.newsmenu li:hover {
    background-color: #EAF81C;
}
section.newsmenu ul.newsmenu li * {
    color: #FFF;
}
section.newsmenu ul.newsmenu li div.row {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}
section.newsmenu ul.newsmenu li:first-of-type div.row {
    border-top: 1px solid rgba(255,255,255,0.3);
}
section.newsmenu ul.newsmenu li:hover * {
    color: #5C666F;
}
section.newsmenu ul.newsmenu li a {
    text-decoration: none;
    font-weight: normal;
}
section.newsmenu ul.newsmenu li a h2 {
    display: inline-block;
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
}
a.newsnav {
    display: block;
    padding: 10px;
    text-align: center;
}
a.newsnav span {
    color: #FFF;
    font-size: 2em;
}
div.projectcontent h1 a {
    color: #5C666F;
}
div.share,
div.share * {
    color: #3eaf70;
}
div.share span.fab {
    font-size: 20px;
    margin-left: 10px;
}
.fieldcontainer, .field {
    display: block;
    width: 100%;
}
.fieldcontainer {
    margin-bottom: 2em;
}
section.flexteamsection,
section.contact,
section.news {
    background: rgb(230,231,233); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(230,231,233,1) 0%, rgba(208,211,213,1) 26%, rgba(208,211,213,1) 45%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(230,231,233,1) 0%,rgba(208,211,213,1) 26%,rgba(208,211,213,1) 45%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(230,231,233,1) 0%,rgba(208,211,213,1) 26%,rgba(208,211,213,1) 45%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
section.contact .container {
    margin-top: 40px;
    margin-bottom: 100px;
}
input[type=submit] {
    background-color: #EAF81C;
    padding: 10px 50px;
    border: 0;
    border-radius: 2px;
    color: #007165;
    text-decoration: none;
    display: inline-block;
}
input[type=text],
textarea {
    width: 100%;
    padding: 20px 30px;
    border: 0;
}
textarea {
    min-height: 6em;
}
.video-container {
    position: relative;
    padding-bottom: 50.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
footer {
    margin-top: 40px;
    background: linear-gradient(to right, rgba(0,113,101,1) 0%, rgba(62,175,112,1) 100%);
}
footer *,
footer a,
footer a:hover {
    color: #FFF;
    text-decoration: none;
}
footer span.fab {
    margin-right: 12px;
    font-size: 20px;
}
footer section.prefooter {
    border-bottom: 1px solid #FFF;
}
a.mobnav {
    display: none;
    font-size: 2em;
    position: absolute;
    right: 12px;
    top: 12px;
}
section.cookiebar {
    position: fixed;
    width: 100%;
    color: #FFF;
    bottom: 0;
    padding: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,0.9);
    display: none;
    background: linear-gradient(to right, rgba(0,113,101,1) 0%, rgba(62,175,112,1) 100%);
}
section.cookiebar .cookiecontent {
    color: #FFF;
}

@media (max-width: 1200px) {
    header nav.mainnav ul li {
        padding: 20px 20px;
    }
}

@media (max-width: 1024px) {
    .container {
        max-width: 96%;
    }
    .container.news {
        max-width: 100%;
    }
    section.news .container.news {
        padding: 40px 15px;
    }
    div.mapcontainer {
        flex-wrap: wrap;
    }
    div.mapcontent {
        flex-basis: 100%;
    }
    div.mapcontainer div.projectcontent {
        flex-basis: 100%;
    }
}

.newstile.morenewsxs {
    display: none;
}
@media (max-width: 990px) {
    .newstile.morenewsxl {
        display: none;
    }
    .newstile.morenewsxs {
        display: block;
    }
}

@media (max-width: 850px) {
    a.mobnav {
        display: block;
    }
    nav.mainnav {
        position: fixed;
        z-index: 9999;
        background-color: #FFF;
        left: 0;
        top: 0;
        right: 0;
        height: 62px;
    }
    ul.mainnav {
        background-color: rgba(57,176,112,0.8);
        position: fixed;
        width: 100%;
        top: 62px;
        left: 0;
        right: 0;
        display: none;
        z-index: 10000;
    }
    ul.mainnav li {
        width: 100%;
    }
    header nav.mainnav ul.mainnav > li > ul.mainnav {
        background-color: rgba(57,176,112,0.8);
        box-shadow: initial;
        position: relative;
        top: 10px;
    }
    header nav.mainnav ul li a.subitems,
    header nav.mainnav ul li a.subitems i,
    header nav.mainnav ul li a {
        color: #FFF;
    }
    header nav.mainnav ul li a {
        display: inline-block;
        width: 100%;
    }
    header nav.mainnav ul li a.subitems {
        position: absolute;
        right: 25px;
        width: fit-content;
    }
    body {
        padding-top: 62px;
    }
    div.logo img {
        margin-top: 20px;
    }
    img.smalllogo {
        z-index: 10000;
        display: block;
    }
    div.navcontainer {
        z-index: -1;
    }
    .footerlogo {
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .projectinfo .tilecontent,
    .quotebox .tilecontent,
    .contentbox .tilecontent {
        padding-bottom: 0;
    }
    .tilecontent .teamquote,
    section .imagesbox .tilecontent .tileinfo,
    section .quotebox .tilecontent .tileinfo,
    section.projectinfo .tile .tilecontent .projectprops {
        position: relative;
    }
    .projectcontent.teammember,
    .projectcontent.newsitem {
        padding-top: 30px;
    }
}

.process img {
    width: 100%;
}
.processimage {
    padding: 30px;
}
.processimage area.active {
}
.process .processes {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.process .processes > div {
    display: none;
    padding-left: 15px;
}
.process .processes > div:first-of-type {
    display: block;
}
.haalbaarheid {
    border-left: 4px solid #24a8df;
}
.ontwikkeling {
    border-left: 4px solid #97975d;
}
.engineering {
    border-left: 4px solid #65aca9;
}
.contractering {
    border-left: 4px solid #547a80;
}
.financiering {
    border-left: 4px solid #69c8d5;
}
.bouw {
    border-left: 4px solid #00a69c;
}
.operationeelmanagement {
    border-left: 4px solid #8bc53f;
}
.herontwikkeling {
    border-left: 4px solid #007266;
}



.obituary {
    background-color: #3b3b3b;
    color: #FFF !important;
    margin-bottom: 30px;
}
.obituary * {
    color: #FFF;
}
.obituary input, .obituary textarea {
    color: #3b3b3b;
}
.obituary a {
    color: #39b070;
    text-decoration: underline;
}