/* 
========================================================
DYNAMIC CSS LOADED FOR THEME WITH ID: 3133 ~ MOD: 08-12-2025 12:24:43
INCLUDE FRONTEND CSS: False
Following files are loaded in this file:

LOGISZ/Views/_DynamicThemeCss.cshtml
wwwroot/themes/3133/Css/theme.css

========================================================
*/

/*FILE: LOGISZ/Views/_DynamicThemeCss.cshtml*/


/*
========================================================
DYNAMIC CSS LOADED FROM DynamicThemeCss CSHTML:
========================================================
*/

* {
	--white: #FFFFFF;
	--black: #000000;
	--grey: #969696;
	--theme-color-1: ;
	--theme-color-1-alpha-5: 0D;
	--theme-color-1-alpha-10: 1A;
	--theme-color-1-alpha-20: 33;
	--theme-color-1-alpha-50: 80;
	--theme-color-2: ;
	--theme-color-2-alpha-5: 0D;
	--theme-color-2-alpha-10: 1A;
	--theme-color-2-alpha-20: 33;
	--theme-color-2-alpha-50: 80;
	--theme-color-3: ;
	--theme-color-3-alpha-5: 0D;
	--theme-color-3-alpha-10: 1A;
	--theme-color-3-alpha-20: 33;
	--theme-color-3-alpha-50: 80;
}

/*
========================================================
END DynamicThemeCss
========================================================
*/

/*FILE: wwwroot/themes/3133/Css/theme.css*/

/*
font-family: "vag-rundschrift-d", sans-serif;
font-weight: 400;
font-style: italic;
font-family: "vag-rundschrift-d", sans-serif;
font-weight: 400;
font-style: normal;
font-family: "vag-rundschrift-d", sans-serif;
font-weight: 300;
font-style: italic;
font-family: "vag-rundschrift-d", sans-serif;
font-weight: 300;
font-style: normal;
*/
html, body {
  line-height: 24px;
  font-family: "vag-rundschrift-d", sans-serif;
  font-weight: 300;
  letter-spacing: 1px;
}

.body--locker.is--locked {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
}

.header.donkergrijs, .header-image.donkergrijs, .section.donkergrijs {
  background-image: url("/Themes/3133/Images/rectangle.svg");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 33% auto;
  background-attachment: fixed;
}
.header.wit, .header-image.wit, .section.wit {
  background-image: url(/Themes/3133/Images/rectangle_reflected.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 33% auto;
  background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 28px 0 0 0;
  padding: 0;
}

h1, .heading-1 {
  line-height: 48px;
  font-size: 40px;
  font-weight: 400;
  color: #324148;
}

h2, .heading-2 {
  line-height: 41px;
  font-size: 33px;
  font-weight: 400;
  color: #324148;
}
h2.with-icon, .heading-2.with-icon {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  gap: 20px;
}
h2.with-icon.zwart, .heading-2.with-icon.zwart {
  color: #000000;
}
h2.with-icon.zwart span.icon, .heading-2.with-icon.zwart span.icon {
  background-color: #000000;
}
h2.with-icon.donkergrijs, .heading-2.with-icon.donkergrijs {
  color: #324148;
}
h2.with-icon.donkergrijs span.icon, .heading-2.with-icon.donkergrijs span.icon {
  background-color: #324148;
}
h2.with-icon.lichtgrijs, .heading-2.with-icon.lichtgrijs {
  color: #F5F5F5;
}
h2.with-icon.lichtgrijs span.icon, .heading-2.with-icon.lichtgrijs span.icon {
  background-color: #F5F5F5;
}
h2.with-icon.wit, .heading-2.with-icon.wit {
  color: #FFFFFF;
}
h2.with-icon.wit span.icon, .heading-2.with-icon.wit span.icon {
  background-color: #FFFFFF;
}
h2.with-icon.rood, .heading-2.with-icon.rood {
  color: #F00000;
}
h2.with-icon.rood span.icon, .heading-2.with-icon.rood span.icon {
  background-color: #F00000;
}
h2.with-icon.groen, .heading-2.with-icon.groen {
  color: #1AA53D;
}
h2.with-icon.groen span.icon, .heading-2.with-icon.groen span.icon {
  background-color: #1AA53D;
}
h2.with-icon.blauw, .heading-2.with-icon.blauw {
  color: #376C90;
}
h2.with-icon.blauw span.icon, .heading-2.with-icon.blauw span.icon {
  background-color: #376C90;
}
h2.with-icon.oranje, .heading-2.with-icon.oranje {
  color: #FF8200;
}
h2.with-icon.oranje span.icon, .heading-2.with-icon.oranje span.icon {
  background-color: #FF8200;
}
h2.with-icon span.icon, .heading-2.with-icon span.icon {
  width: 89px;
  height: 41px;
  mask-image: var(--icon);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: auto 41px;
}

h3, .heading-3 {
  line-height: 36px;
  font-size: 28px;
  font-weight: 400;
  color: #324148;
}

h4, .heading-4 {
  line-height: 31px;
  font-size: 23px;
  font-weight: 400;
  color: #324148;
}

h5, .heading-5 {
  line-height: 27px;
  font-size: 19px;
  font-weight: 400;
  color: #324148;
}

h6, .heading-6 {
  font-size: 16px;
  font-weight: 400;
  color: #324148;
}

p {
  font-size: 16px;
}
p.large {
  line-height: 26px;
  font-size: 18px;
}
p.small {
  font-size: 13px;
}
p.extra-small {
  font-size: 11px;
}
p.jumbo-text-1 {
  line-height: 77px;
  font-size: 69px;
  font-weight: 400;
  color: #324148;
}
p.jumbo-text-2 {
  line-height: 65px;
  font-size: 57px;
  font-weight: 400;
  color: #324148;
}
p.jumbo-text-3 {
  line-height: 56px;
  font-size: 48px;
  font-weight: 400;
  color: #324148;
}

a {
  color: #000000;
}
a:hover {
  text-decoration: none;
}

ul.buttons {
  margin: 24px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
ul.buttons:not(.as-list) li.button {
  margin: 0;
  padding: 0;
  list-style: none;
  /*
  a {
  	padding: 14px 32px;
  	background-color: $donkergrijs;
  	color: $wit;
  	border-radius: 3px;
  	text-decoration: none;
  	display: inline-block;
  	white-space: nowrap;

  	&:hover {
  		background-color: $zwart;
  		color: $wit;
  	}
  }
  */
}
ul.buttons:not(.as-list) li.button.alternative a {
  padding: 13px 31px;
  background-color: transparent;
  border: 1px solid #000000;
  border-radius: 3px;
  text-decoration: none;
  display: inline-block;
  color: #000000;
  position: relative;
}
ul.buttons:not(.as-list) li.button.alternative a::before {
  top: -1px;
  right: 31px;
  width: 18px;
  height: 1px;
  background-color: #FFFFFF;
  content: "";
  display: block;
  position: absolute;
  transition: all linear 125ms;
}
ul.buttons:not(.as-list) li.button.alternative a:hover::before {
  right: calc(100% - 49px);
}
ul.buttons:not(.as-list) li.button:not(.alternative) a {
  position: relative;
  display: inline-block;
  padding: 14px 32px;
  background-color: #324148;
  border-radius: 3px;
  border: 0;
  text-decoration: none;
  color: #FFFFFF;
  overflow: hidden;
  cursor: pointer;
  transition: color 0.25s ease;
  z-index: 1;
}
ul.buttons:not(.as-list) li.button:not(.alternative) a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  background-color: #000000;
  clip-path: polygon(100% 0%, 100% 100%, 10px 100%, 0 50%, 10px 0%);
  transition: width 0.25s ease;
  z-index: -1;
}
ul.buttons:not(.as-list) li.button:not(.alternative) a:hover {
  color: #fff;
}
ul.buttons:not(.as-list) li.button:not(.alternative) a:hover::before {
  width: calc(100% + 10px);
}
ul.buttons.has-multiple {
  gap: 16px;
}
ul.buttons.as-list {
  border-top: 2px solid rgba(50, 65, 72, 0.0509803922);
  padding-top: 24px;
  gap: 8px;
}
ul.buttons.as-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.buttons.as-list li.button a {
  padding: unset;
  background-color: unset;
  border-radius: unset;
  text-decoration: underline;
  color: unset;
  display: block;
  white-space: break-spaces;
}
ul.buttons.as-list li.button a:hover {
  text-decoration: none;
}
ul.features {
  margin: 24px 0 0 0;
  padding: 0;
}
ul.features li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
ul.features li::before {
  font-family: "Font Awesome 6 Pro";
  content: "\f00c";
  color: #40A907;
}

.wrapper {
  width: 100%;
  max-width: 1568px;
  margin: 0 auto;
  padding: 0 20px;
}
.wrapper.gs {
  padding: 0;
}
.wrapper.gs .container-fluid {
  padding: 0 20px;
}
.wrapper.gs .container-fluid .row {
  margin: 0 -20px;
  display: grid;
  column-gap: 0;
}
.wrapper.gs .container-fluid .row div[class*=col-] {
  width: 100%;
  padding: 0 20px;
}

.header.enkel-padding-top, .header.single-padding-top {
  padding-top: 8px;
}
.header.dubbel-padding-top, .header.double-padding-top {
  padding-top: 40px;
}
.header.drievoudig-padding-top, .header.triple-padding-top {
  padding-top: 72px;
}
.header .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.header .wrapper .logo {
  margin: 24px 0 0 0;
}
.header .wrapper .logo a img {
  width: auto;
  height: 48px;
}
.header .wrapper .navigation {
  margin: 24px 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 16px;
}
.header .wrapper .navigation nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: end;
  gap: 24px;
}
.header .wrapper .navigation nav ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 6px;
  position: relative;
}
.header .wrapper .navigation nav ul li a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
}
.header .wrapper .navigation nav ul li a:hover {
  text-decoration: underline;
}
.header .wrapper .navigation nav ul li ul {
  top: 100%;
  left: 0;
  min-width: 100%;
  display: none;
  position: absolute;
  z-index: 2;
  gap: 0;
}
.header .wrapper .navigation nav ul li ul li {
  display: block;
}
.header .wrapper .navigation nav ul li ul li a {
  text-decoration: none;
  display: block;
}
.header .wrapper .navigation nav ul li ul li a:hover {
  text-decoration: underline;
}
.header .wrapper .navigation nav ul li.is-button a {
  padding: 5px 16px;
  background-color: #FFFFFF;
  border-radius: 3px;
  text-decoration: none;
  color: #324148;
}
.header .wrapper .navigation nav ul li.is-button a:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.header .wrapper .navigation nav ul li.has-children::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f078";
}
.header .wrapper .navigation nav ul li:hover ul {
  display: block;
}
.header .wrapper .navigation nav.primary ul li a {
  font-size: 19px;
  font-weight: 400;
}
.header .wrapper .navigation nav.primary ul li ul {
  padding-top: 16px;
}
.header .wrapper .navigation nav.primary ul li ul li {
  background-color: #FFFFFF;
}
.header .wrapper .navigation nav.primary ul li ul li a {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.header .wrapper .navigation nav.primary ul li ul li a span {
  white-space: nowrap;
  padding: 4px 20px;
  display: block;
}
.header .wrapper .navigation nav.primary ul li ul li:first-of-type a span {
  padding-top: 8px;
}
.header .wrapper .navigation nav.primary ul li ul li:last-of-type a span {
  padding-bottom: 8px;
}
.header .wrapper .navigation nav.secondary ul li ul {
  padding-top: 8px;
}
.header .wrapper .navigation nav.secondary ul li ul li {
  background-color: #FFFFFF;
}
.header .wrapper .navigation nav.secondary ul li ul li a {
  font-size: 16px;
  font-weight: 300;
  color: #000000;
}
.header .wrapper .navigation nav.secondary ul li ul li a span {
  white-space: nowrap;
  padding: 4px 20px;
  display: block;
}
.header .wrapper .navigation nav.secondary ul li ul li:first-of-type a span {
  padding-top: 8px;
}
.header .wrapper .navigation nav.secondary ul li ul li:last-of-type a span {
  padding-bottom: 8px;
}
.header .wrapper .navigation nav .hamburger {
  display: none;
  visibility: hidden;
}

.header-image {
  position: relative;
}
.header-image.enkel-padding-top, .header-image.single-padding-top {
  padding-top: 16px;
}
.header-image.dubbel-padding-top, .header-image.double-padding-top {
  padding-top: 56px;
}
.header-image.drievoudig-padding-top, .header-image.triple-padding-top {
  padding-top: 96px;
}
.header-image .wrapper {
  position: relative;
  z-index: 1;
}
.header-image .wrapper .outer-placeholder {
  margin: 24px 0 0 0;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 40px 250px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 40px 250px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 40px 250px 0px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  overflow: hidden;
}
.header-image .wrapper .outer-placeholder .inner-placeholder {
  margin: 0;
  padding: 0 0 6px 0;
  display: flex;
  flex-direction: row;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .content {
  width: 33.3333333333%;
  padding: 56px 80px 80px 80px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .content p {
  color: #000000;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .content p.heading-1 {
  color: #324148;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .content p:not(.heading-1) {
  line-height: 26px;
  font-size: 18px;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .content ul {
  margin-top: auto;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .content ul.buttons li.button a {
  background-color: #324148;
  color: #FFFFFF;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .image {
  width: calc(66.6666666667% + 1px);
  margin: 0;
  position: relative;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .image::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: -1px;
  background-image: url("/Themes/3133/Images/overlay_slider.svg");
  background-position: center left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  content: "";
}
.header-image .wrapper .outer-placeholder .inner-placeholder .image picture {
  width: 100%;
  height: 100%;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .image picture img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.header-image .wrapper .outer-placeholder .inner-placeholder .image::after {
  width: 26%;
  aspect-ratio: 280/164;
  right: 3%;
  bottom: 8%;
  background-image: url(/Themes/3133/Images/payoff.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  content: "";
  position: absolute;
}
.header-image::after {
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #FFFFFF;
  background-image: url(/Themes/3133/Images/rectangle_reflected.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 33% auto;
  background-attachment: fixed;
  position: absolute;
  content: "";
}
.header-image.hide-icon .wrapper .outer-placeholder .inner-placeholder .image::after {
  display: none;
}

.section.enkel-min-margin, .section.single-min-margin {
  margin-top: -80px;
}
.section.dubbel-min-margin, .section.double-min-margin {
  margin-top: -92px;
}
.section.drievoudig-min-margin, .section.triple-min-margin {
  margin-top: -132px;
}
.section.enkel-padding-top, .section.single-padding-top {
  padding-top: 16px;
}
.section.dubbel-padding-top, .section.double-padding-top {
  padding-top: 56px;
}
.section.drievoudig-padding-top, .section.triple-padding-top {
  padding-top: 96px;
}
.section.enkel-padding-bottom, .section.single-padding-bottom {
  padding-bottom: 40px;
}
.section.dubbel-padding-bottom, .section.double-padding-bottom {
  padding-bottom: 80px;
}
.section.drievoudig-padding-bottom, .section.triple-padding-bottom {
  padding-bottom: 120px;
}
.section.vertical-alignment-top .container-fluid .row {
  align-items: start;
}
.section.vertical-alignment-middle .container-fluid .row {
  align-items: center;
}
.section.vertical-alignment-bottom .container-fluid .row {
  align-items: end;
}
.section.enkel-gap .grid, .section.gap-80 .grid {
  gap: 80px !important;
}
@media (max-width: 576px) {
  .section.enkel-gap .rid, .section.gap-80 .rid {
    gap: 0px !important;
  }
}
.section.enkel-gap .wrapper.gs .container-fluid .row, .section.gap-80 .wrapper.gs .container-fluid .row {
  column-gap: 40px !important;
}
.section.dubbel-gap .grid, .section.gap-120 .grid {
  gap: 120px !important;
}
@media (max-width: 576px) {
  .section.dubbel-gap .rid, .section.gap-120 .rid {
    gap: 0px !important;
  }
}
.section.dubbel-gap .wrapper.gs .container-fluid .row, .section.gap-120 .wrapper.gs .container-fluid .row {
  column-gap: 80px !important;
}
.section.drievoudig-gap .grid, .section.gap-160 .grid {
  gap: 160px !important;
}
@media (max-width: 576px) {
  .section.drievoudig-gap .grid, .section.gap-160 .grid {
    gap: 0px !important;
  }
}
.section.drievoudig-gap .wrapper.gs .container-fluid .row, .section.gap-160 .wrapper.gs .container-fluid .row {
  column-gap: 160px !important;
}

.zwart {
  background-color: #000000;
}

.donkergrijs {
  background-color: #324148;
  color: #FFFFFF;
}
.donkergrijs ul.buttons li.button a {
  background-color: #FFFFFF;
  color: #000000;
}
.donkergrijs ul.buttons.as-list li a {
  background-color: unset;
}

.lichtgrijs {
  background-color: #F5F5F5;
}

.wit {
  background-color: #FFFFFF;
  color: #000000;
}

.rood {
  background-color: #F00000;
}

.groen {
  background-color: #1AA53D;
}

.blauw {
  background-color: #376C90;
}

.oranje {
  background-color: #FF8200;
}

.footer .top {
  padding: 58px 0 80px 0;
  background: linear-gradient(to right, #F00000 0, #F00000 25%, #1AA53D 25%, #1AA53D 50%, #376C90 50%, #376C90 75%, #FF8200 75%, #FF8200) no-repeat;
  background-size: 100% 6px;
  background-color: #000000;
  color: #FFFFFF;
}
.footer .top .wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.footer .top .wrapper .column {
  grid-column: 2;
}
.footer .top .wrapper .column:nth-child(1) {
  grid-column: 1/span 2;
}
.footer .top .wrapper .column:nth-child(2) {
  grid-column: 3/span 2;
}
.footer .top .wrapper .column:nth-child(3) {
  grid-column: 5/span 2;
}
.footer .top .wrapper .column:nth-child(4) {
  grid-column: 9/span 4;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer .top .wrapper .column .logo {
  margin: 24px 0 0 0;
}
.footer .top .wrapper .column .logo a img {
  max-width: 100%;
  max-height: 48px;
}
.footer .top .wrapper .column p {
  line-height: 32px;
}
.footer .top .wrapper .column p a {
  color: #FFFFFF;
  text-decoration: none;
}
.footer .top .wrapper .column p a:hover {
  text-decoration: underline;
}
.footer .top .wrapper .column ul {
  margin: 24px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer .top .wrapper .column ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .top .wrapper .column ul li a {
  color: #FFFFFF;
  text-decoration: none;
}
.footer .top .wrapper .column ul li a:hover {
  text-decoration: underline;
}
.footer .top .wrapper .column ul.socials {
  flex-direction: row;
  gap: 16px;
}
.footer .top .wrapper .column ul.socials li a {
  color: #FFFFFF;
}
.footer .bottom {
  padding: 20px 0;
  background-color: #FFFFFF;
}
.footer .bottom .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 32px;
}
.footer .bottom .wrapper p {
  margin: 0;
  display: inline;
  font-size: 13px;
}
.footer .bottom .wrapper p a {
  color: #000000;
  text-decoration: none;
}
.footer .bottom .wrapper p a:hover {
  text-decoration: underline;
}
.footer .bottom .wrapper p#copyright-line {
  margin-left: auto;
}
.footer .bottom .wrapper ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 32px;
}
.footer .bottom .wrapper ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .bottom .wrapper ul li a {
  font-size: 13px;
  color: #000000;
  text-decoration: none;
}
.footer .bottom .wrapper ul li a:hover {
  text-decoration: underline;
}

.columns-8-4 {
  grid-template-columns: minmax(0, 66.6666666667%) minmax(0, 33.3333333333%);
}

.columns-6-6,
.columns-2 {
  grid-template-columns: minmax(0, 50%) minmax(0, 50%);
}

.columns-4-8 {
  grid-template-columns: minmax(0, 33.3333333333%) minmax(0, 66.6666666667%);
}

.columns-4-4-4,
.columns-3 {
  grid-template-columns: minmax(0, 33.3333333333%) minmax(0, 33.3333333333%) minmax(0, 33.3333333333%);
}

.columns-3-3-3-3,
.columns-4 {
  grid-template-columns: minmax(0, 25%) minmax(0, 25%) minmax(0, 25%) minmax(0, 25%);
}

/*
.clients {
	margin-top: 80px;
	.logos {
		margin: 28px 0 0 0;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 40px;

		.client {
			background-color: $lichtgrijs;

			img {
				width: 100% !important;
				height: auto;
				aspect-ratio: 125/53;
			}
		}
	}
}

@media (max-width: 576px) {
	.clients {
		.logos {
			grid-template-columns: 100%;
		}
	}
}
@media (min-width: 577px) and (max-width: 820px) {
	.clients {
		.logos {
			grid-template-columns: repeat(2, minmax(0, 1fr))
		}
	}
}
@media (min-width: 821px) and (max-width: 1180px) {
	.clients {
		.logos {
			grid-template-columns: repeat(4, minmax(0, 1fr))
		}
	}
}
*/
.clients {
  margin-top: 80px;
}
.clients .logos {
  margin: 28px 0 0 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 40px;
}
.clients .logos .client {
  padding: 9px;
  border: 1px solid #F5F5F5;
  background-color: #FFFFFF;
}
.clients .logos .client img {
  width: 100% !important;
  height: auto;
  aspect-ratio: 125/53;
  filter: grayscale(1);
  transform: scale(0.9);
  transition: all linear 125ms;
}
.clients .logos .client:hover img {
  filter: grayscale(0);
  transform: scale(1);
}

@media (max-width: 576px) {
  .clients .logos {
    grid-template-columns: 100%;
  }
}
@media (min-width: 577px) and (max-width: 820px) {
  .clients .logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 821px) and (max-width: 1180px) {
  .clients .logos {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.image {
  margin: 24px 0 0 0;
}
.image img {
  width: 100%;
  height: auto;
}
.image picture {
  border-radius: 3px;
  display: block;
  overflow: hidden;
}
.image picture img {
  width: 100%;
  height: auto;
}

.block {
  margin-top: 28px;
  background-color: #324148;
}
.block .content {
  padding: 52px 80px 80px 80px;
}

.cards.columns-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 25%));
  gap: 40px;
}
.cards.columns-3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 33.3333333333%));
  gap: 40px;
}
.cards.columns-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 50%));
  gap: 40px;
}

.card {
  height: calc(100% - 24px);
  margin-top: 24px;
  border-radius: 3px;
  display: flex;
  overflow: hidden;
}
.card.donkergrijs {
  background-color: #3A484F;
}
.card.donkergrijs .content h1, .card.donkergrijs .content h2, .card.donkergrijs .content h3, .card.donkergrijs .content h4, .card.donkergrijs .content h5, .card.donkergrijs .content h6 {
  color: #FFFFFF;
}
.card.donkergrijs .content p {
  color: #FFFFFF;
}
.card.donkergrijs .content p a {
  text-decoration: none;
  color: #FFFFFF;
}
.card.donkergrijs .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.card.donkergrijs .content ul.buttons li a:hover {
  color: #FFFFFF;
}
.card.donkergrijs .content ul.buttons li a:hover::before {
  background-color: #000000;
}
.card.donkergrijs .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.card.donkergrijs .content ul.buttons li.alternative a::before {
  background-color: #324148;
}
.card.donkergrijs .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.card.hover-donkergrijs:hover.has-icon .image:before {
  background-color: #324148;
}
.card.hover-donkergrijs:hover .content p.heading-4 {
  color: #324148;
}
.card.hover-donkergrijs:hover .content p.heading-4 a {
  color: #324148;
}
.card.hover-donkergrijs:hover .content p.heading-4 a:hover {
  text-decoration: underline;
}
.card.lichtgrijs .content h1, .card.lichtgrijs .content h2, .card.lichtgrijs .content h3, .card.lichtgrijs .content h4, .card.lichtgrijs .content h5, .card.lichtgrijs .content h6 {
  color: #324148;
}
.card.lichtgrijs .content p {
  color: #000000;
}
.card.lichtgrijs .content p a {
  text-decoration: none;
  color: #000000;
}
.card.lichtgrijs .content ul.buttons li a {
  background-color: #000000;
  color: #FFFFFF;
}
.card.lichtgrijs .content ul.buttons li a::before {
  background-color: #324148;
}
.card.lichtgrijs .content ul.buttons li a:hover::before {
  background-color: #324148;
}
.card.lichtgrijs .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #000000;
  color: #000000;
}
.card.lichtgrijs .content ul.buttons li.alternative a::before {
  background-color: #F5F5F5;
}
.card.lichtgrijs .content ul.buttons.as-list li a {
  background-color: unset;
  color: #000000;
}
.card.hover-lichtgrijs:hover.has-icon .image:before {
  background-color: #324148;
}
.card.hover-lichtgrijs:hover .content p.heading-4 {
  color: #324148;
}
.card.hover-lichtgrijs:hover .content p.heading-4 a {
  color: #324148;
}
.card.hover-lichtgrijs:hover .content p.heading-4 a:hover {
  text-decoration: underline;
}
.card.wit .content h1, .card.wit .content h2, .card.wit .content h3, .card.wit .content h4, .card.wit .content h5, .card.wit .content h6 {
  color: #324148;
}
.card.wit .content p {
  color: #000000;
}
.card.wit .content p.heading-4 {
  color: #324148;
}
.card.wit .content p.heading-4 a {
  color: #324148;
}
.card.wit .content p a {
  text-decoration: none;
  color: #000000;
}
.card.wit .content ul.buttons li a {
  background-color: #324148;
  color: #FFFFFF;
}
.card.wit .content ul.buttons li a::before {
  background-color: #000000;
}
.card.wit .content ul.buttons li a:hover::before {
  background-color: #000000;
}
.card.wit .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #000000;
  color: #000000;
}
.card.wit .content ul.buttons li.alternative a::before {
  background-color: #FFFFFF;
}
.card.wit .content ul.buttons.as-list li a {
  background-color: unset;
  color: #000000;
}
.card.hover-wit:hover.has-icon .image:before {
  background-color: #FFFFFF;
}
.card.hover-wit:hover .content p.heading-4 {
  color: #324148;
}
.card.hover-wit:hover .content p.heading-4 a {
  color: #324148;
}
.card.hover-wit:hover .content p.heading-4 a:hover {
  text-decoration: underline;
}
.card.rood .content h1, .card.rood .content h2, .card.rood .content h3, .card.rood .content h4, .card.rood .content h5, .card.rood .content h6, .card.rood .content p {
  color: #FFFFFF;
}
.card.rood .content p {
  color: #FFFFFF;
}
.card.rood .content p a {
  text-decoration: none;
  color: #FFFFFF;
}
.card.rood .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.card.rood .content ul.buttons li a::before {
  background-color: #000000;
}
.card.rood .content ul.buttons li a:hover {
  color: #FFFFFF;
}
.card.rood .content ul.buttons li a:hover::before {
  background-color: #000000;
}
.card.rood .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.card.rood .content ul.buttons li.alternative a::before {
  background-color: #F00000;
}
.card.rood .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.card.hover-rood:hover.has-icon .image:before {
  background-color: #F00000;
}
.card.hover-rood:hover .content p.heading-4 {
  color: #F00000;
}
.card.hover-rood:hover .content p.heading-4 a {
  color: #F00000;
}
.card.hover-rood:hover .content p.heading-4 a:hover {
  text-decoration: underline;
}
.card.groen .content h1, .card.groen .content h2, .card.groen .content h3, .card.groen .content h4, .card.groen .content h5, .card.groen .content h6, .card.groen .content p {
  color: #FFFFFF;
}
.card.groen .content p {
  color: #FFFFFF;
}
.card.groen .content p a {
  text-decoration: none;
  color: #FFFFFF;
}
.card.groen .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.card.groen .content ul.buttons li a::before {
  background-color: #000000;
}
.card.groen .content ul.buttons li a:hover {
  color: #FFFFFF;
}
.card.groen .content ul.buttons li a:hover::before {
  background-color: #000000;
}
.card.groen .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.card.groen .content ul.buttons li.alternative a::before {
  background-color: #1AA53D;
}
.card.groen .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.card.hover-groen:hover.has-icon .image:before {
  background-color: #1AA53D;
}
.card.hover-groen:hover .content p.heading-4 {
  color: #1AA53D;
}
.card.hover-groen:hover .content p.heading-4 a {
  color: #1AA53D;
}
.card.hover-groen:hover .content p.heading-4 a:hover {
  text-decoration: underline;
}
.card.blauw .content h1, .card.blauw .content h2, .card.blauw .content h3, .card.blauw .content h4, .card.blauw .content h5, .card.blauw .content h6, .card.blauw .content p {
  color: #FFFFFF;
}
.card.blauw .content p {
  color: #FFFFFF;
}
.card.blauw .content p a {
  text-decoration: none;
  color: #FFFFFF;
}
.card.blauw .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.card.blauw .content ul.buttons li a::before {
  background-color: #000000;
}
.card.blauw .content ul.buttons li a:hover {
  color: #FFFFFF;
}
.card.blauw .content ul.buttons li a:hover::before {
  background-color: #000000;
}
.card.blauw .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.card.blauw .content ul.buttons li.alternative a::before {
  background-color: #376C90;
}
.card.blauw .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.card.hover-blauw:hover.has-icon .image:before {
  background-color: #376C90;
}
.card.hover-blauw:hover .content p.heading-4 {
  color: #376C90;
}
.card.hover-blauw:hover .content p.heading-4 a {
  color: #376C90;
}
.card.hover-blauw:hover .content p.heading-4 a:hover {
  text-decoration: underline;
}
.card.oranje .content h1, .card.oranje .content h2, .card.oranje .content h3, .card.oranje .content h4, .card.oranje .content h5, .card.oranje .content h6, .card.oranje .content p {
  color: #000000;
}
.card.oranje .content p {
  color: #000000;
}
.card.oranje .content p a {
  text-decoration: none;
  color: #000000;
}
.card.oranje .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.card.oranje .content ul.buttons li a::before {
  background-color: #000000;
}
.card.oranje .content ul.buttons li a:hover {
  color: #FFFFFF;
}
.card.oranje .content ul.buttons li a:hover::before {
  background-color: #000000;
}
.card.oranje .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.card.oranje .content ul.buttons li.alternative a::before {
  background-color: #FF8200;
}
.card.oranje .content ul.buttons.as-list li a {
  background-color: unset;
  color: #000000;
}
.card.hover-oranje:hover.has-icon .image:before {
  background-color: #FF8200;
}
.card.hover-oranje:hover .content p.heading-4 {
  color: #FF8200;
}
.card.hover-oranje:hover .content p.heading-4 a {
  color: #FF8200;
}
.card.hover-oranje:hover .content p.heading-4 a:hover {
  text-decoration: underline;
}
.card .image {
  margin: 0;
}
.card .image picture {
  border-radius: 0;
}
.card .image picture img {
  width: 100%;
  height: auto;
}
.card .content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.card .content.with-padding {
  padding: 12px 40px 40px 40px;
  box-sizing: border-box;
}
.card .content:not(.with-padding) h4,
.card .content:not(.with-padding) .heading-4 {
  margin-top: 0;
}
.card .content p {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card .content ul.buttons:not(.as-list) {
  margin-top: auto;
}
.card.afbeelding-boven {
  flex-direction: column;
}
.card.afbeelding-boven .image {
  order: 1;
}
.card.afbeelding-boven .content {
  order: 2;
}
.card.afbeelding-boven .content p.heading-4 {
  display: flex;
  justify-content: space-between;
}
.card.afbeelding-boven .content p.heading-4.has-link {
  transition: all linear 125ms;
}
.card.afbeelding-boven .content p.heading-4.has-link::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f061";
}
.card.afbeelding-boven .content p.heading-4 a {
  display: flex;
  justify-content: space-between;
  transition: all linear 125ms;
}
.card.afbeelding-onder {
  flex-direction: column;
}
.card.afbeelding-onder .image {
  order: 2;
}
.card.afbeelding-onder .content {
  padding: 56px 80px 0 80px;
  order: 1;
}
.card.afbeelding-onder .content ul.buttons {
  margin-top: 24px;
  flex-direction: row;
}
.card.afbeelding-rechts {
  background-image: url(/Themes/3133/Images/rectangle_donkergrijs_reflected.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 33% auto;
  flex-direction: row;
  align-items: end;
}
.card.afbeelding-rechts .image {
  width: 40%;
  order: 2;
}
.card.afbeelding-rechts .content {
  width: 60%;
  padding: 56px 80px 80px 80px;
  order: 1;
}
.card.afbeelding-rechts .content p.heading-4 {
  line-height: 36px;
  font-size: 28px;
}
.card.has-icon .image {
  position: relative;
}
.card.has-icon .image:before {
  top: 50%;
  right: 0;
  left: 0;
  height: 64px;
  mask-image: var(--icon);
  mask-position: center center;
  mask-repeat: no-repeat;
  mask-size: auto 64px;
  background-color: #FFFFFF;
  position: absolute;
  transform: translatey(-50%);
  transition: all linear 125ms;
  content: "";
  z-index: 2;
}
.card.has-icon .image:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  transition: all linear 125ms;
  content: "";
  z-index: 1;
}
.card.has-icon:hover .image::after {
  background-color: rgba(255, 255, 255, 0.4);
}

.team {
  display: grid;
  column-gap: 40px;
  row-gap: 16px;
}
.team.columns-1 {
  grid-template-columns: 100%;
}
.team.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.team.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.team.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.team .employee .image {
  margin: 0;
  position: relative;
  padding-top: 100%;
  background-image: url(/Themes/3133/Images/team_background.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
}
.team .employee .image picture img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: cover;
  object-position: top;
}
.team .employee .image:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  width: 40px;
  height: 40px;
  box-shadow: 0px 0px 100px 30px rgba(0, 0, 0, 0.4);
}
.team .employee .content {
  margin: 16px 0 0 0;
}
.team .employee .content p {
  margin: 0;
}

.full-banner {
  border-radius: 3px;
  margin: 24px 0 0 0;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.full-banner .content {
  width: 33%;
  padding: 56px 80px 80px 80px;
  order: 1;
}
.full-banner .image {
  width: 68%;
  margin: 0;
  position: relative;
  order: 2;
}
.full-banner .image::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  z-index: 2;
}
.full-banner .image picture {
  width: 100%;
  height: 100%;
  position: relative;
}
.full-banner .image picture img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  object-fit: cover;
  z-index: 1;
}
.full-banner.lichtgrijs .content p {
  color: #324148;
}
.full-banner.lichtgrijs .content ul.buttons li a {
  background-color: #324148;
  color: #FFFFFF;
}
.full-banner.lichtgrijs .content ul.buttons li a:hover {
  background-color: #000000;
}
.full-banner.lichtgrijs .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #000000;
  color: #000000;
}
.full-banner.lichtgrijs .content ul.buttons li.alternative a::before {
  background-color: #F5F5F5;
}
.full-banner.lichtgrijs .content ul.buttons.as-list li a {
  background-color: unset;
  color: #000000;
}
.full-banner.lichtgrijs .image::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_lichtgrijs.svg);
}
.full-banner.rood .content p {
  color: #FFFFFF;
}
.full-banner.rood .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.full-banner.rood .content ul.buttons li a:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.full-banner.rood .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.full-banner.rood .content ul.buttons li.alternative a::before {
  background-color: #1AA53D;
}
.full-banner.rood .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.full-banner.rood .image::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_rood.svg);
}
.full-banner.blauw .content p {
  color: #FFFFFF;
}
.full-banner.blauw .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.full-banner.blauw .content ul.buttons li a:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.full-banner.blauw .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.full-banner.blauw .content ul.buttons li.alternative a::before {
  background-color: #1AA53D;
}
.full-banner.blauw .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.full-banner.blauw .image::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_blauw.svg);
}
.full-banner.groen .content p {
  color: #FFFFFF;
}
.full-banner.groen .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.full-banner.groen .content ul.buttons li a:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.full-banner.groen .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.full-banner.groen .content ul.buttons li.alternative a::before {
  background-color: #1AA53D;
}
.full-banner.groen .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.full-banner.groen .image::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_groen.svg);
}
.full-banner.oranje .content h1, .full-banner.oranje .content h2, .full-banner.oranje .content h3, .full-banner.oranje .content h4, .full-banner.oranje .content h5, .full-banner.oranje .content h6, .full-banner.oranje .content p {
  color: #FFFFFF;
}
.full-banner.oranje .content ul.buttons li a {
  background-color: #FFFFFF;
  color: #000000;
}
.full-banner.oranje .content ul.buttons li a:hover {
  background-color: #000000;
  color: #FFFFFF;
}
.full-banner.oranje .content ul.buttons li.alternative a {
  background-color: transparent;
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.full-banner.oranje .content ul.buttons li.alternative a::before {
  background-color: #1AA53D;
}
.full-banner.oranje .content ul.buttons.as-list li a {
  background-color: unset;
  color: #FFFFFF;
}
.full-banner.oranje .image::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_oranje.svg);
}
.full-banner.has-logo .content {
  width: 50%;
  padding: 0;
  position: relative;
}
.full-banner.has-logo .content .image {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  mix-blend-mode: multiply;
  content: "";
  z-index: 1;
}
.full-banner.has-logo .content .image::before {
  display: none;
  visibility: hidden;
}
.full-banner.has-logo .content .image picture {
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.full-banner.has-logo .content .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.full-banner.has-logo .content .text {
  padding: 56px 80px 80px 80px;
  position: relative;
  z-index: 2;
}
.full-banner.has-logo .content::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  z-index: 1;
}
.full-banner.has-logo .logo {
  width: 50%;
  padding: 80px;
  background-color: #F5F5F5;
  order: 3;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.full-banner.has-logo .logo::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  z-index: 2;
}
.full-banner.has-logo .logo img {
  width: 100%;
  max-width: 100%;
  max-height: 48px;
  height: auto;
  margin: 0;
}
.full-banner.has-logo.lichtgrijs .content p {
  color: #324148;
}
.full-banner.has-logo.lichtgrijs .content::after {
  background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 100%);
}
.full-banner.has-logo.lichtgrijs .logo::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_lichtgrijs.svg);
}
.full-banner.has-logo.rood .content p {
  color: #FFFFFF;
}
.full-banner.has-logo.rood .content::after {
  background: linear-gradient(to right, rgba(240, 0, 0, 0) 0%, rgb(240, 0, 0) 100%);
}
.full-banner.has-logo.rood .logo::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_rood.svg);
}
.full-banner.has-logo.blauw .content p {
  color: #FFFFFF;
}
.full-banner.has-logo.blauw .content::after {
  background: linear-gradient(to right, rgba(55, 108, 144, 0) 0%, rgb(55, 108, 144) 100%);
}
.full-banner.has-logo.blauw .logo::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_blauw.svg);
}
.full-banner.has-logo.groen .content p {
  color: #FFFFFF;
}
.full-banner.has-logo.groen .content::after {
  background: linear-gradient(to right, rgba(26, 165, 61, 0) 0%, rgb(26, 165, 61) 100%);
}
.full-banner.has-logo.groen .logo::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_groen.svg);
}
.full-banner.has-logo.oranje .content p {
  color: #FFFFFF;
}
.full-banner.has-logo.oranje .content::after {
  background: linear-gradient(to right, rgba(255, 130, 0, 0) 0%, rgb(255, 130, 0) 100%);
}
.full-banner.has-logo.oranje .logo::before {
  background-image: url(/Themes/3133/Images/overlay_full_banner_oranje.svg);
}

.sitemap {
  margin: 28px 0 0 0;
}

.embed--video {
  margin: 32px 0 0 0;
}
.embed--video .video--placeholder {
  position: relative;
}
.embed--video .video--placeholder::after {
  width: 10%;
  aspect-ratio: 164/96;
  right: 2%;
  bottom: 5%;
  background-image: url("/Themes/3133/Images/payoff.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.embed--video .video--placeholder .placeholder--video {
  position: relative;
  padding-bottom: 42.6042%;
  height: 0;
  overflow: hidden;
  border-radius: 3px;
}
.embed--video .video--placeholder .placeholder--video:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.embed--video .video--placeholder .placeholder--video iframe,
.embed--video .video--placeholder .placeholder--video object,
.embed--video .video--placeholder .placeholder--video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed--video .video--placeholder .placeholder--video.video--vimeo-url-embed video {
  width: 100%;
}
.embed--video .video--placeholder .placeholder--video .embed--video-play {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.embed--video .video--placeholder .placeholder--video .embed--video-play:after {
  top: 50%;
  left: 50%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 16px 0 16px 32px;
  border-color: transparent transparent transparent #FFFFFF;
  transform: rotate(0deg) translate(-50%, -50%);
  content: "";
  position: absolute;
  z-index: 2;
}
.embed--video .video--placeholder .placeholder--video .embed--video-play:hover:after {
  border-color: transparent transparent transparent #FFFFFF;
}
.embed--video .video--placeholder .placeholder--video img {
  width: 100%;
  height: auto;
}
.embed--video .video--ribbon {
  position: relative;
  margin: 0 103px 0 -27px;
  padding: 16px 29px 15px 55px;
  background-color: #000000;
}
.embed--video .video--ribbon:before {
  top: -27px;
  left: 0;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 0 27px 27px;
  border-color: transparent transparent #555555 transparent;
  content: "";
  transform: rotate(0deg);
  position: absolute;
}
.embed--video .video--ribbon p {
  margin: 0;
  color: #FFFFFF;
}
.embed--video .video--ribbon p.hand-written {
  font-family: "Architects Daughter";
  font-size: 18px;
}

@media (max-width: 1024px) {
  .embed--video .video--placeholder .placeholder--video {
    border-radius: 0;
  }
}
/*
.embed--video {
	margin-top: 24px;

	.video--placeholder {

		.embed--video-play {
			width: 100%;
			height: 100%;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			position: absolute;
			pointer-events: none;
			z-index: 2;

			&::after {
				top: 50%;
				left: 50%;
				font-family: 'Font Awesome 6 Pro';
				font-weight: 900;
				font-size: 96px;
				color: $wit;
				content: "\f04b";
				position: absolute;
				transform: translate(-50%, -50%);
			}
		}

		position: relative;
		cursor: pointer;

		.placeholder--video {
			&.video--youtube-embed {
				position: relative;
				padding-bottom: 56.25%;
				height: 0;
				overflow: hidden;

				img {
					width: 100%;
				}

				iframe {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}

				.embed--video-play {
				}
			}
		}

		&::after {
			width: 164px;
			height: 96px;
			right: 20px;
			bottom: 40px;
			background-image: url('/Themes/3133/Images/payoff.svg');
			display: block;
			content: "";
			position: absolute;
			pointer-events: none;
			z-index: 1;
		}
	}
}
*/
.notification {
  margin: 24px 0 0 0;
  padding: 32px 40px;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px;
}
.notification p {
  margin: 4px 0;
  display: inline-block;
  /*
  display: flex;
  flex-direction: revert;
  gap: 16px;
  */
}
.notification p strong:first-of-type {
  margin-right: 16px;
}
.notification p a {
  color: #FFFFFF;
}
.notification p a:hover {
  text-decoration: none;
}
.notification .close {
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
}
.notification .close:after {
  top: 50%;
  left: 50%;
  font-family: "Font Awesome 6 Pro";
  font-size: 24px;
  content: "\f00d";
  position: absolute;
  transform: translate(-50%, -50%);
}

.placeholder {
  margin: 24px 0 0 0 !important;
  position: relative;
}
.placeholder .placeholder--carousel {
  margin: 0;
}
.placeholder .placeholder--carousel.images {
  border-radius: 3px;
  overflow: hidden;
}
.placeholder .placeholder--carousel.images .slick-list .slick-track .slide .image {
  margin-top: 0;
}
.placeholder .placeholder--carousel.logos .slick-list .slick-track {
  display: flex;
  flex-direction: row;
  gap: 180px;
}
.placeholder .placeholder--carousel.logos .slick-list .slick-track .logo {
  background-color: #FFFFFF;
  border-radius: 3px;
  overflow: hidden;
}
.placeholder .placeholder--carousel.logos .slick-list .slick-track .logo img {
  -webkit-filter: grayscale(1);
  opacity: 0.5;
}
.placeholder .placeholder--carousel.slider {
  -webkit-box-shadow: 0px 40px 250px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 40px 250px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 40px 250px 0px rgba(0, 0, 0, 0.45);
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide {
  display: flex;
  flex-direction: row;
  border-radius: 3px;
  overflow: hidden;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content {
  width: 33.3333333333%;
  padding: 56px 80px 80px 80px;
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content p {
  color: #000000;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content p.heading-1 {
  color: #324148;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content p:not(.heading-1) {
  line-height: 26px;
  font-size: 18px;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content p:last-of-type {
  margin-bottom: 24px;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content ul {
  margin-top: auto;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content ul.buttons li.button a {
  background-color: #324148;
  color: #FFFFFF;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content ul.buttons li.button a::before {
  background-color: #000000;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content ul.buttons li.button a:hover::before {
  background-color: #000000;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image {
  width: calc(66.6666666667% + 1px);
  margin: 0;
  position: relative;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("/Themes/3133/Images/overlay_slider.svg");
  background-position: center left;
  background-size: auto 100%;
  background-repeat: no-repeat;
  z-index: 1;
  position: absolute;
  content: "";
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image picture {
  width: 100%;
  height: 100%;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image picture img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
.placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image::after {
  width: 26%;
  aspect-ratio: 280/164;
  right: 3%;
  bottom: 8%;
  background-image: url(/Themes/3133/Images/payoff.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  display: block;
  content: "";
  position: absolute;
}
.placeholder .placeholder--carousel.cards-carousel {
  overflow: hidden;
}
.placeholder .placeholder--carousel.cards-carousel .slick-list {
  margin-right: -40px;
}
.placeholder .placeholder--carousel.cards-carousel .slick-list .slick-track .slick-slide {
  margin: 0 40px 0 0;
}
.placeholder .placeholder--carousel.steps {
  overflow: hidden;
  position: relative;
}
.placeholder .placeholder--carousel.steps::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  position: absolute;
  content: "";
  z-index: 1;
  pointer-events: none;
}
.placeholder .placeholder--carousel.steps .slick-list {
  margin-right: -40px;
}
.placeholder .placeholder--carousel.steps .slick-list .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.placeholder .placeholder--carousel.steps .slick-list .slick-track .step {
  margin: 13px 40px 0 0;
  padding: 14px 40px 40px 40px;
  background-color: #F5F5F5;
  border-radius: 3px;
  position: relative;
}
.placeholder .placeholder--carousel.steps .slick-list .slick-track .step .label {
  top: -13px;
  left: 40px;
  padding: 1px 10px;
  background-color: #324148;
  border-radius: 3px;
  color: #FFFFFF;
  font-weight: 400;
  text-transform: uppercase;
  display: inline-block;
  position: absolute;
}
.placeholder .placeholder--carousel .slick-list .slick-track .slide img {
  width: 100%;
}
.placeholder .placeholder--carousel .slick-list .slick-track .logo {
  width: 160px;
  height: 100px;
}
.placeholder .placeholder--carousel .slick-list .slick-track .logo img {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  object-fit: contain;
  object-position: center;
}
.placeholder .placeholder--carousel-controls {
  right: 0;
  bottom: -40px;
  left: 0;
  margin: 0;
  position: absolute;
}
.placeholder .placeholder--carousel-controls.images {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.placeholder .placeholder--carousel-controls.images .controls--dots {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.placeholder .placeholder--carousel-controls.images .controls--dots ul.slick-dots {
  top: unset;
  bottom: unset;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.placeholder .placeholder--carousel-controls.images .controls--dots ul.slick-dots li {
  width: unset;
  height: unset;
  margin: 0;
}
.placeholder .placeholder--carousel-controls.images .controls--dots ul.slick-dots li button {
  width: 48px;
  height: 3px;
  padding: 0;
  background-color: #000000;
  border-radius: 1.5px;
  opacity: 0.25;
}
.placeholder .placeholder--carousel-controls.images .controls--dots ul.slick-dots li button:before {
  display: none;
  visibility: hidden;
}
.placeholder .placeholder--carousel-controls.images .controls--dots ul.slick-dots li.slick-active button {
  opacity: 1;
}
.placeholder .placeholder--carousel-controls.images .controls--arrows {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.placeholder .placeholder--carousel-controls.images .controls--arrows button {
  top: unset;
  left: unset;
  right: unset;
  width: 32px;
  height: 32px;
  position: relative;
  transform: unset;
}
.placeholder .placeholder--carousel-controls.images .controls--arrows button:before {
  font-family: "Font Awesome 6 Pro";
  color: #000000;
}
.placeholder .placeholder--carousel-controls.images .controls--arrows button.slick-prev:before {
  content: "\f053";
}
.placeholder .placeholder--carousel-controls.images .controls--arrows button.slick-next:before {
  content: "\f054";
}
.placeholder .placeholder--carousel-controls.images .controls--arrows button.slick-disabled:before {
  opacity: 0.25;
}
.placeholder .placeholder--carousel-controls.slider {
  bottom: -14px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.placeholder .placeholder--carousel-controls.slider .controls--dots {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.placeholder .placeholder--carousel-controls.slider .controls--dots ul.slick-dots {
  top: unset;
  bottom: unset;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.placeholder .placeholder--carousel-controls.slider .controls--dots ul.slick-dots li {
  width: unset;
  height: unset;
  margin: 0;
}
.placeholder .placeholder--carousel-controls.slider .controls--dots ul.slick-dots li button {
  width: 48px;
  height: 3px;
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 1.5px;
  opacity: 0.25;
}
.placeholder .placeholder--carousel-controls.slider .controls--dots ul.slick-dots li button:before {
  display: none;
  visibility: hidden;
}
.placeholder .placeholder--carousel-controls.slider .controls--dots ul.slick-dots li.slick-active button {
  opacity: 1;
}
.placeholder .placeholder--carousel-controls.slider .controls--arrows {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.placeholder .placeholder--carousel-controls.slider .controls--arrows button {
  top: unset;
  left: unset;
  right: unset;
  width: 32px;
  height: 32px;
  position: relative;
  transform: unset;
}
.placeholder .placeholder--carousel-controls.slider .controls--arrows button:before {
  font-family: "Font Awesome 6 Pro";
  color: #000000;
}
.placeholder .placeholder--carousel-controls.slider .controls--arrows button.slick-prev:before {
  content: "\f053";
}
.placeholder .placeholder--carousel-controls.slider .controls--arrows button.slick-next:before {
  content: "\f054";
}
.placeholder .placeholder--carousel-controls.slider .controls--arrows button.slick-disabled:before {
  opacity: 0.25;
}
.placeholder .placeholder--carousel-controls.steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.placeholder .placeholder--carousel-controls.steps .controls--dots {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.placeholder .placeholder--carousel-controls.steps .controls--dots ul.slick-dots {
  top: unset;
  bottom: unset;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.placeholder .placeholder--carousel-controls.steps .controls--dots ul.slick-dots li {
  width: unset;
  height: unset;
  margin: 0;
}
.placeholder .placeholder--carousel-controls.steps .controls--dots ul.slick-dots li button {
  width: 48px;
  height: 3px;
  padding: 0;
  background-color: #000000;
  border-radius: 1.5px;
  opacity: 0.25;
}
.placeholder .placeholder--carousel-controls.steps .controls--dots ul.slick-dots li button:before {
  display: none;
  visibility: hidden;
}
.placeholder .placeholder--carousel-controls.steps .controls--dots ul.slick-dots li.slick-active button {
  opacity: 1;
}
.placeholder .placeholder--carousel-controls.steps .controls--arrows {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.placeholder .placeholder--carousel-controls.steps .controls--arrows button {
  top: unset;
  left: unset;
  right: unset;
  width: 32px;
  height: 32px;
  position: relative;
  transform: unset;
}
.placeholder .placeholder--carousel-controls.steps .controls--arrows button:before {
  font-family: "Font Awesome 6 Pro";
  color: #000000;
}
.placeholder .placeholder--carousel-controls.steps .controls--arrows button.slick-prev:before {
  content: "\f053";
}
.placeholder .placeholder--carousel-controls.steps .controls--arrows button.slick-next:before {
  content: "\f054";
}
.placeholder .placeholder--carousel-controls.steps .controls--arrows button.slick-disabled:before {
  opacity: 0.25;
}

.umbraco-forms-page {
  margin: 24px 0 0 0 !important;
  padding: 0 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset {
  margin: 0 !important;
  padding: 0 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field {
  margin: 12px 0 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field legend {
  font-size: inherit;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field span.umbraco-forms-tooltip.help-block {
  line-height: 18px;
  margin-top: 6px;
  font-size: 12px;
  font-style: italic;
  color: #999999;
  order: 3;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) label {
  top: 13px;
  left: 20px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 1px;
  position: absolute;
  pointer-events: none;
  transition: all 150ms ease-in-out;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input {
  width: 100%;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #324148;
  border-radius: 3px;
  font-weight: 300;
  letter-spacing: 1px;
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:focus {
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:focus ~ label {
  top: -8px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 12px;
  background-color: #FFFFFF !important;
  border-radius: 3px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input.input-validation-error {
  background-color: rgba(255, 0, 0, 0.1);
  border-color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input.input-validation-error ~ label {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input[type=file]::file-selector-button {
  background-color: #324148;
  color: #000;
  border: 1px solid #324148;
  border-radius: 3px;
  padding: 0 28px;
  margin-right: 20px;
  font-weight: 600;
  transition: 250ms;
  cursor: pointer;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input[type=file]::file-selector-button:hover {
  background-color: #000000;
  border-color: #000000;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) select {
  width: 100%;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #324148 !important;
  border-radius: 8px;
  font-weight: 300;
  letter-spacing: 1px;
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) select:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) select:focus {
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) select:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) select:focus ~ label {
  top: -8px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 12px;
  background-color: #FFFFFF !important;
  border-radius: 3px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) select.input-validation-error {
  background-color: rgba(255, 0, 0, 0.1);
  border-color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) select.input-validation-error ~ label {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea {
  width: 100%;
  height: 134px;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #324148 !important;
  border-radius: 3px;
  font-weight: 300;
  letter-spacing: 1px;
  text-indent: 0;
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:focus {
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:focus ~ label {
  top: -8px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 12px;
  background-color: #FFFFFF !important;
  border-radius: 3px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist {
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label {
  padding-left: 36px;
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label::before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox label::before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label::before {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #324148;
  border-radius: 3px;
  background-color: #FFFFFF;
  display: block;
  content: "";
  position: absolute;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label.umbraco-forms-label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox label.umbraco-forms-label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label.umbraco-forms-label {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label a, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox label a, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label a {
  text-decoration: underline;
  color: #000000;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label a:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox label a:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label a:hover {
  text-decoration: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox], .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox], .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox] {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox]:checked ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox]:checked ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox]:checked ~ label {
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox]:checked ~ label::before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox]:checked ~ label::before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox]:checked ~ label::before {
  background-color: #324148;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox]:checked.input-validation-error ~ label:before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox]:checked.input-validation-error ~ label:before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox]:checked.input-validation-error ~ label:before {
  background-color: #000000;
  border-color: #F5F5F5;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox].input-validation-error ~ label:before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox].input-validation-error ~ label:before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox].input-validation-error ~ label:before {
  background-color: rgba(255, 0, 0, 0.1);
  border-color: #FF0000;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist {
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label {
  padding-left: 36px;
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label::before {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 1px solid #324148;
  border-radius: 12px;
  background-color: #FFFFFF;
  display: block;
  content: "";
  position: absolute;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label.umbraco-forms-label {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label a {
  text-decoration: underline;
  color: #000000;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label a:hover {
  text-decoration: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio] {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio]:checked ~ label {
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio]:checked ~ label::before {
  background-color: #324148;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input.input-validation-error label {
  color: #FF0000 !important;
}
.umbraco-forms-page small {
  line-height: 18px;
  font-size: 12px;
  color: #999999;
}
.umbraco-forms-page small a {
  text-decoration: underline;
  color: #999999;
}
.umbraco-forms-page small a:hover {
  text-decoration: none;
}
.umbraco-forms-page .umbraco-forms-hidden {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-navigation {
  margin: 24px 0 0 0;
  padding: 0 !important;
}
.umbraco-forms-page .umbraco-forms-navigation button {
  width: unset;
  margin: 0;
  padding: 14px 32px;
  background-color: #324148;
  border: 0;
  border-radius: 3px;
  font-weight: 400;
  color: #FFFFFF;
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  /*
  &:after {
  	font-family: "Font Awesome 6 Pro";
  	font-size: 10px;
  	content: "\f054";
  }
  */
}
.umbraco-forms-page .umbraco-forms-navigation button:hover {
  background-color: #000000;
}

.rich-text p a {
  color: #000000;
  text-decoration: underline;
}
.rich-text p a:hover {
  text-decoration: none;
}

.slick-track {
  display: flex !important;
}

.slick-slide {
  height: auto;
}

.hamburger {
  top: 46px;
  right: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  overflow: visible;
  position: absolute;
  display: none;
  z-index: 9;
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
  background-color: #FFFFFF;
}

.hamburger.is-active .hamburger-box {
  background-color: transparent;
}

.hamburger-box {
  width: 36px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.hamburger-box:hover {
  background-color: transparent;
}

.hamburger-box:hover .hamburger-inner, .hamburger-box:hover .hamburger-inner::before, .hamburger-box:hover .hamburger-inner::after {
  background-color: FFFFFF;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin: -2px 0 0 0;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 36px;
  height: 4px;
  background-color: #FFFFFF;
  border-radius: 9999px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.125s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

nav.mobile {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 192px;
  background-color: rgba(50, 65, 72, 0.8980392157);
  position: fixed;
  z-index: 8;
  overflow-x: hidden;
  display: none;
}

nav.mobile > .mobile-placeholder {
  margin: 0;
  overflow: hidden;
}

.slinky-menu {
  transform: translateZ(0);
}

.slinky-menu > ul {
  left: 0;
  position: relative;
  transform: translateZ(0);
}

.slinky-menu ul, .slinky-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.slinky-menu ul {
  width: 100%;
}

.slinky-menu a,
.slinky-menu a span {
  line-height: 24px;
}

.slinky-menu .is-button a span {
  padding: 14px 32px;
  background-color: #FFFFFF;
  border-radius: 3px;
  display: inline-block;
  font-weight: 300;
  color: #324148;
}
.slinky-menu .is-button a span:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.slinky-menu a {
  align-items: center;
  display: flex;
}

.slinky-menu a span {
  flex: 1;
}

.slinky-menu li ul {
  display: none;
  left: 100%;
  position: absolute;
  top: 0;
}

.slinky-menu .header {
  display: flex;
}

.slinky-menu .header .title {
  flex: 1;
  line-height: 1.4;
  margin: 0;
  padding: 8px 20px;
  font-weight: bold;
  order: 1;
}

.slinky-theme-default li, .slinky-theme-default li a, .slinky-theme-default li a span {
  text-align: left;
}

.slinky-theme-default li {
  line-height: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.slinky-theme-default a {
  transition: all linear 125ms;
}

.slinky-theme-default a:not(.back):not(.next) {
  flex-grow: 1;
  flex-shrink: 0;
  line-height: 28px;
  padding: 8px 20px;
  font-size: 23px;
  font-weight: 400;
  text-decoration: none;
  color: #FFFFFF;
  display: inline-block;
  vertical-align: top;
}

.slinky-theme-default a.nav-link {
  width: 100% !important;
  display: block !important;
}

.slinky-theme-default a {
  text-decoration: none;
}

.slinky-theme-default a:hover,
.slinky-theme-default a:active {
  text-decoration: underline;
}

.slinky-theme-default a:hover {
  text-decoration: underline !important;
}

.slinky-theme-default .next, .slinky-theme-default .back {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  flex-shrink: 0;
  flex-grow: 0;
}

.slinky-theme-default .next {
  padding: 8px 20px;
}

.slinky-theme-default .back {
  padding: 8px 20px;
}

.slinky-theme-default .next::after, .slinky-theme-default .back::after {
  line-height: 28px;
  font-size: 23px;
  font-weight: bold;
  font-family: "Font Awesome 5 Pro";
  color: #FFFFFF;
}

.slinky-theme-default .next::after {
  content: "\f054";
}

.slinky-theme-default .back::after {
  content: "\f053";
}

.slinky-theme-default .next a, .slinky-theme-default .back a {
  text-decoration: none;
}

@media (max-width: 1024px) {
  .section.reversed-order-mobile .row.columns-4-8 > div:nth-child(1), .section.reversed-order-mobile .row.columns-8-4 > div:nth-child(1), .section.reversed-order-mobile .row.columns-3-9 > div:nth-child(1), .section.reversed-order-mobile .row.columns-9-3 > div:nth-child(1), .section.reversed-order-mobile .row.columns-6-6 > div:nth-child(1) {
    order: 2;
  }
  .section.reversed-order-mobile .row.columns-4-8 > div:nth-child(2), .section.reversed-order-mobile .row.columns-8-4 > div:nth-child(2), .section.reversed-order-mobile .row.columns-3-9 > div:nth-child(2), .section.reversed-order-mobile .row.columns-9-3 > div:nth-child(2), .section.reversed-order-mobile .row.columns-6-6 > div:nth-child(2) {
    order: 1;
  }
  .section.reversed-order-mobile .row.columns-4-4-4 > div:nth-child(1) {
    order: 3;
  }
  .section.reversed-order-mobile .row.columns-4-4-4 > div:nth-child(2) {
    order: 2;
  }
  .section.reversed-order-mobile .row.columns-4-4-4 > div:nth-child(3) {
    order: 1;
  }
  .section.reversed-order-mobile .row.columns-3-3-3-3 > div:nth-child(1) {
    order: 4;
  }
  .section.reversed-order-mobile .row.columns-3-3-3-3 > div:nth-child(2) {
    order: 3;
  }
  .section.reversed-order-mobile .row.columns-3-3-3-3 > div:nth-child(3) {
    order: 2;
  }
  .section.reversed-order-mobile .row.columns-3-3-3-3 > div:nth-child(4) {
    order: 1;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  h1, .heading-1 {
    line-height: 41px;
    font-size: 33px;
  }
  .wrapper {
    padding-right: 40px;
    padding-left: 40px;
  }
  .wrapper.gs .container-fluid {
    padding-right: 40px;
    padding-left: 40px;
  }
  .wrapper.gs .container-fluid .row {
    margin: 0 -40px;
  }
  .wrapper.gs .container-fluid .row div[class*=col-] {
    padding-right: 40px;
    padding-left: 40px;
  }
  .header .wrapper .logo {
    position: relative;
    z-index: 9;
  }
  .header .wrapper .navigation nav.primary {
    display: none;
    visibility: hidden;
  }
  .header .wrapper .navigation nav.secondary {
    margin-right: 56px;
    position: relative;
    z-index: 9;
  }
  .header .wrapper .navigation nav.secondary ul li:not(.is-button) {
    display: none;
    visibility: hidden;
  }
  .header-image .wrapper .outer-placeholder .inner-placeholder .content {
    width: 40%;
    padding: 16px 40px 40px 40px;
  }
  .header-image .wrapper .outer-placeholder .inner-placeholder .image {
    width: 60%;
  }
  .section.dubbel-padding-top, .section.double-padding-top {
    padding-top: 16px;
  }
  .section.dubbel-padding-bottom, .section.double-padding-bottom {
    padding-bottom: 40px;
  }
  .section.drievoudig-padding-top, .section.triple-padding-top {
    padding-top: 54px;
  }
  .section.drievoudig-padding-bottom, .section.triple-padding-bottom {
    padding-bottom: 80px;
  }
  .footer .top {
    padding: 56px 80px 80px 80px;
  }
  .footer .top .wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    row-gap: 68px;
  }
  .footer .top .wrapper .column:nth-child(1) {
    grid-column: 1/span 4;
  }
  .footer .top .wrapper .column:nth-child(2) {
    grid-column: 5/span 4;
  }
  .footer .top .wrapper .column:nth-child(3) {
    grid-column: 9/span 4;
  }
  .footer .top .wrapper .column:nth-child(4) {
    grid-row: 2;
    grid-column: 1/span 12;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
  .footer .top .wrapper .column:nth-child(4) ul {
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .footer .top .wrapper .column:nth-child(4) ul.socials {
    justify-content: center;
  }
  .footer .top .wrapper .column .logo {
    margin: 24px 0 0 0;
  }
  .footer .top .wrapper .column .logo a img {
    max-width: 100%;
    max-height: 48px;
  }
  .footer .top .wrapper .column p {
    line-height: 32px;
  }
  .footer .top .wrapper .column ul {
    margin: 24px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .footer .top .wrapper .column ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .footer .top .wrapper .column ul.socials {
    flex-direction: row;
    gap: 16px;
  }
  .footer .top .wrapper .column ul.socials li a {
    color: #FFFFFF;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content {
    width: 40%;
    padding: 16px 40px 40px 40px;
    position: relative;
    z-index: 2;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content ul {
    margin-top: 24px;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image {
    width: 60%;
    position: relative;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image picture {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image picture img {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    object-fit: cover;
    position: absolute;
  }
  .card .content ul.buttons:not(.as-list) {
    margin-top: 24px;
  }
  .full-banner .content {
    width: 50%;
    padding: 56px 40px 80px 40px;
  }
  .full-banner .image {
    width: 50%;
  }
  .embed--video {
    margin: 24px -40px -40px -40px;
  }
  .team.columns-1, .team.columns-2, .team.columns-3, .team.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .columns-2,
  .columns-6-6,
  .columns-4-8,
  .columns-8-4,
  .columns-4-4-4 {
    grid-template-columns: 100%;
    gap: 16px;
  }
  .hamburger {
    right: 40px;
    display: block;
  }
}
@media (max-width: 820px) {
  .header-image .wrapper .outer-placeholder .inner-placeholder {
    flex-direction: column;
  }
  .header-image .wrapper .outer-placeholder .inner-placeholder .content {
    width: 100%;
    padding: 16px 40px 40px 40px;
    order: 2;
  }
  .header-image .wrapper .outer-placeholder .inner-placeholder .image {
    width: 100%;
    order: 1;
  }
  .header-image .wrapper .outer-placeholder .inner-placeholder .image::before {
    display: none;
    visibility: hidden;
  }
  .header-image .wrapper .outer-placeholder .inner-placeholder .image picture img {
    position: relative;
  }
}
@media (min-width: 577px) and (max-width: 992px) {
  .footer .bottom .wrapper {
    flex-direction: column;
    gap: 8px;
  }
  .footer .bottom .wrapper img {
    margin-bottom: 8px;
  }
  .footer .bottom .wrapper ul {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  .footer .bottom .wrapper p#copyright-line {
    margin: 40px auto 0 auto;
  }
}
@media (min-width: 577px) and (max-width: 820px) {
  .footer .top .wrapper {
    padding-right: unset;
    padding-left: unset;
  }
  .columns-3-3-3-3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 576px) {
  h1, .heading-1 {
    line-height: 41px;
    font-size: 33px;
  }
  .wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .wrapper.gs .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
  }
  .wrapper.gs .container-fluid .row {
    margin: 0 -20px;
  }
  .wrapper.gs .container-fluid .row div[class*=col-] {
    padding-right: 20px;
    padding-left: 20px;
  }
  .header .wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .header .wrapper .logo {
    position: relative;
    z-index: 9;
  }
  .header .wrapper .navigation nav.primary, .header .wrapper .navigation nav.secondary {
    display: none;
    visibility: hidden;
  }
  .section.dubbel-padding-top, .section.double-padding-top {
    padding-top: 16px;
  }
  .section.dubbel-padding-bottom, .section.double-padding-bottom {
    padding-bottom: 40px;
  }
  .footer .top {
    padding: 40px 20px 64px 20px;
  }
  .footer .top .wrapper {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 40px;
  }
  .footer .top .wrapper .column {
    text-align: center;
    grid-column: unset !important;
  }
  .footer .top .wrapper .column:nth-child(4) {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 16px;
  }
  .footer .top .wrapper .column:nth-child(4) ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .footer .top .wrapper .column:nth-child(4) ul.socials {
    justify-content: center;
  }
  .footer .top .wrapper .column .logo {
    margin: 24px 0 0 0;
  }
  .footer .top .wrapper .column .logo a img {
    max-width: 100%;
    max-height: 48px;
  }
  .footer .top .wrapper .column p {
    line-height: 32px;
  }
  .footer .top .wrapper .column ul {
    margin: 24px 0 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .footer .top .wrapper .column ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .footer .top .wrapper .column ul.socials {
    flex-direction: row;
    gap: 16px;
  }
  .footer .top .wrapper .column ul.socials li a {
    color: #FFFFFF;
  }
  .footer .bottom .wrapper {
    flex-direction: column;
    gap: 8px;
  }
  .footer .bottom .wrapper img {
    margin-bottom: 8px;
  }
  .footer .bottom .wrapper ul {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
  .footer .bottom .wrapper p#copyright-line {
    margin: 40px auto 0 auto;
  }
  .placeholder .placeholder--carousel.slider {
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    margin: 0 -20px;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide {
    flex-direction: column;
    border-radius: 0;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content {
    width: 100%;
    padding: 0 20px 24px 20px;
    order: 2;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .content ul {
    margin-top: 24px;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image {
    width: 100%;
    position: relative;
    order: 1;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image::before {
    display: none;
    visibility: hidden;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image picture {
    position: relative;
    border-radius: 0;
  }
  .placeholder .placeholder--carousel.slider .slick-list .slick-track .slide .image picture img {
    width: 100%;
    height: auto;
    position: relative;
  }
  .card .content.with-padding {
    padding: 16px 20px 40px 20px;
  }
  .card .content ul.buttons:not(.as-list) {
    margin-top: 24px;
  }
  .card.afbeelding-rechts {
    flex-direction: column;
    align-items: unset;
  }
  .card.afbeelding-rechts .image {
    width: calc(100% - 96px);
    margin: 0 48px;
    order: 2;
  }
  .card.afbeelding-rechts .content {
    width: 100%;
    padding: 16px 20px 40px 20px;
  }
  .card.afbeelding-onder {
    flex-direction: column;
  }
  .card.afbeelding-onder .image {
    order: 2;
  }
  .card.afbeelding-onder .content {
    padding: 16px 20px 0 20px;
    order: 1;
  }
  .card.afbeelding-onder .content ul.buttons {
    margin-top: 24px;
    flex-direction: row;
  }
  .full-banner {
    flex-direction: column;
  }
  .full-banner.has-logo.lichgrijs .content::after {
    background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 100%);
  }
  .full-banner.has-logo.lichgrijs .logo::before {
    background-image: url("/Themes/3133/Images/overlay_full_banner_lichtgrijs_mobile.svg");
  }
  .full-banner.has-logo.rood .content::after {
    background: linear-gradient(to bottom, rgba(240, 0, 0, 0) 0%, rgb(240, 0, 0) 100%);
  }
  .full-banner.has-logo.rood .logo::before {
    background-image: url("/Themes/3133/Images/overlay_full_banner_rood_mobile.svg");
  }
  .full-banner.has-logo.blauw .content::after {
    background: linear-gradient(to bottom, rgba(55, 108, 144, 0) 0%, rgb(55, 108, 144) 100%);
  }
  .full-banner.has-logo.blauw .logo::before {
    background-image: url("/Themes/3133/Images/overlay_full_banner_blauw_mobile.svg");
  }
  .full-banner.has-logo.groen .content::after {
    background: linear-gradient(to bottom, rgba(26, 165, 61, 0) 0%, rgb(26, 165, 61) 100%);
  }
  .full-banner.has-logo.groen .logo::before {
    background-image: url("/Themes/3133/Images/overlay_full_banner_groen_mobile.svg");
  }
  .full-banner.has-logo.oranje .content::after {
    background: linear-gradient(to bottom, rgba(255, 130, 0, 0) 0%, rgb(255, 130, 0) 100%);
  }
  .full-banner.has-logo.oranje .logo::before {
    background-image: url("/Themes/3133/Images/overlay_full_banner_oranje_mobile.svg");
  }
  .full-banner.has-logo .logo {
    width: 100%;
    padding: 75% 0 0 0;
  }
  .full-banner.has-logo .logo::before {
    background-size: 100% auto;
    background-position: top center;
  }
  .full-banner.has-logo .logo img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  }
  .full-banner.has-logo .content {
    width: 100%;
  }
  .full-banner.has-logo .content .image {
    padding-top: unset;
  }
  .full-banner.has-logo .content .text {
    padding: 36px 60px 60px 60px;
    text-align: center;
  }
  .full-banner .content {
    width: 100%;
    padding: 16px 20px 40px 20px;
  }
  .full-banner .image {
    padding-top: 100%;
    width: 100%;
  }
  .full-banner .image::before {
    background-size: 100% auto;
    background-position: center top;
  }
  .full-banner .image picture {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
  }
  .full-banner.lichtgrijs .image::before {
    background-image: url(/Themes/3133/Images/overlay_full_banner_lichtgrijs_mobile.svg);
  }
  .full-banner.rood .image::before {
    background-image: url(/Themes/3133/Images/overlay_full_banner_rood_mobile.svg);
  }
  .full-banner.blauw .image::before {
    background-image: url(/Themes/3133/Images/overlay_full_banner_blauw_mobile.svg);
  }
  .full-banner.groen .image::before {
    background-image: url(/Themes/3133/Images/overlay_full_banner_groen_mobile.svg);
  }
  .full-banner.oranje .image::before {
    background-image: url(/Themes/3133/Images/overlay_full_banner_oranje_mobile.svg);
  }
  .embed--video {
    margin: 24px -20px -40px -20px;
  }
  .team.columns-1, .team.columns-2, .team.columns-3, .team.columns-4 {
    grid-template-columns: 100%;
  }
  .columns-2,
  .columns-6-6,
  .columns-4-8,
  .columns-8-4,
  .columns-4-4-4,
  .columns-3-3-3-3 {
    grid-template-columns: 100%;
    gap: 16px;
  }
  .notification {
    padding: 16px 20px;
    gap: 16px;
  }
  .notification p {
    flex-direction: column;
  }
  .hamburger {
    display: block;
  }
}