@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');


* {
    font-family: 'Barlow', sans-serif;
    margin:0px;
    padding:0px;

    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    
    outline: none !important;
}

body {
    background-color:#F5F5F5;
    color:#303030;
    
}


header a.logo img {
  width: 200px;
  height:auto;
} 

html, body {
    overflow-x: hidden !important;   
}

p img {
    width:100%;
}

a, a:hover {
    color:#303030;
}

a:not(.button):hover {
    color:#303030;
}

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #ddd; /* old IE */
    background-color: #ddd; /* Modern Browsers */
}

p, span, a {
    font-size:16px;
    font-weight: 500;
    line-height:30px;
}

.p-large p, .p-large {
    font-size:17px;
    font-weight: 500;
    line-height:31px;    
}


h1:not(.block-intro h1), h2, h3 {
    font-size:44px;
    line-height:35px;
    font-weight: 600;
    margin-bottom:22px;
    color:#597879;
} 

h1:not(.block-intro h1) {
    line-height: 46px;
}

.block-intro h1 {
    margin-bottom:0;
}

.h1, h1 {
    font-size:inherit;
    line-height:inherit;
    font-weight: inherit;
        
 }
 
@media (min-width: 1200px) {
    .h1, h1 {
        font-size:inherit;
        line-height:inherit;
        font-weight: inherit;
        
    }
}

p {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

h3 {
    font-size:24px;
    line-height:35px;
    color:#303030;   
}

strong {
  font-weight: 600;  
}


.topbar {
    background-color:#597879;
    width:100%;
    text-align:center; 
}

.topbar .contents p {
    color:#fff;
    padding:0;
    margin:0;
    font-family: 'Roboto', sans-serif;
    font-size:14px;
    font-weight: 400;
}

.topbar .contents {
    padding-top:10px;
    padding-bottom:10px;
}

.col-center {
    text-align:center;
}

.container {
    position:relative;
}

body.top-bar-active main {
    margin-top:170px;
}

body main {
    margin-top:150px;
}


.block-type-1 .contents {
    padding:120px 75px;
    width:100%;
    max-width:518px;
    padding-right:0;
    position: relative;
    z-index: 1;
}

.block-padding {
    padding-top:65px;
    padding-bottom:65px;
}

.circle-wrap {
    position:absolute;
    overflow:hidden;
    height:165px;
    width:328px; 
    transform: rotate(180deg);
    right:16%;
    top:0; 
}

.circle-wrap.b {
    top:auto;
    bottom:0;
    right:35%;
    height:93px;
    transform: rotate(0deg);
}

.circle-wrap .circle {
    width:328px;
    height:328px;
    background-color:#f9fafa;
    border-radius:50%;
}




.col-elem {
    position:relative;
}

.photo-sec {
    position:absolute;
    top:0;
    right:15px;
    width:100%;
    height:522px;
    background-size:cover;
    background-position: center;
    border-radius:0px 35px 35px 120px;
    
}

.block-type-1 .col-bg .inner {
    background-color:#fff;
    border-radius:35px;
}

.row-grid-prev {
    z-index:1;
    position: relative;
}


.banner-header {
    width:100%;
    height:469px;
    background-size:cover;
    background-position: center center;
    display: flex;
    align-items: center;
}

.banner-header .contents {
    max-width:400px;
    width:100%;
}

.dark *:not(.button):not(input):not(textarea):not(select):not(.validation_error p)  {
    color:#fff !important;
}

.block-intro .contents {
    display:inline-block;
    width:100%;
    max-width:850px;
    text-align:center;
}

.block-intro .contents p:last-child {
    margin:0;
    padding:0;
}

.card-type-a {
    border-radius:30px;
    background-color:#fff;
    
    transition: all 0.25s ease;
    cursor:pointer;
    margin-bottom:25px;
    position: relative;
    z-index:1;
}

.card-type-a .inner {
    padding:31px;
    padding-bottom:51px;
    position: relative;
    height:100%;
}

.row-space {
    margin-top:30px;
}

.row-space-a {
    margin-top:40px;
}

.card-type-a:not(.b):hover {
    transform: scale(1.02); 
    background-color:#597879;
}

.card-type-a:not(.b):hover * {
    color:#fff !important;
}

.no-padding-top {
    padding-top:0 !important;
}

.block.block-intro {
    padding-bottom:85px;
}

.card-type-a a.read-more {
    position: absolute;
    bottom:30px;
    
    
}

.card-type-a.b {
    cursor:auto;
    margin-bottom:0;
}

.card-type-a.b h3 {
    font-weight: 500;
}

.col-center {
    text-align:center;
}

.card-verhalen {
    position: relative;
    border-radius:35px;
    background: linear-gradient(to bottom, #597879, #4A696A);
    padding:75px 145px 75px 145px;
    position: relative;
    overflow:hidden;
    
}

.card-type-a.b .inner p:last-child {
    padding:0;
    margin:0;
}

.row-space2 {
    margin-top:70px;
}

.row-space3 {
    margin-top:45px;
}

.col-padding-more {
    padding-left:25px;
    padding-right:25px;
}

.card-verhalen .cc1 {
    padding-top:60px;
}


.card-verhalen:before, .card-verhalen:after, .balloon, .card-type-a.b.c:before, .card-type-a.b.c:after {
   width:590px;
   height:590px;
   border-radius:50%;
   background-color:#60818266;
   content:'';
   position: absolute;
   top:-280px;
   left:-280px; 
}

.card-verhalen:after {
    right: -360px;
    top: -50px;
    left:auto;
}

.card-verhalen .intro {
    position: relative;
    z-index:1;
}

.card-verhalen .balloon {
    right: auto;
    top: auto;

    bottom:-150px;
    left:-150px;  
    background-color:#60818266;
    
}

.card-verhalen .row-cards .cc:nth-child(n+3) {
    display:none;
}

.card-verhalen .row-cards .cc.active {
    display:block;
}

.vv1 {
    position: relative;
    z-index:1;
}

.card-type-a.b.c .inner {
    padding:80px;
}

.card-type-a.b.c {
    overflow:hidden;
}

.card-type-a.b.c:before, .card-type-a.b.c:after {
    background-color:#60818209;
    width:328px;
    height:328px;
    top: -140px;
    left: 280px;
}

.card-type-a.b.c:after {
    
   width:480px;
   height:480px;
   top:auto;
   bottom: -200px;
   left: auto;
   right: -50px;  
}

.card-type-a.b.c.d:after, .card-type-a.b.c.d:before {
    display:none;
}

.card-type-a.b.c.d .inner {
    padding-left:30px;
    padding-right:30px;
    padding-bottom:10px;
}


.card-type-a .inner {
    position: relative;
    z-index:1;
}

a.info-item {
    display:flex;
    align-items:center;
    background-color:#F9FAFA;
    border-radius:35px;
    padding:25px;
    padding-left:35px;
    font-size:20px;
    line-height:35px;
    font-weight: 600;
    text-decoration: none;
    margin-bottom:25px;
    transition: all 0.25s ease;
    width:100%;
}

a.info-item:hover {
    color:#E78A00;
}

a.info-item img {
    width:35px;
    height:35px;
    margin-right:20px;
}

.items-sumup {
    margin-top:40px;
}

.card-type-a.b .inner p:last-child a.button {
    margin-top:5px;
}

.card-type-a {
    width:100%;
}

footer {
    background-color:#fff;
}

.nice-list ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    background-image: url(../images/arrow2.svg);
    width: 13px;
    height: 13px;
    content: '';
    background-size: cover;
}

.nice-list ul, .block-footer-2 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.nice-list ul li {
    padding-left: 28px;
    position: relative;
    padding-bottom: 3px;
}

footer ul li a {
    text-decoration: none;
    
}

footer ul li a:hover {
  
    text-decoration: underline;
}

footer .d-short {
    max-width:280px;
    width:100%;
}

.block-footer-2 {
    margin-top:70px;
}

.block-footer-2 .container .line {
    border-top:1px solid #F2F2F0;
    padding-bottom:25px;
    
}

footer.block-padding {
    padding-bottom:25px;
}

.block-footer-2 p {
    margin:0;
    padding:0;
    white-space: nowrap;
}

.block-footer-2 .c1 img {
    width:75px;
    margin-left:55px;
}

.block-footer-2 .c2 {
    
    justify-content:flex-end;
}

.block-footer-2 .c2 ul li {
    display:inline;
    padding-right:30px;
}

.block-footer-2 .c2 ul li:last-child {
    padding-right:0;
}

.block-footer-1 .c2 img {
    display:none;
}

#breadcrumbs span > span:not(:last-child):after {
    content: '';
    background-image: url(../images/sep.svg);
    width: 6px;
    height: 10px;
    background-size: cover;
    position: absolute;
    right: 14px;
    top: 2px;
    bottom: 0;
    margin: auto;
}

#breadcrumbs span > span {
    padding-right: 40px;
}

#breadcrumbs a {
    color:#999999;
    text-decoration: none;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}

p#breadcrumbs {
    margin-bottom: 0;
    text-align: center;
}

.block-breadcrumbs {
    padding-top:45px;
    padding-bottom:47px;
}

#breadcrumbs span {
    position: relative;
    
}

#breadcrumbs span.breadcrumb_last {
    color:#597879;
    font-weight:700;
    padding-right:0;
}

.card-type-a.b.e .inner {
   padding:55px; 
}

.card-type-a.b.e h3 {
    font-weight: 600;
    margin-bottom:15px;
}

.card-type-a.b.e h1 {
    margin-bottom:25px;
}

.card-type-a.menu {
    background-color:#597879;
    
}

ul.menu-sub {
    margin:0;
    padding:0;
    list-style-type:none;
    
}

ul.menu-sub li {
    position: relative;
    border-bottom:1px solid #A3B2B2;

}

ul.menu-sub li a {
    text-decoration: none;
    display: block;
    position: relative;
    width:100%;
    padding-bottom:11px;
    padding-top:11px; 
    transition: all 0.25s ease;   
}

ul.menu-sub li:last-child {
   border-bottom:0px; 
}

ul.menu-sub li a:after {
    width: 14px;
    height: 12px;
    position: absolute;
    right: 0px;
    top: 2px;
    bottom: 0;
    margin: auto;
    background-image: url(../images/arrow.svg);
    content: '';
    background-size: cover;
}

ul.menu-sub li.active-item a {
    padding-left:20px;
    font-weight: 800;
    pointer-events:none;  
}

ul.menu-sub li:not(.active-item) a:hover {
    padding-left:20px;
    font-weight: 800;    
}

.info-page .block-1 .cc1 {
    padding-right:25px;
}

.items-active .card-type-a {
   background-color: #597879;
   
}

.items-active .card-type-a:hover {
  
}

.items-active .card-type-a * {
    color:#fff;
}

.items-sumup.b {
    display: flex;
    justify-content: space-between; /* Distribute the child elements evenly */
    align-items: center; /* Align items vertically in the center */
    gap: 20px; /* Optional: adds space between the elements */
}

.items-sumup.b .info-item {
    flex-grow: 1; /* Allows each item to grow evenly */
    text-align: center; /* Center the content of each link */
    justify-content: center;
    padding-left:0;
}

.info-box {
    border:1px solid #E78A00;
    border-radius:10px;
    background-color:#E78A001A;
    padding:35px;
}

.info-box strong {
    color:#597879;
}

.inner table thead {
    
    
}

.inner table {
    
     margin-bottom:18px;
}

.inner table thead td {
   font-weight: 700;
   color:#fff; 
   background-color:#597879;
   
}

.inner table td {
    padding:9px;
    padding-left:13px;
    padding-right:13px;
    font-size:12px;
    font-weight: 400;
    font-family:Inter;
    
}

.inner table tbody td {
    border-bottom: 1px solid #597879;
  
}

.inner table tbody tr:last-child td {
    border-bottom:0;
}

.inner table tbody tr td:first-child {
   border-right: 1px solid #597879; 
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 5px; /* Adjust the value as needed */
    overflow: hidden;
    border: 1px solid #597879;
}

thead td:first-child {
    border-top-left-radius: 0px; /* Top left */
}

thead td:last-child {
    border-top-right-radius: 0px; /* Top right */
}

tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px; /* Bottom left */
}

tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px; /* Bottom right */
}

thead td:first-child, 
thead td:last-child, 
tbody td:first-child, 
tbody td:last-child {
    width: 50%; /* Make both columns equal width */
}

.card-type-a.f {
    background-color:#597879;
}

.card-type-a.f .inner {
    padding:50px;
}

.card-type-a.f.orange {
    background-color:#E78A00;
}

.card-type-a.f.white {
    background-color:#fff;
}

.table-type-b .inner table tbody tr td:first-child {
    border-right: 0;
}

.table-type-b .inner table tbody td, .table-type-b table {
    border: 0;
}

.table-type-b tr td:first-child {
    font-weight: 700;
    padding-left:0;
}

.table-type-b .inner table td {
  
    font-family: inherit;
    font-size:16px;
    padding-bottom:4px;
}

.ccv1 {
    padding-right:20px;
}

.ccv2 {
    padding-left:20px;
}

.locaties h2 {
    margin-bottom:35px;
}

.locaties h3 {
    margin-bottom:8px;
}

.locaties a.button {
    margin-top:15px;
    margin-bottom:22px;
}