/*
	Theme Name: HTML5 Blank
	Template: html5blank-stable
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
/* EXAMPLE 

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

END EXAMPLE */

@font-face {
    font-family: 'Caecilia LT Std';
    src: url('fonts/CaeciliaLTStd-Bold.eot');
    src: url('fonts/CaeciliaLTStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/CaeciliaLTStd-Bold.woff2') format('woff2'),
        url('fonts/CaeciliaLTStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bodoni';
    src: url('fonts/BodoniModa9pt-Bold.woff2') format('woff2'),
        url('fonts/BodoniModa9pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
    outline: 0!important;
}

li#menu-item-2986 a,
li#menu-item-2967 a
{
	pointer-events: none;
	cursor:default;
}

body{
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing:antialiased;
	font-size:16px;
	font-weight:400;
	margin:0;
	color:#000;
	/* color:#777; */
	height:100%;
	overflow-x:hidden;
	overflow-y:scroll;
	-moz-transition: padding-left 0.3s ease;
	-webkit-transition: padding-left 0.3s ease;
	transition: padding-left 0.3s ease;
	background-color: #fff;
}
/* p b,
p strong {
	color: #3E4975;
} */
p {
    margin: 0 0 16px 0;
    line-height: 1.75em;
	font-size: 16px;
	color: #000	
}
/*------------------------------------*\
    HEADINGS
\*------------------------------------*/

.text-large,
.text-large p {
	font-size: 18px;
}

.header--page {
	margin-bottom:0px;
}

ul {
	margin-bottom: 16px;
}
ul li:last-child {
	margin-bottom:0px
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Bodoni';
    clear: both;
	font-weight:700;
	color: #000;
	line-height:1.3em;
	margin:0 0 25px 0;
}
h1, .h1 {
	font-size:56px;
}
.text-block-bg h1,
.home h1,
h2, .h2 {
	font-size:40px;
}
.team-slider-layout h2,
.usp h2 {
	font-size: 24px;
}
h3, .h3 {
	font-size:32px;	
}
h4, .h4 {
	font-size:24px;	
}
h4, .h5 {
	font-size:24px;	
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}
.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#222222;
}
/*START YOAST BREADCRUMBS*/
#breadcrumbs a {
	color:#2F4F4F;
	/* color:#777; */
}
#breadcrumbs a:hover {
	color: #222222;
}
#breadcrumbs #text {
	color: #000;	
}
#breadcrumbs span a {
	position:relative;
}
#breadcrumbs span a:after {
    position: relative;
    font-family: FontAwesome;
    top: 0px;
	content: '\f054';
    color: #3E4975;
    font-size: 12px;
    width: 20px;	
    padding: 0px 6px 0px 10px;	
}
#breadcrumbs span.breadcrumb_last {
	color:#222222;
}
p#breadcrumbs {
	margin-bottom:0px;
}
/*END YOAST BREADCRUMBS*/
.sidebar-lp a,
.bottom-footer a,
.top-footer a {
	font-weight:bold;
	font-size: 14px;
    position: relative;
    left: 0px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}
footer p {
	font-size: 14px;
}
.widget-title {
	font-size: 18px;
}
a.read-more {
	color: #3D4975;
}
a.read-more {
    position: relative;
    text-decoration: none;
    display: inline-block;
    transition: border-bottom 0.3s ease;
}
a.read-more:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: calc(100% - 20px);
    height: 1px;
    background-color: #3E4975;
    transform: scaleX(1);
    transform-origin: center;
    transition: transform 0.3s ease;
    z-index: 1;
}

a.read-more:hover:before {
    transform: scaleX(0);
}

a.read-more:after {
    content: '';
    display: inline-block;
    margin-left: 7px;
    width: 11px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3266 5.40964C10.4367 5.30417 10.5 5.15652 10.5 5.00183C10.5 4.84714 10.4367 4.70183 10.3266 4.59402L6.20156 0.656516C5.97656 0.440891 5.62031 0.450266 5.40703 0.675266C5.19375 0.900266 5.20078 1.25652 5.42578 1.4698L8.53359 4.43933H0.5625C0.250781 4.43933 0 4.69011 0 5.00183C0 5.31355 0.250781 5.56433 0.5625 5.56433H8.53359L5.42344 8.53152C5.19844 8.74714 5.19141 9.10105 5.40469 9.32605C5.61797 9.55105 5.97422 9.55808 6.19922 9.3448L10.3242 5.4073L10.3266 5.40964Z' fill='%233E4975'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 2px;
}
.sidebar-lp a:hover,
a.read-more:hover:after,
a.read-more:hover,
.telefoonnummer-container a:hover,
.top-footer a:hover,
a:hover {
	color:#3E4975;
	text-decoration:none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;	
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
/*.grecaptcha-badge {
    display: none !important;
}*/
.phone:before, 
.mail:before {
    font-family: FontAwesome;
    ffont-weight:900;   
    content: '\f095';
    position: relative;
    display: inline-block;
    top: 1px;
    left: 0px;
    color: #3E4975;
    margin-left: 0px;
    right: 0;
    font-size:16px;
    height: 17px;
    width: 17px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}       
.mail:before {
    font-family: 'Font Awesome 5 Free'; 
    content: '\f2b6';
    top: 0px;   
    font-size:14px;
}           
.content-lt p {
	color:#fff;
}
.content-dk a,
.content-dk h2,
.content-dk p {
	color:#000 !important;
}
.bg-shadow {
	top:0px;
	height: 100%;
	position: absolute;
	left: 0px;
	background-color: #000;
	z-index: 1;
	width: 100%;
	opacity: 0.4;
}
.z-10 {
	z-index: 10;
}
/*------------------------------------*\
    VISIBILITY
\*------------------------------------*/
.hidden {
	display:none !important;	
}
.show-1024,
.show-900,
.show-800,
.show-768,
.show-670,
.show-480 {
	display:none;
}
/*------------------------------------*\
    TEXT TRANSFORM
\*------------------------------------*/

.text-transform-uppercase {
	text-transform: uppercase;
}


/*------------------------------------*\
    PADDINGS
\*------------------------------------*/
.p-5 {
	padding:0px 5%;
}
.p-10 {
	padding:0px 10%;
}
.p-15 {
	padding:0px 15%;
}
.p-20 {
	padding:0px 20%;
}
.p-25 {
	padding:0px 25%;
}
.p-30 {
	padding:0px 30%;
}
.p-35 {
	padding:0px 35%;
}
.p-40 {
	padding:0px 40%;
}
.p-45 {
	padding:0px 45%;
}
.p-50 {
	padding:0px 50%;
}
.p-xxs {
    padding: 2px 4px;
}
.p-xs {
    padding: 5px;
}
.p-sm {
    padding: 10px;
}
.p {
    padding: 15px;
}
.p-md {
    padding: 20px;
}
.p-lg {
    padding: 30px;
}
.p-xl {
    padding: 50px;
}
.p-n {
    padding: 0!important;
}
.p-l-none {
    padding-left: 0!important;
}
.p-l-xs {
    padding-left: 5px;
}
.p-l-sm {
    padding-left: 10px;
}
.p-l {
    padding-left: 15px;
}
.p-l-md {
    padding-left: 20px;
}
.p-l-30 {
    padding-left: 30px;
}
.p-l-lg {
    padding-left: 60px;
}
.p-l-xl {
    padding-left: 80px;
}
.p-l-xxl {
    padding-left: 96px;
}
.p-l-n-xxs {
    padding-left: -1px;
}
.p-l-n-xs {
    padding-left: -5px;
}
.p-l-n-sm {
    padding-left: -10px;
}
.p-l-n {
    padding-left: -15px;
}
.p-l-n-md {
    padding-left: -20px;
}
.p-l-n-lg {
    padding-left: -30px;
}
.p-l-n-xl {
    padding-left: -40px;
}
.p-l-n-xxl {
    padding-left: -48px;
}
.p-t-none {
    padding-top: 0!important;
}
.p-t-xxs {
    padding-top: 1px;
}
.p-t-xs {
    padding-top: 5px;
}
.p-t-sm {
    padding-top: 10px;
}
.p-t {
    padding-top: 15px;
}
.p-t-md {
    padding-top: 20px;
}
.p-t-md-25 {
    padding-top: 25px;
}
.p-t-md-30 {
    padding-top: 30px;
}
.p-t-lg {
    padding-top: 40px;
}
.p-t-lgr {
    padding-top: 50px;
}
.p-t-lgr-60 {
    padding-top: 60px;
}
.p-t-lgrr{
    padding-top: 65px;
}
.p-t-xl {
    padding-top: 80px;
}
.p-t-xxl {
    padding-top: 96px;
}
.p-t-112 {
    padding-top: 112px;
}
.p-t-xxl-130 {
    padding-top: 130px;
}
.p-t-xxl-140 {
    padding-top: 96px;
}
.p-t-xxl-150 {
    padding-top: 150px;
}
.p-t-xxl-160 {
    padding-top: 160px;
}
.p-t-xxl-170 {
    padding-top: 170px;
}
.p-t-xxl-180 {
    padding-top: 180px;
}
.p-t-xxl-200 {
    padding-top: 200px;
}
.p-t-n-xxs {
    padding-top: -1px;
}
.p-t-n-xs {
    padding-top: -5px;
}
.p-t-n-sm {
    padding-top: -10px;
}
.p-t-n {
    padding-top: -15px;
}
.p-t-n-md {
    padding-top: -20px;
}
.p-t-n-lg {
    padding-top: -30px;
}
.p-t-n-xl {
    padding-top: -40px;
}
.p-t-n-xxl {
    padding-top: -48px;
}
.p-r-none {
    padding-right: 0!important;
}
.p-r-xxs {
    padding-right: 1px;
}
.p-r-xs {
    padding-right: 5px;
}
.p-r-sm {
    padding-right: 10px;
}
.p-r {
    padding-right: 15px;
}
.p-r-md {
    padding-right: 20px;
}
.p-r-md-40 {
    padding-right: 40px;
}
.p-r-lg {
    padding-right: 60px;
}
.p-r-xl {
    padding-right: 80px;
}
.p-r-xxl {
    padding-right: 96px;
}
.p-r-n-xxs {
    padding-right: -1px;
}
.p-r-n-xs {
    padding-right: -5px;
}
.p-r-n-sm {
    padding-right: -10px;
}
.p-r-n {
    padding-right: -15px;
}
.p-r-n-md {
    padding-right: -20px;
}
.p-r-n-lg {
    padding-right: -30px;
}
.p-r-n-xl {
    padding-right: -40px;
}
.p-r-n-xxl {
    padding-right: -48px;
}
.p-b-none {
    padding-bottom: 0!important;
}
.p-b-xxs {
    padding-bottom: 1px;
}
.p-b-xxs-2 {
    padding-bottom: 2px;
}
.p-b-xs {
    padding-bottom: 5px;
}
.p-b-sm {
    padding-bottom: 10px;
}
.p-b {
    padding-bottom: 20px;
}
.p-b-md-25 {
    padding-bottom: 25px;
}
.p-b-md {
    padding-bottom: 30px;
}
.p-b-50 {
    padding-bottom: 50px;
}
.p-b-lg {
    padding-bottom: 60px;
}
.p-b-xl {
    padding-bottom: 80px;
}
.p-b-xxl {
    padding-bottom: 96px;
}
.p-b-112 {
    padding-bottom: 112px;
}
.p-b-xxl-130 {
    padding-bottom: 130px;
}
.p-b-xxl-140 {
    padding-bottom: 96px;
}
.p-b-xxl-150 {
    padding-bottom: 150px;
}
.p-b-xxl-160 {
    padding-bottom: 160px;
}
.p-b-xxl-170 {
    padding-bottom: 170px;
}
.p-b-xxl-180 {
    padding-bottom: 180px;
}
.p-b-xxl-200 {
    padding-bottom: 200px;
}
.p-b-xxl-500 {
    padding-bottom: 500px;
}
.p-b-n-xxs {
    padding-bottom: -1px;
}
.p-b-n-xs {
    padding-bottom: -5px;
}
.p-b-n-sm {
    padding-bottom: -10px;
}
.p-b-n {
    padding-bottom: -15px;
}
.p-b-n-md {
    padding-bottom: -20px;
}
.p-b-n-lg {
    padding-bottom: -30px;
}
.p-b-lgr {
    padding-bottom: 50px;
}
.p-b-n-xl {
    padding-bottom: -40px;
}
.p-b-n-xxl {
    padding-bottom: -48px;
}
.p-10 {
	padding:0px 10%;
}
.p-20 {
	padding:0px 20%;
}
/*------------------------------------*\
    MARGINS
\*------------------------------------*/
.m-xxs {
    margin: 2px 4px;
}
.m-xs {
    margin: 5px;
}
.m-sm {
    margin: 10px;
}
.m {
    margin: 15px;
}
.m-md {
    margin: 20px;
}
.m-lg {
    margin: 30px;
}
.m-xl {
    margin: 50px;
}
.m-n {
    margin: 0!important;
}
.m-l-none {
    margin-left: 0!important;
}
.m-l-xs {
    margin-left: 5px;
}
.m-l-sm {
    margin-left: 10px;
}
.m-l {
    margin-left: 15px;
}
.m-l-md {
    margin-left: 20px;
}
.m-l-lg {
    margin-left: 30px;
}
.m-l-xl {
    margin-left: 40px;
}
.m-l-xxl {
    margin-left: 48px;
}
.m-l-n-xxs {
    margin-left: -1px;
}
.m-l-n-xs {
    margin-left: -5px;
}
.m-l-n-sm {
    margin-left: -10px;
}
.m-l-n {
    margin-left: -15px;
}
.m-l-n-md {
    margin-left: -20px;
}
.m-l-n-lg {
    margin-left: -30px;
}
.m-l-n-xl {
    margin-left: -40px;
}
.m-l-n-xxl {
    margin-left: -48px;
}
.m-t-none {
    margin-top: 0!important;
}
.m-t-xxs {
    margin-top: 1px;
}
.m-t-xs {
    margin-top: 5px;
}
.m-t-sm {
    margin-top: 10px;
}
.m-t {
    margin-top: 15px;
}
.m-t-md {
    margin-top: 20px;
}
.m-t-lg {
    margin-top: 30px;
}
.m-t-xl {
    margin-top: 40px;
}
.m-t-xxl {
    margin-top: 48px;
}
.m-t-xxl-100 {
    margin-top: 96px;
}
.m-t-112 {
    margin-top: 112px;
}
.m-t-n-xxs {
    margin-top: -1px;
}
.m-t-n-xs {
    margin-top: -5px;
}
.m-t-n-sm {
    margin-top: -10px;
}
.m-t-n {
    margin-top: -15px;
}
.m-t-n-md {
    margin-top: -20px;
}
.m-t-n-lg {
    margin-top: -30px;
}
.m-t-n-xl-35 {
    margin-top: -35px;
}
.m-t-n-xl {
    margin-top: -40px;
}
.m-t-n-xxl {
    margin-top: -48px;
}
.m-r-none {
    margin-right: 0!important;
}
.m-r-xxs {
    margin-right: 1px;
}
.m-r-xs {
    margin-right: 5px;
}
.m-r-sm {
    margin-right: 10px;
}
.m-r {
    margin-right: 15px;
}
.m-r-md {
    margin-right: 20px;
}
.m-r-lg {
    margin-right: 30px;
}
.m-r-xl {
    margin-right: 40px;
}
.m-r-xxl {
    margin-right: 48px;
}
.m-r-xxl-60 {
    margin-right: 60px;
}
.m-r-xxl-70 {
    margin-right: 70px;
}
.m-r-n-xxs {
    margin-right: -1px;
}
.m-r-n-xs {
    margin-right: -5px;
}
.m-r-n-sm {
    margin-right: -10px;
}
.m-r-n {
    margin-right: -15px;
}
.m-r-n-md {
    margin-right: -20px;
}
.m-r-n-lg {
    margin-right: -30px;
}
.m-r-n-xl {
    margin-right: -40px;
}
.m-r-n-xxl {
    margin-right: -48px;
}
.m-b-none {
    margin-bottom: 0!important;
}
.m-b-xxs {
    margin-bottom: 1px;
}
.m-b-xs {
    margin-bottom: 5px;
}
.m-b-sm {
    margin-bottom: 10px;
}
.m-b {
    margin-bottom: 15px;
}
.m-b-md {
    margin-bottom: 20px;
}
.m-b-lg {
    margin-bottom: 30px;
}
.m-b-lg-35 {
    margin-bottom: 35px;
}
.m-b-xl {
    margin-bottom: 40px;
}
.m-b-xxl {
    margin-bottom: 48px;
}
.m-b-xxl-60 {
    margin-bottom: 60px;
}
.m-b-xxxl {
    margin-bottom: 96px;
}
.m-b-112 {
    margin-bottom: 112px;
}
.m-b-n-xxs {
    margin-bottom: -1px;
}
.m-b-n-xs {
    margin-bottom: -5px;
}
.m-b-n-sm {
    margin-bottom: -10px;
}
.m-b-n {
    margin-bottom: -15px;
}
.m-b-n-md {
    margin-bottom: -20px;
}
.m-b-n-md-25 {
    margin-bottom: -25px;
}
.m-b-n-lg {
    margin-bottom: -30px;
}
.m-b-n-xl {
    margin-bottom: -40px;
}
.m-b-n-xxl {
    margin-bottom: -48px;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.section
{
	position:relative;
	width:100%;	
}
.animated {
	overflow:hidden;
}
.wrap,
.wrap-small {
	padding:0 0;
	margin:0 auto;
	position:relative;
	box-sizing: border-box;
}
.wrap-h-100 {
	height:100%;
}
/* header */
.header {

}

/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}


/*------------------------------------*\
    COLS
\*------------------------------------*/
.row{
	min-height:20px;
	box-sizing:border-box;
}
.row:after{
	clear: both;
}
.row:before,
.row:after{
	display: table;
	content: "";
	line-height: 0;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12,
.col1-1200, .col2-1200, .col3-1200, .col4-1200, .col5-1200, .col6-1200, .col7-1200, .col8-1200, .col9-1200, .col10-1200, .col11-1200, .col12-1200,
.col1-s-900, .col2-s-900, .col3-s-900, .col4-s-900, .col5-s-900, .col6-s-900, .col7-s-900, .col8-s-900, .col9-s-900, .col10-s-900, .col11-s-900, .col12-s-900,
.col1-s-800, .col2-s-800, .col3-s-800, .col4-s-800, .col5-s-800, .col6-s-800, .col7-s-800, .col8-s-800, .col9-s-800, .col10-s-800, .col11-s-800, .col12-s-800,
.col1-768, .col2-768, .col3-768, .col4-768, .col5-768, .col6-768, .col7-768, .col8-768, .col9-768, .col10-768, .col11-768, .col12-768,
.col1-s, .col2-s, .col3-s, .col4-s, .col5-s, .col6-s, .col7-s, .col8-s, .col9-s, .col10-s, .col11-s, .col12-s,
.col1-xs, .col2-xs, .col3-xxs, .col4-s, .col5-xs, .col6-xs, .col7-xs, .col8-xs, .col9-xs, .col10-xs, .col11-xs, .col12x-s,
.col1-xs-480, .col2-xs-480, .col3-xxs, .col4-s, .col5-xs-480, .col6-xs-480, .col7-xs-480, .col8-xs-480, .col9-xs-480, .col10-xs-480, .col11-xs-480, .col12x-s {
    float: left;
	min-height: 1px;
	box-sizing:border-box;
	position:relative;
}
.col12{
    width: 100%
}
.col11{
    width: 91.66666667%
}
.col10{
    width: 83.22222233%
}
.col9{
    width: 75%
}
.col8{
    width: 66.66666667%
}
.col7{
    width: 58.22222233%
}
.col6{
    width: 50%
}
.col5{
    width: 41.66666667%
}
.col4 {
    width: 33.22222233%
}
.col3{
    width: 25%
}
.col2{
    width: 16.66666667%
}
.col1
{
    width: 8.22222233%
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.pull-center{
	display:inline-block;
	float:none;
	vertical-align:middle;
}
.pull-left{
	float:left;	
}
.pull-right{
	float:right;	
}

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
.home-slider .owl-item,
.slider {
	position: relative;
	height: 1000px;
}
.default-slider .owl-item,
.default-slider .slider {
	height: 348px;	
}
.slide-image-lp,
.slide-image {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 1000px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;	
}
.slide-image-lp {
    height: 348px;	
}
.slide-image-lp img {
    max-height: 348px;
	height: 100%;
	object-fit: cover;	
}
.default-slider.wederverkoop-slider .owl-item,
.default-slider.wederverkoop-slider .slider,
.slide-image-lp-wederverkoop {
	height: 348px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;	
}
.slider-content {
    position: absolute;
    float: left;
    width: 100%;
    z-index: 10;
	bottom:200px;
	color:#fff;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
.slider-content p {
	margin-bottom:0px;
}
.slider-content h3 {
	color:#fff;
	font-size: 20px;
	margin-bottom:17px;
}
.slider-content h2 {
	color:#fff;
	font-size: 60px;
	line-height: 60px;
	margin-bottom: 34px;	
}
.wederverkoop-slider .owl-controls {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: calc(50% - 20px);
    left: 0px;	
}
.wederverkoop-slider .owl-buttons {
	position:relative;
}
.wederverkoop-slider .owl-prev, 
.wederverkoop-slider .owl-next {
    cursor: pointer;
    position: absolute;
    top: -20px;
    left: 0px;
    width: unset;
    height: 80px;
    z-index: 99999;
    color: #222;
    text-align: center;
    font-size: 30px;
    line-height: 80px;
    font-family: fontAwesome;
    z-index: 62;
}
.wederverkoop-slider .owl-next {
	left: unset;
	right: 0px;
}
.wederverkoop-slider.owl-prev {
	border-bottom:1px solid rgba(85,85,85,0.1);
}
.wederverkoop-slider .owl-controls .owl-prev:after {
    content: "\f053";
}
.wederverkoop-slider .owl-controls .owl-next:after {
    content: "\f054";
}
/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/

/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
input, 
select, 
textarea {
    width: 100%;
	margin-bottom: 30px;
}
select, 
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="date"], 
input[type="tel"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border: 1px solid #dedede;
    padding: 8px 8px;
    background: none;
    min-height: 40px;
	background-color: #fff;
	color:#2F4F4F;
	/* color:#777; */
	font-size: 15px;
	margin-top:10px;
}
::-webkit-input-placeholder {
	color:#2F4F4F;
	/* color:#777; */
}
::-moz-placeholder { 
	color:#2F4F4F;
	/* color:#777; */
}
:-ms-input-placeholder {
	color:#2F4F4F;
	/* color:#777; */
}
:-moz-placeholder { 
	color:#2F4F4F;
	/* color:#777; */
}
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	max-width:300px;
}
/*------------------------------------*\
    END FORMS CSS
\*------------------------------------*/

/*------------------------------------*\
    CUSTOM CSS
\*------------------------------------*/

.show-550 {
	display: none;
}
.hide-550 {
	display: block;
}

.bg-dk h2,
.bg-dk h3,
.tekst-white,
.tekst-white p,
.tekst-white h2,
.tekst-white h1,
.tekst-white  ul.check li:before {
	color:#fff;
}
.tekst-white a {
	color:#fff;	
	text-decoration: underline;
}
.tekst-white a:hover {
	color:#3E4975;
}
.text-center {
	text-align: center;
}
.bg-photo {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-photo-64 {
    padding-top: 64%;
}
.bg-photo-app {
    ppadding-top: 67%;
}
.bg-photo-94 {
    padding-top: 94%;
}
.bg-photo-150 {
    padding-top: 150%;
}
.bg-photo-152 {
    padding-top: 152%;
}
.bg-white {
	background-color: #fff;
}
.bg-gr {
	background-color: #f6f6f6;
}
.bg-dk {
	background-color: #222222;
}
.bg-seashell {
	background-color: #F5F1ED;
}
.bg-dark {
	background-color: #977E60;
}
a.button,
.button,
span.button,
a.button-white,
.button-white,
span.button-white,
a.button-outline,
.button-outline,
span.button-outline,
input[type="button"], 
input[type="reset"], 
input[type="submit"]
{
	background:#3E4975;
	line-height:1.65em;
	display:inline-block;
	padding: 12px 25px 12px 25px;
	color: #fff !important;
	text-decoration:none;
	cursor: pointer;
	margin-bottom:0.4em;
	border: 1px solid #3E4975;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	text-shadow: none !important;
	box-sizing:border-box;
	font-size:15px;
	font-weight: 700;
	border-radius: 0px;
    -webkit-border-radius:0px;
	position:relative;
	margin-right:10px;
	-webkit-appearance: none;
	text-transform:uppercase;
}
a.button:last-child,
a.button-small:last-child {
	margin-bottom: 0px !important
}
.text-center a.button,
.text-center .button,
.text-center span.button,
.text-center a.button-white,
.text-center .button-white,
.text-center span.button-white,
.text-center a.button-outline,
.text-center .button-outline,
.text-center span.button-outline,
.text-center input[type="button"], 
.text-center input[type="reset"], 
.text-center input[type="submit"] {
	margin-right:0px;
}
a.button:hover,
.button:hover,
span.button:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
	background:#222;
	color: #fff !important;
	border: 1px solid #222;	
}
a.button-white,
.button-white,
span.button-white {
	background:#fff;
	color: #222 !important;
	border: 1px solid #fff;		
}
a.button-white:hover,
.button-white:hover,
span.button-white:hover {
	background:#222;
	color: #fff !important;
	border: 1px solid #222;		
}
a.button-outline,
.button-outline,
span.button-outline {
	background: transparent;
	color: #fff !important;
	border: 1px solid #fff;	
}
a.button-outline:hover,
.button-outline:hover,
span.button-outline:hover {
	background:transparent;
	color: #3E4975 !important;
	border: 1px solid #3E4975;	
}
a.button-arrow,
.button-arrow,
span.button-arrow {
	color: #3E4975 !important;
	font-weight: 700;
	position: relative;
	transition: all ease 200ms;
	padding-right: 20px;
}
a.button-arrow:hover,
.button-arrow:hover,
span.button-arrow:hover {
	color: #222 !important;
	padding: 0 25px 0 5px;
}
a.button-arrow::after,
.button-arrow::after,
span.button-arrow::after{
	font-family: fontAwesome;
	content: '\f105';
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	color: #3E4975;
	display: inline-block;
	margin-left: 7px;
	position: absolute;
	top: 8px;
	right: 0;
	transform: translateY(-50%);
}
a.button-small,
.button-small,
span.button-small {
	background-color: #3E4975;
	color: white;
	font-weight: 700;
	padding: 7px 25px;
	border-radius: 5px;
	border: 1px solid #3E4975;
}
a.button-small:hover,
.button-small:hover,
span.button-small:hover {
	background-color: white;
	color: #3E4975 !important;
	border: 1px solid  #3E4975 !important
}

@media (max-width: 768px) {
    a.button-small, .button-small, span.button-small {
      padding: 7px 5px !important;
			font-size: 13px !important;
			display: block;
			text-align: center;
    }
}

ul.no-list {
	list-style: none;
}
ul {
	padding-left:0px;
	list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 16px;	
}
li {
	position: relative;
    margin-left: 0;
	padding-left: 15px;
	margin-bottom:13px;
	line-height: 1.6em;
}
li:before {
    position: absolute;
    font-family: FontAwesome;
    top: 0px;
    left: 0;
    content: '\f111';
    color: #3E4975;
    font-size: 7px;
    width: 20px;	
}
ul.no-list li {
	padding-left:0px;
}
ul.no-list li:before {
	content:none;
}
ul.check li {
	padding-left: 25px;
}
ul.check li:before {
    content: '\f00c';
    font-size: 15px;
    top: 0px;	
}
ul.check.check-dk li:before {
	color:#000;
	top:4px;
}
ul.arrow li:before {
	content: '\f054';
    font-size: 12px;
    top: 0px;	
}
li.agenda:before {
    content: '\f073';
    font-size: 14px;
    top: 1px;
}
ul ul li {
    padding-left: 40px;
}
ul ul li:before {
	left:25px;
}
/*START TOPHEADER*/
.top-gradient {
    background: -moz-linear-gradient(top,rgba(0,0,0,.95) 0%,rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top,rgba(0,0,0,.80) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.80) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=0);
    height: 75%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.topheader {
    ppadding-top: 30px;
    height: 206px;
    font-size: 15px;
    margin-bottom: 0px;
    position: absolute;
    z-index: 10;
    width: 100%;
}
.topheader p {
    margin: 0 0 0 0;
	line-height: 0;
}
.display-flex {
	display: flex;
}
.display-flex-lay-out {

}
.display-flex-lay-out-row {
	flex-flow: row wrap;
}
.logo {
    float: left;
    width: 250px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row wrap;
    background:#fff;
	border-radius: 0 0 10px 10px;
}
.logo img {
	height:150px;
    max-width: 215px;
}
.info-menu-header {
    padding-top: 30px;
	float:left;
	width:calc(100% - 250px);
	padding-top:10px;
}
.info-header {
	display:flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items:baseline;
}
.info-header a.button {
	margin-right:0px;
}
.telefoonnummer-container {
	margin-right:50px;
}
.telefoonnummer-container,
.telefoonnummer-container a {
	font-weight: 700;
	color:#fff;
}
.telefoonnummer-container a {
	position: relative;
	left:0px;
}
.telefoonnummer-container a:hover {
	left:3px;
}
ul.list-items-middelheader li {
	float:left;
	width: 33.33333%;
	color: #3E4975;
	font-size: 18px;
	font-weight: bold;
}
ul.list-items-middelheader li a {
	color: #3E4975;	
	left: 0px;
}
ul.list-items-middelheader li {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
}
ul.list-items-middelheader li:before {
	content: none;
}
ul.list-items-middelheader li span {
	display: block;
	margin-bottom: 2px;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
/*END TOPHEADER*/

/*START VIDEO AS HEADER*/

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	margin-bottom:30px;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    max-width: 100%;
    height: 100%;
}
.slider-full
{
	position: relative;
	height: 100vh;
	overflow: hidden;
	background-attachment: fixed;
	background-size: cover;
	margin-bottom: 0px;
}
.video {
	
	/* 
	display: block;
	left: 0px;
	overflow: hidden;
	padding-bottom: 56.25%; 56.25% = 16:9. set ratio 
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	*/
}
.video .wrapper {
  display: block;
	height: 300%;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.video iframe {
	display: block;
	height: 100%;
	width: 100%;
	bbackground: #222222 url(images/spinner.gif) no-repeat center center ;
}
/* The only rule that matters */
#video-background {
	/*  making the video fullscreen  */
	pposition: fixed;
	right: 0; 
	bottom: 0;
	min-width: 100%; 
	min-height: 100%;
	width: auto; 
	height: auto;
	z-index: -100;
	background: #fefefe url(images/spinner.gif) no-repeat center center;
	background-size: 70px 70px;
}
/*END VIDEO AS HEADER*/
/* MENU */
div.menu
{
	z-index:999;	
}
.nav {
	float: right;
}
.nav > ul{
	margin:0;
	padding:0
}
.header .nav ul
{
	text-align:left;
	width:100%;
	padding-left:0px;
	margin:0px;
}
.nav ul li
{
	list-style:none;
	margin-bottom: 0;
	float: left;
	position:relative;
}
.nav ul li:before {
	content: none;
}
.nav ul li.current a:link, 
.nav ul li.current a:visited, 
.nav ul li.current a:active
{
    color: #fff;
}
.nav ul li.current ul li a {
	color:#000 !important;
}
.nav ul li ul li.current {
    
}
.header .nav ul li
{
	display: inline-block;
	float:inherit;
	padding: 0px 17px;	
}
.nav ul li a:link, 
.nav ul li a:visited, 
.nav ul li a:active {
	text-transform:uppercase;
	cursor:pointer;
    color: #fff;
    line-height: 2.5em;
	padding: 20px 0px;
    font-size: 16px;
    display: block;
	font-weight:400;
	transition: all .5s ease-in-out;	
}
.nav ul ul li.menu-item-has-children > a:after,
.nav ul li.menu-item-has-children > a:after {
    content: '\f107';
    color: #fff;
    font-family: FontAwesome;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    margin: 0 0 0 10px;
    float: right;
}
.nav ul li.menu-item-has-children ul li > a {
    font-size: 14px;
}
.nav ul li ul li.menu-item-has-children ul li > a {
    font-size: 13px;
}
.nav ul ul li.menu-item-has-children > a:after {
    content: '\f105';	
}
.header .nav ul li:first-child,
.header .nav ul li a:first-child {
	padding-left: 0px;
}
.header .nav ul li:last-child,
.header .nav ul li a:last-child,
.header .nav ul ul li:first-child,
.header .nav ul ul li a:first-child {
	padding-left: unset;
	padding-right: unset;
}
.header .nav ul ul li a:first-child {
    padding: 15px 10px 15px 19px;
}
.header .nav ul ul li.wpml-ls-item a:first-child {
    padding: 15px 10px 15px 16px;
}
.header .nav ul li:last-child,
.header .nav ul li a:last-child {
	padding-right: 0px;
}
.nav ul li.current_page_item a:link,
.nav ul li.current_page_item a:visited,
.nav ul li.current_page_item a:active {
	font-weight:600;
}
.header .nav ul ul li
{
	float:left;
	text-align: left;	
}
.top-nav.nav ul li a:link,
.top-nav.nav ul li a:visited,
.top-nav.nav ul li a:active
{
	text-transform:inherit;
	padding: 0 13px;
}
.nav ul li a:hover
{
	color: #3E4975;
}
.nav ul li.last-child a:link,
.nav ul li.last-child a:visited,
.nav ul li.last-child a:active
{
	padding-right: 0;
}
.nav ul ul,
.nav ul ul ul
{
	display:none;
}
.nav ul li:hover ul,
.nav ul ul li:hover ul
{
	display:block;
}
.nav ul li ul li ul,
.nav ul li ul {
	position: absolute;
    left: 0px;
    text-align: left;
    top: 60px;
    background: #222;
    z-index: 3;
    margin-left: 0px;
    padding-left: 0;
}
.nav ul li ul li ul {
    top: 0px;
    left: 290px;	
}
.nav ul li:hover ul,
.nav ul li:hover ul li
{
	width:290px;
	z-index:1000;
}
.nav ul li:hover ul ul{
	display:none;
}
.nav ul li:hover ul li:hover ul{
	display:block;
}
.nav ul ul li:hover,
.nav ul ul li:hover ul li {
	width:290px;
	z-index:1000;	
}
.nav ul li.wpml-ls-item:hover ul,
.nav ul li:hover ul li.wpml-ls-item {
	width:50px;
}
.header .nav ul ul li,
.nav ul ul li:first-child {
	padding-left: 0px;
	padding-right:0px;
}
.nav ul ul li a:link,
.nav ul ul li a:visited,
.nav ul ul li a:active
{
	line-height: 20px;
	padding: 15px 10px 15px 12px;
    color: #fff;
    height: 50px;
    font-size: 15px;
    border-left: none;
}
.nav ul ul li:last-child a:link,
.nav ul ul li:last-child a:visited,
.nav ul ul li:last-child a:active
{

}
.nav ul ul li a:hover
{
	background-color: #3E4975;
	color: #fff;
}
.nav ul li.current_page_item ul li a:link, 
.nav ul li.current_page_item ul li a:visited, 
.nav ul li.current_page_item ul li a:active {
    color: #fff;
    border-top: none;
}
/*------------------------------------*\
    END CUSTOM CSS
\*------------------------------------*/

/* Webtoffee GDPR overwrites */
#wt-cli-settings-btn,
#wt-cli-accept-btn,
#wt-cli-accept-all-btn {
transition: 0.3s;
}
#wt-cli-settings-btn:hover,
#wt-cli-accept-btn:hover {
text-decoration:underline !important;
opacity:0.8 !important;
}
#wt-cli-accept-all-btn:hover {
opacity:0.8
}
#cookie-law-info-bar {
border-top: 1px solid #ccc !important;
}
 
@media only screen and (max-width: 768px) {
.cli-plugin-button,
.cli-bar-btn_container a,
.cli-bar-actions .btn_container a{
margin: 10px 0px !important;
width:100% !important;
text-align:center !important;
display:inline-block !important;
}
.cli-bar-btn_container {
width:100% !important
}
}


/*------------------------------------*\
   START RESPONSIVE TABEL
\*------------------------------------*/
.responsivetabel {
  margin: 3em 0;
  width: 100%;
}
.sidebar .responsivetabel {
  margin: 1em 0 2em 0;
}
.responsivetabel.prijs-sidebar {
	margin:0em 0em 1em 0em;
}
.responsivetabel.prijs-sidebar tr {
  border-top: none;
  border-bottom: none;
}
.responsivetabel tr:nth-child(even) {
	background-color: #f6f6f6;
}
.responsivetabel th {
  display: none;
}
.responsivetabel td {
  display: block;
}
.responsivetabel td a {
	text-decoration: underline;
}
.responsivetabel td:last-child {
  padding-bottom: .5em;
}
.responsivetabel td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
.responsivetabel a {
  color:#3E4975;
  display: inline-block;
  text-align: left;
  font-size: 14px;
  border-radius: 4px;
  padding: 0px;
}
.responsivetabel a:hover {
	color:#222;
	text-align:left;
	background-color: none;;	
}
@media (min-width: 768px) {
  .responsivetabel td:before {
    display: none;
  }
  .responsivetabel a {
  	 padding: 0px;
  }
}
.responsivetabel th, .responsivetabel td {
  text-align: left;
}
@media (min-width: 768px) {
  .responsivetabel th, .responsivetabel td {
	display: table-cell;
    padding: 10px 10px 10px 10px;
    width: 0%;
  }
  .sidebar .responsivetabel td {
	padding-right:10px;
  }
 .responsivetabel.prijs-sidebar th, 
 .responsivetabel.prijs-sidebar td {
    width: 16%;
	}
  .responsivetabel.mhp th, .responsivetabel.mhp td {
    width:76%;
  }
  .responsivetabel th {
	background: #3E4975;
	color: #fff;
	font-weight:300;
  }
}

.responsivetabel {
  border-radius: .4em;
  /*overflow: hidden;*/
}

.responsivetabel tr {
  border-color: #f1f1f1;
}

.responsivetabel th, .responsivetabel td {
  margin: .5em 0em;
}

@media (min-width: 768px) {

}
@media (max-width: 767px) {
	.responsivetabel th, .responsivetabel td:before {
	  color: #222;
	  font-weight:500;
	  width:100%;
	}
	.responsivetabel td:before {
	  padding-bottom:10px;
	}
	.responsivetabel tr {
	  border-color: #477f76;
	}
	.responsivetabel th, .responsivetabel td {
		margin: .1em 0em;
		padding: 10px;
	}
}
/*------------------------------------*\
   EINDE RESPONSIVE TABEL
\*------------------------------------*/

/*------------------------------------*\
    START STICKY UP CSS
\*------------------------------------*/
.cd-top {
	background: #3E4975;
    color: #fff;	
	height:40px;
	width:40px;
	z-index: 999;
	line-height:40px;
	bottom:30px;
	right:30px;
	text-align:center;
	position:fixed;
	display:none
}
.cd-is-visible {
	cursor:pointer;
	display:block;
	opacity:1;
	border-radius: 40px;
    -webkit-border-radius: 40px;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	-webkit-transition:opacity .3s 0s, visibility 0s 0s;
	-moz-transition:opacity .3s 0s, visibility 0s 0s;
	transition:opacity .3s 0s, visibility 0s 0s
}
/*------------------------------------*\
    END STICKY UP CSS
\*------------------------------------*/

/*------------------------------------*\
    START SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/

.social-icons {
	float:right;
	padding-top: 22px;
}
.social-icons a {
	width: 43px;
    height: 43px;
    color: #c8c8c8;
    float: left;
    text-align: center;
    margin-right: 9px;
    background-color: #fff;
    line-height: 41px;
    box-sizing: border-box;
    font-size: 16px;
    border-radius: 43px;
    border: 2px #c8c8c8 solid;
}
/*------------------------------------*\
    END SOCIAL MEDIA IN MENU CSS
\*------------------------------------*/
/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
.top-footer {
	position: relative;
	padding: 40px 0px 40px 0px;
    background-position: center 50%;
    background-size: cover;
    overflow: hidden;
	color: #222;
}
.top-footer .footer-logo img {
	height:32px;
	margin-bottom: 40px;
}
footer .widgetBar {
	grid-template-columns: repeat(4, 1fr);
	display: grid;
	gap: 32px;
}
.bottom-footer {
	color: #222;	
}
.top-footer h3 {
	color: #222;
	font-size:18px;
	font-weight:600;
}
.bottom-footer a,
.top-footer a {
	font-weight:400;
	color: #222;
	padding-right: 5px;
}
.bottom-footer a:hover,
.top-footer a:hover {
	color: #3E4975;
	left:3px;
}
.top-footer ul.arrow li:before {
	color: #222;
}

.bottom-footer {
	position: relative;
    padding: 32px 0px 32px 0px;
    display: block;	
}
.bottom-footer p {
	margin-bottom:0px;
}
ul#menu-footermenu,
ul#menu-footermenu-en,
ul#menu-footermenu-de,
ul.social-media-list-footer {
	margin-bottom:0px;
}
.social-media-list-footer li {
	float:left;
	width:30px;
	margin-right:10px;
}
.social-media-list-footer li.facebook {
    margin-right: 6px;	
}
.social-media-list-footer li .fab {
	font-size:14px;
	color: #7f674b
}
.social-media-list-footer a {
	position: relative;
    top: 0px;
    -webkit-transition: top .5s ease-in-out;
    -moz-transition: top .5s ease-in-out;
    transition: top .5s ease-in-out;
}
.social-media-list-footer a:hover {
    top: -3px;
	left:0px;
}
.social-media-list-footer a {
    border: 1px solid #977E60 !important;
    height: 32px !important;
    width: 32px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0px !important;
}
.social-media-list-footer svg {
	fill: #7f674b;
	height: 15px;
}


ul#menu-footermenu,
ul#menu-footermenu-en,
ul#menu-footermenu-de {
	float:left;
}
ul#menu-footermenu li,
ul#menu-footermenu-en li,
ul#menu-footermenu-de li {
	padding-left:7px;
	float:left;
	line-height: 1.2em;
}
ul#menu-footermenu li:before,
ul#menu-footermenu-en li:before,
ul#menu-footermenu-de li:before {
	content:none;
}
.small-tekst {
	font-size: 10px;
    margin-bottom: 10px;	
}


/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/

.row-tekst-afbeelding {
	display:flex;
	flex-flow: row wrap;
	align-items: center;
}
.row-tekst-afbeelding a {
	color:#3E4975;
}
.row-tekst-afbeelding a:hover {
	color:#2F4F4F;
	/* color:#777; */
}
.row-tekst-afbeelding ul {
	margin-bottom:20px;
}

.row-tekst-afbeelding .row-image-block{
	border-radius: 10px;
}

.row-tekst-block {
    float: left;
    width: calc(50% - 50px);
    margin-right: 96px;
    padding: 0px;
}
.row-tekst-block-right {
	margin-right:0px;
	margin-left:100px;
}
.row-image-block {
    float: left;
    width: calc(50% - 50px);
    margin-right: 0%;
	padding-top: 40%;
}
.row-image-block-bg {
	
}
.text-block-bg p {
	margin-bottom:50px;
}
.text-block-bg-mb-30 p {
	margin-bottom:30px;
}
#section-7-appartementen-overzicht .text-block-bg p:last-child{
	margin-bottom: 0;
}
.post-intro-fp {
	margin-bottom: 30px;
}
.post-container-fp {
    float: left;
    width: calc(100%/3);
    margin-right: 32px;
    margin-bottom: 48px;
	position: relative;
	border-radius: 10px;
}
.post-container-fp img {
	border-radius: 999px;
}
.post-container-fp h3 {
	font-size: 18px;
	line-height: 25px;
    font-weight: 700;	
	margin-bottom: 8px;;
}
.post-container-inner-fp {
	font-size: 14px;
}
.post-meta-info {
	display: flex;
    gap: 16px;
    margin-bottom: 16px;
    font-size: 14px;
	justify-content: space-between;
}
.post-author {
	display: flex;
    align-items: center;
    gap: 18px;
    font-size: 16px;
    font-style: italic;
	margin-bottom: 24px;
}
.post-author a {
	font-weight: 700;
	color: #3D4975;
	text-decoration: underline
}
.author-avatar img {
	height: 32px;
	width: 32px;
}
.appartementen-lees-meer-container,
.post-container-fp-lees-meer-container {
    position: absolute;
    bottom: 30px;
    width: 100%;
    left: 0;
}

/* .post-container-fp:nth-child(3) {
    margin-right: 0%;
}	 */
.post-container-inner-fp {
	padding: 16px;
}
.post-container-image-fp .bg-photo {
	border-radius: 12px 12px 0px 0px;
	height: 200px;
}
.post-date-fp {
	color: #3E4975;
	margin-bottom: 3px;	
}
.gradient-half,
.gradient-full {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 50%;
    background-color: rgba(0,0,0,0.6);
}
.gradient-full {
    width: 100%;	
}
.gradient-half-left {
    right: unset;
	left:0px;
}
.gradient-footer {
	background-color: #f6f6f6;
}
.specificatie-outer {
	float:left;
	width:100%;
	margin-bottom:20px;
	padding-right:20px;
}
.specificatie-inner {
	float:left;
	width: calc(40% - 20px);
	margin-right: 20px;
}
.specificatie-inner.specificatie-inner-right {
	width: 60%;
	margin-right: 0px;
}
.specificatie-titel {
	font-weight: 600;
}
/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.template-sidebar-content {
	padding-right: 65px;
}
.template-sidebar-content img {
	width:100%;
	border-radius: 10px;
}
.sidebar-lp {
	background-color: #f6f6f6;
	padding: 65px 50px;
	margin-top:10px;
}
.sidebar-lp.bg-white {
	background-color: #fff;
}
.sidebar-lp h2,
.sidebar-lp h3 {
	color: #3E4975;
}
.sidebar-lp,
.sidebar-lp a {
	color:#2F4F4F;
	/* color:#777; */
}
.sidebar-lp a {
	font-weight: 400;
}
.sidebar-lp a:hover {
	color: #222;
	left:3px;
}
ul.simple-sitemap-page  {
	margin:0px;
}
ul.simple-sitemap-page ul.children {
	margin:10px 0px;
}
/*------------------------------------*\
    END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/


/*------------------------------------*\
    START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
.owl-slider-custom-appartement .owl-controls {
	position: absolute;
    top: 50%;
	width: 100%;
}
.owl-slider-custom-appartement .animated { 
	animation-duration: 1000ms;
	animation-fill-mode: both; 
}
.owl-slider-custom-appartement .owl-buttons {
	display: flex;
    justify-content: space-between;
}
.owl-slider-custom-appartement .owl-buttons .fa {
	font-size: 30px;
	width:40px;
	height:40px;
	border-radius: 9999px;
	background-color:#3E4975;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider-single-appartement {
	max-height: 500px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.slider-single-appartement img {
	object-fit: contain;
}
.layer-absolute {
	position: absolute;
    top: 0px;
    width: 100%;
    height: 765px;	
}
.snel-naar-single-appartement {
	position: absolute;
	right:0px;
	bottom:0px;
	background: rgba(255,255,255,0.9);
	padding:50px;
	z-index:100
}
.snel-naar-single-appartement p {
	margin-bottom: 0px;
}
.snel-naar-single-appartement a:after {
	position: relative;
    font-family: FontAwesome;
    top: 0px;
    content: '\f078';
    color: #3E4975;
    font-size: 12px;
    width: 20px;
    padding: 0px 6px 0px 10px;	
}
.snel-naar-single-appartement ol {
	list-style: none;
	counter-reset: Item;
	padding-left:0px;	
}
.snel-naar-single-appartement ol > li {
    padding-left: 30px;
    margin-bottom: 10px;
	line-height: 1.75em;
}
.snel-naar-single-appartement ol > li:last-child {
    background: none;
}
ol > li:before {
	font-family: 'Raleway', sans-serif;
	content:"0" counter(Item) ;
	counter-increment: Item;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	float: left;
	width: 25px;
	text-align: center;
	line-height: 23px;
	height: 25px;
	font-size: 16px;
	font-weight: 700;
	color: #3E4975;
	position: absolute;
	left: 0px;
	top: 0px;
}
.row-tekst-half .row-tekst-block-right {
    margin-left: 0px;
}
	/*------------------------------------*\
		START  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/
		.foto-grid-inner {
			display: flex;
			flex-flow: row wrap;
			margin-bottom:50px;
		}
		.foto-grid-inner:last-child {
			margin-bottom: 0px;
		}
		.foto-grid-duo,
		.foto-grid-enkel {
			display: flex;
			flex-flow: column wrap;
			width: calc(66.66666667% - 50px);
			margin-right:50px;
			order:1;
		}
		.foto-grid-duo .first-image {
			margin-bottom: 50px;
		}
		.row-odd .foto-grid-enkel {
			width:33.333333333333%;			
		}				
		.foto-grid-enkel {
			order: 2;
		}
		.row-odd .foto-grid-duo {
			order: 1;
		}
		.row-odd .foto-grid-enkel {		
			margin-right:0px;
			justify-content: flex-end;			
		}
		.row-even .foto-grid-enkel {
			order: 1;
			width: calc(33.3333333% - 50px);
			justify-content: flex-end;			
		}		
		.row-even .foto-grid-duo {
			order: 2;
		}
		.row-even .foto-grid-duo {
			width:66.66666667%;			
			margin-right:0px;
		}
		.row-odd .first-image {
			ppadding-top: 57%;
			height: 530px
		}
		.row-odd .second-image {
			ppadding-top: 47%;
			height: 380px;
		}
		.row-odd .third-image {
			ppadding-top: 183%;
			height: 818px;
		}
		.row-even .first-image {
			ppadding-top: 57%;
			height: 530px
		}
		.row-even .second-image {
			ppadding-top: 47%;
			height: 380px;
		}
		.row-even .third-image {
			ppadding-top: 183%;
			height: 818px;
		}			
	/*------------------------------------*\
		END  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/


/*------------------------------------*\
	START FAQ
\*------------------------------------*/

.faq-grid {

    display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 80px;
}

.faq {
	margin-bottom: 16px;
	border: 1px solid rgb(238 238 238);
	border-radius: 8px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.faq-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	cursor: pointer;
}
.faq-header h4 {
	font-size: 16px !important;
	margin-bottom: 0px;
	font-weight: 400;
}
.border-beige {
    --tw-border-opacity:1;
    border-color: rgb(248 243 236 / var(--tw-border-opacity, 1));
}
.bg-beige {
    --tw-bg-opacity: 1;
    background-color: rgb(248 243 236 / var(--tw-bg-opacity, 1));
}
.faq-answer {
	padding:16px;
}
.accordion-button-icon {
	    font-weight: 300;
		transition-property: transform !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important;
}

.rotate-0 {
  rotate: 0deg;
}

.rotate-180 {

rotate: 180deg;
transform: 180deg;
}
/*------------------------------------*\
	END FAQ
\*------------------------------------*/	
.dropdown-map-outer {
	position: relative;
	max-width: 600px;	
}

.dropdown-map-outer:after {
    content: '\f078';
	font-family: FontAwesome;
    color: #3E4975;
	position: absolute;
	right: 0;
	top: 22px;
	z-index: 1;
	width: 10%;
	height: 100%;
	pointer-events: none;
}
.dropdown-map-outer select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom:0px;
}
.plattegrond-info,
.plattegrond-info-0,
.plattegrond-info-1,
.plattegrond-info-2,
.plattegrond-info-3,
.plattegrond-info-4 {
	display:none;
}
.plattegrond-flex {
	display: flex;
    margin-top: 50px;
    align-items: center;
}
.foto-plattegrond,
.content-plattegrond {
	float:left;
	width: calc(50% - 50px);
	margin-right: 96px;
}
.foto-plattegrond {
	position:relative;
    border: 1px solid #dedede;	
	cursor: pointer;
}
.loop-img {
    content: '';
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url(img/zoeken.svg) no-repeat center !important;
    height: 25px;
    width: 25px;	
}
.content-plattegrond {
	margin-right: 0px;
}
.content-plattegrond h3 {
	font-size: 15px;
	font-weight: 600;
}
.content-plattegrond ul li:before {
	color:#222;
}
.section-row-maps-lp iframe {
    min-width: 100%;
    max-width: 100%;
    bottom: 0;
    height: 500px!important;
}
/*------------------------------------*\
    END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.appartementen-overzicht-stappen {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;	
}
.stappen-outer {
    text-align: center;
    float: left;
    width: 25%;
    padding: 0px 30px;
}
.stappen-image img {
	width: 70px;
	margin-bottom: 12px;
}
.stappen-titel h3 {
	font-size: 24px;
	font-weight: 700;
	color:#fff;
}
.stappen-content {
	padding:0px 20px;
}
.stappen-content p {
	margin-bottom: 0px;
}
.container-appartementen-grid {
	float:left;
	width: calc(33.333333% - 33.33px);
	margin-right:50px;
    cursor: pointer;
    padding-bottom: 75px;
    position: relative;
}
.bg-gr .container-appartementen-grid {
	background: #fff;
}
.container-appartementen-grid:nth-child(3n+3) {	
	margin-right:0px;
}
.container-appartementen-grid-img {
	position: relative;
}
.container-appartementen-grid-label {
	position: absolute;
	top:20px;
	background-color: #fff;
	font-size:14px;
	font-weight: 700;
	text-align: center;
	color:#3E4975;
	padding:15px 45px 15px 15px;
	display:inline-block;
}
.container-appartementen-grid-label:after {
    content: '';
    position: absolute;
    right: -30px;
    top: 0%;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 46px solid #fff;
    clear: both;
}
.container-appartementen-grid-img img {
	object-fit: cover;
	width:100%;
	height:260px;
}
.container-appartementen-grid h3 {
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 30px;
	min-height:40px;
}
.container-appartementen-grid-inner {
    padding: 45px 30px 0px 30px;
}
.container-appartementen-grid-inner a.read-more:after {
	left:2px;
}
.container-appartementen-grid-content strong {
	color:#222;
}
ul.galerij {
	list-style: none;
}
ul.galerij li {
	float:left;
	width: calc(25% - 15px);
	margin-right: 20px;
	margin-bottom:20px;
	padding-left:0px;
}
ul.galerij li:nth-child(4n+4) {
	margin-right: 0px;
}
ul.galerij li:before {
	content: none;
}
.omgevings-row-appartementen-outer {
	display:flex;
	flex-flow: row wrap;
	padding-bottom: 50px;
}
.post-container-fp.omgevings-row-appartementen-inner {
    padding-bottom: 20px;
}
.omgevings-row-appartementen-outer .appartementen-lees-meer-container {
	bottom: 0px;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
.template-sidebar-news article {
    padding: 25px 0px;
    border-bottom: 1px solid #f1f1f1;	
}
.template-sidebar-news article h2 {
	font-size: 1.4em;
	margin: 0 0 16px 0;	
}
.news-overzicht-container {
    display: grid;
    grid-template-columns: 5fr 7fr;
	gap: 40px;
	margin-bottom: 32px;
}
.foto-news img {
	width:100%;
	object-fit: cover;
	height: 100%;
	max-height: 302px;
	border-radius: 12px;
}
.content-news {
	padding: 16px;
}
.content-news .excerpt-text {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 14px;
	line-height: 1.6;
}

.content-news .post-meta-info {
	justify-content: start;
}

.content-news .author-avatar img {
	width: 32px;
	height: 32px;
	border-radius: 999px;
}

.content-news .post-author-archive {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 24px;
}

.content-news .author-info-archive {
	font-size: 14px;
	font-style: italic;
}

.content-news .author-info-archive a {
	font-weight: 700;
	color: #3E4975;
	text-decoration: underline;
}

.content-news h2 {
	font-size: 18px;
}

.template-sidebar-news article a.read-more {
	font-weight: 400;
	color:#2F4F4F;
	/* color:#777; */
	font-size: 15px;
	
}
.template-sidebar-news article a.read-more:after {
	color:#2F4F4F;
	/* color:#777; */
    font-size: 19px;
    top: 2px;
}
.template-sidebar-news article a.read-more:hover:after {
	color: #3E4975;
}
/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/


/*------------------------------------*\
    START SINGLE NEWS TEMPLATE CSS
\*------------------------------------*/

.single-post .sidebar-lp {
	margin-top: 0px;
}
.single-news-template .has-post-thumbnail img {
    height: 250px;
    oobject-fit: cover;
	object-fit: contain;
    width: 100%;
    margin-bottom: 25px;	
}
.date ul {
	margin-bottom: 0px;
}
.date ul li {
	padding-left:20px;
}
.single-news-template .alignnone {
    margin: 0px;
}
/*------------------------------------*\
    END SINGLE NEWS TEMPLATE CSS
\*------------------------------------*/

.copyright {
	width: 100%;
	justify-content: space-between;
	display: flex;
}	

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:1300px) {
	.wrap{
		max-width: 1300px;
		min-height: 20px;
		box-sizing: border-box;
	}
	.wrap-small {
		max-width: 50%;		
	}
	.wrap.wrap-full {
		max-width: 100%;
	}
}
@media only screen and (max-width:1500px) {

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

}
@media only screen and (max-width:1350px) {
	.wrap{
		max-width: 96%;
	}
	.wrap.wrap-full {
		max-width: 100%;
	}
    /*
	.logo {
		width: 120px;
	}
	.logo img {
		max-width: 110px;
	}
	.info-menu-header {
		width:calc(100% - 120px);
	}
    */
	.header .nav ul li {
		padding: 0px 6px;
	}	
}
@media only screen and (max-width:1300px) {
	.p-b-200-1300 {
		padding-bottom: 200px;
	}	
	.p-b-50-1300 {
		padding-bottom: 50px;
	}
	.p-b-100-1300 {
		padding-bottom: 96px;
	}
	.p-b-10-1300 {
		padding-bottom: 10px;
	}
	.p-b-0-1300 {
		padding-bottom: 0px;
	}
	.p-t-100-1300 {
		padding-top: 96px;
	}
	.p-t-50-1300 {
		padding-top: 50px;
	}
	.p-t-25-1300 {
		padding-top: 25px;
	}
	.p-t-0-1300 {
		padding-top: 0px;
	}
	.bg-photo-60-1300 {
		padding-top: 60%;
	}
	.hide-1300 {
		display:none;
	}
/*------------------------------------*\
   START SLIDER CSS
\*------------------------------------*/
.default-slider .owl-item,
.default-slider .slider,
.slide-image-lp,
.layer-absolute {
	height: 358px;	
}

.default-slider .owl-item img,
.default-slider .slider img,
.slide-image-lp img {
	max-height: 358px;
	object-fit: cover;;
}
/*------------------------------------*\
   END SLIDER CSS
\*------------------------------------*/

/*START VIDEO AS HEADER*/
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 35px;
		height: 0;
		overflow: hidden;
		margin-bottom:30px;
	}
	.video-container iframe {
		position: absolute;
		top:0;
		left: 0;
		max-width: 100%;
		height: 100%;
	}
	.slider-full
	{
		height: auto;
		margin-bottom: 0px;
	}
	.video {
		
		/* 
		display: block;
		left: 0px;
		overflow: hidden;
		padding-bottom: 56.25%; 56.25% = 16:9. set ratio 
		position: absolute;
		top: 50%;
		width: 100%;
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		*/
	}
	.video .wrapper {
	  display: block;
		height: 300%;
		left: 0px;
		overflow: hidden;
		position: absolute;
		top: 50%;
		width: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.video iframe {
		display: block;
		height: 100%;
		width: 100%;
		bbackground: #222222 url(images/spinner.gif) no-repeat center center ;
	}
	/* The only rule that matters */
	#video-background {
		min-width: 100%;
		min-height: unset;
		width: 100%;
		height: auto;
	}
/*END VIDEO AS HEADER*/
/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-tekst-block {
		width: calc(50% - 0px);
		margin-right: 50px;
	}
	.row-tekst-block-right {
		margin-left: 50px;
		margin-right: 0px !important;
	}
/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/


/*------------------------------------*\
    START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
	.row-tekst-half .row-tekst-block {
		width: calc(50% - 50px);

	}
	.snel-naar-single-appartement {
		padding: 10px 25px;
	}
/*------------------------------------*\
    END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/


/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	.top-footer {
		padding: 50px 0px;
	}
	.top-footer .widget-first.widget,
	.top-footer .widget-3.widget,
	.top-footer .widget-2.widget	{
		padding: 0px 50px 0px 0px;
	}
	.copyright-block-100 {
		display: block;
		width: 100%;
		margin-bottom: 5px;		
	}
	ul#menu-footermenu li {
		margin-bottom:2px;
	}
	ul#menu-footermenu li:first-child {
		padding-left: 0px;		
	}	
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/

}
@media only screen and (max-width:1200px) {
	.col12-1200{
		width: 100%
	}
	.col11-1200{
		width: 91.66666667%
	}
	.col10-1200{
		width: 83.22222233%
	}
	.col9-1200{
		width: 75%
	}
	.col8-1200{
		width: 66.66666667%
	}
	.col7-1200{
		width: 58.22222233%
	}
	.col6-1200{
		width: 50%
	}
	.col5-1200{
		width: 41.66666667%
	}
	.col4-1200 {
		width: 33.22222233%
	}
	.col3-1200{
		width: 25%
	}
	.col2-1200{
		width: 16.66666667%
	}
	.col1-1200
	{
		width: 8.22222233%
	}
    /*
	.logo {
		width: 96px;
		padding-top: 0px;
	}
	.logo img {
		max-width: 90px;
	}

	.info-menu-header {
		width:calc(100% - 100px);
	}
    */
	.nav ul li a:link, 
	.nav ul li a:visited, 
	.nav ul li a:active	{
		text-transform: unset;
	}
/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.container-appartementen-grid-img img {
    height: 200px;
}
.container-appartementen-grid h3 {
    margin-bottom: 15px;
}
.container-appartementen-grid-inner {
    padding: 25px 20px 0px 20px;
}
.container-appartementen-grid-label {
    font-size: 12px;
    padding: 10px 45px 10px 30px;
}
.container-appartementen-grid-label:after {
    border-bottom: 34px solid #fff;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/

}
@media only screen and (max-width:1100px) {
/*------------------------------------*\
    START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
	/*------------------------------------*\
		START  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/
		.row-odd .first-image,
		.row-even .first-image {
			height: 400px;
		}
		.row-odd .second-image,
		.row-even .second-image {
			height: 300px;
		}
		.row-odd .third-image,
		.row-even .third-image {
			height: 600px;
		}		
	/*------------------------------------*\
		END  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/
	
.plattegrond-flex {
	display: flex;
	flex-flow: column wrap;
}
.foto-plattegrond,
.content-plattegrond {
	width: 100%;
	margin-right: 0px;
}
.foto-plattegrond {
    margin-bottom: 50px;	
}
.foto-plattegrond {
	position:relative;
    border: 1px solid #dedede;	
	cursor: pointer;
}


/*------------------------------------*\
    END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
}
@media only screen and (max-width:1024px) {
	/* START RESPONSIVE MENU  */
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	#menu-mobile-menu,
	#menu-mobile-menu-en,
	#menu-mobile-menu-de {
		list-style:none;
		padding:0;
		margin:0;
	}
	#menu-mobile-menu li,
	#menu-mobile-menu-en li,
	#menu-mobile-menu-de li {
		line-height: 1.8em;
		margin-bottom: 0.2em;
		padding: 4px 0px 4px 15px;
		border-bottom: 1px solid rgba(34,2,0, 0.15);
		position: initial;
	}
	#menu-mobile-menu li:before,
	#menu-mobile-menu-en li:before,
	#menu-mobile-menu-de li:before	{
		content: none;
	}		
	#menu-mobile-menu li .sub-menu a,
	#menu-mobile-menu li a,
	#menu-mobile-menu-en li .sub-menu a,
	#menu-mobile-menu-en li a,
	#menu-mobile-menu-de li .sub-menu a,
	#menu-mobile-menu-de li a	{
		font-size:18px;
		color:#222;
		display:block;
		cursor:pointer;
		text-align:left;
		min-height:inherit !important;
	}	
	#menu-mobile-menu .menu-item-has-children .sub-menu .menu-item-has-children > a:after,	
	#menu-mobile-menu .menu-item-has-children a:after,
	#menu-mobile-menu li.haschild > a:after,
	#menu-mobile-menu-en .menu-item-has-children .sub-menu .menu-item-has-children > a:after,	
	#menu-mobile-menu-en .menu-item-has-children a:after,
	#menu-mobile-menu-en li.haschild > a:after,
	#menu-mobile-menu-de .menu-item-has-children .sub-menu .menu-item-has-children > a:after,	
	#menu-mobile-menu-de .menu-item-has-children a:after,
	#menu-mobile-menu-de li.haschild > a:after	{
		content: '\f105';
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		margin: 0 10px 0 0;
		float: right;
	}
	#menu-mobile-menu .menu-item-has-children ul li a:after,
	#menu-mobile-menu-en .menu-item-has-children ul li a:after,
	#menu-mobile-menu-de .menu-item-has-children ul li a:after	{
		display:none;
	}
	#menu-mobile-menu li a:hover,
	#menu-mobile-menu-en li a:hover,
	#menu-mobile-menu-de li a:hover {
		/*color:#999;*/
	}
	#menu-mobile-menu li.current > a,
	#menu-mobile-menu-en li.current > a,
	#menu-mobile-menu-de li.current > a{
		color: #e21a22;
	}
	#menu-mobile-menu .sub-menu,
	#menu-mobile-menu .child,
	#menu-mobile-menu-en .sub-menu,
	#menu-mobile-menu-en .child,
	#menu-mobile-menu-de .sub-menu,
	#menu-mobile-menu-de .child	{
		display:none;
		list-style:none;
		margin:0;
		padding: 0;
	}
	#menu-mobile-menu .menu-item-has-children.active .sub-menu,
	#menu-mobile-menu .haschild.active .child,
	#menu-mobile-menu-en .menu-item-has-children.active .sub-menu,
	#menu-mobile-menu-en .haschild.active .child,
	#menu-mobile-menu-de .menu-item-has-children.active .sub-menu,
	#menu-mobile-menu-de .haschild.active .child {
		display:block;

	}
	#menu-mobile-menu .menu-item-has-children.active .sub-menu ul.sub-menu,	
	#menu-mobile-menu .haschild.active .child ul.child,
	#menu-mobile-menu-en .menu-item-has-children.active .sub-menu ul.sub-menu,	
	#menu-mobile-menu-en .haschild.active .child ul.child,
	#menu-mobile-menu-de .menu-item-has-children.active .sub-menu ul.sub-menu,	
	#menu-mobile-menu-de .haschild.active .child ul.child { 
		display:none;

	}
	#menu-mobile-menu .menu-item-has-children.active .sub-menu li.active ul.sub-menu,	
	#menu-mobile-menu .haschild.active .child .active ul.child,
	#menu-mobile-menu-en .menu-item-has-children.active .sub-menu li.active ul.sub-menu,	
	#menu-mobile-menu-en .haschild.active .child .active ul.child, 
	#menu-mobile-menu-de .menu-item-has-children.active .sub-menu li.active ul.sub-menu,	
	#menu-mobile-menu-de .haschild.active .child .active ul.child  {
		display:block;

	}
	#menu-mobile-menu .menu-item-has-children,	
	#menu-mobile-menu .haschild,
	#menu-mobile-menu-en .menu-item-has-children,	
	#menu-mobile-menu-en .haschild,
	#menu-mobile-menu-de .menu-item-has-children,	
	#menu-mobile-menu-de .haschild {
		left:-81%;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	#menu-mobile-menu .menu-item-has-children.active,
	#menu-mobile-menu .haschild.active,
	#menu-mobile-menu-en .menu-item-has-children.active,
	#menu-mobile-menu-en .haschild.active,
	#menu-mobile-menu-de .menu-item-has-children.active,
	#menu-mobile-menu-de .haschild.active {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding:0;
		margin:0;
		background-color: #fff;
		border-bottom:0;
		padding-top: 0px;
		z-index: 2;
	}
	#menu-mobile-menu .menu-item-has-children.active > a,
	#menu-mobile-menu .haschild.active > a,
	#menu-mobile-menu-en .menu-item-has-children.active > a,
	#menu-mobile-menu-en .haschild.active > a, 
	#menu-mobile-menu-de .menu-item-has-children.active > a,
	#menu-mobile-menu-de .haschild.active > a {
		padding-left: 15px !important;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
	}	
	#menu-mobile-menu .menu-item-has-children.active > a:before,
	#menu-mobile-menu .haschild.active > a:before,
	#menu-mobile-menu-en .menu-item-has-children.active > a:before,
	#menu-mobile-menu-de .haschild.active > a:before,
	#menu-mobile-menu-en .menu-item-has-children.active > a:before,
	#menu-mobile-menu-de .haschild.active > a:before	{
		display:none;
	}
	#menu-mobile-menu .menu-item-has-children.active .mobile-close,
	#menu-mobile-menu .first-child .mobile-exit,
	#menu-mobile-menu .haschild.active .mobile-close,
	#menu-mobile-menu-en .menu-item-has-children.active .mobile-close,
	#menu-mobile-menu-en .first-child .mobile-exit,
	#menu-mobile-menu-en .haschild.active .mobile-close,
	#menu-mobile-menu-de .menu-item-has-children.active .mobile-close,
	#menu-mobile-menu-de .first-child .mobile-exit,
	#menu-mobile-menu-de .haschild.active .mobile-close {
		position: absolute;
		z-index: 2;
		cursor: pointer;
		float: right;
		font-size: 24px;
		background: #222;
		top: 0px;
		right: 0px;
		height: 48px;
		width: 49px;
		line-height: 49px;
		text-align: center;
		color: #fff !important;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
	}
	#menu-mobile-menu .mobile-exit .c-hamburger,
	#menu-mobile-menu-en .mobile-exit .c-hamburger,
	#menu-mobile-menu-de .mobile-exit .c-hamburger	{
		margin-left: 3px;
		margin-top: 2px;
	}
	#menu-mobile-menu .mobile-exit .c-hamburger span::before,
	#menu-mobile-menu .mobile-exit .c-hamburger span::after,
	#menu-mobile-menu-en .mobile-exit .c-hamburger span::before,
	#menu-mobile-menu-en .mobile-exit .c-hamburger span::after,
	#menu-mobile-menu-de .mobile-exit .c-hamburger span::before,
	#menu-mobile-menu-de .mobile-exit .c-hamburger span::after	{
		background-color: #ffffff;
	}
	#menu-mobile-menu .menu-item-has-children .mobile-close i,
	#menu-mobile-menu .haschild.active .mobile-close i,
	#menu-mobile-menu-en .menu-item-has-children .mobile-close i,
	#menu-mobile-menu-en .haschild.active .mobile-close i,
	#menu-mobile-menu-de .menu-item-has-children .mobile-close i,
	#menu-mobile-menu-de .haschild.active .mobile-close i	{
		pointer-events:None;
	}
	.mobile-menu-container .logo-lt
	{
		max-width: 200px;
	}
	.mobile-menu-container  .wpml-ls-menu-item .wpml-ls-flag {
		width: 30px;
		height: 30px;
	}
	.mobile-menu-container .icon-mail, .mobile-menu-container .icon-phone {
		float: left;
		width: 100%;
		margin: 0 0 1.5em 0;
	}
	.c-hamburger span::before {
	  top: -8px;
	}
	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}
	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}
	.c-hamburger--htx.is-active span {
	  background: none;
	}
	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.mobile-menu {
		position: relative;
		right: 0px;
		margin-right: 0px;
		z-index: 100;
		top: 12px;
	}
	.is-sticky .mobile-menu {
		top: -24px;
	}
	.c-hamburger {
	  display: block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 36px!important;
	  height: 36px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  cursor: pointer;
	  background:none;
	  border:0;
	 bbackground:#fff;
	  margin: 0px 0 0 10px;
	  border-radius: 0px;
	  /* transition: background 0.3s; */
	}
	.down .c-hamburger
	{
		background:none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 16px;
		left: 0px;
		right: 0px;
		background: #fff;
		width: 60%;
		margin-left: 38%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}
	.c-hamburger span::before,
	.c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background-color: #fff;
		content: "";
	}
	.btn-stroke:hover.c-hamburger span,
	.btn-stroke:hover.c-hamburger span::before,
	.btn-stroke:hover.c-hamburger span::after
	{
		background-color:#A72072
	}
	.down .c-hamburger span,
	.down .c-hamburger span::before,
	.down .c-hamburger span::after
	{
		background-color:@#000000;

	}
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	.mobile-menu-container .logo-lt {
		max-width: 260px;
		padding-left:15px;
	}
	.c-hamburger span::before {
	  top: -8px;
	}

	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}

	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}

	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}

	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}

	.c-hamburger--htx.is-active span {
	  background: none;
	}

	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}

	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}

	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.container-wrapper{
		-webkit-transition: -webkit-transform 0.3s ease;
		-moz-transition: -moz-transform 0.3s ease;
		-o-transition: -o-transform 0.3s ease;
		transition: transform 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

	}
	.mobile-menu-container{
		background-color:#fff;
		padding:10px 0 20px 0px;
		position: fixed;
		top: 0;
		left:-75%;
		bottom: 0;
		z-index: 100000;
		display: block!important;
		width: 75%!important;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	.mobile-menu-container .button-small {
		margin-right:0px !important
	}
	.off-screen{
		left:0;
	}

	.off-screen+* {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
		width: 100%;
		overflow: hidden;
		-webkit-transition: -webkit-transform .3s ease;
		-moz-transition: -moz-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-delay: 0.1s; /* Safari */
		transition-delay: 0.1s;
	}
	.logo-mobile img {
		max-width: 200px;
		padding: 15px 0px 15px 15px;
	}
	.contact-mobile-menu .contact-block-mobile-menu {
		padding-left: 15px;
		margin-top: 10px;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		padding-bottom: 10px;		
	}
	.contact-mobile-menu,
	.contact-mobile-menu a,
	.contact-mobile-menu h2,
	.contact-mobile-menu h3 {
		color:#fff;
	}
	.contact-mobile-menu h3 {
		font-weight: 400;
	}		
	.contact-mobile-menu li {
		padding-left:0px;
	}
	.contact-mobile-menu li:before {
		content: none;
	}
	.contact-mobile-menu .wpml-ls-legacy-list-horizontal {
		padding: 0px;
		padding-left: 0px;
		border: none;		
	}
	.contact-mobile-menu .wpml-ls-legacy-list-horizontal a {
		padding-left: 0px;
	}
	/* END RESPONSIVE MENU  */
	.col12-s{
		width: 100%
	}
	.col12-1024{
		width: 100%
	}
	.col11-s{
		width: 91.66666667%
	}
	.col10-s{
		width: 83.22222233%
	}
	.col9-s{
		width: 75%
	}
	.col8-s{
		width: 66.66666667%
	}
	.col7-s{
		width: 58.22222233%
	}
	.col6-s{
		width: 50%
	}
	.col5-s{
		width: 41.66666667%
	}
	.col4-s {
		width: 33.22222233%
	}
	.col3-s{
		width: 25%
	}
	.col2-s{
		width: 16.66666667%
	}
	.col1-s
	{
		width: 8.22222233%
	}
	.hide-1024 {
		display:none;
	}
	.show-1024 {
		display:block;
	}
	.show-1024-inline {
		display: inline-block;
	}
	.p-t-50-1024 {
		padding-top: 50px;
	}	
	.p-b-50-1024 {
		padding-bottom: 50px;
	}
	.p-l-40-1024 {
		padding-left:40px;
	}
	.p-5-1024 {
		padding: 0px 5%;
	}	
	h1, h2, h3, h4, h5, h6{
		margin:0 0 15px 0;
	}
	h1 .h1 {
		font-size:1.6em !important;
	}
	.home .h1,
	.home h1,
	h2, .h2 {
		font-size:1.4em;
	}
	h3, .h3 {
		font-size:1.2em;	
	}
	h4, .h4 {
		font-size:1.1em;	
	}
/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-tekst-afbeelding {
		align-items: flex-start;
	}
	
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.stappen-outer {
    width: 50%;
	margin-bottom:50px;
}
.stappen-outer:nth-last-child(-n+2) {
    margin-bottom:0px;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/
.template-sidebar-content {
	padding-right: 0px;
}
.sidebar-lp {
    padding: 25px;
}
.sidebar-widget {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
/*------------------------------------*\
    END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/

/*------------------------------------*\
    START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
	.row-tekst-half .row-tekst-block {
		width: calc(100% - 0px);
		margin-right: 0px;
	}
/*------------------------------------*\
    END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.stappen-outer {
    padding: 0px 20px;
}
.stappen-content {
    padding: 0px 10px;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	.top-footer .widgetBar {	
		grid-template-columns: 1fr 1fr;
	}
	/* .top-footer .widget:nth-child(1) {
		width: 100%;
		padding:0px;
		margin-bottom:40px;
	} */
	/* .top-footer .widget-last.widget, 
	.top-footer .widget-7.widget, 
	.top-footer .widget-8.widget,
	.top-footer .widget {
		float: left;
		width: 33.333333%;
		margin-right: 0%;
		padding: 0px 25px 0px 0px;
	} */
	.top-footer .widget:nth-child(4) {
		padding: 0px 0px 0px 0px;
	}	
	.bottom-footer {
		background-color: #f6f6f6;
	}
	.copyright-block-100 {
		display: inline-block;
		width: unset;
		margin-bottom: 0px;
	}
	ul#menu-footermenu li:first-child {
		padding-left: 7px;
	}
	.gradient-footer-white-1024 {
		background-color: #fff;
	}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/

    .logo,
    .logo img {
        hheight: 90px;
    }

}

@media only screen and (max-width:900px) {
	.col12-s-900{
		width: 100%
	}
	.col11-s-900{
		width: 91.66666667%
	}
	.col10-s-900{
		width: 83.22222233%
	}
	.col9-s-900{
		width: 75%
	}
	.col8-s-900{
		width: 66.66666667%
	}
	.col7-s-900{
		width: 58.22222233%
	}
	.col6-s-900{
		width: 50%
	}
	.col5-s-900{
		width: 41.66666667%
	}
	.col4-s-900 {
		width: 33.22222233%
	}
	.col3-s-900{
		width: 25%
	}
	.col2-s-900{
		width: 16.66666667%
	}
	.col1-s-900
	{
		width: 8.22222233%
	}
	.hide-900 {
		display:none;
	}
	.show-900 {
		display:block;
	}
	.p-0-900 {
		padding:0px;
	}
	.p-l-0-900 {
		padding-left:0px;
	}
	.p-t-25-900 {
		padding-top: 25px;
	}
	.p-t-0-900 {
		padding-top: 0px;
	}
	.p-b-25-900 {
		padding-bottom: 25px;
	}
	.p-b-0-900 {
		padding-bottom: 0px;
	}
	.p-l-20-900 {
		padding-left: 20px;
	}
/*------------------------------------*\
    START BODY HOMEPAGE CSS
\*------------------------------------*/
	.row-tekst-afbeelding {
		align-items: flex-start;
	}
	.row-tekst-block {
		width: calc(100% - 0px);
		margin-right: 0px;
	}
	.row-image-block {
		width: calc(100% - 0px);
	}
	.row-tekst-block-right {
		margin-left: 0px;
		order:1;
	}
	.order-2-900 {
		order:2;
	}

/*------------------------------------*\
    END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
	/*------------------------------------*\
		START  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/
		.foto-grid-inner {
			margin-bottom: 25px;
		}
		.foto-grid-duo,
		.foto-grid-enkel {
			width: calc(66.66666667% - 25px);
			margin-right:25px;
		}
		.foto-grid-duo .first-image {
			margin-bottom: 25px;
		}
		.row-even .foto-grid-enkel {
			width: calc(33.3333333% - 25px);			
		}		
		.row-odd .first-image,
		.row-even .first-image {
			height: 300px;
		}
		.row-odd .second-image,
		.row-even .second-image {
			height: 200px;
		}
		.row-odd .third-image,
		.row-even .third-image {
			height: 500px;
		}		
	/*------------------------------------*\
		END  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/
/*------------------------------------*\
    END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.container-appartementen-grid {
    width: 100%;
    margin-right: 0px;
	display:flex;
	align-items: center;
	padding-bottom: 40px;
}
.container-appartementen-grid h3 {
    min-height: unset;
}
.container-appartementen-grid-img img {
    height: 260px;
}
.container-appartementen-grid:nth-child(3n+3),
.container-appartementen-grid:nth-child(2n+2) {
    margin-right: 0px;
}
.container-appartementen-grid-img {
	float:left;
	width:300px;
	margin-right:30px;
}
.container-appartementen-grid-inner {
	float:left;
	width: calc(100% - 330px);
	padding:0px;
}
.container-appartementen-grid-content p {
	margin-bottom:10px;
}
.appartementen-lees-meer-container {
    position: relative;
    bottom: 0px;
}


.bg-gr#section-1-appartementen-overzicht {
    background-color: #fff;
}
ul.galerij li img {
	width: 100%;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/

}

@media only screen and (max-width:800px) {
	.col12-s-800{
		width: 100%
	}
	.col11-s-800{
		width: 91.66666667%
	}
	.col10-s-800{
		width: 83.22222233%
	}
	.col9-s-800{
		width: 75%
	}
	.col8-s-800{
		width: 66.66666667%
	}
	.col7-s-800{
		width: 58.22222233%
	}
	.col6-s-800{
		width: 50%
	}
	.col5-s-800{
		width: 41.66666667%
	}
	.col4-s-800 {
		width: 33.22222233%
	}
	.col3-s-800{
		width: 25%
	}
	.col2-s-800{
		width: 16.66666667%
	}
	.col1-s-800
	{
		width: 8.22222233%
	}
	.hide-800 {
		display:none;
	}
	.show-800 {
		display:block;
	}
	.display-flex-block-800 {
		display: block;
	}
/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	.post-container-fp {
		width: calc(50% - 15px);
		margin-right: 30px;
		margin-bottom:30px;
	}
	.post-container-fp:nth-child(2) {
		margin-right: 0%;
	}	
	/* .post-container-fp:nth-child(3) {
		width: 46.5%;
		margin: 0px 26.75% 0px 26.75%;
	}	 */
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/



}
@media only screen and (max-width:768px) {
	.col12-768{
		width: 100%
	}
	.col11-768{
		width: 91.66666667%
	}
	.col10-768{
		width: 83.22222233%
	}
	.col9-768{
		width: 75%
	}
	.col8-768{
		width: 66.66666667%
	}
	.col7-768{
		width: 58.22222233%
	}
	.col6-768{
		width: 50%
	}
	.col5-768{
		width: 41.66666667%
	}
	.col4-768 {
		width: 33.22222233%
	}
	.col3-768{
		width: 25%
	}
	.col2-768{
		width: 16.66666667%
	}
	.col1-768
	{
		width: 8.22222233%
	}
	/*------------------------------------*\
		START  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/	
		.row-odd .first-image,
		.row-even .first-image {
			height: 200px;
		}
		.row-odd .second-image,
		.row-even .second-image {
			height: 150px;
		}
		.row-odd .third-image,
		.row-even .third-image {
			height: 300px;
		}		
	/*------------------------------------*\
		END  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/	
/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	/* .top-footer .widget:nth-child(1) {
		width: 50%;
		padding: 0px 50px 0px 0px;
		margin-bottom:40px;
	} */
	/* .top-footer .widget-last.widget, 
	.top-footer .widget-7.widget, 
	.top-footer .widget-8.widget,
	.top-footer .widget {
		width: 50%;
	} */
	.top-footer .widget:nth-child(1) {
		order: 1;
	}
	.top-footer .widget:nth-child(4) {
		order: 2;
		margin-bottom:40px;
	}
	.top-footer .widget:nth-child(2) {
		order: 3;
	}
	.top-footer .widget:nth-child(3) {
		order: 4;
	}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/


    .logo,
    .logo img {
        width: 170px;
    }
    .logo img {
        width:140px;
    }
    .info-menu-header {
        width: calc(100% - 170px);
    }
    .telefoonnummer-container {
        margin-right: 20px;
    }    
}

@media only screen and (max-width:670px) {
	.col12-xs{
		width: 100%
	}
	.col11-xs{
		width: 91.66666667%
	}
	.col10-xs{
		width: 83.22222233%
	}
	.col9-xs{
		width: 75%
	}
	.col8-xs{
		width: 66.66666667%
	}
	.col7-xs{
		width: 58.22222233%
	}
	.col6-xs{
		width: 50%
	}
	.col5-xs{
		width: 41.66666667%
	}
	.col4-xs {
		width: 33.22222233%
	}
	.col3-xs{
		width: 25%
	}
	.col2-xs{
		width: 16.66666667%
	}
	.col1-xs
	{
		width: 8.22222233%
	}
	.text-center-670 {
		text-align:center;
	}
	.p-b-0-670 {
		padding-bottom: 0px;
	}
		.p-b-50-670 {
		padding-bottom: 50px;
	}
	.p-l-0-670 {
		padding-left:0px;
	}
	.p-0-670 {
		padding:0px;
	}
	.hide-670 {
		display:none;
	}
	.show-670 {
		display:block;
	}
	.logo {
		padding-top: 0px;
	}
/*------------------------------------*\
    START SLIDER CSS
\*------------------------------------*/
	.home-slider .owl-item, 
	.default-slider .owl-item,
	.slider,
	.slide-image-lp, 
	.slide-image	{
		height: 400px;
	}
	.home-slider .slider-content {
		bottom:30px;
	}
/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/

/*------------------------------------*\
    START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
.slider-single-appartement img {
	max-width: 80%;
}
.owl-slider-custom-appartement .owl-buttons .fa {
    font-size: 20px;
    width: 30px;
    height: 30px;
}
.slider-single-appartement {
    max-height: 300px;
}
	.layer-relative-670 {
		position: relative;
	}
	.layer-relative-670.layer-single-appartement {
		height:40px;
	}
	/*------------------------------------*\
		START  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/
	.row-image-block {
		padding-top: 90%;
}
		.foto-grid-inner {
			margin-bottom: 0px;
		}	
		.foto-grid-duo,
		.foto-grid-enkel {
			width: 100%;
			margin-right:0px;
			margin-bottom: 25px;
		}
		.row-odd .foto-grid-enkel,
		.row-even .foto-grid-duo,
		.row-even .foto-grid-enkel {
			width: 100%;
			margin-right:0px;			
		}	
		.row-odd .first-image,
		.row-even .first-image,
		.row-odd .second-image,
		.row-even .second-image,
		.row-odd .third-image,
		.row-even .third-image {
			height: 250px;
		}		
	/*------------------------------------*\
		END  FOTOGRID SINGLE APPARTEMENT TEMPLATE CSS
	\*------------------------------------*/
	/*------------------------------------*\
		START SNEL NAAR MENU CSS
	\*------------------------------------*/
		.snel-naar-single-appartement {
			position: relative;
			padding:0px;
		}
		.section-snel-naar-menu	ol {
			margin-bottom: 0px;
		}
		.section-snel-naar-menu ol li:before {
			content: '\f054';
			color: #3E4975;
			font-size: 15px;
			top: 2px;
		}
		.snel-naar-single-appartement {
			bottom:0px;
		}
		.snel-naar-button {
			border: 1px solid #dedede;
			padding: 8px 8px;
			background: none;
			margin: 15px 0px 0px 0px;
			min-height: 40px;
			background-color: #fff;
			color:#2F4F4F;
			/* color:#777; */
			font-size: 15px;
			font-weight: 500;
			border-radius: 0px;
			-webkit-border-radius: 0px;
			width: 100%;
			text-align: left;
		}
		.snel-naar-button.is-active {
			border-bottom: none;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;		
		}
		.snel-naar-button:after {
			position: relative;
			font-family: FontAwesome;
			top: 2px;
			float: right;
			content: '\f078';
			color: #3E4975;
			font-size: 12px;
			width: 20px;
			-moz-transition: all 0.2s linear;
			-webkit-transition: all 0.2s linear;
			transition: all 0.2s linear;		
		}
		.snel-naar-button.is-active:after {	
			-moz-transform:rotate(180deg);
			-webkit-transform:rotate(180deg);
			transform:rotate(180deg);
		}
		ol#menu-snel-naar-app {
		display: none;
	 
		}
		ol#menu-snel-naar-app.off-screen {
			display: block;
			-webkit-animation: slide-down .3s ease-out;
			-moz-animation: slide-down .3s ease-out;
			background: #fff;
			width: calc(100%-2px);
			padding: 10px;
			margin-bottom: 10px;
			margin-top: 0px;
			overflow: hidden;
			border-left:1px solid #dedede;
			border-bottom:1px solid #dedede;
			border-right:1px solid #dedede;	
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			z-index:10000;
		}
		ol#menu-snel-naar-app li:before {
		
		}
		@-webkit-keyframes slide-down {
			  0% { opacity: 0; -webkit-transform: translateY(-10%); }   
			100% { opacity: 1; -webkit-transform: translateY(0); }
		}
		@-moz-keyframes slide-down {
			  0% { opacity: 0; -moz-transform: translateY(-10%); }   
			100% { opacity: 1; -moz-transform: translateY(0); }
		}			
	/*------------------------------------*\
		END SNEL NAAR MENU CSS
	\*------------------------------------*/		
/*------------------------------------*\
    END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.container-appartementen-grid {
	display:flex;
	flex-flow: column wrap;
	align-items: flex-start;
	padding-bottom: 40px;
}
.container-appartementen-grid-img {
	float:left;
	width:calc(100% - 80px);
	margin:0px auto 20px auto;
	text-align: center;
}
.container-appartementen-grid-inner {
	width: 100%;
	padding:0px 40px;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/


/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/

	.copyright-block-100 {
		width:100%;
		margin-bottom:5px;
	}
	.small-tekst {
		margin-top: 10px;
	}	
	ul#menu-footermenu li:first-child {
		padding-left: 0px;
	}
	.top-footer .widgetBar {
		grid-template-columns: 1fr;
	}
	.copyright {
		display: block;
	}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:550px) {
	.col12-xs-550{
		width: 100%
	}
	.col11-xs-550{
		width: 91.66666667%
	}
	.col10-xs-550{
		width: 83.33333333%
	}
	.col9-xs-550{
		width: 75%
	}
	.col8-xs-550{
		width: 66.66666667%
	}
	.col7-xs-550{
		width: 58.33333333%
	}
	.col6-xs-550
	{
		width: 50%
	}
	.col5-xs-550{
		width: 41.66666667%
	}
	.col4-xs-550 {
		width: 33.33333333%
	}
	.col3-xs-550{
		width: 25%
	}
	.col2-xs-550{
		width: 16.66666667%
	}
	.col1-xs-550
	{
		width: 8.33333333%
	}
	.p-l-0-550 {
		padding-left:0px;
	}
	.p-r-0-550 {
		padding-right:0px;
	}	
	.flex-550 {
		display: flex;
		align-items: center;
	}
	.show-550 {
		display: block;
	}
	.hide-550 {
		display: none;
	}	
	.telefoonnummer-container {
		margin-right: 0px;
	}
	.telefoonnummer-container i {
	    font-size: 25px;
    	margin-top: -6px;	
	}
	.telefoonnummer-container, .telefoonnummer-container a {

		color: #3E4975;
	}		
	a.button,
	.button,
	span.button,
	a.button-white,
	.button-white,
	span.button-white,
	a.button-outline,
	.button-outline,
	span.button-outline,
	input[type="button"], 
	input[type="reset"], 
	input[type="submit"]
	{
		width:300px;
		text-align:center;
		padding: 11px 15px 11px 15px;
		font-size:13px;
		margin-right:0px;
	}
	.info-menu-header {
		margin-top: 10px;
		background-color: #fff;
	}
	.c-hamburger span {

		background: #3E4975;

	}
	.c-hamburger span::before,
	.c-hamburger span::after {

		background-color: #3E4975;

	}	
	.mobile-menu {
		right: 5px;
		top: -4px;
	}		
	.wrap-full-550 {
		max-width:100%;
	}
/*------------------------------------*\
    START SLIDER CSS
\*------------------------------------*/
	.home-slider .owl-item, 
	.default-slider .owl-item,
	.slider,
	.slide-image-lp, 
	.slide-image	{
		height: 200px;
	}
	.default-slider.wederverkoop-slider .owl-item,
	.default-slider.wederverkoop-slider .slider,
	.slide-image-lp-wederverkoop {
		height: 300px;
	}
	.logo {
		width: 150px;
		height: 96px;
		margin-top: 20px;
		padding-left: 0px;
		left: 10px;
		position: relative;
		z-index: 10;
    }
    .logo img {
        max-width: 115px;
        height: 96px;
        width: 115px;
    }
	.info-menu-header {
		width: 100%;
		position: absolute;
		top: 10px !important;
	}
/*------------------------------------*\
    END SLIDER CSS
\*------------------------------------*/
/*------------------------------------*\
	START BODY HOMEPAGE CSS
\*------------------------------------*/
	/* .post-container-fp,
	.post-container-fp:nth-child(3)	{
		width: calc(100% - 0px);
		margin: 0px 0px 30px 0px;
	} */
/*------------------------------------*\
	END BODY HOMEPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/

.sidebar-widget {
    flex-flow: column wrap;
}
/*------------------------------------*\
    END BODY TEMPLATE SIDEBAR CSS
\*------------------------------------*/

/*------------------------------------*\
    START SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/
	.specificatie-inner {
		width: 100%;
		margin-right: 0px;
	}
	.specificatie-inner.specificatie-inner-right {
		width: 100%;		
	}
	.section-row-maps-lp iframe {
		height: 250px!important;
	}
/*------------------------------------*\
    END SINGLE APPARTEMENT TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
.template-sidebar-news article h2 {
	font-size: 1.2em;
	margin: 0 0 5px 0;	
}
/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.stappen-outer {
    width: 100%;
	margin-bottom:50px;
}
.stappen-outer:nth-last-child(-n+2) {
    margin-bottom:50px;
}
ul.galerij li {
	float:left;
	width: calc(50% - 10px);
	margin-right: 20px;
}
ul.galerij li:nth-child(2n+2),
ul.galerij li:nth-child(4n+4) {
	margin-right: 0px;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/

/*------------------------------------*\
    START FOOTER CSS
\*------------------------------------*/
	/* .top-footer .widget:nth-child(1),
	.top-footer .widget-last.widget, 
	.top-footer .widget-7.widget, 
	.top-footer .widget-8.widget,
	.top-footer .widget {
		width: 100%;
		padding: 0px;
		margin-bottom:20px;
	} */
	.top-footer .widget:nth-child(1) {
		order: 1;
	}
	.top-footer .widget:nth-child(4) {
		order: 4;
		margin-bottom:0px;
	}
	.top-footer .widget:nth-child(2) {
		order: 2;
	}
	.top-footer .widget:nth-child(3) {
		order: 3;
	}
	.top-footer .widgetBar ul {
		margin-bottom: 20px;
	}
/*------------------------------------*\
    END FOOTER CSS
\*------------------------------------*/
}
@media only screen and (max-width:480px) {
	.col12-xs-480{
		width: 100%
	}
	.col11-xs-480{
		width: 91.66666667%
	}
	.col10-xs-480{
		width: 83.22222233%
	}
	.col9-xs-480{
		width: 75%
	}
	.col8-xs-480{
		width: 66.66666667%
	}
	.col7-xs-480{
		width: 58.22222233%
	}
	.col6-xs-480{
		width: 50%
	}
	.col5-xs-480{
		width: 41.66666667%
	}
	.col4-xs-480 {
		width: 33.22222233%
	}
	.col3-xs-480{
		width: 25%
	}
	.col2-xs-480{
		width: 16.66666667%
	}
	.col1-xs-480
	{
		width: 8.22222233%
	}
	.hide-480 {
		display:none;
	}
	.show-480 {
		display:block;
	}
	.video iframe {
		max-width:350px;
	}
/*------------------------------------*\
    START OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
.container-appartementen-grid {
	display:flex;
	flex-flow: column wrap;
	align-items: flex-start;
	padding-bottom: 40px;
}
.container-appartementen-grid-img {
	width: 100%;
}
.container-appartementen-grid-inner {
	padding:0px;
}
/*------------------------------------*\
    END OVERZICHT APPARTEMENTEN TEMPLATE CSS
\*------------------------------------*/
}
@media only screen and (max-width:400px) {

body{
	font-size:14px;
}
#menu-mobile-menu li .sub-menu a, 
#menu-mobile-menu li a, 
#menu-mobile-menu-en li .sub-menu a, 
#menu-mobile-menu-en li a, 
#menu-mobile-menu-de li .sub-menu a, 
#menu-mobile-menu-de li a {
	font-size:15px;	
}
#menu-mobile-menu .menu-item-has-children.active .mobile-close, 
#menu-mobile-menu .first-child .mobile-exit, 
#menu-mobile-menu .haschild.active .mobile-close, 
#menu-mobile-menu-en .menu-item-has-children.active .mobile-close, 
#menu-mobile-menu-en .first-child .mobile-exit, 
#menu-mobile-menu-en .haschild.active .mobile-close, 
#menu-mobile-menu-de .menu-item-has-children.active .mobile-close, 
#menu-mobile-menu-de .first-child .mobile-exit, 
#menu-mobile-menu-de .haschild.active .mobile-close {
    top: -2px;
}
p#breadcrumbs {
    font-size: 12px;
}
/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
/* .foto-news {
    width: 100%;
    margin-right: 0px;
} */
/* .content-news {
	width: 100%;
} */
.foto-news img {
	height:200px;
	margin-bottom:20px;
}
/*------------------------------------*\
    START NEWS GRID TEMPLATE CSS
\*------------------------------------*/
}

@media only screen and (max-width:350px) {

.video iframe {
	max-width:320px;
}

}

/*------------------------------------*\
    START EDIT CSS 02-01-24
\*------------------------------------*/

.header--page{
	position: relative;

	@media only screen and (max-width:1024px) {
		h1 {
			font-size: 36px !important;
		}
	}

	.header-image{
		
		background: center center no-repeat;
		background-size: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: calc(100vh - 147px);

		@media screen and (max-width: 600px){
			min-height: 400px;
		}
	}


	.header-container{
		display: flex;
		align-items: end;
		min-height: calc(100vh - 147px);
		padding-bottom: 15%;

		@media only screen and (max-width:1024px) {
			padding-bottom: 0;
			align-items: start;
			padding-top: 48px;
		}

		@media only screen and (max-width:600px) {
			min-height: inherit;
			padding-top: 120px;
			flex-direction: column;
			align-items: flex-start;
		}

		.header-content{
			padding-left: 30px;
			margin-bottom: 60px;
			max-width: 1000px;
			@media screen and (max-width: 600px){
				padding-left: 0;
			}

			h1{
				font-size: 56px;
				font-weight: 400;
				color: #3E4975;
				margin-bottom: 10px;

				@media screen and (max-width: 600px) {
					font-size: 1.4em;
				}
			}

			p{
				font-size: 18px;
				color: #3E4975;

				@media screen and (max-width: 600px) {
					font-size: inherit;
				}
			}
		}

		.header-bottom{
			position: absolute;
			bottom: 0;
			display: flex;
            width: 100%;
			gap: 16px;
            justify-content: space-between;

			@media only screen and (max-width:600px) {
				position: relative;
				transform: inherit;
				margin-bottom: 16px;
				padding-left: 0;
				flex-direction: column;
				width: 100%;
			}

			.button{
				text-transform: inherit;
				font-size: 18px;
				color: #977E60!important;
				background: white;
				border-top: 1px solid #977E60;
				border-right: 1px solid #977E60;
				border-left: 1px solid #977E60;
				border-bottom: 0px;
				border-radius: 12px 12px 0px 0px !important;
				margin-right: 0px;
				margin-bottom: 0px;
				transition: all ease 200ms;
				text-align: center;
				width: 100%;
				padding: 12px 40px;

				@media only screen and (max-width:900px) {
					flex: inherit;
					padding: 12px 25px;
				}

				@media only screen and (max-width:600px) {
					margin-right: 0;
					padding: 7px 15px;
					width: 100%;
					font-size: 16px;
					margin-bottom: 15px;
				}

				&:hover{
					color: white!important;
					background: #977E60;
				}
			}
		}
	}
	.header-container.header-low {
		min-height: 348px;
	}
	.header-image.header-low {
		min-height: 348px;
	}
	.header-image.header-low {
		min-height: 100%
	}
	/* @media only screen and (min-width:1300px) {
		.header-container.header-low {
			min-height: 752px;
		}
		.header-image.header-low {
			min-height: 752px;
		}
	} */
	@media only screen and (min-width:1440px) {
		.header-container.header-low {
			min-height: 558px;
		}
		.header-image.header-low {
			min-height: 558px;
		}
	}
	@media only screen and (min-width:3000px) {
		.header-container.header-low {
			min-height: 60vh;
		}
		.header-image.header-low {
			min-height: 60vh;
		}
	}
}

.textimg{
	padding: 100px 0;

	@media only screen and (max-width:1024px) {
		padding: 50px 0;
	}

	@media only screen and (max-width:800px) {
		padding: 50px 0 25px;
	}

	.textimg-container{
		display: flex;

		@media only screen and (max-width:800px) {
			display: inherit;
		}

		.textimg-left{
			flex: 0 1 450px;

			.textimg-image{
				height: 80%;
				border-radius: 10px;
				overflow: hidden;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: 90%;

				@media only screen and (max-width:800px) {
					height: 260px;
					background-position: 0 20%;
				}
			}
		}

		.textimg-right{
			flex: 1 1 auto;
			margin-left: 96px;
			padding: 25px 0;

			@media only screen and (max-width:1200px) {
				margin-left: 50px;
			}

			@media only screen and (max-width:800px) {
				margin-left: 0;
			}

			.textimg-content{
				max-width: 600px;
			}

			.textimg-known{
				max-width: 600px;
				text-align: center;

				p{
					font-weight: 700;
					margin-bottom: 0;
					color: black;
				}

				a{
					display: inline-block;
				}

				> a > img{
					max-height: 25px;
				}

				.textimg-known-group{
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
					gap: 20px;
					margin-top: 10px;

					.textimg-known-image{
						flex: 0 1 175px;
					}

					@media only screen and (max-width:400px) {
						flex: 0 1 calc(50% - 10px);
					}

					.textimg-known-image img{
						border-radius: 10px;
						overflow: hidden;
						width: 100%;
						height: 96px;
						object-fit: cover;
					}
				}
			}
		}
	}
}

.usp{
	padding: 25px 0;

	.usp-content{
		text-align: center;

		@media only screen and (max-width:800px) {
			text-align: left;
		}

		h2{
			margin-bottom: 5px;
		}
	}

	.usp-list{
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0;

		li{
			flex: 1 1 33%;

			@media only screen and (max-width:600px) {
				flex: 1 1 100%;
			}

			&:before{
				color: #977E60;
			}
		}
	}
}

.recentproject{
	padding: 50px 0;

	@media only screen and (max-width:400px) {
		padding: 30px 0;
	}

	.recentproject-container{
		h2,
		p{
			padding-left: 30px;
			max-width: 840px;

			@media only screen and (max-width:900px) {
				padding-left: 0;
			}
		}

		.recentproject-imagegroup{
			display: flex;
			gap: 50px;
			margin-bottom: 25px;

			@media only screen and (max-width:900px) {
				gap: 30px;
			}

			@media only screen and (max-width:600px) {
				gap: 20px;
				flex-direction: column;
			}

			.recentproject-left,
			.recentproject-right{
				img{
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 10px;
					overflow: hidden;
				}
			}

			.recentproject-left{
				flex: 0 1 60%;

				img{
					max-height: 450px;

					@media only screen and (max-width:600px) {
						max-height: 210px;
					}
				}
			}

			.recentproject-right{
				flex: 0 1 40%;
				display: flex;
				flex-direction: column;
				gap: 30px;

				@media only screen and (max-width:600px) {
					gap: 20px;
				}

				img{
					max-height: 210px;
				}
			}
		}
	}
}

.appartments{
	padding: 30px 0;

	.appartments-content{
		padding-left: 30px;

		@media only screen and (max-width:900px) {
			padding-left: 0;
		}

		h2{
			margin-bottom: 5px;
		}
	}

	.appartments-list{
		max-width: 1240px;
		padding: 0 50px;
		margin: 0 auto;

		.appartments-slide{
			cursor: pointer;
			padding-bottom: 75px;
			position: relative;
			max-width: 400px;
			margin-right: 50px;
			background: white;
			border-radius: 10px;
			@media only screen and (max-width:600px) {
				max-width: calc(100vw - 100px);
			}

			.container-appartementen-grid-img{
				@media only screen and (max-width:900px) {
					float: inherit;
					width: 100%;
					margin-right: 0;
				}
			}
			.container-appartementen-grid-img img {
				border-radius: 10px 10px 0px 0px;
			}

			.container-appartementen-grid-inner{
				@media only screen and (max-width:900px) {
					float: inherit;
					width: inherit;
					padding: 25px 20px 0px 20px;
				}
			}

			.appartementen-lees-meer-container{
				@media only screen and (max-width:900px) {
					position: absolute;
					bottom: 30px;
					left: inherit;
				}
			}
		}

		.slick-arrow{
			font-size: 25px;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			z-index: 1;
			transition: all ease 200ms;
			cursor: pointer;

			&:hover{
				transform: translateY(-50%) scale(1.1);
			}

			&.slick-prev{
				left: 0;
			}

			&.slick-next{
				right: 0;
			}
		}
	}
}

.split{
	padding: 100px 0;

	@media only screen and (max-width:1024px) {
		padding: 50px 0;
	}

	@media only screen and (max-width:900px) {
		padding: 30px 0;
	}

	.split-container{
		display: flex;
		align-items: center;

		@media only screen and (max-width:900px) {
			flex-direction: column;
		}

		.split-left{
			flex: 1 1 60%;
			margin-right: 96px;

			@media only screen and (max-width:1200px) {
				margin-right: 50px;
			}

			@media only screen and (max-width:900px) {
				margin-right: 0;
				margin-bottom: 25px;
			}

			.split-image{
				border-radius: 10px;
				overflow: hidden;
			
				img{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
		}

		.split-right{
			flex: 1 1 40%;

			.split-content{
				h2{
					margin-bottom: 5px;
				}
			}
		}
	}
}

.wide{
	padding: 100px 0 50px;

	@media only screen and (max-width:1024px) {
		padding: 50px 0;
	}

	@media only screen and (max-width:900px) {
		padding: 30px 0;
	}

	.wide-container{
		display: flex;
		flex-wrap: wrap;

		h2{
			flex: 0 1 100%;
			padding-left: 30px;
			margin-bottom: 15px;
			order: 1;

			@media only screen and (max-width:900px) {
				padding-left: 0;
			}
		}

		.wide-image{
			flex: 0 0 100%;
			min-height: 215px;
			background: center center no-repeat;
			background-size: cover;
			border-radius: 10px;
			margin-bottom: 30px;
			order: 2;
		}

		.wide-left{
			flex: 0 0 70%;
			order: 3;

			@media only screen and (max-width:600px) {
				flex: 0 0 100%;
				order: 4;
			}

			.wide-content{
				padding-left: 30px;

				@media only screen and (max-width:900px) {
					padding-left: 0;
				}
			}
		}

		.wide-right{
			flex: 0 0 30%;
			display: flex;
			justify-content: center;
			align-items: flex-start;
			order: 4;

			@media only screen and (max-width:600px) {
				flex: 0 0 100%;
				justify-content: flex-start;
				order: 3;
				margin-bottom: 25px;
			}

			.wide-link{
				display: inline-block;
				width: 160px;
				border-radius: 10px;
				border: 1px solid #3E4975;
				padding: 20px 15px;
				text-align: center;
				font-weight: 700;
				color: #977E60;
				transition: 200ms all ease;

				&:hover{
					transform: scale(1.01);
				}

				img{
					width: 60%;
					margin: 0 auto 15px;
					display: block;
				}
			}
		}
	}
}

.header{
	background: white;
	position: relative;
	border-top: 8px solid #DBD3C9;
	/* top: 8px; */
	/* left: 0; */
	width: 100%;
	z-index: 100;

	.menu-container{
		display: flex;
		align-items: flex-end;

		@media screen and (max-width: 920px){
			align-items: center;
		}

		.menu-left{
			flex: 0 0 200px;

			@media screen and (max-width: 1000px){
				flex: 0 0 160px;
			}

			.menu-logo{
				padding: 24px 31px;
				background: white;
				border-radius: 0 0 10px 10px;
				transform: translateY(25%);

				@media screen and (max-width: 1000px){
					width: 160px;
					padding: 15px;
				}
				img {
					height: 32px !important;
				}
				@media screen and (max-width: 920px){
					margin-bottom: -20px;
					transform: inherit;
				}

				a{
					display: block;
				}
			}
		}
		

		.menu-right{
			flex: 1 1 auto;

			.menu-top{
				display: flex;
				justify-content: flex-end;
				align-items: center;

				@media screen and (max-width: 920px){
					display: none;
				}

				.button-small{
					text-transform: inherit;
					background: white;
					color: #3E4975!important;
					border: 1px solid #3E4975;
					font-size: 14px;
					padding: 4px 20px;
					margin-right: 20px;
					margin-bottom: 0;

					&:hover{
						background: #3E4975;
						color: white!important;
						border: 1px solid #3E4975;
					}
				}

				.menu-social{
					> ul{
						> li{
							padding: 0 10px;

							> ul{
								top: 47px;
                                right: 0px;
                                left: auto;
                                width: 50px;
							}

							&:last-child{
								padding-right: 0;
							}

							> a{
								color: black;
								font-size: 0;
								display: block;
								transition: all ease 200ms;

								&:before{
									font-family: "Font Awesome 5 Brands";
									font-size: 18px;
								}

								&:hover{
									transform: scale(1.1);
								}
							}

							&.facebook{
								a{
									&:before{
										content: "\f39e";
									}
								}
							}

							&.linkedin{
								a{
									&:before{
										content: "\f0e1";
									}
								}
							}

							&.instagram{
								a{
									&:before{
										content: "\f16d";
									}
								}
							}

							&.wpml-ls-item{
								a{
									&:after{
										color: black;
										position: relative;
										top: 0px;
									}
								}
							}
						}
						li#menu-item-wpml-ls-96-nl.wpml-ls-current-language,
						li#menu-item-wpml-ls-96-en.wpml-ls-current-language,
						li#menu-item-wpml-ls-96-de.wpml-ls-current-language {
							margin-left: 22px !important;
							> a  {
								font-size: 14px;
								> span.wpml-ls-native  {
									border-left: 1px solid #DEDEDE;
									padding-left: 32px;
								}
								&:hover {
									transform: none;
								}
							}
							.sub-menu li {
								margin-left:0px !important;
							}
							
						}
					}
				}
			}

			.menu-bottom{
				display: flex;
				align-items: center;

				.main-menu{
					margin-left: 25px;

					@media screen and (max-width: 920px){
						display: none;
					}

					ul{
						li{
							a{
								color: black;
								text-transform: inherit;
								font-size: 14px;
							}

							&.menu-item-has-children{
								> a{
									&:after{
										color: black;
									}
								}
							}
						}
					}

					> ul{
						> li{
							> a{
								padding: 3px 0;
							}

							> ul{
								top: 40px;
								background: white;

								> li{
									a{
										color: black;

										&:hover{
											color: white;

											&:after{
												color: white;
											}
										}
									}

									ul{
										background: white;
									}
								}
							}
						}
					}
				}

				.menu-contact{
					color: #7f674b;
					margin-left: auto;
					padding-bottom: 3px;

					@media screen and (max-width: 1200px){
						display: none;
					}

					@media screen and (max-width: 920px){
						padding-bottom: 0;
						display: flex;
						flex-direction: row-reverse;
					}

					a{
						color: #7f674b;
						position: relative;
						transition: all .3s ease-in-out;
						left: 0px;
						display: inline-block;
						vertical-align: top;

						@media screen and (max-width: 920px){
							margin: 0 15px;
							color: #3E4975;

							&:before{
								font-family: FontAwesome;
								font-size: 28px;
    							font-weight: 400;
							}

							&.icon-mail{
								&:before{
									content: '\f0e0';
								}
							}
	
							&.icon-phone{
								&:before{
									content: '\f095';
								}
							}
						}

						&:hover{
							left: 2px;
						}
					}

					span{
						@media screen and (max-width: 920px){
							display: none;
						}
					}
				}

				.mobile-menu{
					display: none;
					top: 0;
					margin: 2px 0 2px 15px;

					@media screen and (max-width: 920px){
						display: block;
					}

					> span{
						font-size: 12px;
					}

					.c-hamburger{
						margin-left: -9px;
						margin-bottom: -8px;

						span{
							background: #3E4975;

							&:before,
							&:after{
								background: #3E4975;
							}
						}

						&.is-active{
							span{
								background: transparent;
							}
						}
					}
				}
			}
		}
	}
}

/* .locale-en-us .menu-left {
	position: absolute;
	top: -41px;
}
@media screen and (max-width: 1000px) {
	.locale-en-us .menu-left {
		top: -25px;
	}
}
@media screen and (max-width: 920px) {
	.locale-en-us .menu-left {
		top: 0px;
	}
} */

.breadcrumbs,
.text_editor {
	padding-left: 30px;
}

.breadcrumbs i {
	margin: 0 5px;
	font-size: 12px;
}

ul.cta-list {
	margin-bottom: 25px;
}

ul.cta-list li {
	padding-left: 35px;
	color: #3E4975;
	display: flex;
    align-items: center;
}

ul.cta-list li a {
	color: #3E4975;
}

ul.cta-list li:before {
	content: '';
	background-image: url('/wp-content/themes/html5blank-stable-child/img/paraaf.svg')!important;
	height: 24px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

ul.cta-list li a {
	position: relative;
}

ul.cta-list li a:after {
	position: absolute;
    content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-size: 12px;
	transition: all 200ms ease-in-out;
	font-weight: 900;
	margin-left:10px;

}

ul.cta-list li a:hover:after {
	margin-left: 12px;
}

.intervalling_content .row {
	display: flex;
	flex-wrap: wrap;
}

.intervalling_content .image-col.left {
	padding-right: 143px;
}

.intervalling_content .image-col.right {
	padding-left: 143px;
	order: 2;
}

.intervalling_content .image-col img {
	object-fit: cover;
    height: 100%;
    width: 100%;
	border-radius: 15px;
    overflow: hidden;
	aspect-ratio: 1;
}

.intervalling_content .content-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
}

.intervalling_content .content-col.left {
	padding-left: 30px;
}

.intervalling_content .content-col.right {
	padding-right: 30px;
}

.custom-layout {
	display: flex;
	align-items: center;
}

.custom-layout .image {
	min-width: 130px;
	margin-left: 30px;
}

.custom-layout .image a.wide-link {
	display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #3E4975;
	border-radius: 10px;
	color: #977E60;
    padding: 20px 0px;
	font-size: 13px;
	font-weight: bold;
}

.custom-layout .image a.wide-link img {
	max-height: 40px;
}

.steps {
	width: 100%;
}

.hero_section {
	/* min-height: 750px; */
}

.hero_section .gradient-full {
	display: flex;
	align-items: center;
}

.hero_section .steps .stappen-content * {
	color: #fff !important;
	word-wrap: break-word;
}

.appartments-list.grid-wederverkoop {
	display: flex;
    flex-wrap: wrap;
	/* justify-content: space-between; */
	/* margin-right: -15px; */
	/* margin-left: -15px; */
	padding: 0 !important;
	max-width: unset;
	margin-left: 30px !important;
	gap: 25px;
}

.appartments-list.grid-wederverkoop .appartments-slide {
	max-width: 31.333% !important;
	margin-right: 0!important;
	margin-bottom: 35px !important;
}

.appartments-new .appartments-content {
	padding-left: 30px !important;
}
@media screen and (max-width: 768px) {
	.text_editor .col9 {
		width: 100%;
	} 
	.intervalling_content .col6 {
		width: 100%;
	}
	.intervalling_content .image-col {
		padding: 0 !important; 
		margin-bottom: 35px;
	}
	.intervalling_content .content-col .custom-layout {
		flex-direction: column;
		align-items: flex-start;
	}
	.custom-layout .image {
		margin-left: 0;
	}
	.custom-layout .image a.wide-link {
		padding-right: 15px;
		padding-left: 15px;
	}
	.hero_section {
		/* min-height: 1350px; */
	}

	.intervalling_content.p-b-xl {
		padding-bottom: 30px !important;
	}

	.appartments-list.grid-wederverkoop .appartments-slide {
		max-width: 47.5% !important; 
	}

	.appartments-list.grid-wederverkoop {
		margin-left: 0 !important;
	}
	.text-editor-half .col6 {
		width: 100%;
	}
	.intervalling_content .content-col.right {
		padding-right: 0 !important;
	}
}

@media screen and (max-width: 500px) {
	.appartments-list.grid-wederverkoop {
		padding: 0 30px !important
	}
	
	.appartments-list.grid-wederverkoop .appartments-slide {
		max-width: 100% !important; 
	}

	.breadcrumbs, .text_editor,
	.appartments-new .appartments-content,
	.intervalling_content .content-col.left {
		padding-left: 0 !important;
	}

	
}

.new-swiper-nav .swiper {
	overflow-x: visible;
}

.new-swiper-nav .swiper-pagination-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.new-swiper-nav .swiper-pagination,
.new-swiper-nav .swiper-arrows {
	position: relative;
}

.new-swiper-nav .swiper-pagination {
	width: auto !important;
	bottom: 0px !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
     width: 14px !important
}

.new-swiper-nav .swiper-pagination-bullet-active {
	background-color: #977E60 !important;
	opacity: 1 !important;
}

.new-swiper-nav .swiper-pagination-bullet {
	background-color: #A88D68 !important;
	opacity: 0.2;
	transition: all 300ms ease-in-out;
}

.new-swiper-nav .swiper-arrows {
	display: flex;
	align-items: center;
	height: 44px;
	gap: 16px;
}

.new-swiper-nav .swiper-button-next:after, .new-swiper-nav .swiper-button-prev:after {
	display: none;
}

.new-swiper-nav .swiper-button-next {
	order: 2;
}

.new-swiper-nav .swiper-button-next, .new-swiper-nav .swiper-button-prev {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	height: 40px;
	width: 40px;
	margin-top: 0px;
	border-radius: 100%;
	border: 1px solid #977E60;
	background-color: #fff;
}

.new-swiper-nav .swiper-button-next {
	background-color: #977E60;
}

.new-swiper-nav .swiper-button-next i {
	color: #fff;
	font-size: 12px;
}

.new-swiper-nav .swiper-button-prev i {
	color: #977E60;
	font-size: 12px;
}

.team-slider img {
	height: 80px;
	width: 80px;
	object-fit: cover;
	border-radius: 100%;
}

.team-slider .function {
	font-style: italic;
	font-size: 18px;
	margin-bottom: 8px;
	line-height: 1.5;
	color: #000;
}

.team-slider .relation {
	font-size: 16px;
	color: #000;
	font-weight: 500;
}

.team-slider .quote {
	color: #000;
	font-size: 20px;
	font-style: italic;
	font-weight: 700;
}

.team-slider .socials {
	display: flex;
	align-items: center;
	gap: 16px;
}

.team-slider .socials a {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #977E60;
	border-radius: 100%;
}

.team-slider .socials a i {
	color: #977E60 !important;
}

.video-section .video-section-wrap {
	border-radius: 10px;
	overflow: hidden;
	height: 550px;
}

.video-section .video-section-wrap img {
	height: 100%;
	object-fit: cover;
}

.video-section .video-bg-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: .6;
	z-index: 0;
	border-radius: 10px;
	overflow: hidden;
}

.video-section .play-button {
	color: #fff;
	font-size: 26px;
	cursor: pointer;
}

.video-section .play-button .play-text {
	font-weight: 700;
}

.video-section .video-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (max-width: 576px) {
	.video-section .video-section-wrap {
		height: 300px;
	}
}

/* NEW 2025 */

.gradient-overlay {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	z-index: 3;
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(0, 21, 46, 0.00) 0%, rgba(0, 0, 0, 0.60) 60.28%)
}
.menu-bottom {
	height: 64px;
}
.menu-bottom .button {
	margin-left: auto;
	background-color: #fff;
	color: #3E4975 !important;
	margin-right: 0px !important; 
}
.menu-bottom .button:hover {
	border: 1px solid #3E4975;
	color: #fff !important;
	background-color: #3E4975;
}
.menu-social .instagram,
.menu-social .linkedin,
.menu-social .facebook {
	border: 1px solid #977E60 !important;
	height: 32px !important;
	width: 32px !important;
	border-radius: 999px !important;
	display: inline-flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0px !important;
	padding-top: 5px !important;
}
.menu-social .instagram a,
.menu-social .linkedin a,
.menu-social .facebook a {
	padding: 0px !important;
	color: #977E60 !important;
}
.menu-social  a:before	{
	font-size: 14px !important;
}
.menu-social li	{
	margin-left: 6px !important
}
.menu-contact {
	padding-right: 32px;
	margin-right: 32px;
	border-right:1px solid #DEDEDE
}
.menu-contact span:first-child {
	padding-right: 24px;
}
.menu-contact span {
	display: inline-flex;
	align-items:center;
	font-size: 14px;
	color: #977E60;
	gap: 8px;
}
.menu-contact a {
	font-size: 14px;
	color: #977E60;
	text-decoration: underline
}
.intervalling_content .content-col.left {
	padding-left: 0px;
}
.intervalling_content .image-labels {
	position: absolute;
	right: 32px;
	background: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding:24px;
}
.intervalling_content .image-labels .image-label-title,
.two-col-text-image .image-labels .image-label-title {
	font-size: 24px;
	font-family: 'Bodini', serif; 
	font-weight: 700;
	margin-bottom:8px
}
.intervalling_content .image-labels .image-label-text,
.two-col-text-image .image-labels .image-label-text {
	font-size: 14px;
}
.intervalling_content .image-label {
	margin-bottom: 24px;
}
.intervalling_content .image-label:last-child {
	margin-bottom: 0px;
}
.columns-section .content-col {
	max-width: 634px;
	text-align: center;
	margin: auto;
	margin-bottom: 32px;
}
.columns-section .column-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px
}
.columns-section .column-wrapper .columns-column {
	border-radius: 8px;
	padding: 260px 32px 67px 32px;
	position: relative;
	overflow: hidden;
}
.columns-section .column-wrapper .columns-column .column-image {
	position: absolute;
	top: 0px;
	object-fit: cover;
	bottom: 0px;
	right: 0px;
	left: 0px;
	z-index: 2;
	max-height: 722px;
	width:100%;
	height: 100%;
}
.columns-section .column-wrapper .columns-column .column-readmore {
	position: absolute;
	bottom: 32px;
	z-index: 3;
}
.columns-section .column-wrapper .columns-column .column-readmore a {
	color: #fff;
	text-decoration: underline;
}
.columns-section .column-wrapper .columns-column .column-readmore a:hover {
	text-decoration: none;
}
.columns-section .column-wrapper .column-text-wrapper {
	position: relative;
	z-index: 10
}
.columns-section .column-wrapper .columns-column:nth-child(3) {
	border: 1px solid #3E4975;
	padding-top: 32px;
	padding-bottom: 32px;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.columns-section .column-wrapper .columns-column:nth-child(3) .columns-button-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.columns-section .column-wrapper .columns-column:nth-child(3) .columns-button-wrapper a {
	justify-content: center;
	font-size: 14px;
}
.columns-section .column-wrapper .columns-column:nth-child(3) .columns-button-wrapper a.button-blue-border {
	background-color: transparent;
}
.columns-section .column-wrapper .columns-column:nth-child(3),
.columns-section .column-wrapper .columns-column:nth-child(3) h4,
.columns-section .column-wrapper .columns-column:nth-child(3) p {
	color: #3E4975;
}

.columns-section .column-wrapper .column-text-wrapper,
.columns-section .column-wrapper .column-text-wrapper p,
.columns-section .column-wrapper .column-text-wrapper h4 {
	color: #fff;
}
.columns-section .column-wrapper .column-text-wrapper h4,
.columns-section .column-wrapper .columns-column:nth-child(3) h4 {
	font-size: 32px;
	margin-bottom: 8px;
}
.columns-section .column-wrapper .column-text-wrapper p,
.columns-section .column-wrapper .columns-column:nth-child(3) p {
	font-size: 14px;
}
.two-col-text-image .column-text {
	columns: 2;
	margin-bottom: 20px;
	gap: 96px;
}
.two-col-text-image .image-labels {
	display: flex;
	max-width: 520px;
	padding: 24px;
	position: absolute;
	background: #fff;;
	left:20px;
	top: 0px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.two-col-text-image .image-wrap {
	position: relative;
	max-height: 460px;
}
.two-col-text-image .image-wrap img{
	object-fit: cover;
	max-height: 460px;
	border-radius: 8px;;
}
.section-tabs {
	width: 100%;
	position: relative;
}
.section-tabs .row {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}
.section-tabs .tabs-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin-bottom: 64px;
	padding-bottom: 0;
	justify-content: center
}
.section-tabs .tab-button {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 18px;
	font-family: 'Bodoni';
	font-weight: 400;
	color: #666;
	border-bottom: 1px solid transparent;
	transition: all 0.3s ease;
	position: relative;
	color: #977E60;
}
.section-tabs .tab-button:hover {
	color: #3D4975;
	border-bottom-color: #3D4975;
}
.section-tabs .tab-button.active {
	color: #3D4975;
	border-bottom-color: #3D4975;
}
.section-tabs .tabs-content {
	position: relative;
	min-height: 400px;
}
.section-tabs .tabs-content-outer {
	overflow: hidden;
	height: auto;
	transition: height 0.6s ease;
}
.section-tabs .tab-content-wrapper {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease, transform 0.6s ease;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}
.section-tabs .tab-content-wrapper.active {
	opacity: 1;
	transform: translateY(0);
	position: relative;
	z-index: 2;
}
.section-tabs .tab-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 48px;
	align-items: start;
	background: #F5F1ED;
	border-radius: 12px;
}
.section-tabs .tab-text-content {
	padding: 48px;
}
.section-tabs .tab-image-content {
	height: 100%;
}
.section-tabs .tab-image-content img {
	width: 100%;
	height: 100%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	object-fit: cover;
}
.section-tabs .tab-content h3 {
	font-size: 28px;
	margin-bottom: 20px;
	color: #333;
	font-weight: 600;
}
.section-tabs .tab-content .block-content {
	font-size: 16px;
	line-height: 1.6;
	color: #666;
}
.section-tabs .tab-content .block-content p {
	margin-bottom: 15px;
}
.section-tabs .image-right .tab-content {
	flex-direction: row-reverse;
}
	/* Video Slider Styles */
	.section-video-slider {
	width: 100%;
	overflow: hidden;
}
.section-video-slider h2 {
	font-size: 40px;
}
.section-video-slider .intro-text {
	max-width: 800px;
	margin: 0 auto;
}
.video-slider-container {
	position: relative;
	margin-bottom: 24px;
}
.section-video-slider .video-swiper {
	overflow: visible;
}
.section-video-slider .video-card {
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border-radius: 12px;
	overflow: hidden;
	background: #ffffff;
}
.section-video-slider .video-card:hover {
	transform: translateY(-8px);

}
.section-video-slider .video-thumbnail {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
	padding-bottom: 56.25%;
	/* 16:9 aspect ratio */
	height: 0;
}
.section-video-slider .video-thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
	border-radius: 12px;
}
.section-video-slider .video-card:hover .video-thumbnail img {
	transform: scale(1.05);
}
.section-video-slider .video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: opacity 0.3s ease;
}
.section-video-slider .video-card:hover .video-overlay {
	opacity: 1;
}
.section-video-slider .play-button {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	background: #DBD3C9;
	height: 64px;
	display: flex;
	width: 64px;
	z-index: 2;
	transition: all 0.3s ease;
	justify-content: center;
	align-items: center;
	border-radius: 999px
}
.section-video-slider .play-button-wrapper {
	width: 106px;
	height: 106px;
	background: #DBD3C966;
	z-index: 1;
	position: absolute;
	top: calc(50% - 56px);
	border-radius: 999px;
	left: calc(50% - 56px);
}
.section-video-slider .video-info {
	padding-top: 32px;
	display: flex;
}
.section-video-slider .video-info .video-text {
	text-align: left
}
.section-video-slider .video-info .video-icon {
	margin-left: auto
}
.section-video-slider .video-info .video-icon img {
	width: 130px;
	height: 20px;
}
.section-video-slider .video-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0px;
}
.section-video-slider .video-description {
	font-size: 18px !important;
	line-height: 1.2;
	font-weight: 400;
}
.video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: rgba(0, 0, 0, 0.9);
}
.video-modal.active {
	display: flex;
	align-items: center;
	justify-content: center;
}
.video-modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.video-modal-content {
	position: relative;
	width: 90%;
	max-width: 920px;
	z-index: 2;
}
.video-modal-close {
	position: absolute;
	top: -50px;
	right: 0;
	background: none;
	border: none;
	color: white;
	font-size: 24px;
	cursor: pointer;
	padding: 10px;
	transition: opacity 0.3s ease;
	z-index: 3;
}
.video-modal-close:hover {
	opacity: 0.7;
}
.video-modal-iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
}
.video-modal-iframe-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section-video-slider .video-slider-container {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.section-video-slider .video-slider-container.loaded {
	opacity: 1;
}
.section-video-slider .video-slider-loading {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.section-video-slider  .video-slider-loading.hidden {
	opacity: 0;
	display: none;
}
.section-video-slider .spinner {
	width: 40px;
	height: 40px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #977E60;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
.swiper-text-icon-layout {
	overflow: hidden;
}
.team-slider-layout {
	overflow: hidden;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
.section-tabs-vertical .image-container {
	position: relative;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow: hidden;
	border-radius: 8px;
}
.section-tabs-vertical .intro-text {
	margin-bottom: 80px;
	max-width: 768px;
}
.section-tabs-vertical .outro-text {
	margin-top: 80px;
	max-width: 768px;
}
.section-tabs-vertical .image-container img {
	object-fit: cover;
	border-radius: 8px;
}
.section-tabs-vertical .tabs-outer-wrapper {
	display: grid;
	gap: 80px;
	grid-template-columns: 1fr 1fr;
}
.section-tabs-vertical .block-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out, transform 0.8s ease-in-out;
	transform: scale(1.05);
	pointer-events: none;
}
.section-tabs-vertical .block-image img {
	max-height: 640px;
	width: 100%;
	height: 100%;
}
.section-tabs-vertical .block-image.active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
	transform: scale(1);
}
.section-tabs-vertical .block-image.prev-active {
	opacity: 0;
	z-index: 1;
}
.section-tabs-vertical .text-block-wrapper {
	padding: 0px 0px 0px 30px;
	margin-bottom: 40px;
	border-left: 3px solid transparent;
	transition: all 0.3s ease;
}
.section-tabs-vertical .text-block-wrapper {
	cursor: pointer !important;
}
.section-tabs-vertical .text-block-wrapper,
.section-tabs-vertical .text-block-wrapper *,
.section-tabs-vertical .text-block-wrapper h3,
.section-tabs-vertical .text-block-wrapper p,
.section-tabs-vertical .text-block-wrapper div {
	cursor: pointer !important;
}
.section-tabs-vertical .text-block-wrapper:hover {
	border-left-color: #977E60;
}
.section-tabs-vertical .text-block-wrapper.active {
	border-left-color: #977E60;
}
.section-tabs-vertical .text-block-wrapper.active p {
	color: #977E60;
}
.section-tabs-vertical .block-title {
	margin-top: 0;
	margin-bottom: 10px;
	color: #333;
	transition: color 0.3s ease;
}
.section-tabs-vertical .text-block-wrapper.active .block-title {
	color: #977E60;
}
.section-tabs-vertical .block-content {
	color: #666;
}
.time_line .time_line_wrapper {
	background: #F5F1ED;
	border-radius: 8px;
	margin-bottom: 64px;
	position: relative;
}
.time_line .row {
	display: flex
}
.time_line .timeline-col-right {
	margin-left: 60px;
	width: calc(50% - 60px);
	position: relative;
}
.time_line .timeline-col-left {
	margin-right: 60px;
	width: calc(50% - 60px);
	position: relative;
	z-index: 1;
}
.time_line .time_line_wrapper .time_line_text {
	background: #F5F1ED;
	border-radius: 8px;
	padding: 32px;
}
.time_line .time_line_wrapper .time_line_image img {
	object-fit: cover;
	max-height: 400px;
	height:100%;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.time_line .timeline-col-right .timeline-line {
	content: '';
	display: block;
	height: 100%;
	border-left: 3px solid #977E60;
	width: 3px;
	position: absolute;
	left: -60px;
	z-index: 0;
}
.time_line .timeline-col-right .timeline-dot {
	position: absolute;
	left: -82px;
	top: 24px;
	z-index: 111111;
	border-radius: 999px;
	border: 3px solid #fff;
	background: #fff;
	width: 45px;
	height: 45px;
	margin: 0px;
	padding: 0px;
}
.time_line .time_line_wrapper h3 {
	font-size: 32px;
	margin-bottom: 16px;
}
.time_line_wrapper {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease-out;
}
.time_line_wrapper.aos-animate {
	opacity: 1;
	transform: translateY(0);
}
.time_line_wrapper:hover {
	transform: translateY(-5px);
	transition: transform 0.3s ease;
}
.zoho-form-section .content-col {
	max-width: 744px;
	margin: 0 auto;
	text-align: center;
}
.zoho-form-section .content-col h2 {
	margin-bottom: 48px;
}
#crmWebToEntityForm.zcwf_lblLeft {
	padding: 0px;
}
#crmWebToEntityForm {
	max-width: 744px !important;
}
#crmWebToEntityForm  * {
	font-family: 'Raleway';
}
#crmWebToEntityForm * {
	font-size: 16px !important;
}
#crmWebToEntityForm {
	.zcwf_row {
		display: flex;
		flex-direction: column;
	}
	.zcwf_row .zcwf_col_lab {
		padding: 0px;
		margin: 0px;
		font-weight: 700;
		font-size: 16px !important;
		width: 100%;
	}
	.zcwf_row .zcwf_col_fld {
		padding: 0px;
		margin-top:8px;
	}
	.zcwf_row .zcwf_col_fld select,
	.zcwf_row .zcwf_col_fld input,
	.zcwf_row .zcwf_col_fld input[type=text],
	.zcwf_row .zcwf_col_fld input[type=password],
	.zcwf_row .zcwf_col_fld textarea {
		margin: 0px;
		border-radius: 0px;
		border: 1px solid #000 !important;
		min-height:48px;
	}
	.zcwf_row {
		margin: 0px 0px 24px;

	}
	.zcwf_row:nth-child(9),
	.zcwf_row:nth-child(12),
	.zcwf_row:nth-child(15) {
		float: left
	}
	.zcwf_row:nth-child(9),
	.zcwf_row:nth-child(10),
	.zcwf_row:nth-child(12),
	.zcwf_row:nth-child(13),
	.zcwf_row:nth-child(15),
	.zcwf_row:nth-child(16) {
		width: calc(50% - 12px);
	}
	.zcwf_row:nth-child(9),
	.zcwf_row:nth-child(12),
	.zcwf_row:nth-child(15) {
		margin-right: 24px;
	}
	.zcwf_row:nth-child(11),
	.zcwf_row:nth-child(14),
	.zcwf_row:nth-child(17) {
		width: 100%;
	}
	/* EN */
	#webform909928000000327064 .zcwf_row:nth-child(15),
	#webform909928000000327064 .zcwf_row:nth-child(16) {
		width:100%
	}
	/* DE */
	#webform909928000000327096 .zcwf_row:nth-child(15),
	#webform909928000000327096 .zcwf_row:nth-child(16) {
		width:100%
	}
	.zcwf_title {
		display: none;
	}
	.zcwf_row .zcwf_col_fld textarea {
		height: 156px;
	}
	#formsubmit {
		display: flex !important;
		padding: 12px 20px !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 8px !important;
		border-radius: 8px !important;
		background: #3E4975 !important;
		max-width: 100% !important;
		border-color: #3E4975 !important;
		width: auto !important;
		margin: auto !important;
		transition: all 0.3s;
		text-transform: none !important;
		font-size: 14px !important;
		line-height: normal;
	}
	#formsubmit:hover {
		color: #3E4975 !important;
		background-color: #fff !important;
	}
	input[type="reset"].zcwf_button {
		display: none !important
	}
	#custom-lead-source-group {
		display: grid;
		grid-template-columns: 1fr 1fr;
		row-gap: 14px;
	}
	.zcwf_col_fld,
	.zcwf_col_fld_slt,
	.zcwf_col_fld input[type=text],
	input[type=password],
	.zcwf_col_fld textarea {
		width: 100%;
	}
	#Lead_Source {
		visibility: hidden !important;
		position: absolute !important;
		left: -9999px !important;
		height: 0 !important;
		overflow: hidden !important;
		z-index: -1 !important;
		pointer-events: none !important;
	}
	.custom-radio-group {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-top: 10px;
	}
	.custom-radio-option {
		display: flex;
		align-items: center;
		cursor: pointer;
		border-radius: 6px;
		transition: all 0.2s ease;
		background: #fff;
	}
	.custom-radio-option:hover .custom-radio-text {
		color: #0279FF;
	}
	.custom-radio-option.selected {
		color: #0279FF;
	}
	/* Custom radio circle */
	.custom-radio-circle {
		width: 18px;
		height: 18px;
		border: 1px solid #000;
		border-radius: 50%;
		margin-right: 12px;
		position: relative;
		transition: all 0.2s ease;
	}
	.custom-radio-option.selected .custom-radio-circle {
		border-color: #0279FF;
	}
	.custom-radio-option.selected .custom-radio-circle::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 10px;
		height: 10px;
		background: #0279FF;
		border-radius: 50%;
	}
	.custom-radio-text {
		flex: 1;
		font-size: 14px;
		color: #333;
	}
	.custom-radio-option.selected .custom-radio-text {
		color: #0279FF;
		font-weight: 500;
	}
	#Salutation {
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
		background-repeat: no-repeat;
		background-position: right 12px center;
		background-size: 16px;
		padding-right: 40px !important;
		cursor: pointer;
		padding-left:8px;
	}
}	
.columns-section-icons .content-col {
	max-width: 634px;
	text-align: center;
	margin: auto;
	margin-bottom: 32px;
}
.columns-section-icons .column-wrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 32px
}
.columns-section-icons .column-wrapper .columns-column {
	text-align: center;
}
.columns-section-icons .column-wrapper .columns-column img {
	height: 48px;
	width: auto;
	margin-bottom: 24px;
}
.columns-section-icons .column-wrapper .columns-column .column-readmore a {
	color: #fff;
	text-decoration: underline;
}
.columns-section-icons .column-wrapper .columns-column .column-readmore a:hover {
	text-decoration: none;
}
.columns-section-icons .column-wrapper .column-text-wrapper {
	position: relative;
	z-index: 10
}
.columns-section-icons .column-wrapper .column-text-wrapper,
.columns-section-icons .column-wrapper .column-text-wrapper p,
.columns-section-icons .column-wrapper .column-text-wrapper h4 {
	color: #fff;
}
.columns-section-icons .column-wrapper .column-text-wrapper h4,
.columns-section-icons .column-wrapper .columns-column:nth-child(3) h4 {
	font-size: 32px;
	margin-bottom: 8px;
}
.columns-section-icons .column-wrapper .column-text-wrapper p,
.columns-section-icons .column-wrapper .columns-column:nth-child(3) p {
	font-size: 14px;
}
#sb_instagram .sbi_photo img {
	border-radius: 8px;
}
#sb_instagram.sbi_col_4 #sbi_images, #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images {
	gap: 32px !important;
	padding: 0px !important;
}
.text-editor .text-editor-header {
	display:grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 32px;
}
.text-editor .text-editor-header h2 {
	margin-bottom: 0px;
}
.text-editor .text-editor-button-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: end;
}
.button.button-blue-border {
	background: transparent;
	border: 1px solid #3e4975;
	color: #3e4975 !important;
}
.button.button-blue {
	background: #3e4975;
	border: 1px solid #3e4975;
}
.button.button-blue-border:hover,
.button.button-blue:hover {
	border: 1px solid #3e4975;
	background: #3e4975;
	color: #fff !important;
}
.button, .button-small {
	line-height: 1.25 !important;
	padding: 12px 18px !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	text-transform: initial !important;
	display: inline-flex !important;
	margin-bottom:0.4em;
	gap: 8px !important;
	/* height:40px !important; */
	text-align:center !important;
	justify-content: center !important;
	align-items: center;
}
.button-wrapper {
	display: flex;
	column-gap: 16px; 
}
ul.check li:before {
	color: #fff;
	font-size: 7px;
	width: 20px;
	/* background: #977E60; */
	border-radius: 999px;
	height: 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	font-size: 12px !important;
	
}
.mob-contact {
	display: none;
}
.brochure {
	margin-left: auto
}
.p-t-lg {
	padding-top: 96px;
}
.p-t-sm {
	padding-top: 32px;
}
.p-t-md {
	padding-top: 80px;
}
.p-t-112 {
	padding-top: 112px;
}
.p-b-lg {
	padding-bottom: 96px;
}
.p-b-sm {
	padding-bottom: 32px;
}
.p-b-md {
	padding-bottom: 80px;
}
.p-b-112 {
	padding-bottom: 112px;
}
.instagram_section {
	padding: 144px 0px;
}

.row-4-nieuws-titel h2 {
	margin-bottom: 48px;
}
/* RESPONSIVE */
@media screen and (min-width:1024px) {
	&.locale-en-us .main-menu ul li a {
		font-size: 13px !important;
	}
}
@media screen and (max-width: 1200px) and (min-width:1024px) {
	&.locale-de-de .menu-left,
	&.locale-en-us .menu-left {
		position: absolute !important;
		top: -40px !important;
	}
}
@media screen and (max-width: 1150px) and (min-width:1024px) {
	&.locale-nl-nl .menu-left {
		position: absolute;
		top: -40px;
	}
}

@media screen and (max-width: 1150px) {
	.intervalling_content h1,
	.intro-text h1 {
		font-size: 44px;
	} 
}
@media screen and (max-width: 1024px) {
	.brochure {
		display: none;
	}
	
	.menu-contact strong {
		display: none;
	}
	.intervalling_content .image-col.right {
		padding-left:48px;
	}
	.intervalling_content .image-col.left {
		padding-right:48px;
	}
}
@media screen and (max-width: 920px) {
	.button-wrapper {
		display: block;
	} 
	.button-wrapper a:first-child {
		margin-bottom: 8px;
	}
	.columns-section .column-wrapper {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}
	.columns-section .column-wrapper .columns-column:nth-child(3) {
		grid-column: span 2;
	}
	.mob-contact {
		display: inline-flex;
		margin-left:auto;
	}
	.mob-contact svg {
		height: 32px;
		width: auto;
	}
	.mob-contact a {
		margin-right:16px
	}
}
@media screen and (max-width: 768px) {
	.intervalling_content h1 {
		font-size: 32px;
	} 
	a.button-small, .button-small, span.button-small {
		padding: 12px 20px !important;
		font-size: 16px !important;
	}
	.two-col-text-image .column-text {
		columns: 1;
	}
	.two-col-text-image .image-labels {
		flex-direction: column;
		gap: 24px;
	}
	.section-tabs .tabs-navigation {
		flex-direction: column;
		margin-bottom: 32px;
		gap: 0;
		border-bottom: none;
	}
	.section-tabs .tab-button {
		width: 100%;
		text-align: left;
		padding: 16px;
		border-left: 3px solid transparent;
		border-top-right-radius: 12px;
		border-bottom-right-radius: 12px;
	}
	.section-tabs .tab-button:hover {
		border: 0px solid;
		border-bottom-color: #fff
	}
	.section-tabs .tab-button.active {
		border-left-color: #3D4975;
		border-bottom-color: transparent;
		background-color: #F5F1ED;
	}
	.section-tabs .tab-content {
		display: flex;
		flex-direction: column;
		gap: 20px;
		text-align: center;
	}
	.section-tabs .tab-text-content {
		padding: 24px;
	}
	.section-tabs .image-right .tab-content {
		flex-direction: column;
	}
	.section-tabs .tab-image-content img {
		border-top-right-radius: 0px;
		border-bottom-left-radius: 12px;
	}
	.section-tabs .tab-content h3 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.section-tabs .tabs-content {
		min-height: auto;
	}
	.section-tabs .row {
		gap: 0px
	}
	.intervalling_content .image-col.left {
		padding-right: 70px;
	}
	.intervalling_content .image-col.right {
		padding-left: 70px;
	}
	.section-video-slider .section-video-slider h2 {
		font-size: 24px;
	}
	.section-video-slider .video-info {
		padding: 15px;
		display: block;
	}
	.section-video-slider .video-title {
		font-size: 15px;
	}
	.section-video-slider .video-description {
		font-size: 13px;
	}
	.video-modal-content {
		width: 95%;
	}
	.video-modal-close {
		top: -40px;
		right: -10px;
	}
	.section-video-slider .play-button {
		top: calc(50% - 16px);
		left: calc(50% - 16px);
		height: 32px;
		width: 32px;
	}
	.section-video-slider .play-button-wrapper {
		width: 64px;
		height: 64px;
		top: calc(50% - 32px);
		left: calc(50% - 32px);
	}
	.section-tabs-vertical .tabs-outer-wrapper {
		display: block !important;
		gap: 0;
	}
	.section-tabs-vertical .text-block-wrapper.active p,
	.section-tabs-vertical .text-block-wrapper.active .block-title {
		color: #000;
	}
	.section-tabs-vertical .image-column,
	.section-tabs-vertical .content-column {
		width: 100% !important;
	}
	.section-tabs-vertical .image-container {
		position: static;
		height: auto;
		margin: 0;
		border-radius: 0;
	}
	.section-tabs-vertical .block-image {
		position: relative !important;
		opacity: 1 !important;
		visibility: visible !important;
		height: auto !important;
		max-height: none !important;
		margin-bottom: 20px;
		transform: none !important;
		transition: none !important;
	}
	.section-tabs-vertical .block-image.active {
		display: block;
	}
	.section-tabs-vertical .block-image img {
		object-fit: cover;
		border-radius: 8px;
		max-height: 323px;
		width: 100%;
		height: 100%;
		object-position: 0px -27px
	}
	.section-tabs-vertical .intro-text {
		margin-bottom: 40px;
	}
	.section-tabs-vertical .text-blocks {
		order: 2;
	}
	.section-tabs-vertical .text-block-wrapper {
		display: block !important;
		border-left: none !important;
		padding: 20px 0 0px 0 !important;
		margin-bottom: 0px;
		cursor: default !important;
	}
	.section-tabs-vertical .text-block-wrapper * {
		cursor: default !important;
	}
	.section-tabs-vertical .text-block-wrapper.active {
		border-left-color: transparent;
	}
	.section-tabs-vertical .mobile-block-container {
		margin-bottom: 40px;
	}
	.columns-section .column-wrapper,
	.columns-section-icons .column-wrapper {			
		grid-template-columns: repeat(1, 1fr);
	}
	.columns-section .column-wrapper .columns-column:nth-child(3) {
		grid-column: span 1;
	}
	.text-editor .text-editor-header {
		grid-template-columns: 1fr;
		row-gap: 16px;
		margin-bottom: 16px;
	}
	#sb_instagram.sbi_col_4 #sbi_images, #sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images {
		gap: 16px !important;
	}
	.time_line .row {
		flex-direction: column;
	}
	.time_line .timeline-col-left {
		width: 100%;
		margin: 0px;
	}
	.time_line .timeline-col-right {
		width: calc(100% - 60px);
	}
	.time_line .timeline-col-right .timeline-line {
		left: -40px;
	}
	.time_line .timeline-col-right .timeline-dot {
		left: -61px;
	}
	.header--page .header-container.header-low {
		min-height: 250px;
	}
	.header--page .header-image.header-low {
		min-height: 250px;
	}
	.cta-section {
		padding: 24px 0px;
	}
	.p-t-lg {
		padding-top: 48px;
	}
	.p-t-sm {
		padding-top: 16px;
	}
	.p-t-md {
		padding-top: 40px;
	}
	.p-t-112 {
		padding-top: 48px;
	}
	.p-b-lg {
		padding-bottom: 48px;
	}
	.p-b-sm {
		padding-bottom: 16px;
	}
	.p-b-md {
		padding-bottom: 40px;
	}
	.p-b-112 {
		padding-bottom: 48px;
	}
	.instagram_section {
		padding: 48px 0;
	}


}
@media screen and (max-width: 550px) {
		h1 {
		font-size: 28px !important;
	} 

		h2 {
		font-size: 24px !important;
	} 
		h3, 
		h4 {
		font-size: 22px !important;
	} 
	a.button, .button, .button-small {
		width: 100%;
		justify-content: center;
	}
	a.apartment-gallery-overlay {
		width: 77%;
		font-size:12px;
	}
	#webform909928000000154032 .zcwf_row:nth-child(9), #webform909928000000154032 .zcwf_row:nth-child(10), #webform909928000000154032 .zcwf_row:nth-child(12), #webform909928000000154032 .zcwf_row:nth-child(13), #webform909928000000154032 .zcwf_row:nth-child(15), #webform909928000000154032 .zcwf_row:nth-child(16) {
		width: 100%;
		margin: 0px 0px 24px 0px
	}
	#webform909928000000154032 select,
	#webform909928000000154032 .zcwf_col_fld input[type=text],
	#webform909928000000154032 input[type=password], 
	#webform909928000000154032 .zcwf_col_fld textarea {
		width: 100% !important
	}
	#webform909928000000154032 #custom-lead-source-group {
		grid-template-columns: 1fr;
	}
	.cta-section {
		padding: 48px 0px;
	}
}
	
/*
LAYOUT IMAGE SLIDER START
*/
.section-image-slider .swiper {
    padding-top: 32px;
    padding-bottom: 32px
}

.section-image-slider .text-top {
    max-width: 650px;
}

.section-image-slider .text-below {
    columns: 2;
    gap: 32px;
}


.section-image-slider .swiper .swiper-slide img {
    /* max-height: 460px; */
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
    aspect-ratio: 2 / 1;
    height: 100%;
}

.section-image-slider .swiper-slide {
    position: relative;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.section-image-slider .swiper-slide::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.6);
    opacity: 1;
    transition: opacity 0.3s ease;
    pointer-events: none;
    border-radius: inherit;
}

.section-image-slider .swiper-slide.swiper-slide-active::after {
    opacity: 0;
}

.section-image-slider .swiper-button-prev:after,
.section-image-slider .swiper-button-next:after {
    display: none;
}

.section-image-slider .swiper-button-prev,
.section-image-slider .swiper-button-next {
    height: 40px;
    width: 40px;
    margin-top: 0px;
    border-radius: 100%;
    border: 1px solid #977E60;
    background: #977E60;
    transition: all 0.3s;
}

.section-image-slider .swiper-button-prev:hover,
.section-image-slider .swiper-button-next:hover {
    opacity: 0.5
}

.section-image-slider .swiper-button-prev {
    left: max(calc((100% - 1300px) / 2), 2%);
}

.section-image-slider .swiper-button-next {
    right: max(calc((100% - 1300px) / 2), 2%);
}

@media only screen and (max-width: 768px) {
    .section-image-slider .text-below {
        columns: 1
    }
}

/*
LAYOUT IMAGE SLIDER END
*/

/*
LAYOUT APARTMENT SLIDER START
*/

.swiper-apartment-layout {
	overflow: hidden;
}

.swiper-apartment-layout .apartment-swiper .swiper-slide {
	height: auto;
	display: flex;
}

.swiper-apartment-layout .apartment-card {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.swiper-apartment-layout .apartment-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.swiper-apartment-layout .apartment-image {
	position: relative;
	height: 200px;
	overflow: hidden;
	flex-shrink: 0;
}

.swiper-apartment-layout .apartment-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-apartment-layout .no-image-placeholder {
	width: 100%;
	height: 100%;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 14px;
}

.swiper-apartment-layout .image-label {
	position: absolute;
	top: 0px;
	left: 12px;
	background: #fff;
	color: #3E4975;
	padding: 12px 20px;
	border-radius: 0 0 8px 8px;
	font-size: 14px;
	font-weight: 700;
}

.swiper-apartment-layout .image-label.image-label-blue {
	background: #3E4975;
	color: #fff;
}

.swiper-apartment-layout .apartment-content {
	padding: 16px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-height: 250px;
}

.swiper-apartment-layout .apartment-header {
	margin-bottom: 12px;
	flex-shrink: 0;
	min-height: 60px;
}

.swiper-apartment-layout .apartment-title {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 8px 0;
	line-height: 1.3;
	max-height: 2.6em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.swiper-apartment-layout .apartment-number {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
	margin: 0;
	display: flex;
	gap: 8px;
	align-items: center;
	min-height: 24px;
}

.swiper-apartment-layout .apartment-body {
	flex-grow: 1;
	margin-bottom: 16px;
	min-height: 56px;
	display: flex;
	align-items: flex-start;
}

.swiper-apartment-layout .apartment-excerpt {
	font-size: 14px;
	margin: 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.swiper-apartment-layout .apartment-bottom {
	margin-top: auto;
	flex-shrink: 0;
	min-height: 80px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.swiper-apartment-layout .apartment-price {
	font-size: 24px;
	font-weight: 700;
	font-family: 'Bodoni';
	margin-bottom: 16px;
	min-height: 32px;
	display: flex;
	align-items: center;
}

.swiper-apartment-layout .apartment-footer {
	width: 100%;
}

.swiper-apartment-layout .apartment-footer .button {
	width: 100%;
}

.swiper-apartment-layout .apartment-button {
	background: #977E60;
	color: white;
	padding: 8px 16px;
	border-radius: 4px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: background 0.3s ease;
}

.swiper-apartment-layout .apartment-button:hover {
	background: #8a6f55;
	color: white;
	text-decoration: none;
}

.swiper-apartment-layout .no-apartments {
	text-align: center;
	padding: 40px 20px;
	color: #666;
}

.swiper-apartment-layout .swiper-wrapper {
	margin: -10px;
	padding: 10px;
}

.swiper-apartment-layout .apartment-swiper {
	margin-bottom: 24px;
}

.swiper-apartment-layout .apartment-swiper .swiper-slide {
	height: auto;
	display: flex;
}

@media (max-width: 767px) {
	.swiper-apartment-layout .apartment-footer {
		gap: 12px;
	}

	.swiper-apartment-layout .apartment-content {
		min-height: 220px;
	}

	.swiper-apartment-layout .apartment-header {
		min-height: 50px;
	}

	.swiper-apartment-layout .apartment-body {
		min-height: 48px;
	}
}
/*
LAYOUT APARTMENT SLIDER END
*/
/*
LAYOUT VERTICAL ACCORDION START
*/
.section-vertical-accordion .accordion {
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 32px;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	counter-reset: acc-counter;
}

.section-vertical-accordion .accordion>div {
	position: relative;
	float: left;
	width: 80px;
	/* collapsed width */
	height: 700px;
	/* fixed height */
	color: #3E4975;
	background-color: #EBE6DE;
	border-right: 2px solid #f6f1ee;
	cursor: pointer;
	counter-increment: acc-counter;
	padding: 24px 32px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all 1s ease, background-color 0.5s ease;
}

.section-vertical-accordion .accordion>div:last-child {
	border-radius: 0px 32px 32px 0px;
}

.section-vertical-accordion .accordion>div::before {
	content: counter(acc-counter, decimal-leading-zero);
	position: absolute;
	top: 32px;
	left: 24px;
	font-size: 24px;
	font-weight: 700;
	color: #3E4975;
	font-family: 'Bodoni';
}

.section-vertical-accordion .accordion>div p,
.section-vertical-accordion .accordion>div div {
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease;
}

.section-vertical-accordion .accordion div.active p,
.section-vertical-accordion .accordion div.active div {
	visibility: visible;
	opacity: 1;
}

.section-vertical-accordion .accordion .accordion-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 32px;
	align-items: end;
	height: 100%;
	max-height: 100%;
	width: 100%;
	padding: 64px 48px;
	box-sizing: border-box;
	overflow: hidden;
}

.section-vertical-accordion .accordion>div>h2 {
	position: absolute;
	bottom: 8px;
	left: 24px;
	width: calc(600px - 64px);
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	/* text-align: center; */
	transform-origin: 0 0;
	transform: rotate(-90deg);
	cursor: pointer;
	color: inherit;
}

.section-vertical-accordion .accordion>div>h2 a {
	text-decoration: none;
	color: inherit;
	display: block;
}

.section-vertical-accordion .accordion div.active {
	background-color: #F5F1ED;
	padding: 0px 0px 0px 84px;
}

.accordion-image {
	border-radius: 16px;
}

.accordion-image {
	height: 100%
	overflow: hidden;
	max-height: 100%;
}

.accordion-image img {
	height: 100%;
	width: 100%;
	max-height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

/* Mobile & Tablet stacked layout */
@media (max-width: 900px) {
	.section-vertical-accordion .accordion {
		display: block;
		border-radius: 16px;
	}

	.section-vertical-accordion .accordion>div {
		float: none;
		width: 100% !important;
		min-height: 80px;
		height: auto;
		padding: 24px;
		border-right: none;
		border-bottom: 2px solid #f6f1ee;
		transition: none;
		line-height: 1;
	}

	.section-vertical-accordion .accordion div.active {
		padding: 24px;
	}

	.section-vertical-accordion .accordion .accordion-content {
		max-height: 0px;
		padding: 0;
	}

	.section-vertical-accordion .accordion .active .accordion-content {
		max-height: 1000px;
		padding: 16px 0;
	}

	/* Remove numbering rotation constraints */
	.section-vertical-accordion .accordion>div::before {
		position: unset;
		display: inline-block;
		margin-right: 8px;
		transform: none;
	}

	/* Reset rotated titles */
	.section-vertical-accordion .accordion>div>h2 {
		position: unset;
		transform: none;
		width: auto;
		margin-bottom: 12px;
		display: inline;
	}

	.section-vertical-accordion .accordion>div>h2 a {
		display: inline;
	}

	.accordion-text>h2:first-child,
	.accordion-text>h3:first-child {
		display: none;
	}
	.section-vertical-accordion .accordion>div:last-child {
		border-radius: 0px;
	}
}

@media (max-width: 768px) {
	.section-vertical-accordion .accordion .active .accordion-content {
		display: flex;
		flex-direction: column;
		align-items: start;
	}

}
/*
LAYOUT VERTICAL ACCORDION END
*/

/*
LAYOUT USPS CTA SECTION START
*/
.usp-cta-section-usps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}

.usp-cta-section-usps .usps-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 32px;
}

.usp-cta-section-usps .usps-wrapper span {
	line-height: 1.7em;
}

.cta-usp-button-wrapper {
	padding: 16px;
	border: 1px solid #3E4975;
	border-radius: 8px;
}

.button-wrapper.cta-usp-button-wrapper {
	display: inline-block;
}

.button-wrapper.cta-usp-button-wrapper div {
	margin-bottom: 16px;
	color: #3E4975;
	font-weight: 500;
}

.cta-usp-button-wrapper * {
	font-size: 14px;
}
.cta-usp-button-wrapper p {
	font-size: 16px;
}

.usp-cta-section-usps-col-1 {
	grid-column: 1 / span 3;
}

.usp-cta-section-usps-col-1 svg {
	margin-bottom: 16px;
}

.usp-cta-section-usps-col-1 h2 {
	font-size: 32px;
}

@media only screen and (max-width: 1024px) {
/*------------------------------------*\
	START FAQ
\*------------------------------------*/

.faq-grid {

	grid-template-columns: repeat(1, minmax(0, 1fr));
	column-gap: 0px;
	row-gap: 32px;
}

/*------------------------------------*\
	END FAQ
\*------------------------------------*/	
	.usp-cta-section-usps .usps-wrapper {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.usp-cta-section-usps .usps-wrapper .usp-item {
		display: grid;
		gap: 16px;
		align-items: center;
		grid-template-columns: 32px 1fr;
	}

	.usp-cta-section-usps-col-1 svg {
		margin-bottom: 0px;
	}

	.usp-cta-section-usps-col-1 {
		grid-column: 1 / span 2;
	}

	.usp-cta-section-usps-col-2 {
		grid-column: 3 / span 2;
	}
}

@media only screen and (max-width: 768px) {
	.usp-cta-section-usps {
		display: block;
	}

	.usp-cta-section-usps-col-1 {
		margin-bottom: 16px;
	}
}
/*
LAYOUT USPS CTA SECTION END
*/

/*
LAYOUT NEWS START
*/
 .section-news .display-flex {
        align-items: stretch;
    }
    .section-news .post-container-fp {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .section-news .post-container-inner-fp {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 20px;
    }
    .section-news .post-content-wrapper {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }
    .section-news .post-excerpt {
        flex-grow: 1;
        margin-bottom: 15px;
    }
    .section-news .post-bottom {
        margin-top: auto;
    }
    .section-news .post-meta-info {
        display: flex;
        gap: 15px;
        margin-bottom: 16px;
        font-size: 14px;
        color: #666;
        justify-content: space-between;
    }
	.section-news .post-meta-info .reading-time {
		display: flex;
		align-items: center;
    	gap: 8px;
	}
    .section-news .post-author {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 15px;
        font-size: 14px;
        color: #666;
    }
    .section-news .author-avatar img {
        width: 32px;
        height: 32px;
        object-fit: cover;
        border-radius: 50%;
    }
    .section-news .post-content-wrapper h3 {
        margin-bottom: 10px;
    }
/*
LAYOUT NEWS END
*/

/*
LAYOUT INTRO TEXT START
*/

.intro-text .intro-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
}

@media screen and (max-width: 768px) {
	.intro-text .intro-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0px;
	}
}

/*
LAYOUT INTRO TEXT END
*/

/*
LAYOUT HEADER TEXT START
*/
.header--page {
	overflow: hidden;
}

/* Header video background styling */
.header--page .header-video-background {
	position: absolute;
	width: 100%;
	height: 100%;
}

.header--page .header-video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 2;
}

.header--page .header-video-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.header--page .header-video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.header--page .header-video-container iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 56.25vw;
	/* 16:9 aspect ratio */
	min-height: 100%;
	min-width: 177.77vh;
	/* 16:9 aspect ratio */
	transform: translate(-50%, -50%);
}

/* Ensure header container content is above video */
.header--page .header-container {
	position: relative;
	z-index: 3;
}

/* Header video button styling */
.header--page .header-video-button {
	margin-top: 20px;
}

.header--page .play-video-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 600;
	padding: 12px 20px;
	background: transparant;

	border: 1px solid #fff;
	border-radius: 8px;
	color: white;
	text-decoration: none;
	transition: all 0.3s ease;
	cursor: pointer;
}

.header--page .play-video-btn:hover {
	background: rgba(255, 255, 255, 0.25);
	transform: translateY(-2px);
}

.header--page .play-video-btn i {
	font-size: 18px;
}

/* Video modal styling */
.video-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	z-index: 9999;
	align-items: center;
	justify-content: center;
}

.video-modal .video-modal-overlay {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.video-modal .video-modal-content {
	position: relative;
	width: 100%;
	max-width: 900px;
	aspect-ratio: 16/9;
	background: #000;
	border-radius: 8px;
	overflow: hidden;
}

.video-modal .video-modal-close {
	position: absolute;
	top: -4px;
	right: 0;
	background: none;
	border: none;
	color: white;
	font-size: 30px;
	cursor: pointer;
	z-index: 10000;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video-modal .video-modal-close:hover {
	opacity: 0.7;
}

.video-modal .video-container {
	width: 100%;
	height: 100%;
	position: relative;
}

.video-modal .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Prevent body scroll when modal is open */
body.modal-open {
	overflow: hidden;
}

/* Responsive design */
@media (max-width: 768px) {
	.video-modal .video-modal-content {
		max-width: 95%;
	}

	.video-modal .video-modal-close {
		top: -35px;
		font-size: 25px;
	}
}

/*
LAYOUT HEADER TEXT END
*/


/*
LAYOUT HEADER BOTTOM START
*/

.header-bottom .tab-item {
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: end;
	justify-content: end;
	flex-direction: column;
	width: 100%;
	border-radius: 12px 12px 0px 0px;

}

.header-bottom .tab-header {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 16px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	width: 100%;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.15);
	border-radius: 12px 12px 0px 0px;
}

.header-bottom .tab-header h3 {
	margin-bottom: 0px;
	font-size: 18px;
	color: #fff;
}

.header-bottom .chevron {
	transition: transform 0.3s ease;
	border: 1px solid #fff;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.header-bottom .chevron svg {
	transform: rotate(270deg);
}

.header-bottom .chevron svg>path {
	fill: #fff;

}

.header-bottom .tab-item.active .chevron svg,
.header-bottom .tab-header:hover .chevron svg {
	transform: rotate(360deg);
}

.header-bottom .tab-item.active .chevron svg>path,
.header-bottom .tab-header:hover .chevron svg>path {
	fill: #3E4975;
}

.header-bottom .tab-item.active .chevron,
.header-bottom .tab-header:hover .chevron {
	border-color: #3E4975;
}

.header-bottom .tab-item.active .tab-header h3,
.header-bottom .tab-header:hover h3 {
	color: #000;
}

.header-bottom .tab-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	position: relative;
	width: 100%;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.15);
}

.header-bottom .tab-content p {
	font-size: 14px;
}

.header-bottom .tab-content a {
	font-size: 16px;
	color: #3E4975;
	text-decoration: underline;
}

.header-bottom .tab-content a:hover {
	text-decoration: none;
}

.header-bottom .tab-item.active .tab-content {
	padding: 0px 16px 16px 16px;
	background: #fff;
}

.header-bottom .tab-item.active .tab-header,
.header-bottom .tab-header:hover {
	background: #fff;
}

.header-bottom .tab-content .button {
	display: inline-block;
	padding: 10px 20px;
	background-color: #007cba;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.3s ease;
}

.header-bottom .tab-content .button:hover {
	background-color: #005a87;
}

@media only screen and (max-width: 600px) {
	.header-bottom .active .tab-header {
		border-radius: 12px 12px 0px 0px;
	}

	.header-bottom .tab-header {
		border-radius: 12px;
	}

	.header-bottom .tab-content {
		border-radius: 0px 0px 12px 12px;
	}

	.header-bottom .header-bottom {
		margin-top: 24px;
	}
}

/*
LAYOUT HEADER BOTTOM END
*/

/* APPARTMENT SINGLE PAGE START */
.appartment-info main .subtitle {
    font-size: 18px;
    font-style: italic;
    margin-bottom: 8px;
}

.appartment-info .single-specs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.appartment-info .single-specs > div {
    align-items: center;
    display: flex;
    gap: 8px;
}

.single-apartment-gallery {
    padding: 40px 0px;
}

.single-apartment-gallery .wrap {
    position: relative;
}

.apartment-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 250px);
    gap: 8px;
    list-style: none;
    padding: 0;
}

.apartment-gallery li {
    padding: 0px;
    margin: 0px
}

.apartment-gallery li:before {
    display: none;
}

.apartment-gallery-main {
    grid-row: span 2;
    grid-column: span 2;
}

.apartment-main-image,
.apartment-thumb-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.apartment-gallery-main img {
    border-radius: 32px 0 0 32px;
}

.apartment-gallery-thumb:nth-child(3) {
    border-top-right-radius: 32px;
}

.apartment-gallery-thumb:nth-child(5) {
    border-bottom-right-radius: 32px;
}

.apartment-gallery-thumb {
    position: relative;
    overflow: hidden;
}

.apartment-gallery-thumb img {
    transition: transform 0.3s ease;
}

.apartment-gallery-thumb:hover img {
    transform: scale(1.05);
}

.apartment-gallery-overlay {
    position: absolute !important;
    bottom: 24px;
    right: 24px;
    top: auto;
    left: auto;
    background: #fff !important;
}

.apartment-gallery-hidden {
    display: none;
}

#menu-snel-naar-app-2 {
    display: flex;
    list-style: none;
    margin-bottom: 0px;
    bottom: 0px;
    background-color: #F5F1ED;
    flex-wrap: wrap;
}

#menu-snel-naar-app-2 li {
    padding: 24px 16px;
    margin-bottom: 0px;
}

#menu-snel-naar-app-2 li:before {
    display: none;
}

#menu-snel-naar-app-2 li a {
    color: #977E60;
    display: flex;
    align-items: center;
    gap: 8px;
}

#menu-snel-naar-app-2 li a img {
    width: 16px;
    height: 16px;
}

.appartment-info .wrap {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 32px;
    padding: 40px 0;
}

.appartment-info .wrap main {
    min-width: 0;
}

.appartment-info .wrap aside {
    min-width: 0;
}

.specifications-list,
.facilities-list {
    display: grid;
    gap: 16px;
}

.facility-item {
    display: flex;
    justify-content: space-between;
    padding: 16px;
    border: 1px solid #EBE6DE;
    border-radius: 8px;
}

.floorplan-item {
    margin-bottom: 32px;
    padding: 24px;
    background: #f5f5f5;
    border-radius: 8px;
}

.floorplan-item h3 {
    margin-bottom: 16px;
}

.floorplan-item img {
    margin-bottom: 16px;
    border-radius: 8px;
}

.sidebar-cta {
    position: sticky;
    top: 32px;
    background: #3E4975;
    color: white;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 32px;
    border-radius: 8px;
	z-index: 1;
}

.sidebar-cta .cta-image {
    width: 100%;
    background: #61668C;
    padding-left: 15%;
	border-radius: 8px 8px 0px 0px;
}

.sidebar-cta .author-avatar img {
	width: 80px;
	height: 80px;
}
.sidebar-cta .author-label {
	color: #fff;
	font-size: 18px;
}
.sidebar-cta .post-author {
	margin-bottom: 16px;
	padding-bottom: 16px;
}
.sidebar-cta .post-author a {
	color: #fff;
	font-size: 18px;
}
.sidebar-cta .author-info {
	gap: 8px;
}
.sidebar-cta .author-function {
	font-style: normal;
}
.sidebar-cta .button:hover {
	color: #222 !important
}
.sidebar-cta .button-outline:hover {
	color: #fff !important
}

.sidebar-cta .cta-image img {
    height: auto;
    display: block;
    width: 202px;
    object-fit: contain;
    margin-top: -10px;
    object-position: left;
}

.sidebar-cta .cta-text {
    padding: 24px;
}

.sidebar-cta .cta-text h2 {
    margin: 0 0 16px 0;
    font-size: 24px;
    color: white;
}
.sidebar-cta .sidebar-price h2 {
	font-size: 40px;
	margin-bottom: 0px;
}
	

.sidebar-cta .cta-text p {
	font-size: 14px;
    margin-bottom: 24px;
    color: white;
    line-height: 1.6;
}

.sidebar-cta .button-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sidebar-cta .button {
    text-align: center;
    padding: 12px 16px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease;
	margin-right: 0px;
}

.sidebar-cta .button-white {
    background: white;
    color: #3E4975;
}

.sidebar-cta .button-white:hover {
    background: #f5f5f5;
}

.sidebar-cta .button-outline {
    background: transparent;
    color: white;
    border: 1px solid white;
}

.sidebar-cta .button-outline:hover {
    background: rgba(255, 255, 255, 0.1);
}

.specifications-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 24px;
}

.facilities-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.spec-item {
    display: flex;
    padding: 16px;
    gap: 16px;
    background: #f5f5f5;
    border-radius: 8px;
}

.spec-item svg {
    width: 32px;
}

.spec-label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.spec-item-wrap {
    line-height: 1.7;
}

.spec-value {
    font-size: 12px;
}

.spec-label svg,
.spec-label img {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* IMPROVED ACCORDION STYLES */
.facility-accordion {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
}

.facility-accordion-trigger {
    width: 100%;
    padding: 20px;
    background: #F5F1ED;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: background 0.2s ease;
    color: #3E4975;
    border-bottom: none;
}

.facility-accordion-trigger:hover {
    background: #EBE6DE;
}

.facility-accordion-trigger h3 {
    margin: 0;
    font-size: 16px;
    color: #3E4975;
    font-weight: 600;
}

/* Smooth chevron rotation */
.facility-accordion-trigger svg.chevron {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}

.facility-accordion-trigger[aria-expanded="true"] svg.chevron {
    transform: rotate(180deg);
}

/* Smooth accordion content animation */
.facility-accordion-content {
    max-height: 0;
    overflow: hidden;
    background: #EBE6DE;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 20px;
}

.facility-accordion-trigger[aria-expanded="true"] + .facility-accordion-content {
    max-height: 2000px;
    padding: 20px;
    transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
                padding 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.facility-text {
    padding: 0 0 12px 0;
}

.facility-text p:last-child {
    margin-bottom: 0px;
}

.facility-trigger-label {
    display: flex;
    align-items: center;
    gap: 16px;
}

.facility-trigger-label svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}

.facility-list {
    list-style: none;
    padding: 0;
    margin: 0;
    columns: 2;
    column-gap: 24px;
}

.facility-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 8px 0;
    margin: 0;
    break-inside: avoid;
}

.facility-list li:before {
    display: none;
}

.facility-list li svg {
    flex-shrink: 0;
    margin-top: 2px;
}

.qty-box {
    background: #977E6066;
    padding: 2px 4px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5em;
}
.sidebar-info-row {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.sidebar-info-item {
    flex: 1;
    position: relative;
}

.sidebar-price .price-label {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 4px;
    font-weight: 500;
}

.sidebar-price .price-amount {
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: white;
    line-height: 1.2;
}

.share-button {
    background: transparent;
    border: 2px solid #fff;
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.share-button:hover {
    background: rgba(255, 255, 255, 0.25);
}

.share-button svg {
    flex-shrink: 0;
}

.share-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 8px;
    min-width: 200px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.share-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.surroundings-content .description-content {
	columns: 2;
	gap: 96px;
	margin-bottom: 32px;
}

/* Share Button Container */
.appartment-info .sidebar-info-item {
	position: relative;
}

/* Share Dropdown */
.appartment-info .share-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	background: white;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	min-width: 200px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 100;
}

.appartment-info .share-dropdown.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Share Options */
.appartment-info .share-option {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px 16px;
	background: transparent;
	border: none;
	text-align: left;
	cursor: pointer;
	font-size: 14px;
	color: #3E4975;
	transition: background 0.2s ease;
}

.appartment-info .share-option:first-child {
	border-radius: 8px 8px 0 0;
}

.appartment-info .share-option:last-child {
	border-radius: 0 0 8px 8px;
}

.appartment-info .share-option:hover {
	background: #f5f5f5;
}

.appartment-info .share-option svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

@media only screen and (max-width: 900px) {
	.apartment-gallery {
		grid-template-columns: repeat(2, 1fr);
	}
	.specifications-content {
		grid-template-columns: 1fr;
	}
	.appartment-info .wrap {
		grid-template-columns: 1fr;
	}
}
@media only screen and (max-width: 768px) {
	.apartment-gallery-main img {
		border-radius: 32px 32px 0 0;
	}
	.apartment-gallery-thumb:nth-child(3) {
		border-top-right-radius: 0px;
	}
	.apartment-gallery-thumb:nth-child(4) {
		border-bottom-left-radius: 32px;
	}
	.single-apartment-gallery {
		padding: 40px 0px 20px;
	}

	.appartment-info .wrap h1 {
		font-size: 40px;
	}
	.surroundings-content .description-content {
		columns: 1;
		gap: 0px;
		margin-bottom: 16px;
	}
	.appartment-info  .share-dropdown {
		left: 0;
		right: auto;
		min-width: 180px;
	}

}
@media only screen and (max-width: 550px) {
	.appartment-info .single-specs {
		    grid-template-columns: repeat(2, 1fr);
			gap: 16px;
	}
}



/* APPARTMENT SINGLE PAGE END */


/* BLOG PAGES START */


	@media (max-width: 768px) {
				.news-overzicht-container {
					grid-template-columns: 1fr;
					gap: 24px
				}
			}
/* BLOG PAGES END */

/* CTA SECTION START */
.cta-section .button {
	padding: 12px 20px !important;
	border-radius: 8px !important;
	line-height: 1 !important;
	text-transform: none !important;
	font-size: 14px;
	gap: 8px;
	border: 1px solid #fff !important;
	height: 40px;
}

.cta-section .button svg {
	fill: #fff;
	transition: 0.5s all;
}

.cta-section .button:hover svg {
	fill: #3E4975;
}

.cta-section .button.button-white {
	color: #3E4975 !important
}

.cta-section .button.button-outline:hover {
	background: #fff;
	color: #3E4975;
	border-color: #fff
}

.cta-section .button.button-white:hover {
	color: #fff !important;
	background: #3E4975;
	border-color: #fff
}

.cta-section {
	position: relative;
	padding: 96px 0px;
	max-width: 1078px;
	margin: auto;
}

.cta-section .cta-text,
.cta-section .cta-text p,
.cta-section .cta-text h2 {
	color: #fff;
}

.cta-section .cta-text h2 {
	font-size: 32px;
}

.cta-section .cta-wrapper {
	display: grid;
	grid-template-columns: repeat(10, 1fr);
	background: #3E4975;
	border-radius: 8px;
}

.cta-section .cta-image {
	grid-column: span 4;
	background: #61668C;
	position: relative;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.cta-section .cta-image img {
	height: 389px;
	position: absolute;
	bottom: 0px;
	object-fit: contain;
}

.cta-section .cta-text {
	grid-column: span 6;
	padding: 64px 32px;
}

@media only screen and (max-width: 768px) {
	.cta-section .cta-image img {
		position: relative;
		margin-top: -45px;
	}

	.cta-section .cta-wrapper {
		grid-template-columns: 1fr;
	}

	.cta-section .cta-image {
		grid-column: span 4;
		background: #61668C;
		position: relative;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 8px;
	}
}
/* CTA SECTION END */

/* BLOG SECTION START */

.post-template-default .section.header-default {
		padding: 96px 0px 80px
	}

	.post-template-default .section.header-default h1 {
		max-width: 634px;
	}

	.post-template-default .slide-image.slide-image-lp img {
		width: 100%;
		object-fit: cover;
		border-radius: 32px;
		max-height: 300px;
		margin-bottom: 80px;
	}

	.post-template-default .slide-image-lp,
	.post-template-default .slide-image {
		background: transparent;
		height: auto;
	}

	.post-template-default .slider-content {
		position: relative;
		bottom: auto;
	}

	.post-template-default .slide-image-lp,
	.post-template-default .slide-image {
		position: relative;
	}

	.post-template-default .post-meta-info {
		justify-content: unset;
	}

	.post-template-default .single-post-container {
		display: grid;
		grid-template-columns: 3fr 2fr;
		gap: 140px;
	}

	.post-template-default main {
		min-width: 0;
	}

	.post-template-default aside {
		min-width: 0;
	}

	/* Author Section */
	.post-template-default .post-author {
		display: flex;
		align-items: center;
		gap: 16px;
		padding-bottom: 24px;
		margin-bottom: 24px;
		border-bottom: 1px solid #e0e0e0;
	}

	.post-template-default .author-avatar {
		flex-shrink: 0;
	}

	.post-template-default .author-avatar img {
		width: 48px;
		height: 48px;
		border-radius: 50%;
		object-fit: cover;
	}

	.post-template-default .author-info {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.post-template-default .author-label {
		font-size: 14px;
	}

	.post-template-default .author-name {
		font-size: 16px;
		font-weight: 600;
		color: #3E4975;
		transition: color 0.3s ease;
	}

	.post-template-default .author-name:hover {
		text-decoration: none;
	}

	/* Sharing Section */
	.post-template-default .sharing-section {
		padding: 24px;
		border-top: 1px solid #fff;
		background: #61668C;
		border-radius: 0px 0px 8px 8px
	}

	.post-template-default .sharing-title {
		font-size: 18px;
		font-weight: 600;
		color: #fff;
		margin-bottom: 16px;
	}

	.post-template-default .sharing-icons {
		display: flex;
		gap: 12px;
		flex-wrap: wrap;
	}

	.post-template-default .share-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		background: #3E4975;
		border: 1px solid #3E4975;
		border-radius: 8px;
		cursor: pointer;
		transition: all 0.3s ease;
		padding: 0;
		border-radius: 999px;
	}

	.post-template-default .share-icon:hover {
		background: #fff;
		border-color: #3E4975;
	}

	.post-template-default .share-icon:hover svg {
		color: white;
	}

	.post-template-default .share-icon:hover svg path,
	.post-template-default .share-icon:hover svg circle {
		fill: #3E4975;
	}

	.post-template-default .share-icon svg {
		width: 13px;
		height: 13px;
		color: #fff;
		transition: all 0.3s ease;
	}

	/* Success state for copy button */
	.post-template-default .share-icon.copied {
		background: #4CAF50;
		border-color: #4CAF50;
	}

	.post-template-default .share-icon.copied svg {
		color: white;
	}

	.post-template-default .share-icon.copied svg path {
		stroke: white;
		fill: white;
	}

	/* Responsive */
	@media (max-width: 768px) {
		.post-template-default .post-author {
			gap: 12px;
		}

		.post-template-default .author-avatar img {
			width: 40px;
			height: 40px;
		}

		.post-template-default .sharing-icons {
			gap: 8px;
		}

		.post-template-default .share-icon {
			width: 40px;
			height: 40px;
		}

		.post-template-default .single-post-container {
			grid-template-columns: 1fr;
			gap: 0px;
		}
		.post-template-default .section.header-default {
			padding: 48px 0px 40px;
		}
		.single-news-template  {
			padding: 32px 0;
		}
	}

/* BLOG SECTION END */


/* Cookie pop-up START */
#wt-cli-settings-btn,
#wt-cli-accept-btn,
#wt-cli-accept-all-btn {
transition: 0.3s;
}
.cli-bar-btn_container {
	width:100% !important	
}
#wt-cli-settings-btn:hover,
#wt-cli-accept-btn:hover {
	text-decoration:underline !important;
	opacity:0.8 !important;
}
#wt-cli-accept-all-btn:hover {
opacity:0.8
}
#cookie-law-info-bar {
border-top: 1px solid #ccc !important;
}
.cli-plugin-button,
.cli-bar-btn_container a,
.cli-bar-actions .btn_container a{
margin: 10px 0px !important;
width:100% !important;
text-align:center !important;
display:inline-block !important;
}
 
#cookie-law-info-bar[data-template-id="cli-style-v3"] .wt-cli-category-widget {
	display:block !important;
	columns:2 !important
}
#cookie-law-info-bar span {
	display: block !important
}

@media only screen and (max-width:550px) {
	#cookie-law-info-bar[data-template-id="cli-style-v3"] .wt-cli-category-widget {
		columns:1 !important
	}
}

@media only screen and (max-width:550px) {
	#cookie-law-info-bar[data-template-id="cli-style-v3"] .wt-cli-category-widget {
		columns:1 !important
	}
}
/* Cookie pop-up END */