@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap');

html, body
{
	 height: 100%;
}

body
{
	font-family: 'Sen', sans-serif;
	font-size: 16px;
	line-height: 25px;
	color:#535353;
	margin-top:0px;
	font-weight: 400;
}

body.user-logged-in
{
	padding-top:0px !important;
}

body.menu-open
{
	padding-top:198px;
	overflow: hidden;
}


a, a:hover
{
	color:#535353;
	text-decoration: underline;
}

.menu-overlay a
{
	text-decoration: none;
}

p, p:last-child
{
	margin-bottom: 25px;
}

.col-sm-9
{
	width:71%;
}

.col-sm-3 
{
	width:29%;
}

.field--name-body table td
{
	padding-left:5px;
	padding-right: 5px;
}

.field--name-body table
{
	width:100%;
}

.table > tbody > tr > td,
.table > thead > tr > th
{
	border-top:none;
	border-bottom: none;
}

.table_border
{
	border-bottom: solid 2px #535353
}

.field--name-body table th
{
	color:#ffffff;
	background-color:#3c5b0e;
}

.field--name-body table .bg-grijs td
{
	background-color:#eeeeee;
}

.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #e8e8e8;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.timeline p {
  margin-bottom: 0;
}

.tlcontainer-on,
.tlcontainer-off {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

.tlcontainer-off::after,
.tlcontainer-on::after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-size: cover;
  top: 19px;
  z-index: 1;
  right: -12px;
}

.tlcontainer-off::after {
  background-image: url('../images/off.svg');
}

.tlcontainer-on::after {
  background-image: url('../images/on.svg');
}

.left {
  left: 0;
  padding-left: 0;
}

.right {
  left: 50%;
  padding-right: 0;
}

.left::before,
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
}

.left::before {
  right: 30px;
  border: medium solid #e8e8e8;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e8e8e8;
}

.right::before {
  left: 30px;
  border: medium solid #e8e8e8;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e8e8e8 transparent transparent;
}

.right::after {
  left: -12px;
}

.tlcontent {
  padding: 20px 30px;
  background-color: #e8e8e8;
  position: relative;
  border-radius: 6px;
}

@media screen and (max-width: 600px) {
  .timeline::after {
    left: 31px;
  }

  .tlcontainer-on,
  .tlcontainer-off {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  .tlcontainer-on::before,
  .tlcontainer-off::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e8e8e8 transparent transparent;
  }

  .left::after,
  .right::after {
    left: 15px;
  }

  .right {
    left: 0%;
  }
}

.fieldset-legend span
{
	font-weight: normal;
	font-style: italic;
	font-size: 14px;
}

.checkboxes--wrapper
{
	margin-bottom: 20px;
}

.checkboxes--wrapper .fieldset-legend
{
	margin-bottom: 10px;
	margin-top:20px;
	display: block;
}

.webform-actions
{
	margin-top:30px;
}
.g-recaptcha
{
	margin-top:20px;
	margin-bottom: 20px;
}

legend, .panel-default > .panel-heading
{
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 700;
	line-height: 25px;
	border-bottom: 0px;
	padding:0px;
	color:#535353;
	background-color:transparent;
	border:none;
}

.panel-body, .panel-default
{
	padding:0px;
	border:none;
	box-shadow: none;
}

h1, .page-header, h2
{
	padding-bottom: 0px;
	margin:0px;
	margin-bottom: 40px;
	border: none;
	color:#092230;
	font-size: 34px;
	line-height: 41px;
}

h1 strong, .page-header strong, h2 strong
{
	font-weight: 700;
	color:#119dcf;
}



.btn-primary, .btn, .btn:active, .btn.active, .btn:hover, .btn:focus, .btn.focus, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus
{
	border-radius: 5px;
  	background-color: #ff4f64;
	padding:16px;
	text-align: center;
	margin:0px;
	color:#ffffff;
	line-height: normal;
	border: none;
	text-transform: none;
	font-size: 16px;
	outline:none;
	-webkit-box-shadow: none;
    box-shadow: none;
	text-decoration: none;
}


.well {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.well .block,
.region-sidebar-second .block
{
  	border-radius: 5px;
  	box-shadow: 0 8px 12px -6px #d3d3d3;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #f4f4f4, #d4d6d8);
    background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8), linear-gradient(to bottom, #f4f4f4, #d4d6d8);
	text-align: center;
	 background-origin: border-box;
  	background-clip: content-box, border-box;
}

.well .block .view-content,
.region-sidebar-second .block .view-content
{
	margin:39px 29px 40px 30px;
	border-radius: 5px;
}


.well .btn, .region-sidebar-second .block .btn
{
	width:100%;
}

.well .block h2, .region-sidebar-second .block h2
{
	color:#092230;
	font-size: 20px;
  	font-weight: 700;
	margin-top:0px;
	margin-bottom: 25px;
	line-height: normal;
}

.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
{
	float: none;
}

.main-box
{
	position: relative;
    width: 100%;
    max-width: 1170px;
    margin: auto;
}

.main-box::after
{
    content: "";
    position: absolute;
    bottom: 3px;
    width: calc(100% - 32px);
    height: 232px;
    background-color: #ffffff;
    z-index: 1;
    transform: perspective(22px) rotateX(0.3deg);
    box-shadow: 0 2px 16px 4px rgb(0 0 0 / 20%);
    border-radius: 5px;
    left: 16px;
}

.main-container
{
    background-color: #ffffff;
    position: relative;
    z-index: 4;
    padding: 97px;
	padding-top:30px;
	padding-bottom: 40px;
    border-radius: 5px;
}

.main-container .row
{
	display: flex;
}


.path-frontpage .main-container
{
	padding-top:37px;
}


.menu-overlay::before
{
	position: absolute;
	content:"";
	width:100%;
	height: 20px;
	background-color:#0069a5;
	z-index: 100;
	top:0px;
}

.menu-overlay
{
	width:100%;
	z-index: 100;
	transition: all .3s ease;
	top:0px;
	padding-top:30px;
	margin-bottom: 70px;
	border-bottom: solid 1px #0069a5;
	padding-bottom: 20px;
	padding-right:30px;
	padding-left:00px;
}

.menu-open .menu-overlay
{
	position: fixed;
	top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
	transition: all .3s ease;
		height: 100%;
	  overflow-y: scroll;
}

.menu-overlay .container
{
	width:100%;
	max-width: 1002px;
}

.menu-overlay .logo
{
	margin-left:auto;
}

.overlay
{
	width:100%;
	height: 100%;
	position: fixed;
	background-color: rgba(9, 34, 48, 0.95);
	opacity: 0;
	transition: all .3s ease;
	z-index: 20;
	top:0px;
	visibility: hidden;
}


.menu-open .overlay
{
	opacity: 1;
	transition: all .3s ease;
	visibility: visible;
}




.navbar-nav > li
{
	float:none;
	-webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.navbar-nav > li > a,
.dropdown-menu > li > a,
.navbar-text
{
	color:#119dcf;
	padding-top: 15px;
    padding-bottom: 15px;
	line-height: 20px;
	font-size: 16px;
	font-weight: 700;
	float: none;
	margin-top:0px;
	margin-bottom: 0px;
	display: block;
}

.menu--main
{
	display: flex;
border-bottom: solid 1px #119dcf;
margin-top: 40px;
margin-bottom: 30px;
padding-bottom: 10px;
}

.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.navbar-nav > li.active > a, .navbar-nav > li > a.is-active
{
	background-color:transparent;
	color:#ff4f64;
}

.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon
{
	background:#119dcf !important;
}

.responsive-menu-toggle-icon span.label
{
	color:#119dcf;
	top: 4px;
    left: 32px;
}

.responsive-menu-toggle-icon
{
	margin-top:20px;
}

.dropdown-menu
{
	position: absolute;
	display: none;
	float:none;
	background-color:#119dcf;
	border:none;
	box-shadow: none;
	margin-top:0px;
	margin-bottom: 0px;
	border-radius: 0px;
	padding-top:0px;
	padding-bottom: 0px;
	left:0px
}

.horizontal-menu > li ul
{
	background-color:#119dcf;
}

.horizontal-menu > li ul a
{
	color:#ffffff !important;
	padding-top:10px;
	padding-bottom:10px;
}


.dropdown:hover .dropdown-menu
{
	display: block;
}
.dropdown-menu  a
{
	color:#ffffff !important
}

.horizontal-menu
{
	display: flex;
	margin-left:20px;
	align-items: center;
}
.caret
{
	display: none;
}
.horizontal-menu > li > a,
.horizontal-menu > li > span
{
	color: #119dcf;
padding-top: 15px;
padding-bottom: 15px;
line-height: 20px;
font-size: 16px;
font-weight: 700;
float: none;
margin-top: 0px;
margin-bottom: 0px;
display: block;
padding-right: 1em;
padding-left: 1em;
}

.horizontal-menu > li > a.is-active
{
	color:#ff4f64;
}


.dropdown-menu > li
{
	position: relative;
}

.nav-inner
{
	display: flex;
	z-index: 20;
	position: relative;
	align-items: center;
}

.telefoon
{
	margin-left:auto;
}

.telefoon a
{
    color: #0069a5;
    font-weight: 700;
    display: block;
    width: 193px;
    height: 50px;
    border-radius: 5px;
    border: solid 2px #ff4f64;
    background-image: url('../images/telefoon.svg');
    background-repeat: no-repeat;
    background-position: 16px 17px;
    text-indent: 42px;
    margin-right: 40px;
    line-height: 48px;
    font-size: 20px;
	transition: all .3s ease;
}

.menu-open .telefoon a
{
	background-color:#ff4f64;
	background-image: url('../images/telefoon-diap.svg');
	color:#ffffff;
	transition: all .3s ease;
}

.menu-open .nav-inner
{
	margin-bottom: 50px;
}

.hamburger
{
	cursor: pointer;
	position: relative;
	width:20px;
	height: 16px;
	margin-right: 5px;
}

.menu-icon
{
	display: flex;
	align-items: center;
	cursor: pointer;
}

.hamburger div
{
	width:20px;
	height: 2px;
	border-radius: 1px;
  	background-color: #ff4f64;
	margin-bottom: 5px;
	transition: all .3s ease;
	position: absolute;
	right:0px;
	
}

.hamburger div:last-child
{
	margin-bottom: 0px;
}

.field--name-body a
{
	color:#ff4f64 !important
}

.logo a
{
	display: block;
	width:130px;
	height: 142px;
	text-indent:-9999px;
	background-image:url('../images/logo-lindejoannes.png');
	transition: all .3s ease;
	background-size: 100%;
}

.nav-inner .logo
{
	display: none;
}

.menu-open .logo a
{
	background-image:url('../images/logo-de-bunte-zuid-diap.svg');
	transition: all .3s ease;
}

.menu-icon span
{
	transition: all .3s ease;
	font-size: 20px;
}

.menu-open .menu-icon span
{
	color:#ffffff;
	transition: all .3s ease;
}

.menu-open .hamburger div
{
	background-color: #ffffff;
	transition: all .3s ease;
}

.hamburger div:nth-child(1)
{
	top:0px;
}

.hamburger div:nth-child(2)
{
	top:7px;
}

.hamburger div:nth-child(3)
{
	top:14px;
	margin-bottom: 0px;
	width:15px;
}


.menu-open .hamburger div:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px;
    right: 0px;
}

.menu-open .hamburger div:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.menu-open .hamburger div:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 7px;
    right: 0px;
	width:20px;
}

.kaart
{
	position: relative;
	z-index: 0;
	margin-top:-136px;
}


#horizontal-menu > li:last-child a, #horizontal-menu > li:last-child a:hover, #horizontal-menu > li:last-child a:visited, #horizontal-menu > li:last-child a:active,
#horizontal-menu > li:nth-last-child(2) a,
#horizontal-menu > li:nth-last-child(2) a:hover,
#horizontal-menu > li:nth-last-child(2) a:visited,
#horizontal-menu > li:nth-last-child(2) a:active  {
  background: #ff4f64;

  border-radius: 5px;

  color: #ffffff;
  margin-right: 20px;

}

#horizontal-menu > li:first-child a, #horizontal-menu > li:first-child a:hover, #horizontal-menu > li:first-child a:visited, #horizontal-menu > li:first-child a:active
{
	display: block;
	width:130px;
	height: 142px;
	text-indent:-9999px;
	background-image:url('../images/logo-lindejoannes.png');
	transition: all .3s ease;
	background-size: 100%;
	margin-right: 20px;
}


.view-slider-appartementen
{
	width:100%;
	max-width: 1024px;
	margin:auto;
}

.view-planning .view-content
{
	display: flex;
	justify-content: center;
	width:100%;
	max-width: 1024px;
	margin: auto;
	margin-bottom: 50px;
}

.view-planning .views-row
{
	position: relative;
	max-width: 165px;
}

.view-planning .views-row::before
{
	content:"";
	position: absolute;
	width: 50%;
	height: 2px;
	background-color:#ff4f64;
	top:19px;
	left:0px;
	z-index: 0;
}

.view-planning .views-row::after
{
	content:"";
	position: absolute;
	width: 50%;
	height: 2px;
	background-color:#ff4f64;
	top:19px;
	right:0px;
}

.view-planning .views-row:first-child::before,
.view-planning .views-row:last-child::after
{
	display: none;
}

.view-planning .views-row .field--name-field-media-svg
{
	width:40px;
	height: 40px;
	margin:auto;
	margin-bottom: 20px;
	z-index: 1;
	position: relative;
}

.view-planning .views-row .field--name-field-media-svg img
{
	width:100%;
	height: auto;
}

.view-planning .views-row .views-field-title,
.view-planning .views-row .views-field-field-subtitel
{
	color:#a3a3a3;
	text-align: center;
	width:165px;
	margin:auto;
	font-size: 14px;
}


.view-planning .views-row.fase-aan .views-field-title
{
	color:#535353;
	font-weight: 700;
	
}

.view-planning .views-row.fase-aan::before,
.view-planning .views-row.fase-aan::after
{
	height: 4px;
	top:18px;
}


.view-planning .views-row.fase-aan:nth-child(5):after
{
	height: 2px;
	top:19px;
}


.view-inspraak .views-field-nothing p
{
	margin-bottom: 5px;
}

.imgtitle
{
	font-style: italic;
	text-align: center;
	width:100%;
	display: block;
}

.field--name-field-media .field--item,
.field--name-field-media-image
{
	margin-bottom: 25px;
}



.views-field-field-media ul, .views-field-field-media ul li
{
	padding:0px;
	margin:0px;
	list-style-type: none;
}


.view-vragen-en-antwoorden .views-field-field-media .field-content>ul
{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.view-vragen-en-antwoorden .views-field-field-media .field-content>ul>li
{
	width:calc(50% - 5px);
	margin-bottom:20px;
}


.path-frontpage .view-nieuws
{
	padding-top:100px;
	padding-bottom: 100px;	
}

.view-nieuws .view-content 
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.view-nieuws .view-content .views-row
{
    width: 272px;
    background-color: #ffffff;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 60px;
    display: flex;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: wrap;
    position: relative;
	border-radius: 5px;
  	box-shadow: 0 8px 12px -6px #d3d3d3;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #f4f4f4, #d4d6d8);
    background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8), linear-gradient(to bottom, #f4f4f4, #d4d6d8);
	text-align: center;
	 background-origin: border-box;
  	background-clip: content-box, border-box;
}

.view-nieuws .view-content .views-row:first-child,
.view-nieuws .view-content .views-row:nth-child(3n+4)
{
	margin-left:0px;
}

.view-nieuws .view-content .views-row:last-child,
.view-nieuws .view-content .views-row:nth-child(3n+3)
{
	margin-right: 0px;
}

.view-nieuws .views-row>*
{
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
}

.view-nieuws .views-row .views-field-field-media
{
	width:100%;
	height:200px;
	margin-bottom: 30px;
}

.view-nieuws .views-row .views-field-field-media .field--item
{
	width:100%;
	height: 200px;
}

 .view-nieuws .views-row .views-field-field-media img
{
	width:100%;
	height: 100%;
	object-fit: cover;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.view-nieuws .views-row .views-field-title
{
	font-size: 20px;
	font-weight: 700;
	min-height: 50px;
	margin-bottom: 15px;
}

.view-nieuws .views-field-view-node
{
    margin-top: auto;
    margin-bottom: 37px;
}

.view-nieuws h2
{
	margin-bottom: 50px;
	text-align: center;
}

.slick
{
	position: relative;
}
.slick__arrow .slick-prev, .slick__arrow .slick-next
{
	text-indent: -9999px;
	width:40px;
	height: 40px;
	background-image: url('../images/left-arrow.png');
	background-size: contain;
	background-color: transparent;
	border:none;
	position: absolute;
	top:50%;
	left:10px;
	margin-top:-20px;
}

.slick__arrow .slick-next
{
	background-image: url('../images/right-arrow.png');
	left:auto;
	right:10px;
}

.view-vragen-en-antwoorden .views-row
{
	margin-bottom: 20px;
	border-bottom: solid 1px #dddddd;

}

.view-vragen-en-antwoorden .views-field-title,
.view-vragen-en-antwoorden .views-field-field-vraag,
.view-vragen-en-antwoorden .views-field-body h3
{
	font-size: 20px;
	    margin-top: 20px;
    margin-bottom: 10px;
	color:#03609d;
}

.view-vragen-en-antwoorden .views-field-body strong
{
	color:#119dcf;
	font-weight: normal;
}

.view-vragen-en-antwoorden .views-field-body h3
{
	color:#535353;
}

.view-vragen-en-antwoorden .views-field-field-vraag
{
	margin-bottom: 20px;
}

.footer
{
	width:100%;
	background-color:#0069a5;
	margin-top:0px;
	color:#ffffff;
	padding-top:50px;
	padding-bottom: 70px;
	border-top:none;
}

.footer .container
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.footer a
{
	color:#ffffff;
	border-bottom:solid 1px #ff4f64;
	text-decoration: none;
	padding-bottom: 2px;
}

.footer .logo
{
	margin-right: 100px;
}

.footer .contact
{
	display: flex;
}

.footer .contact div
{
	margin-right: 20px;
}

.footer .contact div:last-child
{
	margin-right: 0px;
}

.subfooter
{
	padding-top:30px;
	padding-bottom: 35px;
}

.subfooter .container
{
	display: flex;
}

.subfooter .subfooter_rechts
{
	margin-left: auto;
}


@media only screen and (max-width: 1199px)
{
	.main-box 
	{
		width:970px;
	}

	.horizontal-menu > li > a, .horizontal-menu > li > span
	{
		font-size: 14px;
	}
	
	.main-container
	{
		padding:77px;		
	}
	
	.path-nieuws .main-container 
	{
		padding-left: 36px;
		padding-right: 36px;
	}
	
	.view-nieuws .view-content .views-row 
	{
		margin-left:20px;
		margin-right: 20px;
	}
}

@media only screen and (max-width: 1023px)
{
	.main-box 
	{
		width:750px;
	}
	
	.main-container {
		padding: 47px;
	}
	
	.main-container .row
	{
		display: block;
	}
	
	.col-sm-9, .col-sm-3
	{
		width:100%;
	}
	
	.view-nieuws .view-content .views-row
	{
		width:226px;
		margin-right:10px;
		margin-left:10px;
	}
	
	.path-nieuws .main-container {
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.field--name-field-formulier
	{
		margin-bottom: 40px;
	}

	.view-planning .views-row .views-field-title,
	.view-planning .views-row .views-field-field-subtitel {
		color: #a3a3a3;
		text-align: center;
		width: 125px;
		margin: auto;
		font-size: 11px;
	}
	
}

@media only screen and (max-width: 767px)
{
	.main-box 
	{
		width:100%;
	}

.nav-inner .logo
{
	display: block;
}
	
	.view-planning .views-row
	{
		max-width: none;
	}
	.view-planning .views-row .views-field-title,
	.view-planning .views-row .views-field-field-subtitel {
		color: #a3a3a3;
		text-align: center;
		width: 165px;
		margin: auto;
		font-size: 14px;
	}
	.view-planning .views-row .views-field-field-subtitel
	{
		text-align: left !important;
		margin-left:4px;
	}

	
	.main-container, .path-nieuws .main-container
	{
		padding: 25px;
		padding-top:0px;
		padding-bottom: 50px;
	}
	
	.path-frontpage .main-container
	{
		padding-top:25px;
		padding-bottom: 50px;
	}
	
	.view-nieuws .view-content .views-row
	{
		width:calc(100% - 20px);
		margin-right: 0px;
		margin-left:0px;
		margin-bottom: 20px;
	}
	
	.region-sidebar-second
	{
		margin-top:30px;
	}

	.logo, .logo a
	{
		width: 101px;
		height: 110px;
		margin-top: 5px
	}

	.logo img
	{
		width:100%;
	}
	
	.navbar-nav
	{
		columns:1;
	}
	
	.navbar-text {
    margin-right: 15px;
    margin-left: 15px;
}
	
	h1, .page-header, h2 
	{
		font-size: 26px;
		line-height: 32px;
	}
	
	.navbar-nav .open .dropdown-menu
	{
		position: relative;
	}
	
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header 
	{
		padding: 3px 20px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.view-planning .views-row
	{
		width:100%;
		display: flex;
		align-items: center;
		height: 80px;
	}
	
	.view-planning .views-row .views-field-title
	{
		width:auto;
		margin-left:0px;
		margin-top:27px;
		text-align: left;
	}
	
	.view-planning .views-row .field--name-field-media-svg
	{
		margin-left:0px;
		margin-right: 20px;
		
	}
	
	.view-planning .views-row  .views-field-views-conditional-field
	{
		height: 40px;
	}
	
	.path-nieuws .view-nieuws .view-content .views-row
	{
		width:100%;
	}
	
	.view-nieuws .view-content
	{
		justify-content: center !important;
	}
	
	.view-planning .views-row::before {
		content: "";
		position: absolute;
		height: 50%;
		width: 2px;
		background-color: #ff4f64;
		top: 0px;
		left: 19px;
		z-index: 0;
	}
	
	.view-planning .views-row::after {
		content: "";
		position: absolute;
		width: 2px;
		height: 50%;
		background-color: #ff4f64;
		top: auto;
		bottom:0px;
		right: auto;
		left:19px;
	}
	
	.view-planning .views-row.fase-aan::before, .view-planning .views-row.fase-aan::after {
		width: 4px;
		left: 18px;
		height: 50%;
		top:0px;
	}

	.view-planning .views-row.fase-aan:nth-child(3):after
	{
		width:2px;
		height: 50%;
		top:auto;
		left:19px;
	}

	.view-planning .views-row.fase-aan::after
	{
		top:auto;
	}
	
	.res_table
	{
		width:100%;
		overflow-x: auto;
	}
	
	.menu-overlay
	{
		padding-top:20px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	
	.menu-overlay .telefoon
	{
		margin-top: 15px;
		margin-left: auto;
	}
	
	.menu-overlay .telefoon a
	{
		width: 165px;
		font-size: 16px;
		margin-right: 0px;
	}

	.menu-icon
	{
		margin-left: 30px;
		margin-top:20px;
	}
	
	.hamburger
	{
		margin-left:auto;
		order:0;
		width:100%;
	}
	
	.nav-inner
	{
		flex-wrap: wrap;
	}
	
	.view-planning .view-content
	{
		display: block;
	}
	
	.footer .contact
	{
		display: block;
	}
	
	.footer .logo
	{
		order:0;
	}
	
	.subfooter_links
	{
		order:1;
		width:100%;
	}
	
	.subfooter .container
	{
		flex-wrap: wrap;
	}
		
	.subfooter_rechts
	{
		order:0;
		width:100%;
		margin-bottom: 10px;
	}
}