:root {
	--background-color: #EFF2F1;
	--border-color: #C9C9C9;
  --main-hover-color: #6B9AC4;
  --secondary-color: #97D8C4;
  --body-color: #333;
  
  --fa-location: "\f3c5";
  --fa-phone: "\f095";
  --fa-email: "\f0e0";
}

.page-wrapper, .container {
	max-width: unset !important;
  width: 100% !important;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0 !important;
}
h1, h2, h3, h4, p, ul, li {
	font-family: var(--font-sans) !important;
	color: var(--body-color) !important;
}
h1 {
	font-size: 3.5rem;
	line-height: 1.25;
}
p, ul, li {
	font-size: 16px !important;
	line-height: 28px !important;
}

h2{
  font-size: 2rem !important;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
}

.node__content > .text-content > h2::after {
  content: "";
  display: block;
  width: 30px;
  height: 3px;
  background: black;
  border-radius: 2px;
}

.site-branding__logo img {
	max-width: 210px !important;
}

#block-olivero-footercta p a{
	padding: 7px 21px !important;
	background-color: var(--color--primary-50) !important;
	border-radius: 5px !important;
	color: white !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

#block-olivero-footercta p a:hover{
	background-color: white !important;
}

#block-olivero-footercol2 p a,
#block-olivero-sidecta p a,
#block-olivero-footercontactinfo p a,
#block-olivero-overonzepraktijk p a,
.path-frontpage .region--hero p a{
	padding: 7px 21px !important;
	background-color: var(--color--primary-50) !important;
	border-radius: 5px !important;
	color: white !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

#block-olivero-footercol2 p a:hover,
#block-olivero-sidecta p a:hover,
#block-olivero-footercontactinfo p a:hover,
#block-olivero-overonzepraktijk p a:hover,
.path-frontpage .region--hero p a:hover{
	background-color: var(--main-hover-color) !important;
}
.node__meta {
	display: none !important;
}


.text-content a:where(:not(.button)):hover{
	text-decoration: none !important;
}
/* --- */


/* NAV NO LINK */

.primary-nav__menu-link--nolink {
  color: white !important;
  font-weight: bold !important;
}

.primary-nav__menu-link--nolink:hover {
  cursor: pointer !important;
}

/* --- */

/* TITLE UNDERLINE */

h1 {
  position: relative;
}

h1::after {
  content: "";
  display: block;
  width: 100px;
  height: 5px;
  background: white;
  margin: 12px 0 0 0;
  border-radius: 2px;
}

/* --- */

/* WARNING */
.warning{
  background-color: #B1E2D3 !important;
  border-radius: 5px;
}

.warning::before {
  display: none;
  content: "\f071";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 1rem;
  border-radius: 4px;
  line-height: 1;
}

.warning svg {
  background-color: #96D2BE;
  padding: 0.5rem;
  border-radius: 6px;
  margin-right: 1rem;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  box-sizing: content-box;
}
/* --- */


/* DROPDOWN NAV*/
.primary-nav__menu--level-2{
	border-radius: 5px !important;
}

/* --- */

/* HEADER */
header, header > .site-header__fixable, .site-branding {
	min-height: unset !important;
	border-block-end: 0 !important;
} 
header > .site-header__fixable {
	max-width: unset !important;
	inset-block-start: unset !important;
	background-color: transparent !important;
}
header .site-header__inner, header > .site-header__fixable.is-expanded {
	background-color: var(--color--primary-50) !important;
}
.site-branding, .header-nav {
	background: transparent !important;
}
.header-nav li > a, .icon--menu-toggle {
	color: white !important;
}
.header-nav li:hover > a, li:hover .icon--menu-toggle {
	color: var(--main-hover-color) !important;
}
.icon--menu-toggle {
	background-color: transparent !important;
}
/* SUBMENU */ .header-nav li ul {
	padding: 10px 15px !important;
	border-top: 0 !important;
}
.header-nav li ul li {
	margin: 0 !important;
	border-bottom: 1px solid var(--border-color);
}
.header-nav li ul li:last-of-type {
	border: none !important;
}
.header-nav li ul li > a {
	color: var(--body-color) !important;
}
.header-nav li ul li a span::after {
	display: none !important;
}

.primary-nav__menu--level-1 > li:last-of-type a span{
	background-color: white !important;
	color: var(--main-hover-color);
	padding: 5px 15px !important;
	border-radius: 5px !important;
}

.primary-nav__menu--level-1 > li:last-of-type a span:hover{
	background-color: var(--main-hover-color) !important;
	color: white !important;
}

.primary-nav__menu--level-1 >li:last-of-type a span::after{
	display: none !important;
}
/* MOBILE HEADER */
@media only screen and (max-width: 1199px) {
	.mobile-buttons {
		margin: 0 !important;
		display: flex !important;
		align-items: center !important;
	}
	.mobile-nav-button {
		color: white !important;
	}
	.mobile-nav-button__icon, .mobile-nav-button__icon::before, .mobile-nav-button__icon::after,
	.icon--menu-toggle::before, .icon--menu-toggle::after {
		border-color: white !important;
	}
	.is-overlay-active .mobile-nav-button {
		color: var(--color--primary-50) !important;
	}
	.is-overlay-active .mobile-nav-button__icon::before, .is-overlay-active .mobile-nav-button__icon::after {
		border-color: var(--color--primary-50) !important;
	}
	.header-nav {
		background-color: var(--color--primary-50) !important;
		border-top-width: calc(var(--sp5) + var(--drupal-displace-offset-top, 0px)) !important;
		padding-top: 30px;
	}
	/* SUBMENU */ .header-nav li ul {
		margin-inline-start: unset !important;
    padding: unset !important;
    border: none !important;
	}
	.header-nav li ul li a {
		color: white !important;
	}
}

/* --- */

/* HERO */
.region--hero {
	min-height: 420px !important;
	padding-inline: var(--container-padding);
	padding-bottom: 60px !important;
  background-color: var(--color--primary-50) !important;
  display: flex;
  align-items: flex-end;
}

.region--hero h2::before {
  content: "";
  display: block;
  width: 150px;
  height: 150px;
  margin-left: -40px;
  margin-bottom: -25px;
  background-image: url('/sites/default/files/2025-09/ha-wachtdienst.png');
  background-size: contain;
  background-repeat: no-repeat;
  filter: invert(1);
}

.region--hero h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
}

.region--hero h2::after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: white;
  margin: 12px 0 0 0;
  border-radius: 2px;
}

.path-frontpage .region--hero {
	position: relative;
	min-height: 80vh !important;
  align-items: center !important;
  background: url(/sites/default/files/2025-10/Hero.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.path-frontpage .region--hero::before {
	content:'';
	position: absolute;
	inset: 0;
	background-image: linear-gradient(315deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	z-index: 0;
}
.path-frontpage .region--hero > .block {
	z-index: 1;
}
.path-node .region--hero .page-title, .path-contact .region--hero .page-title, .path-team .region--hero .page-title, .path-nieuws .region--hero .page-title {
	color: white !important;
}
.path-frontpage .region--hero h2,
.path-frontpage .region--hero p {
	color: white !important;
}
.path-frontpage .region--hero h2 {
	font-size: 3.5rem;
	line-height: 1.25;
}
.path-frontpage .region--hero p {
	max-width: 600px;
}
.path-frontpage .region--hero p a {
	padding: 12px 32px !important;
}
.path-frontpage .region--hero p a:last-of-type {
	background-color: transparent !important;
	text-decoration: underline !important;
}
.path-frontpage .region--hero p a:last-of-type:hover {
	background-color: var(--main-hover-color) !important;
}


  /* HERO CONTACT */
    
#block-olivero-herocontact {
  position: absolute !important;
  bottom: 0 !important;
  left: 12% !important;
  width: 75% !important;
  background-color: #3D57AD !important;
  color: white !important;
  padding: 10px 0px !important;
  border-radius: 5px 5px 0 0 !important;
  display: block !important;
}

#block-olivero-herocontact .hero-contact ul {
  display: flex !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 40px !important;
}

#block-olivero-herocontact .hero-contact li {
  color: white !important;
  font-weight: 500 !important;
  position: relative !important;
  padding-left: 25px !important;
}

#block-olivero-herocontact .hero-contact li.adres::before {
  display: none !important;
  content: var(--fa-location);
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

#block-olivero-herocontact .hero-contact li.telefoon::before {
  display: none !important;
  content: var(--fa-phone);
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

#block-olivero-herocontact .hero-contact li.mail::before {
  display: none !important;
  content: var(--fa-email);
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

#block-olivero-herocontact .hero-contact li.adres svg {
  padding-right: 10px;
}

#block-olivero-herocontact .hero-contact li.telefoon svg {
  padding-right: 10px;
}

#block-olivero-herocontact .hero-contact li.mail svg {
  padding-right: 10px;
}

#block-olivero-herocontact .hero-contact li.hero-adres a ,
#block-olivero-herocontact .hero-contact li.hero-telefoon a,
#block-olivero-herocontact .hero-contact li.hero-mail a{
  color: white !important;
}

#block-olivero-herocontact .hero-contact li.hero-adres a:hover,
#block-olivero-herocontact .hero-contact li.hero-telefoon a:hover,
#block-olivero-herocontact .hero-contact li.hero-mail a:hover{
  box-shadow: none !important;
  color: var(--secondary-color) !important;
}

@media (max-width: 1090px) {
  #block-olivero-herocontact {
    display: none !important;
  }
}

/* --- */

/* CONTENT */
.region--content {
	grid-template-columns: 1fr !important;
}
.region--content > .block {
	grid-column: 1;
}
#block-olivero-sidecta .block__content, #block-olivero-footercontactinfo .block__content {
	padding: 30px;
	background-color: var(--secondary-color);
	border-radius: 13px;
}

#block-olivero-sidecta h3 {
  position: relative;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
  line-height: 2rem;
}

#block-olivero-sidecta h3::before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-image: url('/sites/default/files/2025-10/ha-afspraak_maken2.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white !important;
  border-radius: 50%;
  margin: 0 auto 25px auto;
}


#block-olivero-sidecta h3::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: black;
  margin: 23px auto 0 auto;
  border-radius: 2px;
}

#block-olivero-sidecta p{
	text-align:center;
}

.sidebar-grid {
	grid-template-columns: 3fr 1fr !important;
}
.sidebar-grid > .site-main {
  grid-column: 1; /* eerste kolom */
}
.sidebar-grid .region--sidebar {
  grid-column: 2; /* tweede kolom */
}
@media only screen and (max-width: 1199px) {
	#block-olivero-sidecta .block__content {
		padding: 15px;
	}
	.sidebar-grid {
		grid-template-columns: 1fr !important;
	}
	.sidebar-grid > .site-main {
	  grid-column: 1; /* eerste kolom */
	}
	.sidebar-grid .region--sidebar {
	  grid-column: 1; /* tweede kolom */
	}
}

/* --- */

/* ABOVE FOOTER */
.social-bar {
	background-color: var(--background-color) !important;
}
.main-content__container {
	overflow: hidden;
}

.region--content-below {
	flex-direction: column !important;
}

/* DIENSTEN & CTA */
#block-olivero-waarmeekunnenwijhelpen, #block-olivero-footercta {
	margin: 0 !important;
}
#block-olivero-waarmeekunnenwijhelpen, #block-olivero-footercta {
	position: relative !important;
	padding: 120px 0 !important
}
#block-olivero-waarmeekunnenwijhelpen::before, #block-olivero-footercta::before {
	content:'';
	width: 150vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: -25%;
}
#block-olivero-waarmeekunnenwijhelpen::before {
	background-color: var(--background-color) !important;
}
#block-olivero-footercta::before {
	background-color: var(--color--primary-50) !important;
}
#block-olivero-waarmeekunnenwijhelpen > div, #block-olivero-footercta > div {
	z-index: 1;
  position: relative;
  display: flex;
}
#block-olivero-waarmeekunnenwijhelpen .block__content {
	display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 4 kolommen op desktop */
  gap: 15px;
  align-items: stretch;
}
#block-olivero-footercta > .block__content {
	align-items: center;
  gap: 30px 60px;
  flex-wrap: wrap;
}
#block-olivero-footercta > .block__content::before {
	content: '';
  display: inline-block;
  width: 180px;
  height: 180px;
  background-color: white;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url('/sites/default/files/2025-09/ha-afspraak_maken.png');
  border-radius: 50%;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content {
	box-sizing: border-box;
	position: relative !important;
	width: 100%;
	margin: 0 !important;
	padding: 30px;
	border: 1px solid var(--border-color);
	border-radius: 13px;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content:hover {
	background-color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content > .field__item::before {
	content:'';
	display: block;
	margin: 0 auto 30px;
	width: 85px;
	height: 85px;
	background-color: var(--secondary-color);
	border-radius: 50%;
	
	background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content:hover > .field__item::before {
	background-color: white;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content:nth-child(1) > .field__item::before {
  background-image: url('/sites/default/files/2025-09/ha-consultaties.png');
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content:nth-child(2) > .field__item::before {
  background-image: url('/sites/default/files/2025-09/ha-huisbezoeken.png');
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content:nth-child(3) > .field__item::before {
  background-image: url('/sites/default/files/2025-09/ha-voorschriften_attesten.png');
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content:nth-child(4) > .field__item::before {
  background-image: url('/sites/default/files/2025-09/ha-wachtdienst.png');
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__label {
	display: none !important;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__item {
	text-align: center !important;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__item h3,
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__item p {
	margin: 0 !important;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__item p:first-of-type {
	margin-top: 15px !important;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__item span {
  background-color: transparent !important;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__item a {
	position: absolute;
  inset: 0;
	background: transparent !important;
  box-shadow: none !important;
}
#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content .field__item a span {
  color: transparent !important;
}

#block-olivero-waarmeekunnenwijhelpen .block__title {
  position: relative;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
  line-height: 2rem;
}

#block-olivero-waarmeekunnenwijhelpen .block__title::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: black;
  margin: 35px auto 0 auto;
  border-radius: 2px;
}

#block-olivero-footercta > div {
  justify-content: center;
}
#block-olivero-footercta > div h2 {
	color: white !important;
	font-size: 3.5rem;
	line-height: 1.25;
}
#block-olivero-footercta > div p a {
	background-color: white !important;
	color: var(--color--primary-50) !important;
}
#block-olivero-footercta > div p a:hover {
	background-color: var(--main-hover-color) !important;
	color: white !important;
}

#block-olivero-footercta .field__item h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
}

#block-olivero-footercta .field__item h2::after {
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background: white;
  margin: 12px 0 0 0;
  border-radius: 2px;
}

@media only screen and (max-width: 1199px) {
	#block-olivero-waarmeekunnenwijhelpen, #block-olivero-footercta {
		padding: 60px 0 !important;
	}
	#block-olivero-waarmeekunnenwijhelpen .block__content {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#block-olivero-waarmeekunnenwijhelpen .block__content > .text-content {
		padding: 15px;
	}
}
@media only screen and (max-width: 767px) {
	#block-olivero-waarmeekunnenwijhelpen .block__content {
		grid-template-columns: 1fr;
	}
}

/* OVER ONZE PRAKTIJK */
#block-olivero-overonzepraktijk {
	margin: 0 !important;
	padding: 120px 0 !important;
}
#block-olivero-overonzepraktijk  .block__content {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)); /* 2 kolommen op desktop */
	gap: 15px;
	align-items: stretch;
}
#block-olivero-overonzepraktijk .field__label {
	display: none !important;
}
#block-olivero-overonzepraktijk .text-content {
	display: flex !important;
	align-items: center !important;
}
#block-olivero-overonzepraktijk .text-content p {
	max-width: 600px !important;
}
#block-olivero-overonzepraktijk .text-content p a:last-of-type {
	background-color: transparent !important;
	text-decoration: underline !important;
	color: var(--color--primary-50) !important;
}
#block-olivero-overonzepraktijk .text-content p a:last-of-type:hover {
  background-color: var(--main-hover-color) !important;
  color: white !important;
}
#block-olivero-overonzepraktijk .wide-content {
	margin: 0 !important; /* fix overlap */ 
}
#block-olivero-overonzepraktijk .wide-content img {
	border-radius: 13px;
	overflow: hidden;
}

#block-olivero-overonzepraktijk .field__item h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
}

#block-olivero-overonzepraktijk .field__item h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  background: black;
  margin: 12px 0 0 0;
  border-radius: 2px;
}
@media only screen and (max-width: 1199px) {
	#block-olivero-overonzepraktijk {
		padding: 60px 0 !important;
	}
	#block-olivero-overonzepraktijk  .block__content {
	  grid-template-columns: 1fr;
	}
}

/* --- */

/* FOOTER */
@media only screen and (min-width: 1200px) {
	footer {
		border-inline-start: solid var(--content-left) var(--background-color) !important;
	}
}

@media (max-width: 1199px) {
  #block-olivero-brandingvandewebsite {
    justify-content: flex-start;
  }
}
footer {
	overflow: hidden;
}
footer .site-footer__inner {
	padding-bottom: 0 !important;
	background: var(--background-color) !important;
}
footer .block__title, footer h4 {
	font-size: 1.125rem !important;
  line-height: var(--sp1-5) !important;
	color: var(--color--primary-50) !important;
}
.region--footer-top .block__title, .region--footer-top h4, .region--footer-top p, .region--footer-top ul {
	margin: 0 0 15px 0 !important;
}
.region--footer-top {
	display: flex;
}
footer .menu li a {
	text-decoration: none !important;
}
footer .menu li a:hover {
	color: var(--secondary-color) !important;
}

#block-olivero-brandingvandewebsite {
	display: flex;
	align-items: center;
	justify-content: center;
}

#block-olivero-brandingvandewebsite .site-branding__inner {
	background-color: #3F59AB !important;
	padding: 20px;
}

@media only screen and (max-width: 1199px) {
	.region--footer-top > .region--footer_top__inner {
		flex-direction: column;
	}
}

/* COPYRIGHT */ .region--footer-bottom {
	position: relative !important;
	display: flex !important;
}
.region--footer-bottom::before {
	content:'';
	width: 150vw;
	height: 100%;
	background-color: var(--color--primary-50) !important;
	position: absolute;
	top: 0;
	left: -25%;
}
#block-olivero-copyright {
	margin: 0 !important;
	padding: 25px 0 !important;
	z-index: 1;
}
#block-olivero-copyright p {
	color: white !important;
	font-size: 14px !important;
}

/* ICONS */
#block-olivero-footercol2 ul li::before {
  display: none !important;
}

#block-olivero-footercol2 ul {
  list-style-type: none !important;
}

#block-olivero-footercol2 ul li svg {
  width: 20px;
  height: 20px;
  margin-right: 1rem;
}

#block-olivero-footercol2 ul li::before {
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.5rem;
}

#block-olivero-footercol2 ul li:nth-child(1)::before {
  content: var(--fa-location);
}

#block-olivero-footercol2 ul li:nth-child(2)::before {
  content: var(--fa-phone);
}

#block-olivero-footercol2 ul li:nth-child(3)::before {
  content: var(--fa-email);
}

#block-olivero-footercol2 ul li a{
	color: black !important;
	text-decoration:none;
}

#block-olivero-footercol2 ul li a:hover{
  color: var(--secondary-color) !important;
}

/* --- */

/* TEAMLEDEN PAGINA */
.page-node-type-teamlid .node__content {
	display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 2rem;
  padding: 0 !important;
}
.field--name-field-functie-teamlid {
	grid-column: 2 / 3;
  grid-row: 1;
  margin: 0 !important;
}
.field--name-field-info-teamlid {
	grid-column: 2 / 3;
  grid-row: 2;
  margin: 0 !important;
}
.field--name-field-foto-teamlid {
	width: unset !important;
	grid-column: 1;
  grid-row: 1 / 3;
  margin: 0;
  max-width: 320px;
}
.field--name-field-foto-teamlid img {
	border-radius: 50%;
}

/* TEAMLEDEN TEASER */
.view-teamleden .node--type-teamlid {
	position: relative;
	display: flex;
  flex-direction: column-reverse;
  gap: 1rem;
}
.view-teamleden .node--type-teamlid .teaser__content {
	display: flex;
	justify-content: center;
}
.view-teamleden .node--type-teamlid .teaser__content img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
  max-width: 210px;
}
.view-teamleden .node--type-teamlid .teaser__top {
	position: initial;
	margin: 0 !important;
	justify-content: center;
}
.view-teamleden .node--type-teamlid .node__title {
	text-align: center;
	font-size: 1.5rem;
}
.view-teamleden .node--type-teamlid .node__title a::after {
	content:'';
	position: absolute;
	inset: 0;
}
.teaser__meta, .view-teamleden .field--name-field-functie-teamlid, .view-teamleden .field--name-field-info-teamlid, .teaser::after {
	display: none;
}
@media only screen and (max-width: 1199px) {
	.view-teamleden .views-view-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width: 767px) {
	.view-teamleden .views-view-grid {
		    grid-template-columns: 1fr;
	}
	.page-node-type-teamlid .node__content {
		grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 1rem 0;
	}
	.field--name-field-functie-teamlid, .field--name-field-info-teamlid , .field--name-field-foto-teamlid  {
    grid-column: auto;
    grid-row: auto;
  }
}