/* 
========================================================
DYNAMIC CSS LOADED FOR THEME WITH ID: 3133 ~ MOD: 21-05-2026 14:30:42
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*/

@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url("/LOGISZ/ApplicationCode/Public/fonts/titillium-web-v17-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 400;
  src: url("/LOGISZ/ApplicationCode/Public/fonts/titillium-web-v17-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 600;
  src: url("/LOGISZ/ApplicationCode/Public/fonts/titillium-web-v17-latin-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 600;
  src: url("/LOGISZ/ApplicationCode/Public/fonts/titillium-web-v17-latin-600italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 700;
  src: url("/LOGISZ/ApplicationCode/Public/fonts/titillium-web-v17-latin-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Titillium Web";
  font-style: italic;
  font-weight: 700;
  src: url("/LOGISZ/ApplicationCode/Public/fonts/titillium-web-v17-latin-700italic.woff2") format("woff2");
}
:root {
  --wit: #FFFFFF;
  --zwart: #000000;
  --donkerblauw: #001539;
  --blauw: #002664;
  --cyaan: #009FDA;
  --licht: #F7F8F9;
  --text-zwart: var(--zwart);
  --text-donkerblauw: var(--donkerblauw);
  --text-donkerblauw-50: rgba(0,21,57,0.5);
  --text-wit: var(--wit);
}

html {
  overflow-y: scroll;
}

html, body {
  line-height: 24px;
  margin: 0;
  padding: 0;
  font-family: "Titillium Web";
  font-size: 16px;
  color: var(--text-zwart);
}

html {
  /*
  overflow-x: hidden;
  max-width: 100%;
  height: auto;
  */
}

ul {
  margin: 40px 0 0 0;
  padding: 0;
}
ul li {
  margin: 0 0 0 16px;
}
ul.breadcrumb {
  margin: 24px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.breadcrumb li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.breadcrumb li:not(:last-of-type):after {
  margin: 0 10px;
  content: "/";
}
ul.breadcrumb li a {
  color: #000000;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #00A0AD;
}

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

h1, .heading-1, h2, .heading-2, h3, .heading-3, h4, .heading-4, h5, .heading-5, h6, .heading-6 {
  font-weight: 700;
  color: var(--text-donkerblauw);
}

h1, .heading-1 {
  line-height: 49px;
  font-size: 49px;
}

h2, .heading-2 {
  line-height: 39px;
  font-size: 39px;
}

h3, .heading-3 {
  line-height: 31px;
  font-size: 31px;
}

h4, .heading-4 {
  line-height: 25px;
  font-size: 25px;
}

h5, .heading-5 {
  line-height: 20px;
  font-size: 20px;
}

h6, .heading-6 {
  line-height: 20px;
  font-size: 16px;
}

h1:not(.without-dot)::after,
h2:not(.without-dot)::after,
h3:not(.without-dot)::after {
  color: var(--cyaan);
  content: ".";
}

.rtl .header h1, .rtl .header .heading-1,
.rtl .header h2, .rtl .header .heading-2,
.rtl .header h3, .rtl .header .heading-3,
.rtl .header h4, .rtl .header .heading-4,
.rtl .header h5, .rtl .header .heading-5,
.rtl .header h6, .rtl .header .heading-6,
.rtl .header p {
  direction: rtl;
}

.rtl .header ul.languages {
  justify-content: end;
}

.rtl .main h1, .rtl .main .heading-1,
.rtl .main h2, .rtl .main .heading-2,
.rtl .main h3, .rtl .main .heading-3,
.rtl .main h4, .rtl .main .heading-4,
.rtl .main h5, .rtl .main .heading-5,
.rtl .main h6, .rtl .main .heading-6,
.rtl .main p {
  direction: rtl;
}

.rtl ul.languages {
  justify-content: end;
}

a {
  text-decoration: underline;
  color: var(--text-zwart);
}
a:hover {
  text-decoration: none;
}

p {
  line-height: 24px;
  font-size: 16px;
}
p.button a {
  text-decoration: none;
  display: inline-block;
}
p.button a span {
  padding: 12px 20px;
  background-color: var(--cyaan);
  border-radius: 8px;
  color: var(--wit);
  display: block;
  transition: background-color linear 125ms;
}
p.button a:hover {
  text-decoration: none;
}
p.button a:hover span {
  background-color: var(--donkerblauw);
  color: var(--wit);
}
p.button.alternative a span {
  padding: 11px 19px;
  background-color: transparent;
  border: 1px solid var(--cyaan);
  color: #000000;
  display: block;
  transition: border-color linear 125ms;
}
p.button.alternative a:hover span {
  background-color: var(--cyaan);
  color: var(--wit);
}

ul.checks li {
  list-style-type: none;
  margin: 0;
  padding-left: 32px;
  position: relative;
}
ul.checks li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: var(--cyaan);
}

button.button {
  padding: 12px 20px;
  background-color: var(--cyaan);
  border-radius: 8px;
  color: var(--wit);
  display: block;
  transition: background-color linear 125ms;
  border: none;
  outline: none;
}
button.button:hover {
  background-color: var(--donkerblauw);
  color: var(--wit);
}

hr {
  margin: 40px 0 0 0;
}

figure {
  margin: 0;
}

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

.buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

/**/
/**/
.header {
  height: 100%;
  background-color: var(--donkerblauw);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 10;
}
.header.homepage {
  overflow: visible;
}
.header.homepage::after {
  display: none;
  visibility: hidden;
}
.header .header--outer-wrapper.top {
  background-color: var(--wit);
  position: relative;
  z-index: 5;
}
.header .header--outer-wrapper.top .header--inner-wrapper {
  width: 100%;
  max-width: 1680px;
  height: calc(100% - 28px);
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation {
  padding-top: 10px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo {
  padding: 24px 0;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo a img {
  height: 58px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav {
  align-content: center;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 24px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li {
  position: relative;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.languages span {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  gap: 8px;
  cursor: pointer;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.languages span img {
  width: auto;
  height: 16px;
  margin: 8px 0;
  border-radius: 2px;
  display: inline-block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.languages span:after {
  font-family: "Font Awesome 6 Pro";
  content: "\f078";
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.languages ul {
  display: none;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.languages:hover span {
  color: #00A0AD;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.has--children > a {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.has--children > a:after {
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  content: "\f078";
  color: var(--donkerblauw);
  line-height: 52px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li > a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li > a > span {
  padding: 14px 0;
  font-size: 18px;
  color: var(--donkerblauw);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li > a > span[data-number]:after {
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  background-color: #D60F3C;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  color: #FFFFFF;
  content: attr(data-number);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li > a:hover {
  text-decoration: none;
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li > a:hover span {
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li ul {
  padding: 11px 20px;
  background-color: #FFFFFF;
  border-radius: 0 0 16px 16px;
  flex-direction: column;
  position: absolute;
  display: none;
  z-index: 9;
  border: 1px solid rgba(0, 21, 57, 0.1);
  border-top: none;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li ul li a {
  text-decoration: none;
  color: #000000;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li ul li a img {
  width: auto;
  height: 16px;
  margin: 8px 0;
  border-radius: 2px;
  display: inline-block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li ul li a span {
  white-space: nowrap;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li ul li a:hover {
  text-decoration: underline;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li:hover ul {
  display: block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.login > a {
  margin: 2px 0;
  border: 2px solid var(--cyaan);
  border-radius: 8px;
  padding: 0 20px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.login > a > span {
  padding: 10px 0;
  font-weight: 600;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.login.has--children > a:after {
  line-height: 44px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.favorites a {
  padding: 15px 20px;
  height: 52px;
  display: flex;
  gap: 10px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.favorites a span {
  display: inline-block;
  line-height: 22px;
  padding: 0;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.favorites a span.count {
  background-color: var(--cyaan);
  color: #FFFFFF;
  border-radius: 50%;
  font-weight: 900;
  height: 22px;
  width: 22px;
  line-height: 22px;
  padding: 0;
  text-align: center;
  font-size: 14px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.favorites a span.heart:before {
  content: "\f004";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 22px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li.favorites a:hover span.heart:before {
  font-weight: 900;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search {
  width: 40px;
  border: 2px solid #FFFFFF;
  border-radius: 9999px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search:hover {
  border-color: #FFBF00;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search:hover input [type=text] {
  color: #FFBF00;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search:hover .search--icon {
  color: #FFBF00;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search:hover .search--icon:hover {
  color: #FFBF00;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search.is--active {
  width: unset;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search.is--active .search--icon::after {
  content: "\f00d";
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search input[type=text] {
  width: 100%;
  height: 36px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 14px;
  font-weight: 400;
  text-indent: 20px;
  color: #FFFFFF;
  outline: none;
  flex-shrink: 1;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search ::-ms-input-placeholder { /* Edge 12-18 */
  color: #FFFFFF;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search ::placeholder {
  color: #FFFFFF;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search .search--icon {
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  border-radius: 0 9999px 9999px 0;
  font-weight: 600;
  text-align: center;
  color: #FFFFFF;
  display: block;
  cursor: pointer;
  flex-shrink: 0;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary form .search .search--icon::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  content: "\f002";
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul {
  display: flex;
  justify-content: end;
  gap: 24px;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li {
  position: relative;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.has--children > a {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  position: relative;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.has--children > a:after {
  font-family: "Font Awesome 6 Pro";
  font-size: 14px;
  text-decoration: none;
  color: var(--donkerblauw);
  content: "\f078";
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.has--children > a:hover span {
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.has--children > a:hover:after {
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.is--active > a span,
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.is--active > a:hover span {
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.is--active > a:after,
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li.is--active > a:hover:after {
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > a {
  text-decoration: none;
  display: block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > a > span {
  padding: 16px 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--donkerblauw);
  display: block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > a:hover {
  text-decoration: none;
}
> .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > a:hover:after {
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > a:hover > span {
  color: var(--cyaan);
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > ul {
  padding: 11px 20px;
  background-color: var(--wit);
  border-radius: 0 0 16px 16px;
  flex-direction: column;
  position: absolute;
  display: none;
  z-index: 9;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > ul > li > a {
  padding: 4px 0;
  text-decoration: none;
  color: var(--donkerblauw);
  display: block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > ul > li > a > span {
  white-space: nowrap;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li > ul > li > a:hover {
  color: var(--donkerblauw);
  text-decoration: underline;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary > ul > li:hover ul {
  display: block;
}
.header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation .hamburger {
  display: none;
}
.header .header--outer-wrapper.bottom {
  position: relative;
  z-index: 4;
  flex: 1;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper {
  width: 100%;
  max-width: 1680px;
  min-height: 650px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  display: grid;
  grid-template-columns: 50% 16.6666666667% 33.3333333333%;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper::before {
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: linear-gradient(to right, rgb(0, 21, 57) 0%, rgba(0, 21, 57, 0) 100%);
  position: absolute;
  content: "";
  z-index: 1;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content {
  margin: 407px 0 102px 0;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content > * {
  color: #FFFFFF;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content h1 {
  margin: auto 0 0 0;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content h1:not(.without-dot)::after {
  content: ".";
  color: var(--cyaan);
}
.header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content p.button a:hover span {
  padding: 11px 19px;
  background-color: transparent;
  border: 1px solid var(--cyaan);
}
.header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content p a {
  color: #FFFFFF;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media {
  grid-template-columns: 1fr 1fr;
  gap: 80px;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--video,
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--image {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding: 80px 0;
  position: relative;
  z-index: 2;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--video .video,
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--image .video {
  box-shadow: 0px 34px 150px 0px rgba(0, 0, 0, 0.6);
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--video .video video,
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--image .video video {
  width: 100%;
  height: auto;
  display: block;
}
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--video img,
.header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--image img {
  width: 100%;
  height: auto;
}
.header .header--background-image {
  top: 118px;
  right: 0;
  left: 0;
  /*height: 650px;*/
  position: absolute;
  z-index: 2;
}
.header .header--background-image::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 21, 57, 0) 0%, rgb(0, 21, 57) 100%);
  position: absolute;
  content: "";
  z-index: 1;
}
.header .header--background-image .header--outer-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.header .header--background-image .header--outer-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50vw;
  background-color: var(--donkerblauw);
  background-image: url("/images/overlay.jpg");
  background-size: cover;
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 40%, transparent 100%);
  mask-image: linear-gradient(to left, rgba(0, 0, 0, 0.7) 40%, transparent 100%);
}
.header .header--background-image .header--outer-wrapper .header-inner-wrapper {
  width: 100%;
  max-width: 1640px;
  max-height: 650px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.header .header--background-image .header--outer-wrapper .header-inner-wrapper img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(to right, black 40%, rgba(0, 0, 0, 0.8) 90%, transparent 100%);
  mask-image: linear-gradient(to right, black 40%, rgba(0, 0, 0, 0.8) 90%, transparent 100%);
}
.header .header--background-video {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
}
.header::after {
  right: 0;
  bottom: 0;
  width: 212px;
  height: 392px;
  background-image: url(/Themes/3133/Images/bribus-b.svg);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 200%;
  content: "";
  position: absolute;
  opacity: 0.3;
  z-index: 2;
  overflow: hidden;
  /*
  right: -212px;
  bottom: -32px;
  width: 424px;
  height: 424px;
  background-image: url('/Themes/3133/Images/bribus-b.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  opacity: 0.3;
  z-index: 2;
  */
}
.header.show-fingerprint::after {
  right: -99px;
  bottom: -203px;
  width: 480px;
  height: 756px;
  background-image: url("/Themes/3133/Images/fingerprint.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 0.2;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset {
  padding: 20px 40px 80px 40px;
  background-color: var(--wit);
  border-radius: 16px 16px 0 0;
  align-self: end;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  grid-column: 3/span 1;
  position: relative;
  z-index: 2;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset > *:not(:first-child) {
  margin-top: 0 !important;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul {
  margin: 0;
  padding: 0;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul li {
  margin: 0;
  padding: 0;
  list-style: disc;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul.checks {
  margin-top: 20px;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul.checks li {
  margin: 0;
  padding: 0 0 0 32px;
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  list-style: none;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul.checks li::before {
  width: 24px;
  height: 24px;
  content: "";
  mask-image: url("/Themes/3133/Images/check-regular.svg");
  mask-position: center;
  mask-size: 14px auto;
  mask-repeat: no-repeat;
  background-color: var(--donkerblauw);
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul.languages {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul.languages li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  column-gap: 20px;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul.languages li a img {
  width: auto;
  height: 20px;
  display: inline-block;
  vertical-align: top;
}
.header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--inset ul.languages li > img {
  width: auto;
  height: 20px;
  display: inline-block;
  vertical-align: top;
  opacity: 0.5;
}
.header.navigation-only {
  overflow: visible;
}
.header.navigation-only:after {
  display: none;
  visibility: hidden;
}
.header.header-quotation-detail {
  z-index: 9;
}
.header.header-quotation-detail .header--background-image {
  top: 0;
}
.header.header-quotation-detail .header--outer-wrapper.bottom .header--inner-wrapper {
  grid-template-columns: 50% 50%;
}
.header.header-quotation-detail .logo {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: end;
  height: 100%;
}
.header.header-quotation-detail .logo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  margin-bottom: 48px;
  max-width: 300px;
}
.header.popup-opened {
  z-index: 4;
}
.header.has-cards::after {
  display: none;
  visibility: hidden;
}
.header.has-cards .header--outer-wrapper.bottom .header--inner-wrapper {
  grid-template-columns: 35% 31.67% 33.33%;
  min-height: unset;
}
.header.has-cards .header--outer-wrapper.bottom .header--inner-wrapper::before {
  display: none;
  visibility: hidden;
}
.header.has-cards .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content {
  margin: 80px 0;
}
.header.has-cards .header--background-image {
  bottom: 0;
  overflow: hidden;
}
.header.has-cards .header--background-image .header--outer-wrapper .header-inner-wrapper {
  height: 100%;
  max-height: unset;
}
.header.has-cards .header--background-image .header--outer-wrapper .header-inner-wrapper::before {
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: linear-gradient(to right, rgb(0, 21, 57) 0%, rgba(0, 21, 57, 0) 100%);
  position: absolute;
  content: "";
  z-index: 1;
}
.header.has-cards .header--cards {
  margin-bottom: -180px;
  padding: 0 40px;
  z-index: 2;
  position: relative;
}
.header.has-cards .header--cards .header--outer-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  overflow: hidden;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid {
  margin-top: 0;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid:hover .grid--item {
  opacity: 1;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link a {
  z-index: 3;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder {
  background-color: var(--wit);
  transition: all linear 125ms;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  /*
  .placeholder--image {
  	border-radius: 8px 8px 0 0;

  	.image--logo {
  		top: 0;
  		right: 40px;
  		width: 100px;
  		padding: 10px;
  		background-color: var(--wit);
  		border-radius: 0 0 8px 8px;
  		position: absolute;
  		overflow: hidden;
  		z-index: 2;

  		picture {
  			position: relative;

  			img {
  				width: 100%;
  				position: relative;
  				aspect-ratio: 16/9;
  			}
  		}
  	}
  }
  */
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--image {
  background-color: var(--wit);
  border-radius: unset;
  position: relative;
  /*
  &::before {
  	top: 0;
  	right: 0;
  	bottom: 0;
  	left: 0;
  	background: linear-gradient(180deg, rgba(0, 21, 57, 0.00) 50%, #001539 100%);
  	position: absolute;
  	content: "";
  	z-index: 1;
  }
  */
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--image picture img {
  border-radius: 8px 8px 0 0;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--image .image--logo {
  top: 0;
  right: 24px;
  width: 124px;
  padding: 10px;
  background-color: var(--wit);
  border-radius: 0 0 8px 8px;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--image .image--logo picture {
  position: relative;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--image .image--logo picture img {
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--content {
  padding: 10px 20px 30px 20px;
  background-color: transparent;
  border-radius: unset;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--content p.heading-5 {
  transition: all linear 125ms;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--content p.heading-5::after {
  height: 20px;
  transition: all linear 125ms;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link:hover .item--placeholder {
  background-color: var(--donkerblauw);
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link:hover .item--placeholder .placeholder--content p.heading-5 {
  color: var(--wit) !important;
}
.header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid .grid--item.has-link:hover .item--placeholder .placeholder--content p.heading-5::after {
  background-color: var(--wit);
}
@media (min-width: 820px) and (max-width: 1023px) {
  .header.has-cards .header--cards .header--outer-wrapper .header--inner-wrapper .placeholder--grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1180px) {
  .header.has-cards .header--cards {
    padding: 0 40px;
    z-index: 3;
  }
}
.header.has-cards + .main .section:first-of-type {
  padding-top: 192px;
  background-color: var(--licht);
}

@media (max-width: 575px) {
  .header.show-fingerprint::after {
    display: none;
    visibility: hidden;
  }
}
.studiobProtectedPageManagement .section {
  position: relative;
  z-index: 4; /* Changed from 11 to 4 */
}

.studiobProtectedPageManagement.popup-opened .section {
  z-index: 11;
}

.section {
  padding: 40px 0 80px 0;
  overflow: hidden;
  /*
  &:last-of-type {
  	padding-bottom: 80px;
  }
  */
}
.section.has--background-color {
  padding-bottom: 40px;
}
.section.has--background-color.donkerblauw:not(.narrow-page) {
  background-color: var(--donkerblauw);
  background-image: url("/images/overlay.jpg");
  background-size: cover;
  position: relative;
}
.section.has--background-color.donkerblauw:not(.narrow-page):before {
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  position: absolute;
  background: linear-gradient(to top, rgba(0, 21, 57, 0) 0%, var(--donkerblauw) 100%);
  content: "";
  pointer-events: none;
  z-index: 2;
}
.section.has--background-color.donkerblauw:not(.narrow-page):after {
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0, 21, 57, 0) 0%, var(--donkerblauw) 100%);
  content: "";
  pointer-events: none;
  z-index: 2;
}
.section.has--background-color.donkerblauw:not(.narrow-page) .wrapper--counters {
  margin: 0 40px;
  padding: 0px 80px;
}
.section.has--background-color.donkerblauw.narrow-page {
  padding-top: 0;
}
.section.has--background-color.donkerblauw.narrow-page .wrapper--counters {
  margin: 0 40px;
  padding: 60px 80px 80px 80px;
  background-color: var(--donkerblauw);
  background-image: url("/images/overlay.jpg");
  background-size: cover;
  border-radius: 16px;
}
.section.has--background-color.donkerblauw * {
  color: var(--wit);
}
.section.has--background-color.donkerblauw .umbraco-forms-page {
  margin: 0 !important;
}
.section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input, .section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea {
  background-color: transparent !important;
}
.section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:not(:placeholder-shown) ~ label, .section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:focus ~ label, .section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:not(:placeholder-shown) ~ label, .section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:focus ~ label {
  background-color: var(--donkerblauw) !important;
}
.section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label a {
  color: var(--wit);
}
.section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input.input-validation-error + label {
  color: red;
}
.section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input.input-validation-error + label a {
  color: red;
}
.section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-navigation button {
  font-weight: normal;
}
.section.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-navigation button:hover {
  padding: 11px 19px;
  border: 1px solid var(--wit);
}
.section.has--background-color.donkerblauw .placeholder--grid.counters .grid--item .item--placeholder .placeholder--image {
  aspect-ratio: unset;
}
.section.has--background-color.donkerblauw .placeholder--grid.counters .grid--item .item--placeholder .placeholder--image .image--icon {
  background-color: var(--wit);
}
.section.has--background-color.donkerblauw .placeholder--grid.downloads .grid--item:hover {
  background-color: var(--cyaan);
}
.section.has--background-color.donkerblauw .placeholder--grid.downloads .grid--item:hover .item--placeholder .placeholder--content p.heading-6 {
  color: var(--wit);
}
.section.has--background-color.donkerblauw .placeholder--grid.downloads .grid--item:hover .item--placeholder .placeholder--content .label::after {
  background-color: var(--wit);
}
.section.has--background-color.donkerblauw .placeholder--carousel-controls .controls--arrows button.slick-prev:before, .section.has--background-color.donkerblauw .placeholder--carousel-controls .controls--arrows button.slick-next:before {
  background-color: var(--wit);
}
.section.has--background-color.donkerblauw .placeholder--carousel-controls .controls--arrows button.slick-prev:hover:before, .section.has--background-color.donkerblauw .placeholder--carousel-controls .controls--arrows button.slick-next:hover:before {
  background-color: var(--cyaan);
}
.section.has--background-color.donkerblauw .placeholder--carousel-controls .controls--dots ul.slick-dots li button {
  background-color: var(--wit);
  border-color: var(--wit);
}
.section.has--background-color.donkerblauw .placeholder--carousel-controls .controls--dots ul.slick-dots li.slick-active button {
  background-color: var(--cyaan);
  border-color: var(--cyaan);
}
.section.has--background-color.donkerblauw p.button a:hover span {
  padding: 11px 19px;
  background-color: transparent;
  border: 1px solid var(--cyaan);
}
.section.has--background-color.donkerblauw p.alternative a:hover span {
  border: 1px solid var(--wit);
}
.section.has--background-color.donkerblauw .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image {
  border-radius: 0;
  position: relative;
}
.section.has--background-color.donkerblauw .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 21, 57, 0) 0%, var(--donkerblauw) 100%);
  content: "";
  position: absolute;
}
.section.has--background-color.donkerblauw .section--wrapper .wrapper--quotes .placeholder--carousel-controls {
  width: 80px;
  margin: 0;
}
.section.has--background-color.donkerblauw .section--wrapper .wrapper--quotes .placeholder--carousel-controls .slick-next {
  right: 0;
}
.section.has--background-color.donkerblauw .section--wrapper .wrapper--quotes .placeholder--carousel-controls .slick-next:before {
  opacity: 1;
}
.section.has--background-color.donkerblauw .section--wrapper .wrapper--quotes .placeholder--carousel-controls .slick-prev {
  left: 0;
}
.section.has--background-color.donkerblauw .section--wrapper .wrapper--quotes .placeholder--carousel-controls .slick-prev:before {
  opacity: 1;
}
.section.has--background-color.licht:not(.narrow-page) {
  background-color: var(--licht);
}
.section.has--background-color.licht:not(.narrow-page) .wrapper--counters {
  margin: 0 40px;
  padding: 0px 80px;
}
.section.has--background-color.licht.narrow-page {
  padding-top: 0;
}
.section.has--background-color.licht.narrow-page .wrapper--counters {
  margin: 0 40px;
  padding: 60px 80px 80px 80px;
  background-color: var(--licht);
  border-radius: 16px;
}
.section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content {
  margin-top: 80px;
  padding: 60px 0 80px 0;
  position: relative;
  z-index: 0;
}
.section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content::before {
  width: 100vw;
  top: 0;
  bottom: 0;
  left: -100vw;
  background-color: var(--licht);
  position: absolute;
  content: "";
}
.section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content::after {
  top: 0;
  right: 40px;
  bottom: 0;
  left: 0;
  background-color: var(--licht);
  border-radius: 0 16px 16px 0;
  position: absolute;
  content: "";
  z-index: -1;
}
.section.has--background-color.licht .placeholder--grid.counters .grid--item .item--placeholder .placeholder--image .image--icon {
  background-color: var(--donkerblauw);
}
.section.has--background-color.licht .placeholder--grid.contact-persons .grid--item {
  padding: 0;
  background-color: var(--wit);
  border-radius: 16px;
}
.section.has--background-color.licht .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image {
  border-radius: 0;
  position: relative;
}
.section.has--background-color.licht .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(247, 248, 249, 0) 0%, var(--licht) 100%);
  content: "";
  position: absolute;
}
.section.has--background-color.licht + .section.has--background-color.licht {
  padding-top: 0;
}
.section.has--background-color.wit {
  background-color: var(--wit);
}
.section.overflow--visible {
  overflow: visible;
}
.section.without--padding-top {
  padding-top: 0;
}
.section.full--width {
  padding-bottom: 0 !important;
}
.section.full--width .section--wrapper {
  max-width: unset;
}
.section.full--width .section--wrapper .wrapper--card {
  padding: 0;
}
.section.full--width .section--wrapper .wrapper--card .card--placeholder .placeholder--item.full-image--card .card--content {
  width: 100%;
  max-width: 1640px;
  height: calc(100% - 28px);
  margin: 0 auto;
  padding: 96px 442px 120px 20px;
  box-sizing: border-box;
}
.section.full--width .section--wrapper .wrapper--card .card--placeholder .placeholder--item.full-image--card .card--gradients:before {
  width: 67%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 34%, rgba(0, 0, 0, 0) 100%);
}
.section.full-banner:not(.narrow-page) {
  padding: 140px 40px 160px 40px;
  position: relative;
}
.section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon {
  grid-template-columns: 20% 25%;
  margin-top: 0;
}
.section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon .full-banner--icon {
  position: relative;
}
.section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon .full-banner--icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon .full-banner--icon + .full-banner--content {
  padding: 0;
}
.section.full-banner.narrow-page {
  /*padding-bottom: 0;*/
}
.section.full-banner .umbraco-forms-form.whitepaper-form {
  margin-top: 0;
}
.section.image-position-left .section--wrapper .wrapper--full-banner {
  grid-template-columns: calc(50% + 40px) 33.3333333333%;
}
.section.image-position-left .section--wrapper .wrapper--full-banner .full-banner--content {
  grid-column: 2/span 1;
}
.section.image-position-left .wrapper--full-banner-image img {
  -webkit-mask-image: linear-gradient(to right, black 0%, transparent 100%);
  mask-image: linear-gradient(to right, black 0%, transparent 100%);
}
.section.image-position-center .section--wrapper .wrapper--full-banner {
  grid-template-columns: calc(50% - 40px + 80px) calc(50% - 40px);
}
.section.image-position-center .section--wrapper .wrapper--full-banner .full-banner--content {
  grid-column: 2/span 1;
  position: relative;
  z-index: 2;
}
.section.image-position-center .wrapper--full-banner-image::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 21, 57, 0) 0%, rgba(0, 21, 57, 0.8) 100%);
  content: "";
  position: absolute;
  z-index: 1;
}
.section.image-position-center .wrapper--full-banner-image img {
  width: 100%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black 50%, transparent 100%);
  opacity: 0.6;
}
.section.image-position-right .section--wrapper .wrapper--full-banner {
  grid-template-columns: 8.3333333333% 33.3333333333%;
}
.section.image-position-right .section--wrapper .wrapper--full-banner .full-banner--content {
  grid-column: 2/span 1;
}
.section.image-position-right .wrapper--full-banner-image {
  display: flex;
}
.section.image-position-right .wrapper--full-banner-image picture {
  width: 100%;
  display: flex;
}
.section.image-position-right .wrapper--full-banner-image picture img {
  margin-left: auto;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 100%);
}
.section.quotes {
  padding: 0;
  background-image: unset !important;
}
.section.quotes.has--background-color.donkerblauw {
  position: relative;
}
.section.quotes.has--background-color.donkerblauw:before {
  height: 100%;
  width: 40vw;
  top: 0;
  left: 0;
  bottom: 0;
  content: "";
  position: absolute;
  background-color: var(--donkerblauw);
  background-image: url("/images/overlay.jpg");
  background-size: cover;
  z-index: 1;
}
.section.quotes.has--background-color.donkerblauw:after {
  height: 100%;
  width: 200px;
  top: 0;
  left: 40vw;
  bottom: 0;
  content: "";
  position: absolute;
  transform: translateX(-100%);
  background: linear-gradient(to right, rgba(0, 21, 57, 0) 0%, var(--donkerblauw) 100%);
  z-index: 1;
}
.section.quotes.has--background-color.donkerblauw .wrapper--quotes {
  position: relative;
  z-index: 2;
}
.section:first-of-type {
  /*padding-top: 0;*/
  overflow: visible;
}
.section:first-of-type .section--wrapper .wrapper-offset--wrapper {
  margin: -94px 20px 0 20px;
  padding: 16px 20px 40px 20px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 8;
}
.section:first-of-type .section--wrapper .wrapper-offset--wrapper h1 {
  margin-top: 8px;
}
.section:first-of-type .section--wrapper .wrapper-offset--wrapper ul.breadcrumb {
  margin: 24px 20px 0 20px;
}
.section.no-relative .section--wrapper {
  position: unset;
}
.section .section--wrapper {
  width: 100%;
  max-width: 1680px;
  height: calc(100% - 28px);
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 4;
  /*
  .wrapper--products,
  .wrapper--branches,
  .wrapper--references,
  .wrapper--colors,
  .wrapper--images,
  .wrapper--news,
  .wrapper--counters,
  .wrapper--vacancies,
  .wrapper--team {
  	padding: 0 40px;

  	h2,
  	.heading-2 {
  		color: #000000;
  	}

  	.products--placeholder,
  	.branches--placeholder,
  	.references--placeholder,
  	.colors--placeholder,
  	.images--placeholder,
  	.vacancies--placeholder,
  	.team--placeholder {
  		display: flex;
  		flex-direction: column;
  		gap: 40px;
  	}
  }
  */
}
.section .section--wrapper .wrapper--product {
  padding: 0 40px;
  position: relative;
  z-index: 5;
}
.section .section--wrapper .wrapper--product .product--data {
  margin-top: -40px;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder {
  margin-right: 102px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: calc(50% + 71px) calc(50% - 71px);
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--content {
  padding: 8px 40px 40px 40px;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--content h1 {
  margin-top: 8px;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--content ul.benefits {
  margin: 24px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--content ul.benefits li {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
  position: relative;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--content ul.benefits li:before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  content: "\f00c";
  position: absolute;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside {
  display: flex;
  flex-direction: column;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside .aside--image {
  margin: -40px -102px 24px 0;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside .aside--image figure {
  margin: 0;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside .aside--image figure picture img {
  width: 100%;
  height: auto;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside .aside--buttons {
  margin: auto 0 40px 0;
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside .aside--buttons p.button {
  margin: 0;
}
.section .section--wrapper .wrapper--news {
  padding: 0 40px;
  position: relative;
  z-index: 5;
}
.section .section--wrapper .wrapper--news .news--data {
  /*margin-top: -40px;*/
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: calc(50% + 71px) calc(50% - 71px);
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content {
  display: flex;
  flex-direction: column;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content ul.benefits {
  margin: 24px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content ul.benefits li {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content ul.benefits li:before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  content: "\f00c";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--summary {
  padding: 16px 40px 40px 40px;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data {
  margin-top: auto;
  padding: 24px 40px 24px 40px;
  background-color: rgba(0, 0, 0, 0.025);
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p {
  margin: 0;
  padding: 0;
  border: 0;
  /*border-top: 1px solid rgba(0,0,0,0.15);*/
  /*border-bottom: 1px solid rgba(0,0,0,0.15);*/
  font-size: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: row;
  color: rgba(0, 0, 0, 0.5);
  gap: 0;
  /*justify-content: space-between;*/
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span {
  display: inline-block;
  vertical-align: middle;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--date {
  padding-left: 26px;
  position: relative;
  margin: 0;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--date::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/calendar-days-regular.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--author {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--author::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/user-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--reading-time {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--reading-time::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/clock-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--category {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content .content--data p span.data--category::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/tag-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--aside {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--aside .aside--image {
  height: 100%;
  /*margin: -40px -102px 24px 0;*/
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--aside .aside--image figure {
  height: 100%;
  margin: 0;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--aside .aside--image figure picture {
  height: 100%;
}
.section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--aside .aside--image figure picture img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.section .section--wrapper .wrapper--news .news--data p.content--data {
  margin-top: 16px;
  padding: 8px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 12px;
  display: flex;
  flex-direction: row;
  color: rgba(0, 0, 0, 0.5);
  /*justify-content: space-between;*/
  gap: 16px;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span {
  display: inline-block;
  vertical-align: middle;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--date {
  padding-left: 26px;
  position: relative;
  margin: 0;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--date::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/calendar-days-regular.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--author {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--author::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/user-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--reading-time {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--reading-time::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/clock-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--category {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--news .news--data p.content--data span.data--category::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/tag-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references {
  padding: 0 40px;
  position: relative;
  z-index: 5;
}
.section .section--wrapper .wrapper--references .references--data {
  /*margin-top: -40px;*/
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: calc(50% + 71px) calc(50% - 71px);
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content {
  display: flex;
  flex-direction: column;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content ul.benefits {
  margin: 24px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content ul.benefits li {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content ul.benefits li:before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  content: "\f00c";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--summary {
  padding: 16px 40px 40px 40px;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data {
  margin-top: auto;
  padding: 24px 40px 24px 40px;
  background-color: rgba(0, 0, 0, 0.025);
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p {
  margin: 0;
  padding: 0;
  border: 0;
  /*border-top: 1px solid rgba(0,0,0,0.15);*/
  /*border-bottom: 1px solid rgba(0,0,0,0.15);*/
  font-size: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: row;
  color: rgba(0, 0, 0, 0.5);
  gap: 0;
  /*justify-content: space-between;*/
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span {
  display: inline-block;
  vertical-align: middle;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--date {
  padding-left: 26px;
  position: relative;
  margin: 0;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--date::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/calendar-days-regular.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--author {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--author::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/user-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--reading-time {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--reading-time::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/clock-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--category {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--content .content--data p span.data--category::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/tag-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--aside {
  /*display: flex;*/
  /*flex-direction: column;*/
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--aside .aside--image {
  height: 100%;
  /*margin: -40px -102px 24px 0;*/
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--aside .aside--image figure {
  height: 100%;
  margin: 0;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--aside .aside--image figure picture {
  height: 100%;
}
.section .section--wrapper .wrapper--references .references--data .data--placeholder .placeholder--aside .aside--image figure picture img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.section .section--wrapper .wrapper--references .references--data p.content--data {
  margin-top: 16px;
  padding: 8px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 12px;
  display: flex;
  flex-direction: row;
  color: rgba(0, 0, 0, 0.5);
  /*justify-content: space-between;*/
  gap: 16px;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span {
  display: inline-block;
  vertical-align: middle;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--date {
  padding-left: 26px;
  position: relative;
  margin: 0;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--date::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/calendar-days-regular.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--author {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--author::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/user-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--reading-time {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--reading-time::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/clock-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--category {
  padding-left: 26px;
  position: relative;
}
.section .section--wrapper .wrapper--references .references--data p.content--data span.data--category::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/tag-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.section .section--wrapper .wrapper--event {
  padding: 0 40px;
  position: relative;
  z-index: 5;
}
.section .section--wrapper .wrapper--event .event--data {
  margin-top: -40px;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder {
  margin-right: 102px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: calc(50% + 71px) calc(50% - 71px);
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--content {
  padding: 16px 40px 40px 40px;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--content h1 {
  margin-top: 8px;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--content ul.benefits {
  margin: 24px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--content ul.benefits li {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
  position: relative;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--content ul.benefits li:before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  content: "\f00c";
  position: absolute;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--aside {
  display: flex;
  flex-direction: column;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--aside .aside--image {
  margin: -40px -102px 24px 0;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--aside .aside--image figure {
  margin: 0;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--aside .aside--image figure picture img {
  width: 100%;
  height: auto;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--aside .aside--buttons {
  margin: auto 0 40px 0;
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.section .section--wrapper .wrapper--event .event--data .data--placeholder .placeholder--aside .aside--buttons p.button {
  margin: 0;
}
.section .section--wrapper .wrapper--vacancies {
  padding: 0 40px;
  position: relative;
  z-index: 5;
}
.section .section--wrapper .wrapper--vacancy {
  padding: 0 40px;
  position: relative;
  z-index: 5;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data {
  margin-top: -40px;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder {
  margin-right: 102px;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: calc(50% + 71px) calc(50% - 71px);
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content {
  padding: 16px 40px 40px 40px;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content h1 {
  margin-top: 8px;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content ul.benefits {
  margin: 24px 0 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content ul.benefits li {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
  position: relative;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content ul.benefits li:before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: #000000;
  content: "\f00c";
  position: absolute;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content p.content--data {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content p.content--data span strong {
  font-weight: 600;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside {
  display: flex;
  flex-direction: column;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside .aside--image {
  margin: -40px -102px 0 0;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside .aside--image figure {
  margin: 0;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside .aside--image figure picture img {
  width: 100%;
  height: auto;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside .aside--buttons {
  margin: auto 0 40px 0;
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside .aside--buttons p.button {
  margin: 0;
}
.section .section--wrapper .wrapper--cards,
.section .section--wrapper .wrapper--card {
  padding: 0 40px;
}
.section .section--wrapper .wrapper--images {
  padding: 0 40px;
}
.section .section--wrapper .wrapper--calendar {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
}
.section .section--wrapper .wrapper--calendar .holidays--placeholder {
  height: inherit !important;
  background-color: #FFFFFF;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
.section .section--wrapper .wrapper--quote {
  height: 100%;
  padding: 0;
  position: relative;
  z-index: 5;
}
.section .section--wrapper .wrapper--quote .quote--placeholder {
  padding: 40px 0;
}
.section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote {
  width: calc(66.6666666667% - 80px);
  margin: 0 auto;
}
.section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p {
  text-align: center;
}
.section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote {
  padding: 0 47px;
  position: relative;
}
.section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote::before, .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote::after {
  width: 37px;
  height: 29px;
  mask-image: url("/Themes/3133/Images/quote.svg");
  mask-position: center;
  mask-size: 37px 29px;
  mask-repeat: no-repeat;
  background-color: var(--cyaan);
  content: "";
  /*position: absolute;*/
  display: inline-block;
}
.section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote::before {
  margin: 0 10px 4px -47px;
}
.section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote::after {
  margin: 0 -47px -10px 10px;
  transform: rotate(180deg);
}
.section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote + p {
  margin-top: 20px;
}
.section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote {
  width: calc(83.3333333333% - 80px);
}
.section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote p.quote {
  padding: 14px 32px;
}
.section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote p.quote::before, .section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote p.quote::after {
  width: 32px;
  height: 17px;
  mask-size: 22px 17px;
}
.section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote p.quote::before {
  margin: 0 0 4px -32px;
}
.section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote p.quote::after {
  margin: 0 -32px -4px 0;
  transform: rotate(180deg);
}
.section .section--wrapper .wrapper--quote.with-image {
  position: relative;
}
.section .section--wrapper .wrapper--quote.with-image .image--placeholder {
  position: relative;
}
.section .section--wrapper .wrapper--quote.with-image .image--placeholder::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  content: "";
  position: absolute;
  z-index: 1;
}
.section .section--wrapper .wrapper--quote.with-image .image--placeholder img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black 50%, transparent 100%);
  aspect-ratio: 16/9;
  object-fit: cover;
  opacity: 0.7;
}
.section .section--wrapper .wrapper--quote.with-image .quote--placeholder {
  right: 0;
  bottom: 0;
  left: 25%;
  width: 62.5%;
  padding: 0;
  position: absolute;
  z-index: 2;
}
.section .section--wrapper .wrapper--quote.with-image .quote--placeholder placeholder--single-quote {
  width: 100%;
}
.section .section--wrapper .wrapper--quotes {
  padding: 0 40px;
  position: relative;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder {
  margin-bottom: 56px;
  display: grid;
  grid-template-columns: 25% 8.3333333333% 66.6666666667%;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--content {
  padding: 160px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--content p {
  margin: 0;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel {
  margin: 0;
  grid-column: 3/span 1;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item {
  margin: 0;
  background-color: transparent;
  border-bottom: 0;
  box-shadow: unset;
  position: relative;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image {
  padding-top: unset;
  aspect-ratio: 16/9;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image img {
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black 50%, transparent 100%);
  object-fit: cover;
  aspect-ratio: 16/9;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content {
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  z-index: 1;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box {
  width: 50%;
  margin: 0 25%;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p {
  text-align: center;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p.quote {
  padding: 0 47px;
  position: relative;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p.quote::before, .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p.quote::after {
  width: 32px;
  height: 17px;
  mask-image: url("/Themes/3133/Images/quote.svg");
  mask-position: center;
  mask-size: 22px 17px;
  mask-repeat: no-repeat;
  background-color: var(--cyaan);
  content: "";
  /*position: absolute;*/
  display: inline-block;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p.quote::before {
  margin: 0 0 4px -32px;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p.quote::after {
  margin: 0 -32px -4px 0;
  transform: rotate(180deg);
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p.quote + p {
  margin-top: 20px;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box .logo {
  display: block;
  width: 160px;
  height: 80px;
  background-color: var(--wit);
  border-radius: 8px;
  border: 5px solid var(--wit);
  overflow: hidden;
  margin: 0 auto;
}
.section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section .section--wrapper .wrapper--quotes .placeholder--carousel-controls {
  right: 40px;
  bottom: 0;
  position: absolute;
}
.section .section--wrapper .wrapper--faq .search--wrapper {
  display: flex;
  margin-top: 40px;
  position: relative;
}
.section .section--wrapper .wrapper--faq .search--wrapper input {
  background-color: #FFFFFF;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 48px;
  flex-grow: 1;
  text-indent: 40px;
}
.section .section--wrapper .wrapper--faq .search--wrapper input:focus {
  outline: none;
}
.section .section--wrapper .wrapper--faq .search--wrapper button {
  height: 48px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: none;
  background-color: var(--licht);
  padding: 0 20px;
}
.section .section--wrapper .wrapper--faq .search--wrapper button i {
  width: 40px;
  text-align: center;
  font-size: 20px;
  line-height: 48px;
  color: var(--tekst-donkerblauw);
}
.section .section--wrapper .wrapper--faq .search--wrapper button:hover i {
  color: var(--cyaan);
}
.section .section--wrapper .wrapper--faq .search--wrapper .clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 102px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
.section .section--wrapper .wrapper--faq .search--wrapper .clear:hover {
  color: var(--cyaan);
}
.section .section--wrapper .wrapper--faq .subjects--box {
  background-color: var(--wit);
  border-radius: 16px;
  margin: 40px 0 0 0;
  padding: 20px 0;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--title {
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--title p {
  margin: 0;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--title:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  font-weight: 900;
  color: var(--tekst-donkerblauw);
  transition: all 250ms ease;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--title:hover:after {
  color: var(--cyaan);
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content {
  padding: 0 40px 20px 40px;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content ul li {
  cursor: pointer;
  position: relative;
  padding: 0 0 0 36px;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content ul li:before {
  display: inline-block;
  content: "\f054";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  width: 16px;
  text-align: center;
  margin-right: 20px;
  color: var(--tekst-donkerblauw);
  position: absolute;
  top: 0;
  left: 0;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content ul li:hover span {
  text-decoration: underline;
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content ul li:hover:before {
  color: var(--cyaan);
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item .category--content ul li.active:before {
  color: var(--cyaan);
}
.section .section--wrapper .wrapper--faq .subjects--box .category--item.opened .category--title:after {
  transform: rotate(180deg);
}
.section .section--wrapper .wrapper--faq .questions--wrapper {
  margin-top: 40px;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item {
  background-color: var(--wit);
  border-radius: 16px;
  margin-top: 20px;
  transition: all 250ms ease;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--title {
  padding: 20px 40px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--title p {
  margin: 0;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--title:after {
  content: "\f078";
  font-family: "Font Awesome 6 Pro";
  font-size: 20px;
  font-weight: 900;
  color: var(--tekst-donkerblauw);
  transition: all 250ms ease;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--title:hover:after {
  color: var(--cyaan);
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content {
  padding: 20px 40px 40px 40px;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content .answer *:first-child {
  margin-top: 0;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content .images--placeholder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content .images--placeholder .image {
  position: relative;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content .images--placeholder .image a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 3;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content .images--placeholder .image:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all linear 125ms;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content .images--placeholder .image:hover:before {
  opacity: 1;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item .question--content .images--placeholder .image:hover:after {
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-family: "Font Awesome 6 Pro";
  font-size: 32px;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  transform: translate(-50%, -50%);
  content: "\f00e";
  z-index: 2;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item.opened {
  padding-top: 20px;
}
.section .section--wrapper .wrapper--faq .questions--wrapper .question--item.opened .question--title:after {
  transform: rotate(180deg);
}
.section .section--wrapper .wrapper--contact-persons {
  padding: 0 40px;
}
.section .section--wrapper .wrapper--contact-persons .contact-persons--placeholder {
  display: grid;
  grid-template-columns: 25% 8.3333333333% 66.6666666667%;
  align-items: center;
}
.section .section--wrapper .wrapper--contact-persons .contact-persons--placeholder .placeholder--filter h2 {
  margin: 0;
}
.section .section--wrapper .wrapper--contact-persons .contact-persons--placeholder .placeholder--map {
  grid-column: 3/span 1;
  border-radius: 16px;
  overflow: hidden;
}
.section .section--wrapper .wrapper--timeline {
  padding: 0 40px;
}
.section .section--wrapper .wrapper--timeline h2 {
  text-align: center;
}

.footer {
  position: relative;
  overflow: hidden;
}
.footer::after {
  right: -127px;
  bottom: -20px;
  width: 254px;
  height: 254px;
  background-image: url("/Themes/3133/Images/bribus-b.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  opacity: 0.3;
  z-index: 2;
}
.footer .footer--outer-wrapper.top {
  background-color: var(--wit);
}
.footer .footer--outer-wrapper.top .footer--inner-wrapper {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 46px 40px 0 40px;
  position: relative;
  display: grid;
  grid-template-columns: 20% 80%;
  /*column-gap: 40px;*/
}
.footer .footer--outer-wrapper.top .footer--inner-wrapper a img {
  height: 58px;
}
.footer .footer--outer-wrapper.bottom {
  background-color: var(--wit);
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 40px 80px 40px;
  position: relative;
  display: grid;
  grid-template-columns: 20% 80%;
  /*column-gap: 40px;*/
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.contact-information p i {
  margin-right: 10px;
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.contact-information ul.socials {
  margin: 40px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  column-gap: 20px;
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.contact-information ul.socials li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.contact-information ul.socials li a i {
  color: var(--text-donkerblauw);
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.footer-navigation ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 25%);
  /*column-gap: 40px;*/
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.footer-navigation ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.footer-navigation ul li a {
  text-decoration: none;
}
.footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.footer-navigation ul li a:hover {
  text-decoration: underline;
}
.footer .footer--outer-wrapper.bottom::after {
  right: -127px;
  bottom: -20px;
  width: 254px;
  height: 254px;
  background-image: url("/Themes/3133/Images/bribus-b.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  opacity: 0.3;
  z-index: 2;
}

.copyright {
  background-color: var(--licht);
}
.copyright .copyright--outer-wrapper .copyright--inner-wrapper {
  width: 100%;
  max-width: 1680px;
  height: calc(100% - 28px);
  margin: 0 auto;
  padding: 12px 40px;
  position: relative;
  display: flex;
  flex-direction: row;
}
.copyright .copyright--outer-wrapper .copyright--inner-wrapper p {
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.copyright .copyright--outer-wrapper .copyright--inner-wrapper p span a {
  text-decoration: none;
}
.copyright .copyright--outer-wrapper .copyright--inner-wrapper p span a:hover {
  text-decoration: underline;
}
.copyright .copyright--outer-wrapper .copyright--inner-wrapper p:last-of-type {
  margin-left: auto;
}

.card {
  margin: 40px 0 0 0;
}
.card .card--image {
  border-radius: 8px;
  overflow: hidden;
}
.card .card--image img {
  width: 100%;
  height: auto;
  display: block;
}
.card .card--content p {
  margin-top: 20px;
}
.wrapper--full-banner {
  margin: 20px 0 0 0;
  display: grid;
  position: relative;
}
.wrapper--full-banner .full-banner--content {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  position: relative;
  z-index: 2;
}
.wrapper--full-banner .full-banner--content h2, .wrapper--full-banner .full-banner--content p {
  margin: 0;
  word-break: break-word;
}
.wrapper--full-banner .full-banner--content h2 span, .wrapper--full-banner .full-banner--content p span {
  display: inline-block;
}
.wrapper--full-banner .full-banner--content h2 span + span, .wrapper--full-banner .full-banner--content p span + span {
  margin-left: 10px;
}
.wrapper--full-banner .full-banner--content p.contact-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wrapper--full-banner .full-banner--content p.contact-info i {
  margin-right: 5px;
}
.wrapper--full-banner .full-banner--content p.contact-info span {
  margin-left: 0;
}

.wrapper--full-banner-image {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.wrapper--full-banner-image.image-1 img {
  width: 63.5416666667%;
  height: 100%;
  object-fit: cover;
}

.narrow-page .wrapper--full-banner {
  margin: 20px 40px 0 40px;
  border-radius: 16px;
  overflow: hidden;
}
.narrow-page .wrapper--full-banner.image-position-left {
  grid-template-columns: 58.3333333333% 41.6666666667%;
}
.narrow-page .wrapper--full-banner.image-position-left .full-banner--content {
  order: 2;
}
.narrow-page .wrapper--full-banner.image-position-left .wrapper--full-banner-image {
  order: 1;
}
.narrow-page .wrapper--full-banner.image-position-left .wrapper--full-banner-image img {
  -webkit-mask-image: linear-gradient(to right, black 0%, transparent 100%);
  mask-image: linear-gradient(to right, black 0%, transparent 100%);
}
.narrow-page .wrapper--full-banner.image-position-center .section--wrapper .wrapper--full-banner {
  grid-template-columns: calc(50% - 40px + 80px) calc(50% - 40px);
}
.narrow-page .wrapper--full-banner.image-position-center .section--wrapper .wrapper--full-banner .full-banner--content {
  grid-column: 2/span 1;
  position: relative;
  z-index: 2;
}
.narrow-page .wrapper--full-banner.image-position-center .wrapper--full-banner-image::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 21, 57, 0) 0%, rgba(0, 21, 57, 0.8) 100%);
  content: "";
  position: absolute;
  z-index: 1;
}
.narrow-page .wrapper--full-banner.image-position-center .wrapper--full-banner-image img {
  width: 100%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 50%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, black 50%, transparent 100%);
  opacity: 0.6;
}
.narrow-page .wrapper--full-banner.image-position-right {
  grid-template-columns: 41.6666666667% 58.3333333333%;
}
.narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image {
  display: flex;
}
.narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 img {
  margin-left: auto;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 100%);
}
.narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-2 {
  z-index: 2;
}
.narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}
.narrow-page .wrapper--full-banner.image-position-right.with-image-2 {
  grid-template-columns: 50% 20% 30%;
}
.narrow-page .wrapper--full-banner.image-position-right.with-image-2.second-image-offset {
  overflow: visible;
}
.narrow-page .wrapper--full-banner.image-position-right.with-image-2.second-image-offset .wrapper--full-banner-image.image-2 img {
  position: absolute;
  width: auto !important;
  top: -10%;
}
.narrow-page .wrapper--full-banner.image-position-right.with-image-2.second-image-offset .wrapper--full-banner-image.image-1 {
  overflow: hidden;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.narrow-page .wrapper--full-banner.image-position-right.with-second-text {
  grid-template-columns: 30% 30% 10% 30%;
}
.narrow-page .wrapper--full-banner.image-position-right.with-second-text .full-banner--content h2 {
  line-height: 31px;
  font-size: 31px;
}
.narrow-page .wrapper--full-banner.image-position-right.with-second-text .full-banner--content:not(:first-of-type) {
  padding: 60px 20px 80px 20px;
}
.narrow-page .wrapper--full-banner.image-position-right.with-second-text .wrapper--full-banner-image.image-2 img {
  width: 200%;
}
.narrow-page .wrapper--full-banner.with-icon.image-position-right {
  grid-template-columns: 25% 25% 50%;
}
.narrow-page .wrapper--full-banner.with-icon .full-banner--icon {
  position: relative;
}
.narrow-page .wrapper--full-banner.with-icon .full-banner--icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.narrow-page .wrapper--full-banner.with-icon .full-banner--icon + .full-banner--content {
  padding: 60px 0 80px 0;
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw {
  background-color: var(--donkerblauw);
  background-image: url("/images/overlay.jpg");
  background-size: cover;
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw * {
  color: var(--wit);
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page {
  margin: 0 !important;
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input, .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea {
  background-color: transparent !important;
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:not(:placeholder-shown) ~ label, .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) input:focus ~ label, .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:not(:placeholder-shown) ~ label, .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobuttonlist) textarea:focus ~ label {
  background-color: var(--donkerblauw) !important;
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label a {
  color: var(--wit);
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input.input-validation-error + label {
  color: red;
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input.input-validation-error + label a {
  color: red;
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw .umbraco-forms-page .umbraco-forms-navigation button:hover {
  padding: 11px 19px;
  border: 1px solid var(--wit);
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw p.button a:hover span {
  padding: 11px 19px;
  background-color: transparent;
  border: 1px solid var(--cyaan);
}
.narrow-page .wrapper--full-banner.has--background-color.donkerblauw p.button.alternative a:hover span {
  border: 1px solid var(--wit);
}
.narrow-page .wrapper--full-banner.has--background-color.licht {
  background-color: var(--licht);
}
.narrow-page .wrapper--full-banner .full-banner--content {
  padding: 60px 80px 80px 80px;
}
.narrow-page .wrapper--full-banner .wrapper--full-banner-image {
  position: relative;
}
.narrow-page .wrapper--full-banner .wrapper--full-banner-image img {
  width: 100%;
}
.narrow-page .placeholder--content.has--background-color {
  margin: 0 40px;
  padding: 20px 40px 80px 40px;
  border-radius: 16px;
  overflow: hidden;
}
.narrow-page .placeholder--content.has--background-color.licht {
  background-color: var(--licht);
}
.narrow-page .placeholder--content.has--background-color.donkerblauw {
  background-color: var(--donkerblauw);
}
.narrow-page .placeholder--content.has--background-color.donkerblauw * {
  color: var(--wit);
}
.narrow-page .placeholder--content.has--background-color.donkerblauw .placeholder--grid .grid--item .item--date {
  color: var(--text-donkerblauw);
}
.narrow-page .placeholder--content.has--background-color.donkerblauw .placeholder--grid .grid--item.has-link .item--placeholder .placeholder--content p.heading-5:after {
  background-color: var(--cyaan);
}

.placeholder--carousel {
  margin-top: 20px;
  overflow: visible;
}
.placeholder--carousel .slick-list {
  overflow: visible;
}
.placeholder--carousel .slick-list .slick-track {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /*gap: 40px;*/
}
.placeholder--carousel .slick-list .slick-track .carousel--item,
.placeholder--carousel .slick-list .slick-track > .slick-slide {
  height: inherit !important;
  margin-right: 40px;
  position: relative;
}
.placeholder--carousel .slick-list .slick-track .carousel--item a,
.placeholder--carousel .slick-list .slick-track > .slick-slide a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.placeholder--carousel .slick-list .slick-track .carousel--item .item--image,
.placeholder--carousel .slick-list .slick-track > .slick-slide .item--image {
  width: 100%;
  padding-top: 75%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.placeholder--carousel .slick-list .slick-track .carousel--item .item--image img,
.placeholder--carousel .slick-list .slick-track > .slick-slide .item--image img {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
  position: absolute;
}
.placeholder--carousel .slick-list .slick-track .carousel--item .item--content,
.placeholder--carousel .slick-list .slick-track > .slick-slide .item--content {
  padding: 6px 24px 28px 24px;
}
.placeholder--carousel .slick-list .slick-track .carousel--item .item--content p.heading-4,
.placeholder--carousel .slick-list .slick-track > .slick-slide .item--content p.heading-4 {
  font-weight: 700;
}
.placeholder--carousel .slick-list .slick-track .carousel--item:hover,
.placeholder--carousel .slick-list .slick-track > .slick-slide:hover {
  border-bottom-color: #000000;
}
.placeholder--carousel.images .slick-list .slick-track .carousel--item {
  border-bottom: 0;
}
.placeholder--carousel.images .slick-list .slick-track .carousel--item a {
  z-index: 3;
}
.placeholder--carousel.images .slick-list .slick-track .carousel--item .item--image {
  position: relative;
}
.placeholder--carousel.images .slick-list .slick-track .carousel--item .item--image:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all linear 125ms;
}
.placeholder--carousel.images .slick-list .slick-track .carousel--item .item--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
  display: block;
}
.placeholder--carousel.images .slick-list .slick-track .carousel--item:hover .item--image:before {
  opacity: 1;
}
.placeholder--carousel.images .slick-list .slick-track .carousel--item:hover .item--image:after {
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-family: "Font Awesome 6 Pro";
  font-size: 32px;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  transform: translate(-50%, -50%);
  content: "\f00e";
  z-index: 2;
}
.placeholder--carousel.colors .slick-list .slick-track .carousel--item {
  border-bottom: 0;
}

.placeholder--carousel-controls {
  width: calc(100% - 40px);
  min-height: 34px;
  margin: 20px 0 0 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.placeholder--carousel-controls .controls--dots ul.slick-dots {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.placeholder--carousel-controls .controls--dots ul.slick-dots li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.placeholder--carousel-controls .controls--dots ul.slick-dots li button {
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 1px solid var(--donkerblauw);
  border-radius: 5px;
  font-size: 0;
  display: block;
}
.placeholder--carousel-controls .controls--dots ul.slick-dots li button::before {
  display: none;
  visibility: hidden;
}
.placeholder--carousel-controls .controls--dots ul.slick-dots li.slick-active button {
  background-color: var(--cyaan);
  border-color: var(--cyaan);
}
.placeholder--carousel-controls .controls--arrows {
  display: flex;
  flex-direction: row;
  gap: 0;
}
.placeholder--carousel-controls .controls--arrows button.slick-prev, .placeholder--carousel-controls .controls--arrows button.slick-next {
  width: 34px;
  height: 34px;
  line-height: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  font-size: 0;
  text-align: center;
  border: 0;
}
.placeholder--carousel-controls .controls--arrows button.slick-prev:before, .placeholder--carousel-controls .controls--arrows button.slick-next:before {
  width: 34px;
  height: 34px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 14px auto;
  background-color: var(--donkerblauw);
  display: block;
  content: "";
  transition: background-color linear 125ms;
}
.placeholder--carousel-controls .controls--arrows button.slick-prev:hover:before, .placeholder--carousel-controls .controls--arrows button.slick-next:hover:before {
  background-color: var(--cyaan);
}
.placeholder--carousel-controls .controls--arrows button.slick-prev.slick-disabled, .placeholder--carousel-controls .controls--arrows button.slick-next.slick-disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.placeholder--carousel-controls .controls--arrows button.slick-prev.slick-disabled:before, .placeholder--carousel-controls .controls--arrows button.slick-next.slick-disabled:before {
  background-color: var(--donkerblauw);
}
.placeholder--carousel-controls .controls--arrows button.slick-prev.slick-disabled:before:hover:before, .placeholder--carousel-controls .controls--arrows button.slick-next.slick-disabled:before:hover:before {
  background-color: var(--donkerblauw);
}
.placeholder--carousel-controls .controls--arrows button.slick-prev:before {
  mask-image: url("/Themes/3133/Images/arrow-left-solid.svg");
}
.placeholder--carousel-controls .controls--arrows button.slick-next:before {
  mask-image: url("/Themes/3133/Images/arrow-right-solid.svg");
}

.single-grid--item {
  height: inherit !important;
  position: relative;
  transition: all linear 125ms;
  pointer-events: auto;
}
.single-grid--item.has-label {
  position: relative;
  /*overflow: hidden;*/
}
.single-grid--item.has-label .item--placeholder .placeholder--image .label {
  position: absolute;
  padding: 5px 20px;
  background-color: var(--donkerblauw);
  border-radius: 9999px;
  color: white;
  right: 20px;
  bottom: 20px;
  font-size: 16px;
  z-index: 2;
}
.single-grid--item.has-link a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.single-grid--item .item--date {
  top: 24px;
  right: 24px;
  padding: 0 16px;
  background-color: var(--wit);
  border-radius: 9999px;
  font-size: 11px;
  font-style: italic;
  color: var(--text-donkerblauw);
  position: absolute;
  z-index: 1;
}
.single-grid--item .item--category {
  top: 24px;
  right: 24px;
  padding: 0 16px 0 38px;
  background-color: #FFBF00;
  border-radius: 9999px;
  font-size: 12px;
  position: absolute;
  z-index: 1;
}
.single-grid--item .item--category::before {
  top: 0;
  left: 16px;
  width: 12px;
  height: 32px;
  background-image: url("/Themes/3133/Images/tag-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  content: "";
  position: absolute;
}
.single-grid--item .item--placeholder {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.single-grid--item .item--placeholder .placeholder--image {
  width: 100%;
  /*padding-top: 75%;*/
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.single-grid--item .item--placeholder .placeholder--image img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  aspect-ratio: 16/9;
  position: absolute;
}
.single-grid--item .item--placeholder .placeholder--image.ratio-1-1 {
  aspect-ratio: 1/1;
}
.single-grid--item .item--placeholder .placeholder--image.ratio-4-3 {
  aspect-ratio: 4/3;
}
.single-grid--item .item--placeholder .placeholder--image.ratio-16-9 {
  aspect-ratio: 16/9;
}
.single-grid--item .item--placeholder .placeholder--content p {
  margin-top: 20px;
}
.single-grid--item .item--placeholder .placeholder--content p.heading-5 {
  margin-top: 20px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}
.single-grid--item .item--placeholder .placeholder--data {
  margin-top: auto;
  padding: 24px 28px;
  background-color: rgba(0, 0, 0, 0.025);
}
.single-grid--item .item--placeholder .placeholder--data p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: row;
  color: rgba(0, 0, 0, 0.5);
  gap: 0;
}
.single-grid--item .item--placeholder .placeholder--data p span {
  display: inline-block;
  vertical-align: middle;
}
.single-grid--item .item--placeholder .placeholder--data p span.data--date {
  padding-left: 26px;
  position: relative;
  margin: 0;
}
.single-grid--item .item--placeholder .placeholder--data p span.data--date::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/calendar-days-regular.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.single-grid--item .item--placeholder .placeholder--data p span.data--author {
  padding-left: 26px;
  position: relative;
}
.single-grid--item .item--placeholder .placeholder--data p span.data--author::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/user-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.single-grid--item .item--placeholder .placeholder--data p span.data--reading-time {
  padding-left: 26px;
  position: relative;
}
.single-grid--item .item--placeholder .placeholder--data p span.data--reading-time::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/clock-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.single-grid--item.has-link .item--placeholder .placeholder--content p.heading-5::after {
  width: 20px;
  height: 30px;
  margin-left: auto;
  background-color: var(--donkerblauw);
  mask-image: url("/Themes/3133/Images/arrow-right-solid.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 14px auto;
  content: "";
  display: block;
}

.placeholder--grid {
  margin-top: 20px;
  overflow: visible;
  display: grid;
  gap: 40px 80px;
  pointer-events: none;
  align-items: start;
  /**/
}
.placeholder--grid.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.placeholder--grid.columns-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.placeholder--grid.columns-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.placeholder--grid.columns-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.placeholder--grid.columns-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.placeholder--grid.small-gap {
  gap: 16px;
}
.placeholder--grid.references {
  margin-top: 32px;
  gap: 38px;
}
.placeholder--grid.references .grid--item.has-link a {
  z-index: 3;
}
.placeholder--grid.references .grid--item.has-link .item--placeholder .placeholder--content p.heading-5::after {
  background-color: var(--wit);
  flex-grow: 0;
  flex-shrink: 0;
}
.placeholder--grid.references .grid--item .item--placeholder {
  background-color: var(--donkerblauw);
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--image {
  width: 100%;
  padding-top: 50%;
  background-color: var(--wit);
  border-radius: unset;
  aspect-ratio: unset;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--image::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 21, 57, 0) 50%, #001539 100%);
  position: absolute;
  content: "";
  z-index: 1;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--image picture img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 8px 0 0;
  position: absolute;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--image .image--logo {
  top: 0;
  right: 40px;
  width: 110px;
  padding: 10px;
  background-color: var(--wit);
  border-radius: 0 0 8px 8px;
  position: absolute;
  overflow: hidden;
  z-index: 2;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--image .image--logo picture {
  position: relative;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--image .image--logo picture img {
  width: 100%;
  position: relative;
  aspect-ratio: 16/9;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--content {
  padding: 10px 20px 20px 20px;
  background-color: transparent;
  border-radius: unset;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--content p {
  color: var(--wit);
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--content p.heading-5 {
  margin-top: 0;
}
.placeholder--grid.references .grid--item .item--placeholder .placeholder--content p.heading-5::after {
  height: 20px;
}
.placeholder--grid.vacancies .grid--item .item--image {
  padding-top: 56.25%;
}
.placeholder--grid.vacancies .grid--item .item--content p.content--data {
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.placeholder--grid.vacancies .grid--item .item--content p.content--data span strong {
  font-weight: 600;
}
.placeholder--grid.team .grid--item {
  border-bottom: 0;
}
.placeholder--grid.team .grid--item .item--image {
  padding-top: 75%;
}
.placeholder--grid.team .grid--item .item--image img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  object-fit: contain;
}
.placeholder--grid.team .grid--item .item--content p.function {
  margin: 0;
  font-weight: 600;
}
.placeholder--grid.counters .grid--item .item--placeholder .placeholder--image {
  width: unset;
  padding-top: unset;
  border-radius: unset;
}
.placeholder--grid.counters .grid--item .item--placeholder .placeholder--image .image--icon {
  width: 150px;
  height: 150px;
  margin: 0 auto;
  display: block;
}
.placeholder--grid.counters .grid--item .item--placeholder .placeholder--content p {
  text-align: center;
}
.placeholder--grid.counters .grid--item .item--placeholder .placeholder--content p.heading-6 {
  margin: 0;
}
.placeholder--grid.downloads {
  gap: 40px;
}
.placeholder--grid.downloads .grid--item {
  padding: 10px 20px 10px 10px;
  background-color: var(--licht);
  border-radius: 16px;
  position: relative;
  z-index: 1;
}
.placeholder--grid.downloads .grid--item a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.placeholder--grid.downloads .grid--item .item--placeholder {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 20px;
}
.placeholder--grid.downloads .grid--item .item--placeholder .placeholder--image {
  width: 100px;
  height: 100px;
  padding-top: unset;
  background-color: var(--licht);
  flex-grow: 0;
  flex-shrink: 0;
}
.placeholder--grid.downloads .grid--item .item--placeholder .placeholder--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.placeholder--grid.downloads .grid--item .item--placeholder .placeholder--content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  flex-grow: 1;
}
.placeholder--grid.downloads .grid--item .item--placeholder .placeholder--content p {
  margin: 0;
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  vertical-align: top;
  color: var(--text-donkerblauw);
}
.placeholder--grid.downloads .grid--item .item--placeholder .placeholder--content .label {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 20px;
}
.placeholder--grid.downloads .grid--item .item--placeholder .placeholder--content .label span {
  padding: 0 16px;
  background-color: var(--wit);
  border-radius: 9999px;
  font-size: 11px;
  color: var(--text-zwart);
  display: inline-block;
}
.placeholder--grid.downloads .grid--item .item--placeholder .placeholder--content .label::after {
  width: 24px;
  height: 24px;
  margin-left: auto;
  background-color: var(--donkerblauw);
  mask-image: url("/Themes/3133/Images/arrow-down-to-line-regular.svg");
  mask-position: center;
  mask-size: 16px;
  mask-repeat: no-repeat;
  display: block;
  content: "";
}
.placeholder--grid.contact-persons {
  margin-top: 40px;
  gap: 40px;
}
.placeholder--grid.contact-persons .grid--item {
  padding: 0;
  background-color: var(--licht);
  border-radius: 16px;
}
.placeholder--grid.contact-persons .grid--item .item--placeholder {
  display: grid;
  grid-template-columns: 60% 40%;
}
.placeholder--grid.contact-persons .grid--item .item--placeholder .placeholder--image {
  width: 100%;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  aspect-ratio: 1/1;
}
.placeholder--grid.contact-persons .grid--item .item--placeholder .placeholder--image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.placeholder--grid.contact-persons .grid--item .item--placeholder .placeholder--content {
  padding: 40px 0 40px 40px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.placeholder--grid.contact-persons .grid--item .item--placeholder .placeholder--content p {
  margin: 0;
}
.placeholder--grid.contact-persons .grid--item .item--placeholder .placeholder--content p.heading-5 {
  margin: 0;
}
.placeholder--grid.timeline {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 2px 1fr;
  grid-auto-columns: max-content;
  column-gap: 120px;
  row-gap: 180px;
  position: relative;
  margin-top: 40px;
}
.placeholder--grid.timeline .grid--item {
  background-color: var(--wit);
  border-radius: 16px;
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
  position: relative;
  display: block;
  z-index: 2;
}
.placeholder--grid.timeline .grid--item:not(:first-child):before {
  position: absolute;
  top: 0;
  bottom: calc(50% + 30px);
  width: 2px;
  background-color: var(--wit);
  content: "";
}
.placeholder--grid.timeline .grid--item:not(:last-child):after {
  position: absolute;
  top: calc(50% + 20px);
  bottom: 0;
  width: 2px;
  background-color: var(--wit);
  content: "";
}
.placeholder--grid.timeline .grid--item .item--year {
  top: 50%;
  padding: 8px 0 16px 0;
  width: 80px;
  position: absolute;
  transform: translateY(-50%);
}
.placeholder--grid.timeline .grid--item .item--year::before {
  top: -20px;
  left: 30px;
  width: 20px;
  height: 20px;
  background-color: var(--wit);
  border-radius: 9999px;
  content: "";
  position: absolute;
}
.placeholder--grid.timeline .grid--item .item--year p {
  margin: 0;
  text-align: center;
}
.placeholder--grid.timeline .grid--item .item--placeholder .placeholder--image {
  padding-top: 56.25%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.placeholder--grid.timeline .grid--item .item--placeholder .placeholder--image img {
  height: 100%;
}
.placeholder--grid.timeline .grid--item .item--placeholder .placeholder--content {
  padding: 40px;
}
.placeholder--grid.timeline .grid--item .item--placeholder .placeholder--content p {
  margin-top: 10px;
  color: var(--text-zwart);
}
.placeholder--grid.timeline .grid--item .item--placeholder .placeholder--content p.heading-5 {
  margin-top: 0;
  color: var(--text-donkerblauw);
}
.placeholder--grid.timeline .grid--item .item--placeholder .placeholder--content p.text {
  /*
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  */
}
.placeholder--grid.timeline .grid--item:nth-child(odd) {
  grid-column: 1;
}
.placeholder--grid.timeline .grid--item:nth-child(odd):before, .placeholder--grid.timeline .grid--item:nth-child(odd):after {
  left: calc(100% + 119px);
}
.placeholder--grid.timeline .grid--item:nth-child(odd) .item--year {
  left: calc(100% + 80px);
}
.placeholder--grid.timeline .grid--item:nth-child(even) {
  grid-column: 3;
}
.placeholder--grid.timeline .grid--item:nth-child(even):before, .placeholder--grid.timeline .grid--item:nth-child(even):after {
  right: calc(100% + 121px);
}
.placeholder--grid.timeline .grid--item:nth-child(even) .item--year {
  right: calc(100% + 81px);
}
.placeholder--grid.timeline .grid--item:nth-child(2) {
  grid-row: 2/4;
}
.placeholder--grid.timeline:hover .grid--item {
  opacity: 1 !important;
}
.placeholder--grid #timeline {
  background-color: red;
}
.placeholder--grid #timeline .demo-card-wrapper {
  position: relative;
  margin: auto;
}
@media (min-width: 820px) and (max-width: 1023px) {
  .placeholder--grid.references {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) and (max-width: 1180px) {
  .placeholder--grid.references {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1000px) {
  .placeholder--grid #timeline .demo-card-wrapper {
    display: flex;
    flex-flow: column wrap;
    width: 1170px;
    height: 1650px;
    margin: 0 auto;
  }
}
.placeholder--grid #timeline .demo-card-wrapper::after {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  border-left: 1px solid rgba(191, 191, 191, 0.4);
}
@media (min-width: 1000px) {
  .placeholder--grid #timeline .demo-card-wrapper::after {
    border-left: 1px solid #bdbdbd;
  }
}
.placeholder--grid #timeline .demo-card {
  position: relative;
  display: block;
  margin: 10px auto 80px;
  max-width: 94%;
  z-index: 2;
}
@media (min-width: 480px) {
  .placeholder--grid #timeline .demo-card {
    max-width: 60%;
    box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
  }
}
@media (min-width: 720px) {
  .placeholder--grid #timeline .demo-card {
    max-width: 40%;
  }
}
@media (min-width: 1000px) {
  .placeholder--grid #timeline .demo-card {
    max-width: 450px;
    height: 400px;
    margin: 90px;
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .placeholder--grid #timeline .demo-card:nth-child(odd) {
    margin-right: 45px;
  }
  .placeholder--grid #timeline .demo-card:nth-child(odd) .head::after {
    border-left-width: 15px;
    border-left-style: solid;
    left: 100%;
  }
  .placeholder--grid #timeline .demo-card:nth-child(odd) .head::before {
    left: 491.5px;
  }
  .placeholder--grid #timeline .demo-card:nth-child(even) {
    margin-left: 45px;
  }
  .placeholder--grid #timeline .demo-card:nth-child(even) .head::after {
    border-right-width: 15px;
    border-right-style: solid;
    right: 100%;
  }
  .placeholder--grid #timeline .demo-card:nth-child(even) .head::before {
    right: 489.5px;
  }
  .placeholder--grid #timeline .demo-card:nth-child(2) {
    margin-top: 180px;
  }
}
.placeholder--grid #timeline .demo-card .head {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 400;
}
.placeholder--grid #timeline .demo-card .head .number-box {
  display: inline;
  float: left;
  margin: 15px;
  padding: 10px;
  font-size: 35px;
  line-height: 35px;
  font-weight: 600;
  background: rgba(0, 0, 0, 0.17);
}
.placeholder--grid #timeline .demo-card .head h2 {
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: inherit;
  letter-spacing: 2px;
  margin: 0;
  padding-bottom: 6px;
  line-height: 1rem;
}
@media (min-width: 480px) {
  .placeholder--grid #timeline .demo-card .head h2 {
    font-size: 165%;
    line-height: 1.2rem;
  }
}
.placeholder--grid #timeline .demo-card .head h2 span {
  display: block;
  font-size: 0.6rem;
  margin: 0;
}
@media (min-width: 480px) {
  .placeholder--grid #timeline .demo-card .head h2 span {
    font-size: 0.8rem;
  }
}
.placeholder--grid #timeline .demo-card .body {
  background: #fff;
  border: 1px solid rgba(191, 191, 191, 0.4);
  border-top: 0;
  padding: 15px;
}
@media (min-width: 1000px) {
  .placeholder--grid #timeline .demo-card .body {
    height: 315px;
  }
}
.placeholder--grid #timeline .demo-card .body p {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 15px;
}
.placeholder--grid #timeline .demo-card .body img {
  display: block;
  width: 100%;
}
.placeholder--grid #timeline .demo-card--step1 {
  background-color: #46b8e9;
}
.placeholder--grid #timeline .demo-card--step1 .head::after {
  border-color: #46b8e9;
}
.placeholder--grid #timeline .demo-card--step2 {
  background-color: #3ee9d1;
}
.placeholder--grid #timeline .demo-card--step2 .head::after {
  border-color: #3ee9d1;
}
.placeholder--grid #timeline .demo-card--step3 {
  background-color: #ce43eb;
}
.placeholder--grid #timeline .demo-card--step3 .head::after {
  border-color: #ce43eb;
}
.placeholder--grid #timeline .demo-card--step4 {
  background-color: #4d92eb;
}
.placeholder--grid #timeline .demo-card--step4 .head::after {
  border-color: #4d92eb;
}
.placeholder--grid #timeline .demo-card--step5 {
  background-color: #46b8e9;
}
.placeholder--grid #timeline .demo-card--step5 .head::after {
  border-color: #46b8e9;
}
.placeholder--grid .grid--item {
  height: inherit !important;
  position: relative;
  transition: all linear 125ms;
  pointer-events: auto;
  width: 100%;
}
.placeholder--grid .grid--item.has-label {
  position: relative;
  /*overflow: hidden;*/
}
.placeholder--grid .grid--item.has-label .item--placeholder .placeholder--image .label {
  position: absolute;
  padding: 5px 20px;
  background-color: var(--donkerblauw);
  border-radius: 9999px;
  color: white;
  right: 20px;
  bottom: 20px;
  font-size: 16px;
  z-index: 2;
}
.placeholder--grid .grid--item.has-link a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.placeholder--grid .grid--item .item--date {
  top: 24px;
  right: 24px;
  padding: 0 16px;
  background-color: var(--wit);
  border-radius: 9999px;
  font-size: 11px;
  font-style: italic;
  color: var(--text-donkerblauw);
  position: absolute;
  z-index: 1;
}
.placeholder--grid .grid--item .item--category {
  top: 24px;
  right: 24px;
  padding: 0 16px 0 38px;
  background-color: #FFBF00;
  border-radius: 9999px;
  font-size: 12px;
  position: absolute;
  z-index: 1;
}
.placeholder--grid .grid--item .item--category::before {
  top: 0;
  left: 16px;
  width: 12px;
  height: 32px;
  background-image: url("/Themes/3133/Images/tag-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 12px auto;
  content: "";
  position: absolute;
}
.placeholder--grid .grid--item .item--placeholder {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--image {
  width: 100%;
  /*padding-top: 75%;*/
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--image img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  aspect-ratio: 16/9;
  position: absolute;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--image.ratio-1-1 {
  aspect-ratio: 1/1;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--image.ratio-4-3 {
  aspect-ratio: 4/3;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--image.ratio-16-9 {
  aspect-ratio: 16/9;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--content p {
  margin-top: 20px;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--content p.heading-5 {
  margin-top: 20px;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data {
  margin-top: auto;
  padding: 24px 28px;
  background-color: rgba(0, 0, 0, 0.025);
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 12px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex-direction: row;
  color: rgba(0, 0, 0, 0.5);
  gap: 0;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p span {
  display: inline-block;
  vertical-align: middle;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p span.data--date {
  padding-left: 26px;
  position: relative;
  margin: 0;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p span.data--date::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/calendar-days-regular.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p span.data--author {
  padding-left: 26px;
  position: relative;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p span.data--author::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/user-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p span.data--reading-time {
  padding-left: 26px;
  position: relative;
}
.placeholder--grid .grid--item .item--placeholder .placeholder--data p span.data--reading-time::before {
  top: 0;
  left: 0;
  width: 16px;
  height: 32px;
  background-image: url("/Themes/3133/Images/clock-solid.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  position: absolute;
}
.placeholder--grid .grid--item.has-link .item--placeholder .placeholder--content p.heading-5::after {
  width: 20px;
  height: 30px;
  margin-left: auto;
  background-color: var(--donkerblauw);
  mask-image: url("/Themes/3133/Images/arrow-right-solid.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 14px auto;
  content: "";
  display: block;
}
.placeholder--grid .grid--item.donkerblauw {
  height: 100% !important;
}
.placeholder--grid .grid--item.donkerblauw.has-link a {
  position: static;
}
.placeholder--grid .grid--item.donkerblauw .item--placeholder {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.placeholder--grid .grid--item.donkerblauw .item--placeholder .placeholder--image {
  border-radius: 8px 8px 0 0;
  flex-shrink: 0;
  position: relative;
}
.placeholder--grid .grid--item.donkerblauw .item--placeholder .placeholder--image::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 21, 57, 0) 50%, rgb(0, 21, 57) 100%);
  position: absolute;
  content: "";
  z-index: 1;
}
.placeholder--grid .grid--item.donkerblauw .item--placeholder .placeholder--content {
  height: 100%;
  padding: 0 32px 32px 32px;
  background-color: var(--donkerblauw);
  border-radius: 0 0 8px 8px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.placeholder--grid .grid--item.donkerblauw .item--placeholder .placeholder--content p {
  margin: 0;
  padding: 0;
  color: #FFFFFF;
}
.placeholder--grid .grid--item.donkerblauw .item--placeholder .placeholder--content p.button {
  margin-top: auto;
}
.placeholder--grid .grid--item.donkerblauw .item--placeholder .placeholder--content p.button a:hover span {
  padding: 11px 19px;
  background-color: transparent;
  border: 1px solid var(--cyaan);
}
.placeholder--grid:hover .grid--item {
  opacity: 0.5;
}
.placeholder--grid:hover .grid--item:hover {
  opacity: 1;
}
.placeholder--grid.cards.slider {
  display: block;
}
.placeholder--grid.cards.slider.slick-slider .slick-list {
  overflow: visible;
}
.placeholder--grid.cards.slider .grid--item {
  padding: 0 20px;
}

.placeholder--list:not(.benefits, .benefits-extended) {
  margin-top: 26px;
  overflow: visible;
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(1, 1fr);
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item {
  height: inherit !important;
  background-color: #FFFFFF;
  border-bottom: 4px solid rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 75% 25%);
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item .item--content {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 6px 24px 28px 24px;
  order: 1;
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item .item--content p.heading-3 {
  font-weight: 700;
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item .item--content p + p {
  margin: 0;
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item .item--image {
  width: 100%;
  /*padding-top: 75%;*/
  position: relative;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
  order: 2;
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item .item--image img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  position: absolute;
}
.placeholder--list:not(.benefits, .benefits-extended) .list--item:hover {
  border-bottom-color: #000000;
}
.placeholder--list.benefits {
  margin: 40px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  row-gap: 20px;
  flex-wrap: wrap;
}
.placeholder--list.benefits .list--item {
  width: 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 10px;
  align-items: center;
}
.placeholder--list.benefits .list--item img,
.placeholder--list.benefits .list--item object {
  width: 48px;
  flex: 0;
}
.placeholder--list.benefits .list--item p {
  margin: 0;
  white-space: pre-wrap;
  flex: 1;
}
.placeholder--list.benefits-extended {
  margin: 40px 0;
  display: flex;
  flex-direction: column;
  gap: 20px 40px;
  align-items: stretch;
}
@media (min-width: 768px) {
  .placeholder--list.benefits-extended {
    margin: 80px 0;
    flex-direction: row;
    align-items: flex-start;
    gap: 40px 80px;
  }
  .placeholder--list.benefits-extended.columns-2 .column {
    flex: 0 0 calc(50% - 40px);
  }
  .placeholder--list.benefits-extended.columns-3 .column {
    flex: 0 0 calc(33.33% - 53.33px);
  }
  .placeholder--list.benefits-extended.columns-4 .column {
    flex: 0 0 calc(25% - 60px);
  }
}
.placeholder--list.benefits-extended .column {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
.placeholder--list.benefits-extended .list--item {
  padding: 24px;
  background-color: var(--wit);
  border-radius: 16px;
  cursor: pointer;
  position: relative;
}
@media (min-width: 768px) {
  .placeholder--list.benefits-extended .list--item {
    padding: 40px;
  }
}
.placeholder--list.benefits-extended .list--item p.heading-4 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 18px;
}
@media (min-width: 768px) {
  .placeholder--list.benefits-extended .list--item p.heading-4 {
    font-size: 22px;
    gap: 24px;
  }
}
.placeholder--list.benefits-extended .list--item p.heading-4::before {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2em;
  color: var(--cyaan);
  content: "\f00c";
  flex-shrink: 0;
}
.placeholder--list.benefits-extended .list--item p.heading-4::after {
  margin-left: auto;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  color: var(--donkerblauw);
  transition: transform 0.3s ease;
  content: "\f078";
  flex-shrink: 0;
}
.placeholder--list.benefits-extended .list--item .details {
  margin-top: 0;
  padding-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-in-out, opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .placeholder--list.benefits-extended .list--item .details {
    gap: 40px;
  }
}
.placeholder--list.benefits-extended .list--item .details img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}
.placeholder--list.benefits-extended .list--item .details .text p {
  margin: 0;
}
.placeholder--list.benefits-extended .list--item .details .text p:not(:first-child) {
  margin-top: 16px;
}
.placeholder--list.benefits-extended .list--item .details p.button {
  margin-top: 0;
}
.placeholder--list.benefits-extended .list--item.is-open p.heading-4::after {
  transform: rotate(180deg);
}
.placeholder--list.benefits-extended .list--item.is-open .details {
  max-height: 2000px;
  opacity: 1;
  pointer-events: auto;
  margin-bottom: 10px;
}

.placeholder--item.card {
  position: relative;
  padding: 54px 0 51px 57px;
  background-color: #000000;
  position: relative;
}
.placeholder--item.card:before {
  top: 0;
  bottom: 0;
  left: 33.3333%;
  width: 66.6667%;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  content: "";
  position: absolute;
  z-index: 2;
}
.placeholder--item.card .card--content {
  width: 40%;
  position: relative;
  z-index: 3;
}
.placeholder--item.card .card--content p {
  text-align: center;
}
.placeholder--item.card .card--content p.quote {
  font-size: 24px;
  font-weight: 700;
  color: #FFFFFF;
}
.placeholder--item.card .card--content p.full-name {
  margin-top: 8px;
  font-size: 19px;
  font-weight: 400;
  font-style: italic;
  color: #000000;
}
.placeholder--item.card .card--image {
  top: -34px;
  right: 10%;
  height: calc(100% + 34px);
  aspect-ratio: 1/1;
  position: absolute;
  z-index: 2;
}
.placeholder--item.card .card--image img {
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  position: absolute;
}
.placeholder--item.card .card--background-image {
  top: 0;
  right: 0;
  bottom: 0;
  left: 33.3333%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: multiply;
  position: absolute;
  z-index: 1;
}
.placeholder--item.card.with--form {
  margin-bottom: 80px;
  padding: 0;
  box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-columns: 1.25fr 0.75fr;
}
.placeholder--item.card.with--form .card--content {
  width: unset;
  padding: 16px 40px 40px 40px;
}
.placeholder--item.card.with--form .card--content p.heading-5 {
  color: #FFFFFF;
}
.placeholder--item.card.with--form .card--image {
  top: unset;
  right: unset;
  height: unset;
  padding: 16px 40px 344px 40px;
  background-color: #FFFFFF;
  aspect-ratio: unset;
  position: relative;
  z-index: 2;
}
.placeholder--item.card.with--form .card--image .image--employee {
  left: -25%;
  bottom: 0;
  width: 75%;
  min-width: 320px;
  min-height: 320px;
  margin-top: 24px;
  padding-top: 75%;
  position: absolute;
  overflow: hidden;
}
.placeholder--item.card.with--form .card--image .image--employee img {
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  position: absolute;
}
.placeholder--item.full-image--card {
  position: relative;
  z-index: 1;
}
.placeholder--item.full-image--card .card--content {
  padding: 232px 394px 149px 205px;
  position: relative;
  z-index: 3;
}
.placeholder--item.full-image--card .card--content h2,
.placeholder--item.full-image--card .card--content p {
  color: #FFFFFF;
}
.placeholder--item.full-image--card .card--content h2 {
  line-height: 60px;
  font-size: 60px;
  font-weight: 900;
}
.placeholder--item.full-image--card .card--content h2 + p {
  margin-top: 24px;
}
.placeholder--item.full-image--card .card--content .content--buttons {
  margin: 24px 0 40px 0;
  display: flex;
  gap: 16px;
  flex-direction: row;
  flex-wrap: wrap;
}
.placeholder--item.full-image--card .card--content .content--buttons p {
  margin: 0;
}
.placeholder--item.full-image--card .card--content .content--buttons p.button.alternative a span {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.placeholder--item.full-image--card .card--content .content--buttons p.button.alternative a:hover span {
  background-color: transparent;
  border-color: #FFBF00;
  color: #FFBF00;
}
.placeholder--item.full-image--card .card--gradients:before, .placeholder--item.full-image--card .card--gradients:after {
  top: 0;
  bottom: 0;
  position: absolute;
  mix-blend-mode: multiply;
  content: "";
  z-index: 2;
}
.placeholder--item.full-image--card .card--gradients:before {
  left: 0;
  width: 34%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.placeholder--item.full-image--card .card--gradients:after {
  right: 0;
  width: 34%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.placeholder--item.full-image--card .card--background-image {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}
.placeholder--item.full-image--card .card--background-image:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  z-index: 1;
}

.image,
.image-container {
  margin-top: 40px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}
.image img,
.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.image.drop-shadow,
.image-container.drop-shadow {
  overflow: visible;
}
.image.drop-shadow img,
.image-container.drop-shadow img {
  -webkit-filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.32));
  filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.32));
}
.image.without-rounded-corners,
.image-container.without-rounded-corners {
  border-radius: 0;
}
.image.ratio-1-1,
.image-container.ratio-1-1 {
  aspect-ratio: 1/1;
}
.image.ratio-4-3,
.image-container.ratio-4-3 {
  aspect-ratio: 4/3;
}
.image.ratio-16-9,
.image-container.ratio-16-9 {
  aspect-ratio: 16/9;
}

.quick--navigation.align--right {
  text-align: right;
}
.quick--navigation.align--right ul li a span {
  justify-content: end;
}
.quick--navigation ul {
  margin: 26px 0 0 0;
  padding: 0;
  display: grid;
  flex-direction: column;
  gap: 80px;
  grid-template-columns: 1fr 1fr 1fr;
}
.quick--navigation ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.quick--navigation ul li a {
  text-decoration: none;
  display: inline-block;
}
.quick--navigation ul li a span {
  font-size: 20px;
  font-weight: 700;
  color: var(--donkerblauw);
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.quick--navigation ul li a span:after {
  font-family: "Font Awesome 6 Pro";
  font-size: 16px;
  content: "\f061";
}
.quick--navigation ul li a:hover span {
  color: var(--cyaan);
}

.embed--video {
  margin: 40px 0 0 0;
}
.embed--video .video--placeholder {
  border-radius: 16px;
  overflow: hidden;
}
.embed--video .video--placeholder .placeholder--video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.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 .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 24px;
  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 #005C28 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;
}

.sitemap > ul {
  width: 100%;
  /*
  	display: grid;
  	grid-template-columns: repeat(4, 1fr);
  */
}
.sitemap ul {
  margin: 0;
  padding: 0;
}
.sitemap ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sitemap ul li a {
  text-decoration: none;
  color: #000000;
}
.sitemap ul li a:hover {
  text-decoration: underline;
}
.sitemap ul li.level-2 {
  margin: 0 0 24px 0;
  font-weight: 600;
}
.sitemap ul li.level-3 {
  font-weight: 400;
}
.sitemap ul li.level-4 {
  font-style: italic;
}

.search--results {
  margin: 16px 0 0 0;
}
.search--results .search--result {
  padding: 16px 0;
}
.search--results .search--result:not(:last-of-type) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.search--results .search--result:last-of-type {
  padding-bottom: 0;
}
.search--results .search--result p {
  margin: 0;
}
.search--results .search--result p a {
  text-decoration: underline;
  color: #000000;
}
.search--results .search--result p a:hover {
  text-decoration: none;
}

.umbraco-forms-page, .formpage {
  margin: 0 0 0 0 !important;
  padding: 0 !important;
}
.umbraco-forms-page p.heading-5, .formpage p.heading-5 {
  padding-bottom: 20px;
}
.umbraco-forms-page p.single-heading-2 + p, .formpage p.single-heading-2 + p {
  margin: 0;
}
.umbraco-forms-page .umbraco-forms-fieldset, .umbraco-forms-page .form, .formpage .umbraco-forms-fieldset, .formpage .form {
  margin: 0 !important;
  padding: 0 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .product-option, .umbraco-forms-page .form .product-option, .formpage .umbraco-forms-fieldset .product-option, .formpage .form .product-option {
  padding: 13px 20px;
  border: 1px solid #F2F2F2 !important;
  border-radius: 8px;
  margin: 0 0 12px 0;
}
.umbraco-forms-page .umbraco-forms-fieldset .product-option p.heading-5, .umbraco-forms-page .form .product-option p.heading-5, .formpage .umbraco-forms-fieldset .product-option p.heading-5, .formpage .form .product-option p.heading-5 {
  padding: 8px;
}
.umbraco-forms-page .umbraco-forms-fieldset .product-option .form-row, .umbraco-forms-page .form .product-option .form-row, .formpage .umbraco-forms-fieldset .product-option .form-row, .formpage .form .product-option .form-row {
  margin: 0;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field, .umbraco-forms-page .umbraco-forms-fieldset .form-row, .umbraco-forms-page .form .umbraco-forms-field, .umbraco-forms-page .form .form-row, .formpage .umbraco-forms-fieldset .umbraco-forms-field, .formpage .umbraco-forms-fieldset .form-row, .formpage .form .umbraco-forms-field, .formpage .form .form-row {
  margin: 12px 0 0 0;
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field p, .umbraco-forms-page .umbraco-forms-fieldset .form-row p, .umbraco-forms-page .form .umbraco-forms-field p, .umbraco-forms-page .form .form-row p, .formpage .umbraco-forms-fieldset .umbraco-forms-field p, .formpage .umbraco-forms-fieldset .form-row p, .formpage .form .umbraco-forms-field p, .formpage .form .form-row p {
  margin: 0 0 12px 0;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field legend, .umbraco-forms-page .umbraco-forms-fieldset .form-row legend, .umbraco-forms-page .form .umbraco-forms-field legend, .umbraco-forms-page .form .form-row legend, .formpage .umbraco-forms-fieldset .umbraco-forms-field legend, .formpage .umbraco-forms-fieldset .form-row legend, .formpage .form .umbraco-forms-field legend, .formpage .form .form-row legend {
  font-size: inherit;
  font-weight: bold;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) label {
  top: 13px;
  left: 20px;
  margin: 0 !important;
  line-height: 26px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  transition: all 150ms ease-in-out;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input {
  width: 100%;
  line-height: 24px !important;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #F2F2F2 !important;
  border-radius: 8px;
  outline: none;
  text-indent: 0 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:hover, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus {
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:not(:placeholder-shown) ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input:focus ~ label {
  top: -8px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 12px;
  background-color: #FFFFFF !important;
  border-radius: 4px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) 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, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input.input-validation-error ~ label span {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button {
  background-color: var(--cyaan);
  color: var(--wit);
  border: 1px solid var(--cyaan);
  border-radius: 4px;
  padding: 3px 20px;
  margin-right: 20px;
  transition: 250ms;
  cursor: pointer;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=file]::file-selector-button:hover {
  background-color: var(--donkerblauw);
  border-color: var(--donkerblauw);
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number], .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number], .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number], .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number], .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number], .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number], .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number], .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) input[type=number] {
  width: 100% !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select {
  width: 100%;
  height: 54px;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #F5F5F5 !important;
  border-radius: 8px;
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:hover, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus {
  outline: none;
  background-color: transparent !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:not(:placeholder-shown) ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select:focus ~ label {
  top: -8px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 12px;
  background-color: #FFFFFF !important;
  border-radius: 4px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) 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, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) select.input-validation-error ~ label {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea {
  width: 100%;
  height: 134px;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #F5F5F5 !important;
  border-radius: 8px;
  text-indent: 0;
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:hover, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus {
  outline: none;
  background-color: unset !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:not(:placeholder-shown) ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea:focus ~ label {
  top: -8px;
  line-height: 16px;
  padding: 0 4px;
  font-size: 12px;
  background-color: #FFFFFF !important;
  border-radius: 4px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.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, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label, .umbraco-forms-page .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label, .umbraco-forms-page .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label, .formpage .form .umbraco-forms-field:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label, .formpage .form .form-row:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist, .nummeric) textarea.input-validation-error ~ label {
  color: #FF0000 !important;
}
.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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist, .umbraco-forms-page .form .umbraco-forms-field.dataconsent, .umbraco-forms-page .form .umbraco-forms-field.checkbox, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist, .umbraco-forms-page .form .form-row.dataconsent, .umbraco-forms-page .form .form-row.checkbox, .umbraco-forms-page .form .form-row.checkboxlist, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist, .formpage .umbraco-forms-fieldset .form-row.dataconsent, .formpage .umbraco-forms-fieldset .form-row.checkbox, .formpage .umbraco-forms-fieldset .form-row.checkboxlist, .formpage .form .umbraco-forms-field.dataconsent, .formpage .form .umbraco-forms-field.checkbox, .formpage .form .umbraco-forms-field.checkboxlist, .formpage .form .form-row.dataconsent, .formpage .form .form-row.checkbox, .formpage .form .form-row.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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist label, .umbraco-forms-page .form .umbraco-forms-field.dataconsent label, .umbraco-forms-page .form .umbraco-forms-field.checkbox label, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist label, .umbraco-forms-page .form .form-row.dataconsent label, .umbraco-forms-page .form .form-row.checkbox label, .umbraco-forms-page .form .form-row.checkboxlist label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label, .formpage .umbraco-forms-fieldset .form-row.dataconsent label, .formpage .umbraco-forms-fieldset .form-row.checkbox label, .formpage .umbraco-forms-fieldset .form-row.checkboxlist label, .formpage .form .umbraco-forms-field.dataconsent label, .formpage .form .umbraco-forms-field.checkbox label, .formpage .form .umbraco-forms-field.checkboxlist label, .formpage .form .form-row.dataconsent label, .formpage .form .form-row.checkbox label, .formpage .form .form-row.checkboxlist label {
  line-height: 24px;
  padding-left: 36px;
  position: relative;
  cursor: pointer;
}
.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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist label::before, .umbraco-forms-page .form .umbraco-forms-field.dataconsent label::before, .umbraco-forms-page .form .umbraco-forms-field.checkbox label::before, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist label::before, .umbraco-forms-page .form .form-row.dataconsent label::before, .umbraco-forms-page .form .form-row.checkbox label::before, .umbraco-forms-page .form .form-row.checkboxlist label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label::before, .formpage .umbraco-forms-fieldset .form-row.dataconsent label::before, .formpage .umbraco-forms-fieldset .form-row.checkbox label::before, .formpage .umbraco-forms-fieldset .form-row.checkboxlist label::before, .formpage .form .umbraco-forms-field.dataconsent label::before, .formpage .form .umbraco-forms-field.checkbox label::before, .formpage .form .umbraco-forms-field.checkboxlist label::before, .formpage .form .form-row.dataconsent label::before, .formpage .form .form-row.checkbox label::before, .formpage .form .form-row.checkboxlist label::before {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #F5F5F5;
  border-radius: 6px;
  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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent label.umbraco-forms-label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox label.umbraco-forms-label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist label.umbraco-forms-label, .umbraco-forms-page .form .umbraco-forms-field.dataconsent label.umbraco-forms-label, .umbraco-forms-page .form .umbraco-forms-field.checkbox label.umbraco-forms-label, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist label.umbraco-forms-label, .umbraco-forms-page .form .form-row.dataconsent label.umbraco-forms-label, .umbraco-forms-page .form .form-row.checkbox label.umbraco-forms-label, .umbraco-forms-page .form .form-row.checkboxlist label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .form-row.dataconsent label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .form-row.checkbox label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .form-row.checkboxlist label.umbraco-forms-label, .formpage .form .umbraco-forms-field.dataconsent label.umbraco-forms-label, .formpage .form .umbraco-forms-field.checkbox label.umbraco-forms-label, .formpage .form .umbraco-forms-field.checkboxlist label.umbraco-forms-label, .formpage .form .form-row.dataconsent label.umbraco-forms-label, .formpage .form .form-row.checkbox label.umbraco-forms-label, .formpage .form .form-row.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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent label a, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox label a, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist label a, .umbraco-forms-page .form .umbraco-forms-field.dataconsent label a, .umbraco-forms-page .form .umbraco-forms-field.checkbox label a, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist label a, .umbraco-forms-page .form .form-row.dataconsent label a, .umbraco-forms-page .form .form-row.checkbox label a, .umbraco-forms-page .form .form-row.checkboxlist label a, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label a, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox label a, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label a, .formpage .umbraco-forms-fieldset .form-row.dataconsent label a, .formpage .umbraco-forms-fieldset .form-row.checkbox label a, .formpage .umbraco-forms-fieldset .form-row.checkboxlist label a, .formpage .form .umbraco-forms-field.dataconsent label a, .formpage .form .umbraco-forms-field.checkbox label a, .formpage .form .umbraco-forms-field.checkboxlist label a, .formpage .form .form-row.dataconsent label a, .formpage .form .form-row.checkbox label a, .formpage .form .form-row.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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent label a:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox label a:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist label a:hover, .umbraco-forms-page .form .umbraco-forms-field.dataconsent label a:hover, .umbraco-forms-page .form .umbraco-forms-field.checkbox label a:hover, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist label a:hover, .umbraco-forms-page .form .form-row.dataconsent label a:hover, .umbraco-forms-page .form .form-row.checkbox label a:hover, .umbraco-forms-page .form .form-row.checkboxlist label a:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label a:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox label a:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist label a:hover, .formpage .umbraco-forms-fieldset .form-row.dataconsent label a:hover, .formpage .umbraco-forms-fieldset .form-row.checkbox label a:hover, .formpage .umbraco-forms-fieldset .form-row.checkboxlist label a:hover, .formpage .form .umbraco-forms-field.dataconsent label a:hover, .formpage .form .umbraco-forms-field.checkbox label a:hover, .formpage .form .umbraco-forms-field.checkboxlist label a:hover, .formpage .form .form-row.dataconsent label a:hover, .formpage .form .form-row.checkbox label a:hover, .formpage .form .form-row.checkboxlist label a:hover {
  text-decoration: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent .flex, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox .flex, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist .flex, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent .flex, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox .flex, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist .flex, .umbraco-forms-page .form .umbraco-forms-field.dataconsent .flex, .umbraco-forms-page .form .umbraco-forms-field.checkbox .flex, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist .flex, .umbraco-forms-page .form .form-row.dataconsent .flex, .umbraco-forms-page .form .form-row.checkbox .flex, .umbraco-forms-page .form .form-row.checkboxlist .flex, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent .flex, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox .flex, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist .flex, .formpage .umbraco-forms-fieldset .form-row.dataconsent .flex, .formpage .umbraco-forms-fieldset .form-row.checkbox .flex, .formpage .umbraco-forms-fieldset .form-row.checkboxlist .flex, .formpage .form .umbraco-forms-field.dataconsent .flex, .formpage .form .umbraco-forms-field.checkbox .flex, .formpage .form .umbraco-forms-field.checkboxlist .flex, .formpage .form .form-row.dataconsent .flex, .formpage .form .form-row.checkbox .flex, .formpage .form .form-row.checkboxlist .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent .flex label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox .flex label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist .flex label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent .flex label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox .flex label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist .flex label, .umbraco-forms-page .form .umbraco-forms-field.dataconsent .flex label, .umbraco-forms-page .form .umbraco-forms-field.checkbox .flex label, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist .flex label, .umbraco-forms-page .form .form-row.dataconsent .flex label, .umbraco-forms-page .form .form-row.checkbox .flex label, .umbraco-forms-page .form .form-row.checkboxlist .flex label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent .flex label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox .flex label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist .flex label, .formpage .umbraco-forms-fieldset .form-row.dataconsent .flex label, .formpage .umbraco-forms-fieldset .form-row.checkbox .flex label, .formpage .umbraco-forms-fieldset .form-row.checkboxlist .flex label, .formpage .form .umbraco-forms-field.dataconsent .flex label, .formpage .form .umbraco-forms-field.checkbox .flex label, .formpage .form .umbraco-forms-field.checkboxlist .flex label, .formpage .form .form-row.dataconsent .flex label, .formpage .form .form-row.checkbox .flex label, .formpage .form .form-row.checkboxlist .flex label {
  margin: 0;
}
.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], .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox], .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox], .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox], .umbraco-forms-page .form .umbraco-forms-field.dataconsent input[type=checkbox], .umbraco-forms-page .form .umbraco-forms-field.checkbox input[type=checkbox], .umbraco-forms-page .form .umbraco-forms-field.checkboxlist input[type=checkbox], .umbraco-forms-page .form .form-row.dataconsent input[type=checkbox], .umbraco-forms-page .form .form-row.checkbox input[type=checkbox], .umbraco-forms-page .form .form-row.checkboxlist input[type=checkbox], .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox], .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox], .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox], .formpage .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox], .formpage .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox], .formpage .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox], .formpage .form .umbraco-forms-field.dataconsent input[type=checkbox], .formpage .form .umbraco-forms-field.checkbox input[type=checkbox], .formpage .form .umbraco-forms-field.checkboxlist input[type=checkbox], .formpage .form .form-row.dataconsent input[type=checkbox], .formpage .form .form-row.checkbox input[type=checkbox], .formpage .form .form-row.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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox]:checked + label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox]:checked + label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox]:checked + label, .umbraco-forms-page .form .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label, .umbraco-forms-page .form .umbraco-forms-field.checkbox input[type=checkbox]:checked + label, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label, .umbraco-forms-page .form .form-row.dataconsent input[type=checkbox]:checked + label, .umbraco-forms-page .form .form-row.checkbox input[type=checkbox]:checked + label, .umbraco-forms-page .form .form-row.checkboxlist input[type=checkbox]:checked + label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox]:checked + label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label, .formpage .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox]:checked + label, .formpage .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox]:checked + label, .formpage .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox]:checked + label, .formpage .form .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label, .formpage .form .umbraco-forms-field.checkbox input[type=checkbox]:checked + label, .formpage .form .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label, .formpage .form .form-row.dataconsent input[type=checkbox]:checked + label, .formpage .form .form-row.checkbox input[type=checkbox]:checked + label, .formpage .form .form-row.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, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox]:checked + label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox]:checked + label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox]:checked + label::before, .umbraco-forms-page .form .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label::before, .umbraco-forms-page .form .umbraco-forms-field.checkbox input[type=checkbox]:checked + label::before, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label::before, .umbraco-forms-page .form .form-row.dataconsent input[type=checkbox]:checked + label::before, .umbraco-forms-page .form .form-row.checkbox input[type=checkbox]:checked + label::before, .umbraco-forms-page .form .form-row.checkboxlist input[type=checkbox]:checked + label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox]:checked + label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label::before, .formpage .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox]:checked + label::before, .formpage .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox]:checked + label::before, .formpage .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox]:checked + label::before, .formpage .form .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label::before, .formpage .form .umbraco-forms-field.checkbox input[type=checkbox]:checked + label::before, .formpage .form .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label::before, .formpage .form .form-row.dataconsent input[type=checkbox]:checked + label::before, .formpage .form .form-row.checkbox input[type=checkbox]:checked + label::before, .formpage .form .form-row.checkboxlist input[type=checkbox]:checked + label::before {
  background-color: var(--cyaan);
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label::after, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox]:checked + label::after, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label::after, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox]:checked + label::after, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox]:checked + label::after, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox]:checked + label::after, .umbraco-forms-page .form .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label::after, .umbraco-forms-page .form .umbraco-forms-field.checkbox input[type=checkbox]:checked + label::after, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label::after, .umbraco-forms-page .form .form-row.dataconsent input[type=checkbox]:checked + label::after, .umbraco-forms-page .form .form-row.checkbox input[type=checkbox]:checked + label::after, .umbraco-forms-page .form .form-row.checkboxlist input[type=checkbox]:checked + label::after, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label::after, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox input[type=checkbox]:checked + label::after, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label::after, .formpage .umbraco-forms-fieldset .form-row.dataconsent input[type=checkbox]:checked + label::after, .formpage .umbraco-forms-fieldset .form-row.checkbox input[type=checkbox]:checked + label::after, .formpage .umbraco-forms-fieldset .form-row.checkboxlist input[type=checkbox]:checked + label::after, .formpage .form .umbraco-forms-field.dataconsent input[type=checkbox]:checked + label::after, .formpage .form .umbraco-forms-field.checkbox input[type=checkbox]:checked + label::after, .formpage .form .umbraco-forms-field.checkboxlist input[type=checkbox]:checked + label::after, .formpage .form .form-row.dataconsent input[type=checkbox]:checked + label::after, .formpage .form .form-row.checkbox input[type=checkbox]:checked + label::after, .formpage .form .form-row.checkboxlist input[type=checkbox]:checked + label::after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  mask-image: url("/Themes/3133/Images/check-regular.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 12px auto;
  background-color: var(--wit);
  position: absolute;
  content: "";
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkbox input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.dataconsent input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkbox input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.checkboxlist input.input-validation-error label, .umbraco-forms-page .form .umbraco-forms-field.dataconsent input.input-validation-error label, .umbraco-forms-page .form .umbraco-forms-field.checkbox input.input-validation-error label, .umbraco-forms-page .form .umbraco-forms-field.checkboxlist input.input-validation-error label, .umbraco-forms-page .form .form-row.dataconsent input.input-validation-error label, .umbraco-forms-page .form .form-row.checkbox input.input-validation-error label, .umbraco-forms-page .form .form-row.checkboxlist input.input-validation-error label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.dataconsent input.input-validation-error label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkbox input.input-validation-error label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.checkboxlist input.input-validation-error label, .formpage .umbraco-forms-fieldset .form-row.dataconsent input.input-validation-error label, .formpage .umbraco-forms-fieldset .form-row.checkbox input.input-validation-error label, .formpage .umbraco-forms-fieldset .form-row.checkboxlist input.input-validation-error label, .formpage .form .umbraco-forms-field.dataconsent input.input-validation-error label, .formpage .form .umbraco-forms-field.checkbox input.input-validation-error label, .formpage .form .umbraco-forms-field.checkboxlist input.input-validation-error label, .formpage .form .form-row.dataconsent input.input-validation-error label, .formpage .form .form-row.checkbox input.input-validation-error label, .formpage .form .form-row.checkboxlist input.input-validation-error label {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist, .umbraco-forms-page .form .umbraco-forms-field.radiobutton, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist, .umbraco-forms-page .form .form-row.radiobutton, .umbraco-forms-page .form .form-row.radiobuttonlist, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist, .formpage .umbraco-forms-fieldset .form-row.radiobutton, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist, .formpage .form .umbraco-forms-field.radiobutton, .formpage .form .umbraco-forms-field.radiobuttonlist, .formpage .form .form-row.radiobutton, .formpage .form .form-row.radiobuttonlist {
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton.grid, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist.grid, .umbraco-forms-page .form .umbraco-forms-field.radiobutton.grid, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist.grid, .umbraco-forms-page .form .form-row.radiobutton.grid, .umbraco-forms-page .form .form-row.radiobuttonlist.grid, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid, .formpage .umbraco-forms-fieldset .form-row.radiobutton.grid, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist.grid, .formpage .form .umbraco-forms-field.radiobutton.grid, .formpage .form .umbraco-forms-field.radiobuttonlist.grid, .formpage .form .form-row.radiobutton.grid, .formpage .form .form-row.radiobuttonlist.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton.grid div label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label, .umbraco-forms-page .form .umbraco-forms-field.radiobutton.grid div label, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist.grid div label, .umbraco-forms-page .form .form-row.radiobutton.grid div label, .umbraco-forms-page .form .form-row.radiobuttonlist.grid div label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label, .formpage .umbraco-forms-fieldset .form-row.radiobutton.grid div label, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label, .formpage .form .umbraco-forms-field.radiobutton.grid div label, .formpage .form .umbraco-forms-field.radiobuttonlist.grid div label, .formpage .form .form-row.radiobutton.grid div label, .formpage .form .form-row.radiobuttonlist.grid div label {
  font-weight: bold;
  text-align: center;
  padding: 13px 20px;
  border: 1px solid #F2F2F2 !important;
  border-radius: 8px;
  display: block;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label::before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton.grid div label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label::before, .umbraco-forms-page .form .umbraco-forms-field.radiobutton.grid div label::before, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist.grid div label::before, .umbraco-forms-page .form .form-row.radiobutton.grid div label::before, .umbraco-forms-page .form .form-row.radiobuttonlist.grid div label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label::before, .formpage .umbraco-forms-fieldset .form-row.radiobutton.grid div label::before, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label::before, .formpage .form .umbraco-forms-field.radiobutton.grid div label::before, .formpage .form .umbraco-forms-field.radiobuttonlist.grid div label::before, .formpage .form .form-row.radiobutton.grid div label::before, .formpage .form .form-row.radiobuttonlist.grid div label::before {
  top: 10px !important;
  left: 10px !important;
  z-index: 9999;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label span, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label span, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton.grid div label span, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label span, .umbraco-forms-page .form .umbraco-forms-field.radiobutton.grid div label span, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist.grid div label span, .umbraco-forms-page .form .form-row.radiobutton.grid div label span, .umbraco-forms-page .form .form-row.radiobuttonlist.grid div label span, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label span, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label span, .formpage .umbraco-forms-fieldset .form-row.radiobutton.grid div label span, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label span, .formpage .form .umbraco-forms-field.radiobutton.grid div label span, .formpage .form .umbraco-forms-field.radiobuttonlist.grid div label span, .formpage .form .form-row.radiobutton.grid div label span, .formpage .form .form-row.radiobuttonlist.grid div label span {
  width: 100%;
  padding-top: 100%;
  position: relative;
  display: block;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label span img, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label span img, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton.grid div label span img, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label span img, .umbraco-forms-page .form .umbraco-forms-field.radiobutton.grid div label span img, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist.grid div label span img, .umbraco-forms-page .form .form-row.radiobutton.grid div label span img, .umbraco-forms-page .form .form-row.radiobuttonlist.grid div label span img, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton.grid div label span img, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist.grid div label span img, .formpage .umbraco-forms-fieldset .form-row.radiobutton.grid div label span img, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist.grid div label span img, .formpage .form .umbraco-forms-field.radiobutton.grid div label span img, .formpage .form .umbraco-forms-field.radiobuttonlist.grid div label span img, .formpage .form .form-row.radiobutton.grid div label span img, .formpage .form .form-row.radiobuttonlist.grid div label span img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: contain;
  position: absolute;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton .flex, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist .flex, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton .flex, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist .flex, .umbraco-forms-page .form .umbraco-forms-field.radiobutton .flex, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist .flex, .umbraco-forms-page .form .form-row.radiobutton .flex, .umbraco-forms-page .form .form-row.radiobuttonlist .flex, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton .flex, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist .flex, .formpage .umbraco-forms-fieldset .form-row.radiobutton .flex, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist .flex, .formpage .form .umbraco-forms-field.radiobutton .flex, .formpage .form .umbraco-forms-field.radiobuttonlist .flex, .formpage .form .form-row.radiobutton .flex, .formpage .form .form-row.radiobuttonlist .flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton .flex label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist .flex label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton .flex label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist .flex label, .umbraco-forms-page .form .umbraco-forms-field.radiobutton .flex label, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist .flex label, .umbraco-forms-page .form .form-row.radiobutton .flex label, .umbraco-forms-page .form .form-row.radiobuttonlist .flex label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton .flex label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist .flex label, .formpage .umbraco-forms-fieldset .form-row.radiobutton .flex label, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist .flex label, .formpage .form .umbraco-forms-field.radiobutton .flex label, .formpage .form .umbraco-forms-field.radiobuttonlist .flex label, .formpage .form .form-row.radiobutton .flex label, .formpage .form .form-row.radiobuttonlist .flex label {
  margin-right: 0;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist label, .umbraco-forms-page .form .umbraco-forms-field.radiobutton label, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist label, .umbraco-forms-page .form .form-row.radiobutton label, .umbraco-forms-page .form .form-row.radiobuttonlist label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label, .formpage .umbraco-forms-fieldset .form-row.radiobutton label, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist label, .formpage .form .umbraco-forms-field.radiobutton label, .formpage .form .umbraco-forms-field.radiobuttonlist label, .formpage .form .form-row.radiobutton label, .formpage .form .form-row.radiobuttonlist label {
  margin-right: 20px;
  padding-left: 36px;
  position: relative;
  cursor: pointer;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label::before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist label::before, .umbraco-forms-page .form .umbraco-forms-field.radiobutton label::before, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist label::before, .umbraco-forms-page .form .form-row.radiobutton label::before, .umbraco-forms-page .form .form-row.radiobuttonlist label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label::before, .formpage .umbraco-forms-fieldset .form-row.radiobutton label::before, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist label::before, .formpage .form .umbraco-forms-field.radiobutton label::before, .formpage .form .umbraco-forms-field.radiobuttonlist label::before, .formpage .form .form-row.radiobutton label::before, .formpage .form .form-row.radiobuttonlist label::before {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #F5F5F5;
  border-radius: 12px;
  background-color: #FFFFFF;
  display: block;
  content: "";
  position: absolute;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label.umbraco-forms-label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label.umbraco-forms-label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton label.umbraco-forms-label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist label.umbraco-forms-label, .umbraco-forms-page .form .umbraco-forms-field.radiobutton label.umbraco-forms-label, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist label.umbraco-forms-label, .umbraco-forms-page .form .form-row.radiobutton label.umbraco-forms-label, .umbraco-forms-page .form .form-row.radiobuttonlist label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .form-row.radiobutton label.umbraco-forms-label, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist label.umbraco-forms-label, .formpage .form .umbraco-forms-field.radiobutton label.umbraco-forms-label, .formpage .form .umbraco-forms-field.radiobuttonlist label.umbraco-forms-label, .formpage .form .form-row.radiobutton label.umbraco-forms-label, .formpage .form .form-row.radiobuttonlist label.umbraco-forms-label {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label a, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label a, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton label a, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist label a, .umbraco-forms-page .form .umbraco-forms-field.radiobutton label a, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist label a, .umbraco-forms-page .form .form-row.radiobutton label a, .umbraco-forms-page .form .form-row.radiobuttonlist label a, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label a, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label a, .formpage .umbraco-forms-fieldset .form-row.radiobutton label a, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist label a, .formpage .form .umbraco-forms-field.radiobutton label a, .formpage .form .umbraco-forms-field.radiobuttonlist label a, .formpage .form .form-row.radiobutton label a, .formpage .form .form-row.radiobuttonlist label a {
  text-decoration: underline;
  color: #000000;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label a:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label a:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton label a:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist label a:hover, .umbraco-forms-page .form .umbraco-forms-field.radiobutton label a:hover, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist label a:hover, .umbraco-forms-page .form .form-row.radiobutton label a:hover, .umbraco-forms-page .form .form-row.radiobuttonlist label a:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton label a:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist label a:hover, .formpage .umbraco-forms-fieldset .form-row.radiobutton label a:hover, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist label a:hover, .formpage .form .umbraco-forms-field.radiobutton label a:hover, .formpage .form .umbraco-forms-field.radiobuttonlist label a:hover, .formpage .form .form-row.radiobutton label a:hover, .formpage .form .form-row.radiobuttonlist label a:hover {
  text-decoration: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input[type=radio], .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio], .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton input[type=radio], .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist input[type=radio], .umbraco-forms-page .form .umbraco-forms-field.radiobutton input[type=radio], .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist input[type=radio], .umbraco-forms-page .form .form-row.radiobutton input[type=radio], .umbraco-forms-page .form .form-row.radiobuttonlist input[type=radio], .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input[type=radio], .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio], .formpage .umbraco-forms-fieldset .form-row.radiobutton input[type=radio], .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist input[type=radio], .formpage .form .umbraco-forms-field.radiobutton input[type=radio], .formpage .form .umbraco-forms-field.radiobuttonlist input[type=radio], .formpage .form .form-row.radiobutton input[type=radio], .formpage .form .form-row.radiobuttonlist input[type=radio] {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input[type=radio]:checked + label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton input[type=radio]:checked + label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist input[type=radio]:checked + label, .umbraco-forms-page .form .umbraco-forms-field.radiobutton input[type=radio]:checked + label, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label, .umbraco-forms-page .form .form-row.radiobutton input[type=radio]:checked + label, .umbraco-forms-page .form .form-row.radiobuttonlist input[type=radio]:checked + label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input[type=radio]:checked + label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label, .formpage .umbraco-forms-fieldset .form-row.radiobutton input[type=radio]:checked + label, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist input[type=radio]:checked + label, .formpage .form .umbraco-forms-field.radiobutton input[type=radio]:checked + label, .formpage .form .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label, .formpage .form .form-row.radiobutton input[type=radio]:checked + label, .formpage .form .form-row.radiobuttonlist input[type=radio]:checked + label {
  position: relative;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input[type=radio]:checked + label::before, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton input[type=radio]:checked + label::before, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist input[type=radio]:checked + label::before, .umbraco-forms-page .form .umbraco-forms-field.radiobutton input[type=radio]:checked + label::before, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label::before, .umbraco-forms-page .form .form-row.radiobutton input[type=radio]:checked + label::before, .umbraco-forms-page .form .form-row.radiobuttonlist input[type=radio]:checked + label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input[type=radio]:checked + label::before, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label::before, .formpage .umbraco-forms-fieldset .form-row.radiobutton input[type=radio]:checked + label::before, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist input[type=radio]:checked + label::before, .formpage .form .umbraco-forms-field.radiobutton input[type=radio]:checked + label::before, .formpage .form .umbraco-forms-field.radiobuttonlist input[type=radio]:checked + label::before, .formpage .form .form-row.radiobutton input[type=radio]:checked + label::before, .formpage .form .form-row.radiobuttonlist input[type=radio]:checked + label::before {
  background-color: var(--cyaan);
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobutton input.input-validation-error label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.radiobuttonlist input.input-validation-error label, .umbraco-forms-page .form .umbraco-forms-field.radiobutton input.input-validation-error label, .umbraco-forms-page .form .umbraco-forms-field.radiobuttonlist input.input-validation-error label, .umbraco-forms-page .form .form-row.radiobutton input.input-validation-error label, .umbraco-forms-page .form .form-row.radiobuttonlist input.input-validation-error label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobutton input.input-validation-error label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.radiobuttonlist input.input-validation-error label, .formpage .umbraco-forms-fieldset .form-row.radiobutton input.input-validation-error label, .formpage .umbraco-forms-fieldset .form-row.radiobuttonlist input.input-validation-error label, .formpage .form .umbraco-forms-field.radiobutton input.input-validation-error label, .formpage .form .umbraco-forms-field.radiobuttonlist input.input-validation-error label, .formpage .form .form-row.radiobutton input.input-validation-error label, .formpage .form .form-row.radiobuttonlist input.input-validation-error label {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input, .umbraco-forms-page .umbraco-forms-fieldset .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input, .umbraco-forms-page .form .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input, .umbraco-forms-page .form .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input, .formpage .umbraco-forms-fieldset .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input, .formpage .umbraco-forms-fieldset .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input, .formpage .form .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input, .formpage .form .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) input {
  width: calc(100% - 52px) !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix, .umbraco-forms-page .umbraco-forms-fieldset .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix, .umbraco-forms-page .form .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix, .umbraco-forms-page .form .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix, .formpage .umbraco-forms-fieldset .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix, .formpage .umbraco-forms-fieldset .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix, .formpage .form .umbraco-forms-field.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix, .formpage .form .form-row.with-suffix:not(.dataconsent, .checkbox, .checkboxlist, .radiobutton, .radiobuttonlist) .suffix {
  top: 0;
  right: 8px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  background-color: #F2F2F2;
  border-radius: 0 8px 8px 0;
  position: absolute;
  border: 1px solid #F2F2F2 !important;
  border-left: 0 !important;
  text-align: center;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric, .umbraco-forms-page .form .umbraco-forms-field.nummeric, .umbraco-forms-page .form .form-row.nummeric, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric, .formpage .umbraco-forms-fieldset .form-row.nummeric, .formpage .form .umbraco-forms-field.nummeric, .formpage .form .form-row.nummeric {
  position: relative !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric label, .umbraco-forms-page .form .umbraco-forms-field.nummeric label, .umbraco-forms-page .form .form-row.nummeric label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric label, .formpage .umbraco-forms-fieldset .form-row.nummeric label, .formpage .form .umbraco-forms-field.nummeric label, .formpage .form .form-row.nummeric label {
  top: -8px;
  left: 20px;
  margin: 0 !important;
  padding: 0 4px;
  background-color: #FFFFFF;
  border-radius: 4px;
  line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  pointer-events: none;
  transition: all 150ms ease-in-out;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input, .umbraco-forms-page .form .umbraco-forms-field.nummeric input, .umbraco-forms-page .form .form-row.nummeric input, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input, .formpage .umbraco-forms-fieldset .form-row.nummeric input, .formpage .form .umbraco-forms-field.nummeric input, .formpage .form .form-row.nummeric input {
  width: 100%;
  line-height: 24px !important;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #F2F2F2 !important;
  border-radius: 8px;
  outline: none;
  text-indent: 0 !important;
  float: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input:hover, .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input:focus, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input:focus, .umbraco-forms-page .form .umbraco-forms-field.nummeric input:hover, .umbraco-forms-page .form .umbraco-forms-field.nummeric input:focus, .umbraco-forms-page .form .form-row.nummeric input:hover, .umbraco-forms-page .form .form-row.nummeric input:focus, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input:focus, .formpage .umbraco-forms-fieldset .form-row.nummeric input:hover, .formpage .umbraco-forms-fieldset .form-row.nummeric input:focus, .formpage .form .umbraco-forms-field.nummeric input:hover, .formpage .form .umbraco-forms-field.nummeric input:focus, .formpage .form .form-row.nummeric input:hover, .formpage .form .form-row.nummeric input:focus {
  outline: none;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input.input-validation-error, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input.input-validation-error, .umbraco-forms-page .form .umbraco-forms-field.nummeric input.input-validation-error, .umbraco-forms-page .form .form-row.nummeric input.input-validation-error, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input.input-validation-error, .formpage .umbraco-forms-fieldset .form-row.nummeric input.input-validation-error, .formpage .form .umbraco-forms-field.nummeric input.input-validation-error, .formpage .form .form-row.nummeric 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.nummeric input.input-validation-error ~ label, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input.input-validation-error ~ label, .umbraco-forms-page .form .umbraco-forms-field.nummeric input.input-validation-error ~ label, .umbraco-forms-page .form .form-row.nummeric input.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input.input-validation-error ~ label, .formpage .umbraco-forms-fieldset .form-row.nummeric input.input-validation-error ~ label, .formpage .form .umbraco-forms-field.nummeric input.input-validation-error ~ label, .formpage .form .form-row.nummeric input.input-validation-error ~ label {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input.input-validation-error ~ label span, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input.input-validation-error ~ label span, .umbraco-forms-page .form .umbraco-forms-field.nummeric input.input-validation-error ~ label span, .umbraco-forms-page .form .form-row.nummeric input.input-validation-error ~ label span, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input.input-validation-error ~ label span, .formpage .umbraco-forms-fieldset .form-row.nummeric input.input-validation-error ~ label span, .formpage .form .umbraco-forms-field.nummeric input.input-validation-error ~ label span, .formpage .form .form-row.nummeric input.input-validation-error ~ label span {
  color: #FF0000 !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input[type=file]::file-selector-button, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input[type=file]::file-selector-button, .umbraco-forms-page .form .umbraco-forms-field.nummeric input[type=file]::file-selector-button, .umbraco-forms-page .form .form-row.nummeric input[type=file]::file-selector-button, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input[type=file]::file-selector-button, .formpage .umbraco-forms-fieldset .form-row.nummeric input[type=file]::file-selector-button, .formpage .form .umbraco-forms-field.nummeric input[type=file]::file-selector-button, .formpage .form .form-row.nummeric input[type=file]::file-selector-button {
  background-color: var(--cyaan);
  color: var(--wit);
  border: 1px solid var(--cyaan);
  border-radius: 4px;
  padding: 3px 20px;
  margin-right: 20px;
  transition: 250ms;
  cursor: pointer;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input[type=file]::file-selector-button:hover, .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input[type=file]::file-selector-button:hover, .umbraco-forms-page .form .umbraco-forms-field.nummeric input[type=file]::file-selector-button:hover, .umbraco-forms-page .form .form-row.nummeric input[type=file]::file-selector-button:hover, .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input[type=file]::file-selector-button:hover, .formpage .umbraco-forms-fieldset .form-row.nummeric input[type=file]::file-selector-button:hover, .formpage .form .umbraco-forms-field.nummeric input[type=file]::file-selector-button:hover, .formpage .form .form-row.nummeric input[type=file]::file-selector-button:hover {
  background-color: var(--donkerblauw);
  border-color: var(--donkerblauw);
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.nummeric input[type=number], .umbraco-forms-page .umbraco-forms-fieldset .form-row.nummeric input[type=number], .umbraco-forms-page .form .umbraco-forms-field.nummeric input[type=number], .umbraco-forms-page .form .form-row.nummeric input[type=number], .formpage .umbraco-forms-fieldset .umbraco-forms-field.nummeric input[type=number], .formpage .umbraco-forms-fieldset .form-row.nummeric input[type=number], .formpage .form .umbraco-forms-field.nummeric input[type=number], .formpage .form .form-row.nummeric input[type=number] {
  width: 100% !important;
}
.umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field p.required.alert-message, .umbraco-forms-page .umbraco-forms-fieldset .form-row p.required.alert-message, .umbraco-forms-page .form .umbraco-forms-field p.required.alert-message, .umbraco-forms-page .form .form-row p.required.alert-message, .formpage .umbraco-forms-fieldset .umbraco-forms-field p.required.alert-message, .formpage .umbraco-forms-fieldset .form-row p.required.alert-message, .formpage .form .umbraco-forms-field p.required.alert-message, .formpage .form .form-row p.required.alert-message {
  padding: 0;
  margin: 0;
}
.umbraco-forms-page small, .formpage small {
  line-height: 18px;
  margin: 20px 0 0 0;
  font-size: 12px;
  color: #999999;
  display: block;
}
.umbraco-forms-page small a, .formpage small a {
  text-decoration: underline;
  color: #999999;
}
.umbraco-forms-page small a:hover, .formpage small a:hover {
  text-decoration: none;
}
.umbraco-forms-page .umbraco-forms-hidden, .formpage .umbraco-forms-hidden {
  display: none;
  visibility: hidden;
}
.umbraco-forms-page .umbraco-forms-navigation, .formpage .umbraco-forms-navigation {
  margin: 24px 0 0 0;
  padding: 0 !important;
}
.umbraco-forms-page .umbraco-forms-navigation button, .formpage .umbraco-forms-navigation button {
  width: unset;
  margin: 0;
  border: 0;
  padding: 12px 20px;
  background-color: var(--cyaan);
  border-radius: 8px;
  color: var(--wit);
  display: block;
  transition: background-color linear 125ms;
}
.umbraco-forms-page .umbraco-forms-navigation button:hover, .formpage .umbraco-forms-navigation button:hover {
  background-color: var(--donkerblauw);
}
.umbraco-forms-page .umbraco-forms-navigation p.button, .formpage .umbraco-forms-navigation p.button {
  margin: 0;
  padding: 0;
}

.umbraco-forms-form.whitepaper-form {
  margin-top: 28px;
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page {
  display: flex;
}
@media (max-width: 576px) {
  .umbraco-forms-form.whitepaper-form .umbraco-forms-page {
    flex-direction: column;
  }
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-navigation {
  margin-top: 12px;
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-navigation button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid var(--cyaan) !important;
  padding: 13px 20px !important;
  white-space: nowrap;
  height: 52px;
}
@media (max-width: 576px) {
  .umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-navigation button {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 100%;
  }
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-navigation button:hover {
  background-color: transparent !important;
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-field input {
  background-color: transparent;
  color: #FFFFFF;
  border-color: var(--cyaan) !important;
  max-width: 220px;
  width: 100%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0 !important;
}
@media (max-width: 576px) {
  .umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-field input {
    max-width: unset;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-right: 1px solid var(--cyaan) !important;
  }
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-field input::placeholder {
  color: #FFFFFF;
  opacity: 0;
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-field input:focus::placeholder {
  opacity: 1;
}
.umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-field input:focus + label, .umbraco-forms-form.whitepaper-form .umbraco-forms-page .umbraco-forms-field input:not(:placeholder-shown) + label {
  background-color: var(--donkerblauw) !important;
}
.mpForm ul {
  margin: 0;
  list-style-type: none;
}
.mpForm ul li {
  margin: 0;
  position: relative;
}
.mpForm ul li .mpFormLabel {
  position: absolute;
  top: -8px;
  left: 20px;
  line-height: 16px;
  padding: 0 4px;
  border-radius: 4px;
  background-color: var(--donkerblauw);
  font-size: 12px;
  pointer-events: none;
  font-weight: 400;
  color: var(--wit);
}
.mpForm ul li .mpFormField input[type=text] {
  background-color: transparent;
  width: 100%;
  margin: 0;
  padding: 13px 20px;
  border: 1px solid #F5F5F5 !important;
  border-radius: 8px;
  outline: none;
  color: var(--wit);
}
.mpForm ul li#CNT1617 {
  margin-top: 10px;
}
.mpForm ul li#CNT1617 .mpFormLabel {
  display: none;
}
.mpForm ul li#CNT1617 .mpFormField li {
  display: flex;
  gap: 10px;
}
.mpForm ul li .mpFormText {
  font-style: italic;
  margin-top: 40px;
}
.mpForm ul li input[type=submit] {
  width: unset;
  margin: 40px 0 0 0;
  border: 0;
  padding: 12px 20px;
  background-color: var(--cyaan);
  border-radius: 8px;
  color: var(--wit);
  display: block;
}
.mpForm ul li input[type=submit]:hover {
  padding: 11px 19px;
  background-color: transparent;
  border: 1px solid var(--wit);
}
.mpForm .mpErrorSummary {
  margin-bottom: 40px;
}
.mpForm .mpErrorSummary ul {
  list-style-type: circle;
}
.mpForm .mpErrorSummary ul li {
  color: #FF0000 !important;
  margin-left: 20px;
}

.filters {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.filters .filter {
  min-width: 200px;
}
.filters .filter select {
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 2px solid #F5F5F5;
  border-radius: 6px;
  text-indent: 10px;
  color: #000000;
}
.filters .reset {
  display: none;
}
.filters .reset.show {
  display: block;
}
.filters .reset.show span {
  line-height: 44px;
  padding-left: 24px;
  background-image: url("/Themes/3133/Images/trash-solid.svg");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 14px;
  text-decoration: underline;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.filters .reset.show span:hover {
  text-decoration: none;
}

.pagination {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.pagination .arrow {
  width: 48px;
  height: 48px;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 14px auto;
  background-color: var(--donkerblauw);
  text-align: center;
  display: block;
}
.pagination .arrow.left {
  mask-image: url("/Themes/3133/Images/arrow-left-solid.svg");
}
.pagination .arrow.right {
  mask-image: url("/Themes/3133/Images/arrow-right-solid.svg");
}
.pagination .arrow.disabled {
  cursor: not-allowed;
  opacity: 0.25;
}
.pagination .arrow:not(.disabled).active, .pagination .arrow:not(.disabled):hover {
  background-color: var(--cyaan);
  cursor: pointer;
}
.pagination .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}
.pagination .items .item {
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0;
  background-color: var(--cyaan);
  border-radius: 8px;
  border: 0;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  display: block;
}
.pagination .items .item.active, .pagination .items .item:hover {
  background-color: var(--donkerblauw);
  color: var(--wit);
  cursor: pointer;
}

.usps {
  margin-top: 40px;
}
.usps .usp {
  background-color: var(--licht);
  margin-top: 20px;
}
.usps .usp .title {
  padding: 40px;
  cursor: pointer;
}
.usps .usp .title p {
  margin: 0;
  font-weight: 700;
  color: var(--text-donkerblauw);
  font-size: 20px;
  line-height: 20px;
  padding: 0 32px;
  position: relative;
}
.usps .usp .title p:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: var(--cyaan);
}
.usps .usp .title p:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "\f077";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  color: var(--text-donkerblauw);
  transition: all 0.3s ease;
}
.usps .usp .title.active p:after {
  transform: rotate(180deg);
}
.usps .usp .description {
  padding: 0 40px 40px 40px;
}
.usps .usp .description p {
  margin: 0;
}

@media (max-width: 576px) {
  .formpage .form .form-row.radiobuttonlist.grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.loader {
  position: relative;
  height: 200px;
  padding: 25px 0;
}
.loader:after {
  display: block;
  height: 150px;
  width: 150px;
  margin: 0 auto;
  content: "";
  background-image: url("/Themes/3133/Images/bribus-b.svg");
  background-size: contain;
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite;
}

@keyframes ld-breath {
  0% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
}
@-webkit-keyframes ld-breath {
  0% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
}
.ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite;
}

#nav_mobile {
  top: 72px;
  right: 0;
  bottom: 0;
  left: 0;
  height: calc(100% - 72px);
  padding: 40px 0;
  background-color: rgba(0, 21, 57, 0.75);
  position: absolute;
  overflow: auto;
  z-index: 10;
}

.hamburger {
  top: 12px;
  right: 40px;
  height: 48px;
  margin: 0;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: var(--cyaan);
  text-transform: none;
  background-color: transparent;
  border-radius: 8px;
  border: 1px solid var(--cyaan);
  overflow: visible;
  position: absolute;
  display: none;
}

.hamburger.is-active {
  background-color: var(--donkerblauw);
  border-color: var(--donkerblauw);
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: var(--wit);
}

.hamburger-box {
  width: 48px;
  height: 48px;
  border-radius: 8px;
  display: inline-block;
  position: relative;
}

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

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: var(--cyaan);
  border-radius: 0px;
  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: -6px;
}

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

.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 {
  height: 100%;
  width: 100%;
  background-color: rgba(116, 201, 193, 0.9);
  position: fixed;
  z-index: 2;
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  text-align: center;
  display: none;
}

nav.mobile > .mobile-placeholder {
  margin: 0 40px;
  background-color: #FFFFFF;
  border-radius: 16px;
  -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  overflow: hidden;
}

nav.mobile > .mobile-placeholder .languages p {
  margin: 0;
  display: flex;
  flex-direction: row;
}
nav.mobile > .mobile-placeholder .languages p span {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  text-align: center;
  font-weight: 600;
  color: #00A0AD;
}
nav.mobile > .mobile-placeholder .languages p a {
  text-decoration: none;
}
nav.mobile > .mobile-placeholder .languages p a span {
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: #000000;
}
nav.mobile > .mobile-placeholder .languages p a:hover span {
  text-decoration: underline;
}

.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 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: 12px 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;
  background-color: #FFFFFF;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
}

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

.slinky-theme-default a:not(.back):not(.next) {
  width: calc(100% - 86px);
  line-height: 24px;
  padding: 12px 20px;
  text-decoration: none;
  color: #000000;
  display: inline-block;
  vertical-align: top;
}

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

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

.slinky-theme-default .next, .slinky-theme-default .back {
  line-height: 24px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.slinky-theme-default .next {
  padding: 8px 35px 8px 40px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.slinky-theme-default .back {
  padding: 12px 40px 12px 35px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.slinky-theme-default .next::after, .slinky-theme-default .back::after {
  font-family: "Font Awesome 5 Pro";
  color: #777777;
}

.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;
}

.container-fluid {
  padding-right: 40px;
  padding-left: 40px;
}
.container-fluid .row {
  margin-right: -40px;
  margin-left: -40px;
}
.container-fluid .row > * {
  padding-right: 40px;
  padding-left: 40px;
}
.container-fluid .row > * .section {
  padding: 0;
}
.container-fluid .row > * .section .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.row {
  margin-right: -20px;
  margin-left: -20px;
}
.row > * {
  padding-right: 20px;
  padding-left: 20px;
}

@media (max-width: 1200px) {
  .placeholder--grid.columns-5 {
    grid-template-columns: repeat(4, 1fr);
  }
  .placeholder--grid.columns-6 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1024px) {
  html, body {
    line-height: 26px;
    font-size: 16px;
  }
  h1 {
    line-height: 50px;
    font-size: 40px;
  }
  h2 {
    line-height: 46px;
    font-size: 36px;
  }
  h3, .heading-3 {
    line-height: 42px;
    font-size: 32px;
  }
  h4, .heading-4 {
    line-height: 38px;
    font-size: 28px;
  }
  h5, .heading-5 {
    line-height: 34px;
    font-size: 24px;
  }
  h6 {
    line-height: 30px;
    font-size: 20px;
  }
  .header {
    /*
    &:not(.homepage) {
    	margin-top: 126px;
    }
    */
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation {
    top: -126px;
    padding: 46px 0;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo {
    padding: 0;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary {
    margin-bottom: 0;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary > ul > li {
    /*&:not(:last-of-type) {*/
    display: none;
    /*}*/
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary {
    display: none;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation .hamburger {
    display: block;
  }
  .section.full--width .section--wrapper .wrapper--card .card--placeholder .placeholder--item.full-image--card .card--content {
    padding-right: 156px;
    padding-left: 60px;
  }
  .section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon {
    grid-template-columns: 0 50%;
  }
  .section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon .full-banner--icon {
    display: none;
    visibility: hidden;
  }
  .section .section--wrapper .wrapper--product .product--data .data--placeholder {
    margin-right: 0;
    grid-template-columns: 100%;
  }
  .section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside .aside--image {
    margin: 0;
    order: 2;
  }
  .section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--aside .aside--buttons {
    padding: 0 40px;
    order: 1;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder {
    margin-right: 0;
    grid-template-columns: 100%;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--aside .aside--image {
    margin: 0;
    order: 2;
  }
  .section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder {
    margin-right: 0;
    grid-template-columns: 100%;
  }
  .section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--content {
    padding-bottom: 24px;
  }
  .section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside .aside--image {
    margin: 0;
    order: 2;
  }
  .section .section--wrapper .wrapper--vacancy .vacancy--data .data--placeholder .placeholder--aside .aside--buttons {
    padding: 0 40px;
    order: 1;
  }
  .placeholder--item.card.with--form {
    grid-template-columns: 100%;
  }
  .placeholder--item.card.with--form .card--image {
    padding-right: 320px;
    padding-bottom: 40px;
  }
  .placeholder--item.card.with--form .card--image .image--employee {
    width: 25%;
    right: 0;
    padding-top: unset;
    left: unset;
  }
  .placeholder--item.full-image--card .card--content h2 {
    line-height: 40px;
    font-size: 40px;
  }
  .placeholder--item.eco-profile--card {
    margin-bottom: unset;
  }
  .placeholder--item.eco-profile--card:before {
    left: unset;
  }
  .placeholder--item.eco-profile--card .card--content {
    left: 0;
    right: 0;
    width: 100%;
    padding: 94px 117px 255px 88px;
  }
  .placeholder--item.eco-profile--card .card--content:before {
    width: 100%;
    height: 50%;
    top: unset;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(8, 168, 78, 0) 0%, rgba(8, 168, 78, 0.3) 100%);
  }
  .placeholder--item.eco-profile--card .card--image {
    width: calc(100% - 88px);
    top: unset;
    bottom: 0;
    right: 0;
    transform: translateY(50%);
  }
  .placeholder--item.eco-profile--card + .full-image--card {
    margin-left: 88px;
  }
  .placeholder--item.eco-profile--card + .full-image--card .card--content {
    padding: 232px 136px 40px 40px;
  }
  .placeholder--grid.contact-persons.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .placeholder--grid.columns-5 {
    grid-template-columns: repeat(3, 1fr);
  }
  .placeholder--grid.columns-6 {
    grid-template-columns: repeat(4, 1fr);
  }
  .narrow-page .wrapper--full-banner.with-icon.image-position-right {
    grid-template-columns: 50% 50%;
  }
  .narrow-page .wrapper--full-banner.with-icon.image-position-right .full-banner--icon {
    display: none;
  }
  .narrow-page .wrapper--full-banner.with-icon.image-position-right .full-banner--icon + .full-banner--content {
    padding: 40px;
  }
}
@media (max-width: 576px) {
  html, body {
    line-height: 26px;
    font-size: 16px;
  }
  h1 {
    line-height: 46px;
    font-size: 36px;
  }
  h2 {
    line-height: 42px;
    font-size: 32px;
  }
  h3, .heading-3 {
    line-height: 38px;
    font-size: 28px;
  }
  h4, .heading-4 {
    line-height: 34px;
    font-size: 24px;
  }
  h5, .heading-5 {
    line-height: 30px;
    font-size: 20px;
  }
  h6 {
    line-height: 30px;
    font-size: 20px;
  }
  .header {
    min-height: unset;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo {
    padding: 0;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary, .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--primary {
    display: none;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--content {
    width: 100%;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--content p.heading-2 {
    line-height: 34px;
    font-size: 24px;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--content h1 {
    line-height: 42px;
    font-size: 32px;
  }
  .section.full--width .section--wrapper .wrapper--card .card--placeholder .placeholder--item.full-image--card .card--content {
    padding: 40px;
  }
  .section .section--wrapper .wrapper--product .product--data .data--placeholder .placeholder--content ul.benefits {
    grid-template-columns: 100%;
  }
  .placeholder--item.card {
    padding: 16px 40px 0px 40px;
  }
  .placeholder--item.card:before {
    left: 0;
    width: 100%;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.75) 0%, #000000 100%);
  }
  .placeholder--item.card.with--form .card--image {
    padding-right: 40px;
    padding-bottom: 0;
  }
  .placeholder--item.card.with--form .card--image .image--employee {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    min-width: unset;
    min-height: unset;
    padding-top: 100%;
    position: relative;
  }
  .placeholder--item.card .card--content {
    width: 100%;
  }
  .placeholder--item.card .card--image {
    top: unset;
    right: unset;
    height: 100%;
    position: relative;
  }
  .placeholder--item.card .card--background-image {
    left: 0;
  }
  .placeholder--item.eco-profile--card:before {
    border-width: 0 20px 20px 0;
  }
  .placeholder--item.eco-profile--card .card--content {
    padding: 16px 40px 125px 40px;
  }
  .placeholder--item.eco-profile--card .card--image {
    width: calc(100% - 20px);
  }
  .placeholder--item.eco-profile--card + .full-image--card {
    margin-left: 20px;
  }
  .placeholder--item.eco-profile--card + .full-image--card .card--content {
    padding: 116px 40px 40px 40px;
  }
  .placeholder--item.full-image--card .card--content h2 {
    line-height: 40px;
    font-size: 40px;
  }
  .placeholder--grid.columns-2, .placeholder--grid.columns-3, .placeholder--grid.columns-4, .placeholder--grid.columns-5, .placeholder--grid.columns-6 {
    grid-template-columns: 100%;
  }
  .footer .footer--wrapper .wrapper--bottom .bottom--placeholder .placeholder--content {
    flex-direction: column;
    gap: 0;
  }
  .footer .footer--wrapper .wrapper--bottom .bottom--placeholder .placeholder--content ul {
    flex-wrap: wrap;
    row-gap: 0;
    column-gap: 16px;
  }
  .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field input {
    max-width: unset !important;
  }
  .embed--video .video--ribbon {
    margin-right: 20px;
    margin-left: -20px;
  }
  .embed--video .video--ribbon:before {
    top: -20px;
    border-width: 0 0 20px 20px;
  }
}
@media (max-width: 820px) {
  .placeholder--grid.columns-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .placeholder--grid.columns-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .placeholder--grid.columns-5 {
    grid-template-columns: repeat(2, 1fr);
  }
  .placeholder--grid.columns-6 {
    grid-template-columns: repeat(2, 1fr);
  }
  .section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon {
    grid-template-columns: 0 100%;
  }
  .section.full-banner:not(.narrow-page) .wrapper--full-banner.with-icon .full-banner--icon + .full-banner--content {
    padding: 160px 0 40px 0;
  }
}
@media (min-width: 820.02px) and (max-width: 1024px) {
  .placeholder--grid.timeline {
    column-gap: 60px !important;
  }
  .placeholder--grid.timeline .grid--item:nth-child(odd) .item--year {
    left: calc(100% + 20px) !important;
  }
  .placeholder--grid.timeline .grid--item:nth-child(odd):before, .placeholder--grid.timeline .grid--item:nth-child(odd):after {
    left: calc(100% + 59px) !important;
  }
  .placeholder--grid.timeline .grid--item:nth-child(even) .item--year {
    right: calc(100% + 21px) !important;
  }
  .placeholder--grid.timeline .grid--item:nth-child(even):before, .placeholder--grid.timeline .grid--item:nth-child(even):after {
    right: calc(100% + 61px) !important;
  }
  .narrow-page .wrapper--full-banner.image-position-right.with-image-2.second-image-offset .wrapper--full-banner-image.image-1 {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .narrow-page .wrapper--full-banner.image-position-right.with-image-2.second-image-offset .wrapper--full-banner-image.image-2 img {
    width: 200% !important;
  }
}
@media (min-width: 576.02px) and (max-width: 1024px) {
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--content {
    width: 100%;
  }
  .header .header--outer-wrapper .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--nav nav.nav--secondary {
    margin-right: 49px;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content {
    order: 2;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--aside {
    order: 1;
  }
  .sitemap > ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .header:not(.homepage) .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--placeholder .placeholder--content h1 {
    line-height: 42px;
    font-size: 32px;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--image {
    order: 1;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content {
    order: 2;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content p.content--data {
    flex-direction: column;
    gap: 0;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content p.content--data span.data--category {
    margin-left: 0;
  }
  .section .section--wrapper .wrapper--news .news--data .data--placeholder .placeholder--content p.content--data + p {
    margin-top: 24px;
  }
  .placeholder--list .list--item {
    grid-template-columns: repeat(1, 100%);
  }
  .placeholder--list .list--item .item--image {
    order: 1;
  }
  .placeholder--list .list--item .item--image img {
    position: relative;
  }
  .placeholder--list .list--item .item--content {
    order: 2;
  }
  .placeholder--grid.columns-1, .placeholder--grid.columns-2, .placeholder--grid.columns-3, .placeholder--grid.columns-4, .placeholder--grid.columns-5, .placeholder--grid.columns-6 {
    grid-template-columns: 100% !important;
  }
  .sitemap > ul {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .wrapper--full-banner .full-banner--content h2 span + span, .wrapper--full-banner .full-banner--content p span + span {
    margin-left: 0 !important;
  }
  .usps .usp .title {
    padding: 32px;
  }
  .usps .usp .description {
    padding: 0 32px 32px 32px;
  }
}
.iframe--wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.iframe--wrapper:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  z-index: 2;
}
.iframe--wrapper:after {
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  content: "";
  z-index: 3;
}
.iframe--wrapper iframe {
  width: 100vw;
  height: 56.25vw;
  min-height: 100vh;
  min-width: 177.77vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.back-end-ui-tagger {
  pointer-events: none;
}
.grecaptcha-badge {
  display: none !important;
  visibility: hidden !important;
}

.tools .icon:before {
  font-family: "Font Awesome 6 Pro";
}
.tools .icon.edit:before {
  content: "\f040";
}
.tools .icon.zoom:before {
  content: "\f00e";
}
.tools .icon.delete:before {
  content: "\f2ed";
}
.tools .icon.publish:before {
  content: "\f00c";
}
.tools .icon.unpublish:before {
  content: "\f00d";
}
.tools .icon.link:before {
  content: "\f0c1";
}
.tools .icon.eye:before, .tools .icon.view:before {
  content: "\f095";
}

/* Dealer Locator / Google Maps Styling */
.gm-style-iw-chr {
  background-color: var(--licht) !important;
}

.gm-ui-hover-effect > span {
  background-color: var(--donkerblauw);
}

.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-d {
  max-height: unset !important;
  max-width: unset !important;
  width: unset !important;
  height: unset !important;
  padding: 0 !important;
}

.gm-style .gm-style-iw-d {
  padding: 20px 40px 40px 40px !important;
}

.gm-style .gm-style-iw-d p {
  margin: 20px 0 0 0 !important;
  line-height: 24px !important;
  font-family: "Titillium Web" !important;
  font-size: 16px !important;
  color: var(--text-zwart) !important;
}

.gm-style .gm-style-iw-d p strong {
  font-weight: 700;
  color: var(--donkerblauw);
}

#dealer-locator .bh-sl-form-container .label, #dealer-locator .bh-sl-loc-list .label {
  top: 50%;
  width: 40px;
  height: 80px;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
}

#dealer-locator .bh-sl-form-container {
  width: 25%;
  height: calc(100% - 211px);
  top: 85px;
  bottom: 126px;
  left: -25%;
  background-color: var(--donkerblauw);
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  position: absolute;
  z-index: 1;
}

#dealer-locator .bh-sl-form-container.slided {
  left: 0%;
}

#dealer-locator .bh-sl-form-container h3 {
  color: var(--wit);
}

#dealer-locator .bh-sl-form-container .form-input {
  margin-top: 40px;
}

#dealer-locator .bh-sl-form-container .label .arrow {
  width: 10px;
  height: 24px;
  top: 50%;
  margin: 0 15px;
  display: block;
  position: absolute;
  text-align: center;
}

#dealer-locator .bh-sl-form-container .label .arrow::before, #dealer-locator .bh-sl-form-container .label .arrow::after {
  width: 10px;
  height: 2px;
  left: 0;
  background-color: #FFF;
  border-radius: 0px;
  position: absolute;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

#dealer-locator .bh-sl-form-container .label .arrow::before, #dealer-locator .bh-sl-form-container .label .arrow::after {
  content: "";
  display: block;
}

#dealer-locator .bh-sl-form-container .label:hover .arrow::before, #dealer-locator .bh-sl-form-container .label:hover .arrow::after, #dealer-locator .bh-sl-loc-list .label:hover .arrow::before, #dealer-locator .bh-sl-loc-list .label:hover .arrow::after {
  background-color: var(--cyaan);
}

#dealer-locator .bh-sl-form-container .label .arrow::before {
  top: 8px;
  -webkit-transform: rotate(45deg);
}

#dealer-locator .bh-sl-form-container .label .arrow::after {
  bottom: 8px;
  -webkit-transform: rotate(-45deg);
}

#dealer-locator .bh-sl-form-container .label.slided .arrow::before {
  top: 8px;
  -webkit-transform: rotate(-45deg);
}

#dealer-locator .bh-sl-form-container .label.slided .arrow::after {
  bottom: 8px;
  -webkit-transform: rotate(45deg);
}

#dealer-locator .bh-sl-loc-list {
  width: 25%;
  height: calc(100% - 211px);
  top: 85px;
  bottom: 126px;
  right: -25%;
  background-color: var(--wit);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  position: absolute;
  z-index: 1;
}

#dealer-locator .bh-sl-loc-list .padding {
  height: 100%;
  overflow: hidden;
}

#dealer-locator .bh-sl-loc-list ul.list {
  height: 100%;
  overflow-y: auto;
}

#dealer-locator .bh-sl-loc-list.slided {
  right: 0;
}

#dealer-locator .padding.top {
  padding-top: 60px;
}

#dealer-locator .padding.right {
  padding-right: 80px;
}

#dealer-locator .padding.bottom {
  padding-bottom: 80px;
}

#dealer-locator .padding.left {
  padding-left: 80px;
}

#dealer-locator .bh-sl-container {
  height: 832px;
  position: relative;
  overflow: hidden;
}

#dealer-locator .bh-sl-form-container {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

#dealer-locator .bh-sl-form-container .label, #dealer-locator .bh-sl-loc-list .label {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

#dealer-locator .bh-sl-form-container .label .arrow, #dealer-locator .bh-sl-loc-list .label .arrow {
  transform: translateY(-50%);
}

#dealer-locator .bh-sl-form-container .label {
  background-color: var(--donkerblauw);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  right: -40px;
}

#dealer-locator .bh-sl-form-container input[type=text] {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 13px 20px;
  background-color: transparent;
  border: 1px solid var(--wit) !important;
  border-radius: 8px;
  color: var(--wit);
  outline: none;
}

#dealer-locator .bh-sl-form-container select {
  width: 100%;
  margin: 0;
  padding: 13px 20px;
  background-color: transparent;
  border: 1px solid var(--wit) !important;
  border-radius: 8px;
  color: var(--wit) !important;
  outline: none;
}

#dealer-locator .bh-sl-form-container select ~ label {
  background-color: var(--donkerblauw) !important;
  color: var(--wit);
}

#dealer-locator .bh-sl-form-container label {
  background-color: transparent;
  color: var(--wit);
}

#dealer-locator .bh-sl-form-container input[type=text]:not(:placeholder-shown) ~ label,
#dealer-locator .bh-sl-form-container input[type=text]:focus ~ label {
  background-color: var(--donkerblauw) !important;
  color: var(--wit);
}

#dealer-locator .bh-sl-form-container button {
  width: unset;
  margin: 20px 0 0 0;
  border: 0;
  padding: 12px 20px;
  background-color: var(--cyaan);
  border-radius: 8px;
  color: var(--wit);
  display: block;
}

#dealer-locator .bh-sl-form-container button:hover {
  padding: 11px 19px;
  background-color: transparent;
  border: 1px solid var(--wit);
}

#dealer-locator .bh-sl-form-container select, #dealer-locator .bh-sl-form-container select option {
  color: #333;
}

#dealer-locator .bh-sl-form-container .bh-sl-filters-container p.heading-5 {
  color: var(--wit);
}

#dealer-locator .bh-sl-form-container .bh-sl-filters-container ul {
  margin: 20px 0 0 0;
  padding: 0;
  list-style-type: none;
  display: block;
}

#dealer-locator .bh-sl-form-container .bh-sl-filters-container ul li {
  margin: 0;
}

#dealer-locator .bh-sl-form-container .bh-sl-filters-container ul li input[type=checkbox] {
  display: none;
  visibility: hidden;
}

#dealer-locator .bh-sl-form-container .bh-sl-filters-container ul li label {
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: relative;
}

#dealer-locator .bh-sl-form-container .bh-sl-filters-container ul li label:before {
  width: 18px;
  height: 18px;
  border: 1px solid #F5F5F5;
  border-radius: 4px;
  background-color: #FFFFFF;
  display: block;
  content: "";
}

#dealer-locator .bh-sl-form-container .bh-sl-filters-container ul li input[type=checkbox]:checked ~ label:before {
  background-color: var(--cyaan);
}

#dealer-locator .bh-sl-map-container {
  height: 100%;
}

#dealer-locator .bh-sl-map-container .bh-sl-map {
  height: 100%;
}

#dealer-locator .bh-sl-loc-list {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

#dealer-locator .bh-sl-loc-list .label {
  background-color: var(--wit);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  left: -40px;
}

#dealer-locator .bh-sl-loc-list .label .arrow {
  width: 10px;
  height: 24px;
  top: 50%;
  margin: 0 15px;
  display: block;
  position: absolute;
}

#dealer-locator .bh-sl-loc-list .label .arrow::before, #dealer-locator .bh-sl-loc-list .label .arrow::after {
  width: 10px;
  height: 2px;
  right: 0;
  background-color: #000000;
  border-radius: 0px;
  position: absolute;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

#dealer-locator .bh-sl-loc-list .label .arrow::before, #dealer-locator .bh-sl-loc-list .label .arrow::after {
  content: "";
  display: block;
}

#dealer-locator .bh-sl-loc-list .label .arrow::before {
  top: 8px;
  -webkit-transform: rotate(-45deg);
}

#dealer-locator .bh-sl-loc-list .label .arrow::after {
  bottom: 8px;
  -webkit-transform: rotate(45deg);
}

#dealer-locator .bh-sl-loc-list .label.slided .arrow::before {
  top: 8px;
  -webkit-transform: rotate(45deg);
}

#dealer-locator .bh-sl-loc-list .label.slided .arrow::after {
  bottom: 8px;
  -webkit-transform: rotate(-45deg);
}

#dealer-locator .bh-sl-loc-list ul.list {
  margin: 0;
  padding: 0;
  border-radius: 16px 0 0 16px;
}

#dealer-locator .bh-sl-loc-list ul.list li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  cursor: pointer;
}

#dealer-locator .bh-sl-loc-list ul.list li.no-results {
  cursor: default;
}

#dealer-locator .bh-sl-loc-list ul.list li .list-details {
  border-bottom: 1px solid var(--licht);
}

#dealer-locator .bh-sl-loc-list ul.list li .list-details .list-content {
  padding: 60px 80px 80px 80px;
}

#dealer-locator .bh-sl-loc-list ul.list li .list-details .list-content p:first-of-type {
  margin-top: 0;
  padding-top: 0 !important;
}

#dealer-locator .bh-sl-loc-list ul.list li .list-details .list-content p {
  margin: 20px 0 0 0;
}

#dealer-locator .bh-sl-loc-list ul.list li.list-focus .list-details .list-content {
  background-color: var(--donkerblauw);
  color: var(--wit);
}

#dealer-locator .bh-sl-loc-list ul.list li.list-focus a.block-link {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

#dealer-locator .bh-sl-loc-list ul.list li.list-focus a.block-link span {
  color: #FFFFFF;
}

#dealer-locator .bh-sl-loc-list ul.list li.list-focus a.block-link:hover span {
  color: #000000;
}

#dealer-locator .bh-sl-loc-list ul.list li.list-focus h3, #dealer-locator .bh-sl-loc-list ul.list li.list-focus h3:first-line, #dealer-locator .bh-sl-loc-list ul.list li.list-focus h3 span {
  color: #FFFFFF;
  letter-spacing: 0.25em;
}

#dealer-locator .bh-sl-loc-list ul.list li hr {
  width: 100%;
}

@media (max-width: 1024px) {
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation .hamburger {
    display: block;
  }
  .placeholder--grid.downloads {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 820px) {
  h1, h2, h3, h4, h5, h6, p {
    margin: 20px 0 0 0;
  }
  h1, .heading-1 {
    line-height: 39px;
    font-size: 39px;
  }
  h2, .heading-2 {
    line-height: 31px;
    font-size: 31px;
  }
  h3, .heading-3 {
    line-height: 25px;
    font-size: 25px;
  }
  h4, .heading-4 {
    line-height: 25px;
    font-size: 20px;
  }
  h5, .heading-5 {
    font-size: 16px;
  }
  h6, .heading-6 {
    font-size: 16px;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation {
    padding: 0;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo {
    padding: 20px 0;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo a {
    display: block;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo a img {
    height: 32px;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation .hamburger {
    display: block;
  }
  .header .header--outer-wrapper.bottom .header--inner-wrapper {
    display: flex;
    flex-direction: column;
    grid-template-columns: unset;
    justify-content: end;
  }
  .header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content {
    margin-top: unset;
    margin-bottom: 40px;
  }
  .header .header--outer-wrapper.bottom .header--inner-wrapper.with-media {
    gap: 0;
    padding-top: 96px;
  }
  .header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--video,
  .header .header--outer-wrapper.bottom .header--inner-wrapper.with-media .wrapper--image {
    padding: 40px 0;
  }
  .header .header--background-image {
    top: 72px;
    height: unset;
  }
  .header .header--background-image .header--outer-wrapper .header-inner-wrapper img {
    aspect-ratio: 1/1;
  }
  .section {
    padding: 20px 0 40px 0;
  }
  .section.has--background-color {
    padding-bottom: 40px;
  }
  .section.has--background-color.licht.narrow-page .wrapper--counters, .section.has--background-color.donkerblauw.narrow-page .wrapper--counters {
    padding: 0 20px 20px 20px;
  }
  .section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content, .section.has--background-color.donkerblauw.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content {
    margin-top: 40px;
    padding: 0 0 40px 0;
  }
  .section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid, .section.has--background-color.donkerblauw.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid {
    padding-top: 20px;
    padding-right: 60px;
  }
  .section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid .row, .section.has--background-color.donkerblauw.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid .row {
    margin-right: -60px;
  }
  .section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid .row .col-12, .section.has--background-color.donkerblauw.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid .row .col-12 {
    padding-right: 60px;
  }
  .section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid .row .col-12 .row .col-lg-6, .section.has--background-color.donkerblauw.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content .container-fluid .row .col-12 .row .col-lg-6 {
    padding-right: 60px;
  }
  .section.has--background-color.licht.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content::after, .section.has--background-color.donkerblauw.narrow-page .section--wrapper .wrapper--placeholder .placeholder--content::after {
    right: 20px;
  }
  .section.has--background-color.licht:not(.narrow-page) .wrapper--counters, .section.has--background-color.donkerblauw:not(.narrow-page) .wrapper--counters {
    padding: 0 40px;
  }
  .section.image-position-right .section--wrapper .wrapper--full-banner, .section.image-position-center .section--wrapper .wrapper--full-banner, .section.image-position-left .section--wrapper .wrapper--full-banner {
    grid-template-columns: unset;
  }
  .section.image-position-right .wrapper--full-banner-image img, .section.image-position-center .wrapper--full-banner-image img, .section.image-position-left .wrapper--full-banner-image img {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 80%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 80%);
  }
  .section.image-position-right .wrapper--full-banner-image.image-1 img, .section.image-position-center .wrapper--full-banner-image.image-1 img, .section.image-position-left .wrapper--full-banner-image.image-1 img {
    width: 100%;
  }
  .section.image-position-left .wrapper--full-banner-image img {
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  }
  .section.full-banner:not(.narrow-page) {
    /*padding-top: 0;*/
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
  }
  .section.full-banner:not(.narrow-page) .section--wrapper {
    order: 2;
  }
  .section.full-banner:not(.narrow-page) .section--wrapper .wrapper--full-banner {
    margin-top: 0;
  }
  .section.full-banner:not(.narrow-page) .wrapper--full-banner-image {
    bottom: 0;
    order: 1;
  }
  .section.full-banner.narrow-page .wrapper--full-banner {
    display: flex;
    flex-direction: column;
  }
  .section.full-banner.narrow-page .wrapper--full-banner .wrapper--full-banner-image img {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  }
  .section .section--wrapper .wrapper--quote.small .quote--placeholder {
    padding: 0;
  }
  .section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote {
    width: 100%;
  }
  .section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote p.quote {
    padding: 14px 0;
  }
  .section .section--wrapper .wrapper--quote .quote--placeholder {
    padding: 0 47px;
  }
  .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote {
    width: 100%;
    padding: 0 20px;
  }
  .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote {
    padding: 0;
  }
  .section .section--wrapper .wrapper--quotes {
    padding: 0;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder {
    margin: 0;
    grid-template-columns: unset;
    display: block;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--content {
    padding: 20px 40px 40px 40px;
    gap: 20px;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel {
    grid-column: unset;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item {
    display: flex;
    flex-direction: column;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content {
    /*margin-top: auto;*/
    position: relative;
    padding: 0 40px;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box {
    width: 100%;
    margin: 0;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box p.quote {
    padding: 0;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image {
    border-radius: 0;
    aspect-ratio: 4/3;
    /*position: absolute;*/
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image img {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  }
  .section .section--wrapper .wrapper--quotes .placeholder--carousel-controls {
    width: 100%;
    position: static;
    justify-content: center;
  }
  .section .section--wrapper .wrapper--contact-persons {
    /*padding: 0 20px;*/
  }
  .section .section--wrapper .wrapper--contact-persons .contact-persons--placeholder {
    display: block;
    grid-template-columns: unset;
  }
  .section .section--wrapper .wrapper--contact-persons .contact-persons--placeholder .placeholder--filter {
    padding: 40px 0;
  }
  .wrapper--full-banner .full-banner--content {
    row-gap: 20px;
  }
  .placeholder--grid {
    margin-top: 40px;
    gap: 40px;
  }
  .placeholder--grid.contact-persons {
    margin-top: 20px;
  }
  .placeholder--grid.contact-persons .grid--item .item--placeholder {
    align-items: end;
  }
  .placeholder--grid.contact-persons .grid--item .item--placeholder .placeholder--content {
    padding: 20px;
    gap: unset;
  }
  .placeholder--grid.contact-persons .grid--item .item--placeholder .placeholder--image {
    width: unset;
    height: unset;
    aspect-ratio: 1/1;
  }
  .placeholder--grid.timeline {
    margin-top: 106px;
    padding: 0;
    display: flex;
    flex-direction: column;
    row-gap: 110px;
    grid-template-columns: unset;
  }
  .placeholder--grid.timeline::before {
    top: -10px;
    left: 50%;
    bottom: 0;
    grid: unset;
    grid-row: unset;
    width: 2px;
    height: 100%;
    position: absolute;
  }
  .placeholder--grid.timeline .grid--item .item--year {
    top: -55px;
    left: 50% !important;
    right: unset;
    transform: translateX(-50%);
    padding-top: 0;
  }
  .placeholder--grid.timeline .grid--item .item--placeholder .placeholder--content {
    padding: 20px;
  }
  .placeholder--grid.timeline .grid--item:before {
    position: absolute;
    top: 0;
    bottom: calc(50% + 30px);
    width: 2px;
    background-color: var(--wit);
    content: "";
  }
  .placeholder--grid.timeline .grid--item:nth-child(odd):before, .placeholder--grid.timeline .grid--item:nth-child(even):before {
    left: calc(50% - 1px) !important;
    right: unset !important;
    top: -18px !important;
    z-index: -1;
  }
  .placeholder--grid.timeline .grid--item:nth-child(odd):after, .placeholder--grid.timeline .grid--item:nth-child(even):after {
    left: calc(50% - 1px) !important;
    right: unset !important;
    bottom: -40px !important;
    z-index: -1;
  }
  .placeholder--grid.counters {
    margin-top: 20px;
  }
  .placeholder--grid.counters.columns-4 {
    grid-template-columns: repeat(2, 1fr);
    /*gap: 20px;*/
  }
  .placeholder--grid.counters .grid--item .item--placeholder {
    row-gap: 20px;
  }
  .placeholder--grid.counters .grid--item .item--placeholder .placeholder--image {
    aspect-ratio: unset;
  }
  .placeholder--grid.counters .grid--item .item--placeholder .placeholder--image .image--icon {
    width: 48px;
    height: 48px;
  }
  .placeholder--grid.counters .grid--item .item--placeholder .placeholder--content p.heading-3 {
    font-size: 20px;
  }
  .placeholder--grid.downloads {
    grid-template-columns: 1fr;
  }
  .placeholder--grid .grid--item .item--placeholder .placeholder--content p {
    margin: 0;
  }
  .placeholder--list.benefits .list--item {
    width: 100%;
  }
  .narrow-page .wrapper--full-banner {
    margin: 20px 40px 0 40px;
  }
  .narrow-page .wrapper--full-banner.image-position-right {
    grid-template-columns: unset;
    display: flex;
    flex-direction: column;
  }
  .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 {
    order: 1;
  }
  .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 img {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  }
  .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-2 {
    display: none;
    visibility: hidden;
  }
  .narrow-page .wrapper--full-banner .full-banner--content {
    padding: 40px;
    order: 2;
  }
  .narrow-page .wrapper--full-banner.with-second-text .full-banner--content:not(:first-of-type) {
    padding: 40px !important;
  }
  .narrow-page .placeholder--content.has--background-color {
    padding: 20px 0 40px 0;
  }
  .quick--navigation ul {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .footer .footer--outer-wrapper.bottom .footer--inner-wrapper {
    grid-template-columns: unset;
  }
  .footer .footer--outer-wrapper.bottom .footer--inner-wrapper .placeholder--content.footer-navigation ul {
    grid-template-columns: unset;
  }
  .copyright .copyright--outer-wrapper .copyright--inner-wrapper {
    flex-direction: column;
    row-gap: 10px;
  }
  .copyright .copyright--outer-wrapper .copyright--inner-wrapper p {
    flex-direction: column;
  }
  .copyright .copyright--outer-wrapper .copyright--inner-wrapper p:last-of-type {
    margin: 0;
  }
  .umbraco-forms-page {
    margin-top: 0;
  }
  #dealer-locator .bh-sl-form-container {
    width: calc(100% - 80px);
    height: unset;
    top: -100%;
    right: 40px;
    bottom: 100%;
    left: 40px;
    border-radius: 0 0 16px 16px;
    position: absolute;
    z-index: 1;
  }
  #dealer-locator .bh-sl-form-container.slided {
    top: 0%;
    right: 40px;
    bottom: 128px;
    left: 40px;
    width: calc(100% - 80px);
  }
  #dealer-locator .bh-sl-form-container .label {
    right: calc(50% - 20px);
    top: calc(100% - 20px);
    transform: rotate(90deg);
  }
  #dealer-locator .bh-sl-form-container .padding {
    padding: 40px !important;
  }
  #dealer-locator .bh-sl-loc-list {
    display: none !important;
    visibility: hidden !important;
  }
}
@media (min-width: 820.02px) and (max-width: 1365.98px) {
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation {
    padding: 0;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo {
    padding: 20px 0;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo a {
    display: block;
  }
  .header .header--outer-wrapper.top .header--inner-wrapper .wrapper--placeholder .placeholder--navigation ul li.navigation--logo a img {
    height: 32px;
  }
  .header .header--outer-wrapper.bottom .header--inner-wrapper {
    /*min-height: unset;*/
  }
  .header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content {
    margin-top: unset;
    margin-bottom: 102px;
  }
  .header .header--background-image {
    top: 72px;
    height: unset;
  }
  .section .section--wrapper .wrapper--quote.small .quote--placeholder {
    padding: 0;
  }
  .section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote {
    width: 100%;
  }
  .section .section--wrapper .wrapper--quote.small .quote--placeholder .placeholder--single-quote p.quote {
    padding: 14px 0;
  }
  .section .section--wrapper .wrapper--quote .quote--placeholder {
    padding: 0 47px;
  }
  .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote {
    width: 100%;
    padding: 0 20px;
  }
  .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.quote {
    padding: 0;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--content {
    padding: 40px 0;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--content .content--box {
    width: 100%;
    margin: 0;
  }
  .section .section--wrapper .wrapper--quotes .quotes--placeholder .placeholder--carousel .carousel--item .item--image {
    aspect-ratio: 4/3;
  }
  .wrapper--full-banner .full-banner--content {
    row-gap: 20px;
  }
  .narrow-page .wrapper--full-banner .full-banner--content {
    padding: 40px;
  }
  .narrow-page .placeholder--content.has--background-color {
    padding: 0 0 40px 0;
  }
  .quick--navigation ul {
    gap: 40px;
    grid-template-columns: 1fr 1fr;
  }
  .placeholder--grid {
    gap: 40px;
  }
  .placeholder--grid.counters .grid--item .item--placeholder .placeholder--image {
    aspect-ratio: unset;
  }
  .placeholder--grid.counters .grid--item .item--placeholder .placeholder--image .image--icon {
    width: 150px;
    height: 150px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: 150px;
  }
  .placeholder--list.benefits .list--item {
    width: 100%;
  }
  #dealer-locator .bh-sl-form-container {
    width: 45%;
  }
  #dealer-locator .bh-sl-form-container h3 {
    margin: 0;
  }
}
.studiob {
  /* Exceptions */
  /* MD TOAST */
  /*.filter .filter-group {padding-top: 16px; border-top: 1px solid #E5E5E5;}*/
  /*	#kitchenList:hover .kitchen {
  	opacity: .5;
  }

  #kitchenList:hover .kitchen:hover {
  	opacity: 1;
  }*/
  /* Product box comparable */
  /**/
  /**/
  /* PROFILING */
  /*.outer-front.current .inner-front {border: 6px solid #D0AD67;}*/
  /* QUOTATION FORM */
  /*.dataSelector .selected:after {position: absolute; content: '\f058'; font-family: 'Font Awesome 6 Pro'; top: 25px; right: 25px; color: var(--cyaan); font-size: 24px; font-weight: 900;}*/
  /*Default (switchable) products*/
  /*#quotation-detail .default-products .quotationproduct { height: calc(100% - 32px); position:relative; }*/
  /*Addable products*/
  /*Cart*/
  /*ADMIN*/
  /* Popups */
  /* Slider */
}
.studiob .single-heading-1 {
  line-height: 64px;
  font-size: 56px;
  font-weight: 700;
  color: #002563;
  padding: 40px 0 0 0;
  margin: 0;
}
.studiob .single-heading-2 {
  line-height: 40px;
  font-size: 32px;
  font-weight: 700;
  color: #002563;
  padding: 40px 0 0 0;
  margin: 0;
}
.studiob .single-heading-3 {
  line-height: 32px;
  font-size: 24px;
  font-weight: 700;
  color: #002563;
  padding: 40px 0 0 0;
  margin: 0;
}
.studiob .row {
  margin-left: -8px;
  margin-right: -8px;
}
.studiob .row > * {
  padding-left: 8px;
  padding-right: 8px;
}
.studiob .inner-wrapper > .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.studiob .section {
  overflow: visible;
}
.studiob img.qrcode {
  width: 250px;
}
.studiob img.qrcode-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.studiob input.large-spacing {
  font-size: 24px;
  text-align: center;
  letter-spacing: 10px;
}
.studiob .grecaptcha-badge {
  z-index: 10;
}
.studiob .buttons {
  display: block;
}
.studiob button {
  padding: 12px 20px;
  background-color: var(--cyaan);
  border-radius: 8px;
  color: var(--wit);
  display: block;
  transition: background-color linear 125ms;
  border: none;
  outline: none;
}
.studiob button:hover {
  background-color: var(--donkerblauw);
  color: var(--wit);
}
.studiob button[disabled=disabled],
.studiob button.disabled,
.studiob button[disabled=disabled]:hover,
.studiob button.disabled:hover {
  background-color: var(--cyaan);
  opacity: 0.5;
  cursor: not-allowed;
  color: #FFFFFF;
}
.studiob .buttons button {
  display: inline-block;
}
.studiob .buttons p.button {
  margin-top: 0;
}
.studiob .content-block.import-export,
.studiob .content-block.contacts,
.studiob .content-block.user-information {
  margin-top: 32px;
  position: relative;
  overflow: hidden;
}
.studiob .content-block.import-export h1,
.studiob .content-block.contacts h1,
.studiob .content-block.user-information h1 {
  margin-top: 0;
  margin-bottom: 40px;
}
.studiob .content-block.user-information:before, .studiob .content-block.user-information:after {
  content: "";
  display: table;
}
.studiob .content-block.user-information:after {
  clear: both;
}
.studiob .content-block.user-information {
  zoom: 1;
}
.studiob .content-block.user-information button {
  margin-right: 20px;
}
.studiob .content-block.user-information button,
.studiob .content-block.user-information p.button.deleteaccount {
  margin-top: 28px;
  display: inline-block;
  float: left;
  vertical-align: top;
}
.studiob .content-block .buttons {
  margin-top: 32px;
}
.studiob p.quote {
  padding: 32px 28px 0 28px;
  line-height: 32px;
  font-family: "Source Serif Pro", serif;
  font-size: 24px;
  font-weight: 700;
  display: block;
  position: relative;
}
.studiob p.quote:before, .studiob p.quote:after {
  font-size: 40px;
  content: '"';
  position: relative;
  display: inline-block;
}
.studiob p.quote:before {
  left: 0px;
  top: 38px;
  margin-right: 10px;
  position: absolute;
}
.studiob p.quote:after {
  top: 11px;
  margin-left: 10px;
}
.studiob img.img-fluid {
  width: 100%;
  height: auto;
  display: block;
}
.studiob .image-placeholder {
  height: 100%;
}
.studiob .image-placeholder img {
  padding-top: 32px;
}
.studiob .no-placeholder-height .image-placeholder {
  height: unset;
}
.studiob .padding.top {
  padding-top: 32px;
}
.studiob .padding.bottom {
  padding-bottom: 64px;
}
.studiob .float-left {
  float: left;
}
.studiob .float-right {
  float: right;
}
.studiob [data-aos^=fade][data-aos^=fade] {
  opacity: 1 !important;
}
.studiob [data-aos=fade-up] {
  transform: none !important;
}
.studiob ul.check {
  margin: 32px 0 0 0;
  padding: 0;
}
.studiob ul.check li {
  margin: 0;
  padding: 0 0 0 24px;
  list-style: none;
  position: relative;
}
.studiob ul.check li:before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #D0AD67;
  content: "\f00c";
  position: absolute;
}
.studiob [ng\:cloak], .studiob [ng-cloak], .studiob [data-ng-cloak], .studiob [x-ng-cloak], .studiob .ng-cloak, .studiob .x-ng-cloak {
  display: none !important;
}
.studiob .inner-wrapper {
  width: 100%;
  max-width: 1656px;
  margin: 0 auto;
}
.studiob .alert {
  padding: 8px;
  margin-top: 12px;
  border: solid black 1px;
  border-radius: 4px;
}
.studiob .alert.danger {
  color: #740000;
  border-color: #ffafaf;
  background: #ffd1d1;
}
.studiob .alert.centered {
  text-align: center;
}
.studiob .alert.margin-bottom {
  margin-bottom: 16px;
}
.studiob .gridmenu {
  margin-top: 32px;
}
.studiob .exception {
  border-radius: 5px;
  text-align: center;
  border: dashed rgba(0, 0, 0, 0.1019607843) 2px;
  padding: 24px;
}
.studiob .exception .exicon {
  font-size: 52px;
  margin-bottom: 24px;
}
.studiob .exception .exicon p {
  font-size: 20px;
  padding: 0;
}
.studiob .exception .text p {
  font-size: 18px;
  padding: 0;
  margin: 0;
}
.studiob .exception.error {
  border-bottom: solid #d10000 6px;
}
.studiob .exception.error .icon {
  color: #d10000;
}
.studiob .exception.green {
  border-color: #298b29;
  background: #e4ffe4;
}
.studiob .exception.max-width-text .text {
  max-width: 80%;
  margin: auto;
}
.studiob .exception.nav-notification .icon {
  color: #00a0ad;
}
.studiob md-toast {
  z-index: 10000000;
  position: fixed !important;
  font-family: "exo_2regular", sans-serif;
  font-size: 16px;
  bottom: 24px !important;
  min-width: 50vw !important;
  max-width: 50vw;
  transform: translate(50%, 0);
  text-align: center;
}
.studiob md-toast .md-toast-content {
  font-size: 18px !important;
  padding: 8px;
  max-width: unset !important;
}
.studiob md-toast.md-toast-success .md-toast-content {
  background: #6cc36c;
  border: solid #489848 1px;
}
.studiob md-toast.md-toast-warning .md-toast-content {
  background: #d49351;
  border: solid #a97541 1px;
}
.studiob md-toast.md-toast-error .md-toast-content {
  background: #d45151;
  border: solid #a94141 1px;
}
.studiob .dropdown-navigation select {
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid #707070;
  outline: none;
}
.studiob .custom-select {
  position: relative;
  font-family: Arial;
}
.studiob .custom-select select {
  display: none;
}
.studiob .select-selected {
  background-color: DodgerBlue;
}
.studiob .select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.studiob .select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.studiob .select-items div, .studiob .select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.studiob .select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.studiob .select-hide {
  display: none;
}
.studiob .select-items div:hover, .studiob .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
.studiob .content-block, .studiob .block.white {
  margin-top: 40px;
  padding: 20px 12px;
  background-color: #FFFFFF;
  border-radius: 16px;
}
.studiob .block.white h2, .studiob .block.white p.heading-2, .studiob .block.white p.single-heading-2,
.studiob .block.white h3, .studiob .block.white p.heading-3,
.studiob .block.white h4, .studiob .block.white p.heading-4,
.studiob .block.white h5, .studiob .block.white p.heading-5,
.studiob .block.white h6, .studiob .block.white p.heading-6 {
  color: #002563;
}
.studiob .block.white p, .studiob .block.white p strong {
  color: #000000;
}
.studiob .block.white .image-placeholder img {
  padding-top: 0;
}
.studiob .block.white .sfContentBlock h2:first-child,
.studiob .block.white .sfContentBlock p:first-child:not(.quote) {
  padding: 0;
}
.studiob .block.white.bordered {
  border: 1px solid #F2F2F2;
  border-bottom: 2px solid #000000;
}
.studiob .content-block {
  padding: 20px;
  border-radius: 16px;
}
.studiob .content-block .direct-login p.single-heading-2 {
  padding: 0;
}
.studiob .content-block p + .responsive-table {
  margin-top: 32px;
}
.studiob .content-block > p:first-of-type,
.studiob .content-block > .filters > p:first-of-type,
.studiob .content-block > .results > p:first-of-type {
  padding-top: 0;
  margin-top: 0;
}
.studiob .content-block > p.button:not(:only-of-type) {
  padding: 0 0 32px 0;
}
.studiob .content-block > .buttons {
  padding-bottom: 32px;
}
.studiob .content-block > .buttons.end {
  padding-bottom: 0;
}
.studiob .content-block > .direct-login > .buttons {
  margin-top: 32px;
}
.studiob .content-block > .buttons p.button,
.studiob .content-block > .direct-login > .buttons p.button {
  margin-right: 15px;
  padding: 0;
  float: left;
  display: inline-block;
}
.studiob .content-block .kitchen-information p.single-heading-2 {
  padding: 0;
}
.studiob .content-block .kitchen-information p.single-heading-3 {
  color: #000000;
}
.studiob .content-block .kitchen-information .kitchen-image {
  padding-top: 32px;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row .info {
  padding: 10px 0 20px 0;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row p.addFileUploader {
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: var(--donkerblauw);
  border: 1px solid var(--donkerblauw);
  position: relative;
  transition: all linear 250ms;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row p.addFileUploader:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f067";
  font-size: 20px;
  color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all linear 250ms;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row p.addFileUploader:hover {
  background-color: transparent;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row p.addFileUploader:hover:before {
  color: var(--donkerblauw);
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row .fileuploaders ul {
  padding: 0;
  margin: 0;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row .fileuploaders ul li {
  list-style-type: none;
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row .fileuploaders ul li input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row .fileuploaders ul li input[type=file]::-webkit-file-upload-button {
  cursor: pointer;
}
.studiob .content-block form[name=priceIndicationForm] .form .form-row .fileuploaders ul li .removeFileUploader {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.studiob .formpage .form .buttons.end {
  padding-top: 32px;
}
.studiob .form-row:first-of-type > label {
  margin-top: 0;
}
.studiob .form-row input:focus, .studiob .form-row textarea:focus {
  box-shadow: unset;
}
.studiob .form-row textarea {
  padding: 0 10px !important;
}
.studiob .form-row input:not([type=radio]):not([type=checkbox]) {
  width: 100%;
  margin: 0;
  outline: none;
}
.studiob .form-row input[type=checkbox] ~ label {
  line-height: unset;
  display: inline-block;
}
.studiob .form-row input[type=radio] ~ label {
  line-height: unset;
  text-transform: unset;
  font-size: unset;
}
.studiob .form-row + button {
  margin-top: 32px;
}
.studiob .form-row p.required.alert-message {
  padding: 0;
  font-style: italic;
  font-size: 12px;
  color: red;
}
.studiob .form-row.with-padding {
  padding: 20px 0;
}
.studiob .k-radio-label::before {
  top: 5px !important;
}
.studiob .k-radio:checked + .k-radio-label:after {
  top: 8px !important;
  left: 3px !important;
}
.studiob .video-container {
  position: relative;
  padding-bottom: 56.25%;
  margin-top: 30px;
  height: 0;
  overflow: hidden;
}
.studiob .video-container iframe, .studiob .video-container object, .studiob .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.studiob .bx-wrapper {
  width: 100% !important;
  max-width: unset !important;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.studiob .bx-wrapper .bx-pager.bx-default-pager {
  height: 10px;
  line-height: 10px;
  margin: 0 0 32px 0;
  padding: 0;
  position: static;
}
.studiob .bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #A7A9AC;
}
.studiob .bx-wrapper .bx-pager.bx-default-pager a:hover,
.studiob .bx-wrapper .bx-pager.bx-default-pager a.active,
.studiob .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background-color: #002664;
}
.studiob .attributes p {
  padding: 0;
}
.studiob .quick-functions p.single-heading-2 {
  padding: 0 0 22px 0;
}
.studiob .quick-functions p {
  padding-top: 10px;
}
.studiob .quick-functions p a.block-link {
  text-decoration: none;
}
.studiob .quick-functions p.block-link span,
.studiob .quick-functions p a.block-link span {
  display: block;
}
.studiob .block-links p {
  margin-right: 10px;
  display: inline-block;
  float: left;
}
.studiob .block-links p:last-of-type {
  margin-right: 0;
}
.studiob .placeholder--grid.slots {
  margin-top: 40px;
}
.studiob .productfilter {
  background-color: #FFFFFF;
  position: relative;
}
.studiob .productfilter * {
  color: #707070;
}
.studiob .productfilter .filter-counter {
  top: 0;
  right: 0;
  padding: 32px 30px;
  transition: background-color linear 250ms;
  display: block;
  cursor: pointer;
  position: absolute;
}
.studiob .filter-tags .filter-tags-title {
  margin-bottom: 16px;
}
.studiob .filter-tags .filter-tags-title p.heading-3 {
  margin: 16px 0 0 0;
}
.studiob .filter {
  margin-top: 40px;
  padding: 20px;
  border-radius: 16px;
  background-color: #FFFFFF;
}
.studiob .filter .content p.single-heading-2 {
  padding: 0;
}
.studiob .filter .content p.counter {
  padding: 0;
}
.studiob .filter .content p.filter-reset {
  padding: 0;
  margin: 16px 0 0 0;
}
.studiob .filter .content p.filter-reset a:before {
  margin-right: 10px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f2ed";
  color: #707070;
}
.studiob .filter .content p.filter-reset a,
.studiob .filter .content p.filter-reset a:hover {
  color: #707070;
}
.studiob .filter .content p.filter-reset a {
  text-decoration: none;
}
.studiob .filter .content p.filter-reset a:hover {
  text-decoration: underline;
}
.studiob .filter .filter-wrapper {
  margin-top: 16px;
}
.studiob .filter .filter-group select {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 16px 0 32px 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border: 0;
  outline: none;
}
.studiob .filter .filter-group p.single-heading-3 {
  padding: 0;
}
.studiob .filter .filter-group p.filter-sub-label {
  margin: 0;
  padding: 0;
  font-weight: 300;
  display: block;
  text-transform: uppercase;
}
.studiob .filter .filter-group ul:not(.k-slider-items) {
  margin: 16px 0;
  padding: 0;
}
.studiob .filter .filter-group ul:not(.k-slider-items) li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_less,
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_more {
  text-decoration: none;
  color: #707070;
  cursor: pointer;
}
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_more:before,
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_less:before {
  margin-right: 10px;
  font-family: "Font Awesome 5 Pro";
  font-size: 12px;
  font-weight: 400 !important;
  text-decoration: none !important;
  color: #707070;
}
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_less:hover span,
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_more:hover span {
  text-decoration: underline;
}
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_more:before {
  content: "\f078";
}
.studiob .filter .filter-group ul:not(.k-slider-items) li span.show_less:before {
  content: "\f077";
}
.studiob .filter .filter-group:last-of-type ul:not(.k-slider-items) {
  margin-bottom: 0;
}
.studiob .filter .filter-group .range {
  display: block;
  width: 100%;
  position: relative;
  min-height: 60px;
}
.studiob .filter .filter-group .range input[type=number] {
  width: calc(50% - 60px) !important;
  display: inline-block;
  float: left;
}
.studiob .filter .filter-group .range input[type=button] {
  width: 40px;
  height: 40px;
  line-height: 38px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--cyaan);
  background-color: transparent;
  color: #000000;
  text-align: center;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.studiob .filter .filter-group .range input[type=button]:hover {
  background-color: var(--cyaan);
  color: #FFFFFF;
}
.studiob .filter .filter-group .range span.seperating {
  width: 40px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  float: left;
}
.studiob .filter .filter-group .filter-sub-section {
  padding-top: 16px;
  border-top: 1px solid #E5E5E5;
}
.studiob .filter .single-filter-group .filter-sub-section {
  position: relative;
  padding-top: 16px;
  border-top: 1px solid #E5E5E5;
  padding-bottom: 16px;
}
.studiob .filter .single-filter-group .filter-sub-section:first-of-type {
  border: none;
  padding-top: 0;
}
.studiob .filter .single-filter-group .filter-sub-section .filterinformation {
  color: #002563;
  line-height: 32px;
  position: absolute;
  right: 0;
}
.studiob .filter .single-filter-group .filter-sub-section .filter-sub-label {
  text-transform: initial;
  line-height: 32px;
  font-size: 24px;
  font-weight: 700;
  color: #002563;
}
.studiob .filter .filter-toggle {
  padding: 16px 20px;
  background-color: #FFFFFF;
  font-size: 30px;
  font-weight: 700;
  transition: background-color linear 250ms;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.studiob .filter .filter-toggle > span {
  display: block;
}
.studiob .filter .filter-toggle > span,
.studiob .filter .filter-toggle > span:before, .studiob .filter-toggle > span:after {
  vertical-align: top;
  transition: all linear 250ms;
}
.studiob .filter .filter-toggle > span:before, .studiob .filter-toggle > span:after {
  color: var(--donkerblauw);
}
.studiob .filter .filter-toggle > span:before {
  margin-right: 10px;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 300 !important;
  content: "\f0b0";
  display: inline-block;
}
.studiob .filter .filter-toggle > span:after {
  margin-left: 20px;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px;
  font-weight: 900 !important;
  content: "\f078";
  display: inline-block;
}
.studiob .filter .filter-toggle > span.is-selected:after {
  content: "\f077";
}
.studiob .filter .filter-toggle p {
  margin: 0;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
}
.studiob .filter .filter-sort-wrapper {
  margin: 16px 0;
  white-space: nowrap;
  float: right;
}
.studiob .filter .filter-sort-wrapper > span {
  margin-right: 10px;
  display: inline-block;
}
.studiob .filter .filter-sort-wrapper select {
  height: 32px;
  line-height: 32px;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.studiob .filter .filter-counter {
  margin: 16px 0;
  white-space: nowrap;
  float: right;
}
.studiob .filter .filter-tags .filter-tag {
  display: flex;
  flex-direction: row;
}
.studiob .filter .filter-tags .filter-tag .filter-tag-filter-name {
  font-weight: bold;
}
.studiob .filter .filter-tags .filter-tag .filter-tag-remove {
  margin-left: auto;
  color: red;
  font-size: 20px;
  cursor: pointer;
  line-height: 28px;
}
.studiob .productfilter .filters-placeholder {
  padding: 32px 15px 0 15px;
}
.studiob .productfilter .filters-placeholder ul.filter-group {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section {
  flex: 1 1 auto;
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section .filterlabel {
  margin: 0 0 16px 0;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section {
  margin: 0 0 32px 0;
}
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section .filter-sub-label {
  margin: 0 0 16px 0;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
}
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section ul,
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section ul li,
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul,
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul li {
  padding: 0;
  list-style: none;
}
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul {
  margin: 0 0 32px 0;
}
.studiob .productfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul li {
  margin: 0;
}
.studiob .productfilter.format .filter-toggle span:before {
  display: none;
}
.studiob .productfilter.format .filter-toggle span:before {
  display: none;
}
.studiob .productfilter .filter-sort-wrapper {
  top: 0;
  right: 0;
  margin: 0 30px;
  padding: 26px 0;
  width: 280px;
  transition: background-color linear 250ms;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.studiob .productfilter .filter-sort-wrapper > span {
  flex: 1 1;
}
.studiob .productfilter .filter-sort-wrapper .select-wrapper {
  flex: 1 1 45%;
}
.studiob .productfilter .filter-sort-wrapper .select-wrapper select.sorter,
.studiob .productfilter .filter-sort-wrapper .select-wrapper input {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.studiob .top-filter-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding-top: 40px;
}
.studiob .top-filter-wrapper.small,
.studiob .top-filter-wrapper.medium {
  padding-top: 0;
}
.studiob .top-filter-wrapper.backend {
  margin-bottom: 16px;
}
.studiob .top-filter-wrapper.backend p.button span {
  padding: 0px 20px;
}
.studiob .top-filter-wrapper .top-filter {
  display: flex;
  gap: 40px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.studiob .top-filter-wrapper .top-filter p {
  margin-top: 0;
  line-height: 48px;
  white-space: nowrap;
}
.studiob .top-filter-wrapper .top-filter .search { /*min-width: 307px;*/
  display: flex;
}
.studiob .top-filter-wrapper .top-filter .search input {
  background-color: var(--wit);
  border: none !important;
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 8px !important;
}
.studiob .top-filter-wrapper .top-filter .search button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.studiob .top-filter-wrapper .top-filter .search button:disabled:hover {
  background-color: var(--cyaan);
}
.studiob .top-filter-wrapper .top-filter .filter-sub-section {
  display: flex;
  gap: 10px;
}
.studiob .top-filter-wrapper .top-filter .filter-sub-section select {
  background-color: var(--wit);
  border: none !important;
  border-radius: 8px;
  height: 48px !important;
}
.studiob .top-filter-wrapper .top-filter .filter-sub-section select:hover {
  background-color: var(--wit) !important;
}
.studiob .top-filter-wrapper.small .top-filter {
  gap: 20px;
}
.studiob .energylabel {
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 0 0 3px !important;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  min-width: 48px;
  display: inline-block;
  background-color: #fbb900;
  border-color: #fbb900; /*Fallback*/
}
.studiob .energylabel::after {
  content: "";
  position: absolute;
  left: 100%;
  border: 12px solid transparent;
  border-left: 12px solid #fbb900;
}
.studiob .energylabel > sup {
  top: -3px;
  left: -3px;
}
.studiob .energylabel.elA {
  background-color: #63aa5a;
  border-color: #63aa5a;
}
.studiob .energylabel.elA::after {
  border-left-color: #63aa5a;
}
.studiob .energylabel.elB {
  background-color: #7bae4a;
  border-color: #7bae4a;
}
.studiob .energylabel.elB::after {
  border-left-color: #7bae4a;
}
.studiob .energylabel.elC {
  background-color: #bdd342;
  border-color: #bdd342;
}
.studiob .energylabel.elC::after {
  border-left-color: #bdd342;
}
.studiob .energylabel.elD {
  background-color: #ffe731;
  border-color: #ffe731;
}
.studiob .energylabel.elD::after {
  border-left-color: #ffe731;
}
.studiob .energylabel.elE {
  background-color: #fbb900;
  border-color: #fbb900;
}
.studiob .energylabel.elE::after {
  border-left-color: #fbb900;
}
.studiob .energylabel.elF {
  background-color: #fb8800;
  border-color: #fb8800;
}
.studiob .energylabel.elF::after {
  border-left-color: #fb8800;
}
.studiob .energylabel.elG {
  background-color: #e30613;
  border-color: #e30613;
}
.studiob .energylabel.elG::after {
  border-left-color: #e30613;
}
.studiob h1 .energylabel {
  top: -8px;
  left: 8px;
  padding-left: 6px;
  min-width: 78px;
  height: 36px;
  font-size: 26px;
  line-height: 36px;
}
.studiob h1 .energylabel > sup {
  top: -8px;
  left: -3px;
  font-size: 16px;
  letter-spacing: 2px;
}
.studiob h1 .energylabel::after {
  border: 18px solid transparent;
  border-left: 18px solid #fbb900;
}
.studiob .configurationfilter {
  background-color: #FFFFFF;
  position: relative;
}
.studiob .configurationfilter * {
  color: #000000;
}
.studiob .configurationfilter .filter-toggle {
  padding: 32px 30px;
  font-size: 20px;
  font-weight: 700;
  transition: background-color linear 250ms;
  display: block;
  cursor: pointer;
}
.studiob .configurationfilter .filter-toggle:not(.disabled) > span,
.studiob .configurationfilter .filter-toggle:not(.disabled) > span:before {
  line-height: 32px;
  vertical-align: top;
  transition: all linear 250ms;
}
.studiob .configurationfilter .filter-toggle:not(.disabled) > span:before {
  margin-right: 10px;
  font-size: 20px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700 !important;
  content: "\f078";
  display: inline-block;
}
.studiob .configurationfilter .filter-toggle:not(.disabled) > span.is-selected,
.studiob .configurationfilter .filter-toggle:not(.disabled) > span.is-selected:before {
  transform: rotate(-180deg);
}
.studiob .configurationfilter .filter-toggle p {
  margin: 0;
  text-transform: none;
  font-weight: 400;
  font-size: 12px;
}
.studiob .configurationfilter .filter-sort-wrapper {
  top: 0;
  right: 0;
  margin: 0 30px;
  padding: 26px 0;
  width: 280px;
  transition: background-color linear 250ms;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.studiob .configurationfilter .filter-sort-wrapper > span {
  flex: 1 1;
}
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper {
  flex: 1 1 45%;
}
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper select.sorter,
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper input {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.studiob .configurationfilter .filter-sort-wrapper {
  width: 460px;
  margin: 0;
  padding: 0;
  top: 24px;
  right: 30px;
}
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper:first-of-type {
  margin-right: 15px;
  max-width: 160px;
}
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper:last-of-type {
  padding-right: 40px;
  max-width: 200px;
}
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper:last-of-type input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper:last-of-type .suffix {
  top: 0;
  right: 0;
}
.studiob .configurationfilter .filter-sort-wrapper .select-wrapper:last-of-type .suffix i {
  color: #FFFFFF;
}
.studiob .configurationfilter .filter-counter {
  top: 0;
  right: 0;
  padding: 32px 30px;
  transition: background-color linear 250ms;
  display: block;
  cursor: pointer;
  position: absolute;
}
.studiob .configurationfilter .filter-reset {
  left: 224px;
  top: 0;
  padding: 32px 0;
  transition: background-color linear 250ms;
  display: block;
  cursor: pointer;
  position: absolute;
}
.studiob .configurationfilter .filter-reset a {
  color: #fff;
  text-decoration: none;
  padding: 4px 15px;
  background-color: #D0AD67;
  border-radius: 5px;
  transition: all linear 250ms;
}
.studiob .configurationfilter .filter-reset a:hover {
  background-color: #BB9B5C;
}
.studiob .configurationfilter .filters-placeholder {
  padding: 32px 15px 15px 15px;
  display: none;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section {
  flex: 1 1 auto;
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section .filterlabel {
  margin: 0 0 16px 0;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section {
  margin: 0 0 32px 0;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section .filter-sub-label {
  margin: 0 0 16px 0;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section ul,
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section ul li,
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul,
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul li {
  padding: 0;
  list-style: none;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul {
  margin: 0 0 32px 0;
}
.studiob .configurationfilter .filters-placeholder ul.filter-group li.filter-section .filter-sub-section ul li {
  margin: 0;
}
.studiob .outer-product-filter-result-count {
  width: 100%;
  height: 100%;
  position: relative;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count {
  right: 0;
  bottom: 144px;
  position: absolute;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count p.number-of-results,
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .filter-sub-section {
  display: inline-block;
  float: left;
  white-space: nowrap;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count p.number-of-results {
  line-height: 32px;
  padding: 0;
  font-size: 13px;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count p.number-of-results:after {
  margin: 0 10px;
  content: "|";
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .filter-sub-section p.filter-sub-label,
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .filter-sub-section select {
  font-size: 13px;
  display: inline-block;
  float: left;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .filter-sub-section p.filter-sub-label {
  line-height: 32px;
  margin-right: 10px;
  padding: 0;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .filter-sub-section select {
  width: auto !important;
  height: 32px !important;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .loader {
  padding: 5px;
  background-color: #FFFFFF;
  height: 42px;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .skeleton-box.text,
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .skeleton-box.sort {
  width: 230px;
  height: 32px;
}
.studiob .outer-product-filter-result-count .inner-product-filter-result-count .skeleton-box.text {
  width: 80px;
  margin-right: 20px;
}
.studiob .outer-kitchen-filter-result-count {
  width: 100%;
  height: 100%;
  position: relative;
}
.studiob .outer-kitchen-filter-result-count .inner-kitchen-filter-result-count {
  right: 0;
  bottom: 144px;
  position: absolute;
}
.studiob .outer-kitchen-filter-result-count .inner-kitchen-filter-result-count p.number-of-results {
  line-height: 32px;
  padding: 0;
  font-size: 13px;
  display: inline-block;
  float: left;
  white-space: nowrap;
}
.studiob .outer-kitchen-filter-result-count .inner-kitchen-filter-result-count .loader {
  padding: 5px;
  background-color: #FFFFFF;
  height: 42px;
}
.studiob .outer-kitchen-filter-result-count .inner-kitchen-filter-result-count .skeleton-box.text {
  width: 80px;
  height: 32px;
}
.studiob .product-list-wrapper {
  position: relative;
  margin-top: 40px;
  height: calc(100% - 40px);
}
.studiob .product-list-wrapper #productList {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.studiob .product-list-wrapper .amount-of-results {
  position: sticky;
  bottom: 10px;
  left: 0;
  width: max-content;
  margin: auto 0 0 0;
  padding: 10px 24px;
  border-radius: 40px;
  background-color: var(--cyaan);
  transition: opacity 200ms ease;
  opacity: 0;
  pointer-events: none;
  color: #FFFFFF;
  z-index: 11;
  cursor: pointer;
}
.studiob .product-list-wrapper .amount-of-results.show {
  opacity: 1;
  pointer-events: all;
}
.studiob .product-list-wrapper .amount-of-results:after {
  font-family: "Font Awesome 5 Pro";
  content: "\f077";
  margin-left: 10px;
}
.studiob #filter-loader {
  z-index: 10;
  background-color: #000;
  opacity: 0.9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  display: none;
  transition: all linear 250ms;
}
.studiob #overview {
  position: relative;
}
.studiob #overview #filter-loader {
  background-color: rgba(255, 255, 255, 0.5882352941);
  opacity: 1;
  top: 0;
}
.studiob #overview #filter-loader > img {
  max-width: 180px;
  margin: auto;
  display: block;
  margin-top: 250px;
}
.studiob #overview #filter-loader > img.withtext:after {
  content: attr(data-content);
  position: absolute;
  top: 0;
  left: 0;
  color: red;
}
.studiob .skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #f1f1f1;
  border-radius: 16px;
}
.studiob .skeleton-box::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
  -webkit-animation: shimmer 2s infinite;
  animation: shimmer 2s infinite;
  content: "";
}
.studiob .skeleton-box.text {
  width: 100%;
  height: 36px;
}
.studiob .skeleton-box.text-small {
  width: 100%;
  height: 22px;
}
.studiob .skeleton-box.box-small {
  width: 100%;
  height: 78px;
}
.studiob .skeleton-box.box-medium {
  width: 100%;
  height: 112px;
}
.studiob .skeleton-box.box-large {
  width: 100%;
  height: 228px;
}
.studiob .skeleton-box.product {
  width: 100%;
  height: 320px;
}
.studiob .skeleton-box.width-50 {
  width: 50%;
}
.studiob .skeleton-box.width-60 {
  width: 60%;
}
.studiob .skeleton-box.width-70 {
  width: 70%;
}
.studiob .skeleton-box.width-80 {
  width: 80%;
}
.studiob .skeleton-box.centered {
  margin: 8px auto;
  display: block;
}
.studiob .skeleton-box.with-shadow,
.studiob .skeleton-wrap.with-shadow {
  box-shadow: 0 0 1px #d9d9d9;
}
.studiob .skeleton-wrap.with-padding {
  position: relative;
  padding: 24px;
}
.studiob .skeleton-wrap.white {
  background-color: #fff;
}
@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
.studiob #filter-loader.active {
  display: block;
}
.studiob section.page.content.grey.studio-b#overview {
  position: relative;
}
.studiob #loader {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  display: none;
  transition: all linear 250ms;
}
.studiob #loader.active {
  background: rgba(213, 213, 213, 0.6784313725);
  padding: 18px;
  display: block;
}
.studiob #loader img {
  max-width: 140px;
  margin: auto;
  display: block;
}
.studiob #overview #loader {
  position: relative !important;
}
.studiob .category {
  height: calc(100% - 16px);
  margin-top: 16px;
  padding: 19px 18px;
  background-color: #FFFFFF;
  border: 1px solid #F2F2F2;
  border-bottom: 2px solid #000000;
  transition: all linear 250ms;
  position: relative;
}
.studiob .category.dashboard {
  height: unset;
  margin-top: 32px;
}
.studiob .category:hover {
  border-bottom: 2px solid var(--donkerblauw);
}
.studiob .category a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.studiob .category .image {
  position: relative;
  overflow: hidden;
}
.studiob .category .image img {
  width: 100%;
  height: auto;
  transition: all linear 250ms;
  display: block;
}
.studiob .category.dashboard .image {
  padding-top: 100%;
  position: relative;
}
.studiob .category.dashboard .image:before {
  background-image: url(/img/icons/icon_beheer.svg);
  transition: all linear 250ms;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 50%;
  height: 50%;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  vertical-align: middle;
}
.studiob .category .body p {
  margin: 0;
  color: #000000;
}
.studiob .category.dashboard .body p {
  color: #FFFFFF;
}
.studiob .category .body p.title {
  padding-top: 17px;
  font-weight: 700;
  font-size: 20px;
  color: #000000 !important;
}
.studiob .category:hover .image img {
  transform: scale(1.1);
}
.studiob .category.dashboard:hover .image:before {
  transform: scale(1.1);
}
.studiob .category.dashboard.uw-aanvragen .image:before {
  background-image: url("/img/icons/icon_aanvragen-overzicht.svg");
}
.studiob .category.dashboard.offertes-op-maat .image:before {
  background-image: url("/img/icons/icon_offerte-overzicht.svg");
}
.studiob .category.dashboard.selection .image:before {
  background-image: url("/img/icons/icon_selection.svg");
}
.studiob .category.dashboard.keuken-bestellen .image:before {
  background-image: url("/img/icons/icon_keuken-bestellen.svg");
}
.studiob .category.dashboard.beheer .image:before {
  background-image: url("/img/icons/icon_beheer.svg");
}
.studiob .placeholder--grid.dashboard .grid--item .item--placeholder .placeholder--image {
  background-color: var(--wit);
}
.studiob .placeholder--grid.dashboard .grid--item .item--placeholder .placeholder--image:before {
  background-image: url(/img/icons/icon_beheer.svg);
  transition: all linear 250ms;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 40%;
  height: 100%;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  vertical-align: middle;
}
.studiob .placeholder--grid.dashboard .grid--item.uw-aanvragen .item--placeholder .placeholder--image:before {
  background-image: url("/img/icons/icon_aanvragen-overzicht.svg");
}
.studiob .placeholder--grid.dashboard .grid--item.offertes-op-maat .item--placeholder .placeholder--image:before {
  background-image: url("/img/icons/icon_aanvragen-overzicht.svg");
}
.studiob .placeholder--grid.dashboard .grid--item.selection .item--placeholder .placeholder--image:before {
  background-image: url("/img/icons/icon_aanvragen-overzicht.svg");
}
.studiob .placeholder--grid.dashboard .grid--item.keuken-bestellen .item--placeholder .placeholder--image:before {
  background-image: url("/img/icons/icon_aanvragen-overzicht.svg");
}
.studiob .placeholder--grid.dashboard .grid--item.beheer .item--placeholder .placeholder--image:before {
  background-image: url("/img/icons/icon_aanvragen-overzicht.svg");
}
.studiob .product {
  height: calc(100% - 16px);
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border-radius: 16px;
  transition: all linear 250ms;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.studiob .product .body {
  padding: 0 18px 18px 18px;
}
.studiob .product .buttons {
  top: 16px;
  right: 15px;
  margin: 0;
  position: absolute;
  z-index: 1;
}
.studiob .product .buttons button {
  width: 48px;
  line-height: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 24px;
  text-align: center;
}
.studiob .product .buttons button:hover {
  background-color: #000000;
  border: 0;
  color: #FFFFFF;
}
.studiob .product .label {
  position: absolute;
  padding: 5px 50px;
  background-color: var(--donkerblauw);
  color: #FFFFFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 28px;
  left: -56px;
  font-size: 14px;
  z-index: 2;
  width: 200px;
  text-align: center;
}
.studiob .product .label-right {
  position: absolute;
  padding: 5px 50px;
  background-color: var(--donkerblauw);
  color: #FFFFFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 27px;
  right: -49px;
  font-size: 14px;
  z-index: 2;
  width: 200px;
  text-align: center;
}
.studiob .product a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.studiob .product .image {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 18px;
}
.studiob .studiob .product .image {
  position: relative;
  width: calc(100% - 36px);
  padding-top: calc(75% - 36px);
  margin: 18px;
  overflow: hidden;
}
.studiob .studiob .product .image img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studiob .product .image-overlay-masking-placeholder {
  position: relative;
}
.studiob .product .image-overlay-masking-placeholder .overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.studiob .product .image-overlay-masking-placeholder .overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.studiob .product .image-overlay-masking-placeholder .image.masking {
  width: 100%;
  margin: 0;
  padding: 75% 0 0 0;
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100%;
  mask-repeat: no-repeat;
  position: relative;
}
.studiob .static-image-overlay-masking-placeholder {
  max-width: 800px;
  width: 100%;
  position: relative;
}
.studiob .static-image-overlay-masking-placeholder .overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.studiob .static-image-overlay-masking-placeholder .overlay img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.studiob .static-image-overlay-masking-placeholder .image.masking {
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100%;
  mask-repeat: no-repeat;
  position: relative;
}
.studiob .static-image-overlay-masking-placeholder .image.masking img {
  max-width: 800px;
  width: 100%;
  height: auto;
  display: block;
}
.studiob .product-detail .highslide-gallery .icon {
  z-index: 2 !important;
}
.studiob .product .outer-front a.info,
.studiob .product .outer-front .icon.tip,
.studiob .product .image a.info,
.studiob .product .image .icon.tip {
  top: 18px;
  right: 18px;
  bottom: unset;
  left: unset;
  width: 26px;
  height: 26px;
  background-color: transparent;
  border: 2px solid var(--cyaan);
  border-radius: 13px;
  text-decoration: none;
  text-align: center;
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.studiob .product .outer-front a.info i,
.studiob .product .outer-front .icon.tip i,
.studiob .product .image a.info i,
.studiob .product .image .icon.tip i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 14px !important;
  text-align: center;
  color: var(--cyaan);
  display: block;
}
.studiob .product .image img {
  width: 100%;
  height: auto;
  transition: all linear 250ms;
  display: block;
}
.studiob .product .image span {
  position: absolute;
  padding: 5px 50px;
  background-color: #D0AD67;
  color: #000000;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
  left: -40px;
  font-size: 20px;
}
.studiob #productList:hover .product {
  opacity: 0.5;
}
.studiob #productList:hover .product:hover {
  opacity: 1;
}
.studiob .product .body p {
  margin: 0;
}
.studiob .product .body p.single-title {
  text-align: center;
  color: #000000;
}
.studiob .product .body p.title {
  padding-top: 17px;
  text-align: center;
  color: #000000;
}
.studiob .product .body p.sub-title {
  text-align: center;
  color: #000000;
  padding: 0;
}
.studiob .product .body p.title .icon {
  top: 0;
  right: 0;
  display: block !important;
  position: absolute;
  z-index: 2;
}
.studiob .product .body p.title .icon i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFFFFF;
  display: block;
}
.studiob .product.selector-product.is-default .image span {
  position: absolute;
  padding: 5px 50px;
  background-color: #D0AD67;
  color: #000000;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 15px;
  left: -40px;
  font-size: 20px;
}
.studiob .product-preview .product {
  max-width: 200px;
  margin: 0 auto;
}
.studiob .product .compare {
  z-index: 2;
  position: relative;
  cursor: pointer;
  padding: 6px 12px;
  margin: 0;
  transition: opacity, color, background-color linear 0.5s;
  margin-top: auto;
}
.studiob .product .compare label {
  margin-left: 6px;
  cursor: pointer;
}
.studiob .product .compare.disabled-compare {
  opacity: 0.4;
  cursor: not-allowed;
}
.studiob .product .compare.disabled-compare input, .studiob .product .compare.disabled-compare label {
  cursor: not-allowed;
}
.studiob .product .compare.active-compare {
  background-color: var(--cyaan);
  color: var(--wit);
}
.studiob .default-products {
  margin-top: 40px;
}
.studiob .product-sub-image {
  margin: 40px 0 16px 0;
}
.studiob .product-sub-image .fixed-size {
  position: relative;
  padding-top: 75%;
  background-color: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
}
.studiob .product-sub-image .fixed-size img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.studiob .product-sub-image .icon.zoom {
  display: block;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 1;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
}
.studiob .product-sub-image .icon.zoom:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}
.studiob p.image-description {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}
.studiob .sticky-compare-menu-wrapper {
  z-index: 10;
  position: fixed;
  bottom: 0;
  width: 100%;
  pointer-events: none;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle {
  margin-right: 8px;
  width: 320px;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  background: var(--cyaan);
  float: right;
  color: white;
  pointer-events: all;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle .compare-menu-toggle-number-area {
  padding: 6px 10px 6px 0;
  display: flex;
  align-items: center;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle .compare-menu-toggle-number-area .compare-menu-toggle-number {
  background: white;
  color: black;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle .compare-menu-toggle-icon-area {
  padding: 6px 16px;
  font-weight: bold;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle .compare-menu-toggle-text-area {
  padding: 6px 16px 6px 0;
  font-weight: bold;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data {
  box-shadow: 0 0 15px #e7e7e7;
  display: none;
  width: 320px;
  margin-right: 8px;
  background-color: white;
  display: inline-block;
  float: right;
  pointer-events: all;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-toggle {
  margin-right: 0;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-content .compare-menu-content-product {
  position: relative;
  border-bottom: solid #eaeaea 1px;
  padding: 10px 40px 10px 0;
  line-height: 20px;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-content .compare-menu-content-product:not(:last-of-type) {
  border-bottom: solid #eaeaea 1px;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-content .compare-menu-content-product .compare-menu-content-product-remove-event {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 10px;
  cursor: pointer;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-content .compare-menu-content-product .compare-menu-content-product-remove-event:hover {
  opacity: 0.75;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-footer {
  padding: 16px;
  border-top: solid #eaeaea 1px;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-footer p.button {
  padding: 0;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data .compare-menu-footer p.button a span {
  text-align: center;
  width: 100%;
}
.studiob .sticky-compare-menu-wrapper:not(.expanded) .compare-menu-toggle:hover {
  padding-bottom: 16px;
}
.studiob .sticky-compare-menu-wrapper.expanded {
  pointer-events: none;
}
.studiob .sticky-compare-menu-wrapper.expanded [data-logisz-compare-menu-toggle-closed] {
  display: none;
}
.studiob .sticky-compare-menu-wrapper .compare-menu-toggle-data[data-logisz-compare-menu-toggle-opened] {
  display: none;
}
.studiob .sticky-compare-menu-wrapper.expanded .compare-menu-toggle-data[data-logisz-compare-menu-toggle-opened] {
  display: block;
}
.studiob .sticky-compare-menu-wrapper.expanded .compare-menu-toggle {
  float: unset;
}
.studiob .sticky-compare-menu-wrapper.expanded .compare-menu-content {
  padding: 0 12px;
}
.studiob .warnings {
  color: red;
}
.studiob .kitchen {
  margin-bottom: 16px;
  position: relative;
  transition: opacity 125ms linear;
}
.studiob .kitchen a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.studiob .kitchen .image {
  position: relative;
  overflow: hidden;
  margin: 0;
}
.studiob .kitchen .image img {
  transition: all linear 250ms;
}
.studiob .kitchen .image .icons a.icon.zoom {
  top: unset;
  right: 20px;
  bottom: 20px;
  left: unset;
  position: absolute;
  z-index: 2;
}
.studiob #kitchenList .kitchen .image .icons a.icon.zoom {
  width: 40px;
  height: 40px;
}
.studiob #kitchenList .kitchen .image .icons a.icon.zoom:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.studiob #kitchenList:hover .kitchen {
  opacity: 0.5;
}
.studiob #kitchenList:hover .kitchen:hover {
  opacity: 1;
}
.studiob .highslide-dimming {
  background: var(--donkerblauw);
}
.studiob .icon {
  width: 48px;
  height: 48px;
  background-color: var(--donkerblauw);
  border-radius: 24px;
  color: #FFFFFF;
  transition: all linear 250ms;
  position: relative;
  cursor: pointer;
  pointer-events: all;
}
.studiob .icon:hover {
  background-color: var(--cyaan);
  color: #FFFFFF;
}
.studiob .icon a:hover {
  color: #FFFFFF;
}
.studiob .icon:before {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 400;
  position: absolute;
}
.studiob .icon.eye:before, .studiob .icon.view:before {
  content: "\f06e";
}
.studiob .icon.zoom:before {
  content: "\f00e";
}
.studiob .icon.favorites:before, .studiob .icon.favorites-added:before {
  content: "\f004";
}
.studiob .icon.favorites-added:before {
  font-weight: 900;
}
.studiob .icon.share:before {
  content: "\f1e0";
}
.studiob .icon.close:before {
  content: "\f00d";
}
.studiob .icon.move:before {
  content: "\f079";
}
.studiob .icon.delete:before {
  content: "\f2ed";
}
.studiob .icon.edit:before {
  content: "\f040";
}
.studiob .icon.publish:before {
  content: "\f00c";
}
.studiob .icon.unpublish:before {
  content: "\f00d";
}
.studiob .icon.link:before {
  content: "\f0c1";
}
.studiob .icon.live:before {
  font-weight: 700;
  content: "\f621";
}
.studiob .block.white.image a.icon.zoom {
  right: 30px;
  bottom: 32px;
  position: absolute;
  z-index: 1;
}
.studiob .block.white.image .icon.favorites,
.studiob .block.white.image .icon.favorites-added,
.studiob .block.white.image .icon.favorites[element=addFavoriteProduct] {
  right: 88px;
  bottom: 32px;
  position: absolute;
  z-index: 1;
}
.studiob section.product-detail { /*padding-top: 32px; padding-bottom: 64px;*/ }
.studiob section.product-detail h1,
.studiob section.product-detail h2 {
  line-height: 68px;
  font-size: 56px;
  font-weight: 700;
}
.studiob section.product-detail h1 {
  margin: 16px 0 0 0;
}
.studiob section.product-detail .offset-corrector {
  padding-bottom: 64px;
}
.studiob section.product-detail .offset {
  margin-top: -144px;
}
.studiob section.product-detail .block.white {
  padding: 16px 20px 48px 20px;
  border-radius: 16px;
}
.studiob section.product-detail .block.white.image {
  padding: 0;
  border-top: 0;
  position: relative;
}
.studiob section.product-detail .block.white.image.logo {
  padding-top: 37.5%;
}
.studiob section.product-detail .block.white.image img {
  width: 100%;
  height: auto;
  max-height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: contain;
  position: absolute;
}
.studiob section.product-detail .block.white.no-padding {
  padding-bottom: 0;
}
.studiob section.product-detail.fronten-variants .expandable {
  height: 624px;
  overflow: hidden;
}
.studiob section.product-detail.fronten-variants .expandable.expanded {
  height: auto;
  overflow: hidden;
}
.studiob .slider-for {
  margin: 40px 0 16px 0;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
}
.studiob .slider-for .slick-list {
  margin: 0;
  padding: 0;
}
.studiob .slider-for .slick-list .slick-track {
  margin: 0;
  padding: 0;
}
.studiob .slider-for .slick-list .slick-track .slick-slide {
  position: relative;
}
.studiob .slider-for .slick-list .slick-track .slick-slide a.icon.zoom {
  right: 30px;
  bottom: 32px;
  position: absolute;
  z-index: 1;
}
.studiob .slider-for .slick-list .slick-track .slick-slide .icon.favorites,
.studiob .slider-for .slick-list .slick-track .slick-slide .icon.favorites-added,
.studiob .slider-for .slick-list .slick-track .slick-slide .icon.favorites[element=addFavoriteProduct] {
  right: 88px;
  bottom: 32px;
  position: absolute;
  z-index: 1;
}
.studiob .slider-for .slick-prev, .studiob .slider-for .slick-next {
  top: 50%;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  font-size: 0;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0.2;
  transition: opacity 125ms ease-in-out;
}
.studiob .slider-for:hover .slick-prev, .studiob .slider-for:hover .slick-next {
  opacity: 1;
}
.studiob .slider-for .slick-prev:hover, .studiob .slider-for .slick-next:hover {
  background-color: #000000;
  border-color: #000000;
}
.studiob .slider-for .slick-prev {
  left: 30px;
}
.studiob .slider-for .slick-next {
  right: 30px;
}
.studiob .slider-for .slick-prev::after,
.studiob .slider-for .slick-next::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 48px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  display: block;
  position: absolute;
}
.studiob .slider-for .slick-prev::before,
.studiob .slider-for .slick-next::before {
  display: none;
}
.studiob .slider-for .slick-prev::after {
  content: "\f053";
}
.studiob .slider-for .slick-next::after {
  content: "\f054";
}
.studiob .slider-for .slick-prev:hover::after,
.studiob .slider-for .slick-next:hover::after {
  color: #FFFFFF;
}
.studiob .slider-for .slick-list .slick-track .fixed-size {
  position: relative;
  padding-top: 75%;
}
.studiob .slider-for .slick-list .slick-track .fixed-size img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.studiob .slider-for .slick-list .slick-track .fixed-size .icon {
  width: 32px;
  height: 32px;
}
.studiob .slider-for .slick-list .slick-track .fixed-size .icon:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}
.studiob .slider-for .slick-list .slick-track .fixed-size .icon.favorites, .studiob .slider-for .slick-list .slick-track .fixed-size .icon.favorites-added, .studiob .slider-for .slick-list .slick-track .fixed-size .icon.favorites[element=addFavoriteProduct] {
  right: 10px;
  bottom: 47px;
}
.studiob .slider-for .slick-list .slick-track .fixed-size .icon.zoom {
  right: 10px !important;
  bottom: 10px !important;
}
.studiob .slider-nav {
  margin: 16px 0;
  padding: 0;
}
.studiob .slider-nav .slick-list {
  margin: 0;
  padding: 0;
}
.studiob .slider-nav .slick-list .slick-track {
  margin: 0;
  padding: 0;
}
.studiob .slider-nav .slick-list .slick-track .slick-slide {
  margin: 0 10px;
  position: relative;
}
.studiob .slider-nav .slick-list .slick-track .slick-slide img {
  border-radius: 16px;
}
.studiob .slider-nav .slick-list .slick-track .fixed-size {
  position: relative;
  padding-top: 75%;
}
.studiob .slider-nav .slick-list .slick-track .fixed-size img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.studiob section.product-detail .single-heading-2 { /*padding-bottom: 16px;*/ }
.studiob section.product-detail .internal-information .prices:not(:first-of-type) {
  padding-top: 16px;
}
.studiob section.product-detail .internal-information span {
  display: block;
}
.studiob section.product-detail .internal-information span.value {
  font-weight: bold;
}
.studiob section.product-detail .outer-front {
  margin-top: 40px;
  background: transparent;
}
.studiob section.product-detail .related-products .outer-front {
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border-radius: 16px;
  transition: all linear 250ms;
  position: relative;
  overflow: hidden;
}
.studiob section.kitchen-detail h1 {
  line-height: 64px;
  font-size: 56px;
  font-weight: 700;
  word-break: break-word;
}
.studiob section.kitchen-detail.partner h1 {
  font-size: 32px;
}
.studiob .content-block.benefits {
  margin-top: 40px;
  padding: 20px;
  border-radius: 16px;
}
.studiob .content-block.benefits p.single-heading-2 {
  padding: 0;
}
.studiob .content-block.benefits ul {
  margin: 32px 0 0 0;
  padding: 0;
}
.studiob .content-block.benefits ul li {
  margin: 0;
  padding: 0 0 0 26px;
  list-style: none;
  position: relative;
}
.studiob .content-block.benefits ul li:before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f00c";
  position: absolute;
}
.studiob section.kitchen-detail p.button.large.with-icon.quotation a, .studiob section.kitchen-detail p.button.large.with-icon.quotation a:hover {
  text-decoration: none;
}
.studiob section.kitchen-detail p.button.large.with-icon.quotation a span {
  padding: 19px 22px;
  display: block;
}
.studiob section.kitchen-detail p.button.large.with-icon.quotation a span:before {
  font-family: "Font Awesome 5 Pro";
  margin-right: 10px;
  font-size: 24px;
  font-weight: 900;
  content: "\f013";
}
.studiob section.kitchen-detail p.button.large.with-icon.quotation a span, .studiob section.kitchen-detail p.button.large.with-icon.quotation a span:before {
  vertical-align: top;
}
.studiob section.kitchen-detail .global-placeholder {
  margin-top: 32px;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder {
  border-radius: 16px;
  position: relative;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .popups .popup {
  position: absolute;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder.is-enabled {
  padding-top: 75%;
  display: block;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder.is-disabled {
  padding-top: 0;
  display: none;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .button.in-placeholder {
  top: 16px;
  left: 15px;
  position: absolute;
  z-index: 3;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .button.in-placeholder a span {
  padding: 7px 19px;
  background-color: var(--donkerblauw);
  border: 1px solid var(--donkerblauw);
  color: #FFFFFF;
  display: inline-block;
  transition: all linear 250ms;
  cursor: pointer;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .button.in-placeholder:hover a span {
  background-color: var(--cyaan);
  border-color: var(--cyaan);
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .button.in-placeholder + .button.in-placeholder {
  top: 79px;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .prices {
  bottom: 15px;
  right: 15px;
  position: absolute;
  z-index: 3;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .prices .price {
  padding: 7px 19px;
  background-color: var(--donkerblauw);
  border: 1px solid var(--donkerblauw);
  color: #FFFFFF;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .prices .price:not(:first-child) {
  margin-top: 15px;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .prices .price span {
  font-weight: 700;
  font-size: 20px;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .icons {
  top: 16px;
  right: 15px;
  position: absolute;
  z-index: 3;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .icons .icon {
  margin-left: 10px;
  display: inline-block;
  float: left;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .dimming {
  position: absolute;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.studiob section.kitchen-detail .related-kitchens {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.studiob .related-products {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.studiob .configuration-placeholder {
  background-color: #000000;
  transition: all linear 250ms;
  position: relative;
  z-index: 2;
  margin-top: 16px;
}
.studiob .configuration-placeholder.is-enabled {
  display: block;
}
.studiob .configuration-placeholder.is-disabled {
  display: none;
}
.studiob .configuration-placeholder .icon.close {
  top: 16px;
  right: 20px;
  position: absolute;
  z-index: 10;
}
.studiob .configuration-placeholder .selector-product-list {
  padding: 16px 16px 0 16px;
}
.studiob .configuration-placeholder .selector-product-list.format p {
  font-weight: bold;
  color: #fff;
  padding-bottom: 16px;
}
.studiob .configuration-placeholder .selector-product-list.format .product p {
  color: #000;
}
.studiob .configuration-placeholder #loader {
  width: 100%;
  padding-top: 75%;
  position: relative !important;
  display: none;
}
.studiob .configuration-placeholder .active#loader {
  display: block;
}
.studiob .configuration-placeholder #loader img,
.studiob .configuration-placeholder #filter-loader img {
  top: 50%;
  left: 50%;
  width: 96px;
  height: auto;
  margin: -48px 0 0 -48px;
  position: absolute;
}
.studiob .configuration-placeholder #filter-loader {
  background-color: unset;
  background: rgba(213, 213, 213, 0.7490196078);
  opacity: 0.9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  display: none;
}
.studiob .configuration-placeholder .active#filter-loader {
  display: block;
}
.studiob .configuration-placeholder .selectorBody {
  padding: 16px;
}
.studiob .configuration-placeholder .filter-sort-wrapper .select-wrapper select.sorter {
  padding: 6px 0 !important;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.studiob .configuration-placeholder .select-wrapper input[type=text] {
  width: 100% !important;
  line-height: 38px !important;
  border: 1px solid #CCCCCC !important;
  border-right: 0 !important;
  display: inline-block !important;
  text-indent: 10px !important;
  float: left;
  background-color: #FFFFFF;
}
.studiob .configuration-placeholder .select-wrapper .suffix {
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  padding: 0 !important;
  float: left;
  background-color: var(--donkerblauw);
  border-color: var(--donkerblauw) !important;
  font-size: 16px;
}
.studiob .configuration-placeholder .select-wrapper .suffix i {
  color: var(--wit);
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice {
  width: 40px;
  height: 40px;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.6) !important;
  border-radius: 20px;
  transition: all linear 250ms;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  position: absolute;
  z-index: 3;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice.pulse-black {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  animation: pulse-black 2s infinite;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice.pulse-white {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
  animation: pulse-white 2s infinite;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice:hover,
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice.is-hovered {
  transform: translate(-50%, -50%) scale(1.1);
  transform-origin: center center;
  transition: all linear 250ms;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice span {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 2px;
  border: 2px solid #000000;
  border-radius: 16px;
  text-align: center;
  display: block;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice span:before {
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-family: "Font Awesome 5 Pro";
  font-size: 16px;
  font-weight: 900;
  text-align: center;
  color: #000000;
  content: "\f067";
  display: block;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice.extra-option span:before {
  content: "\f067";
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice.gold {
  background-color: rgba(0, 0, 0, 0.4) !important;
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice.gold span {
  border-color: var(--cyaan);
}
.studiob section.kitchen-detail .global-placeholder .kitchen-image-placeholder .advices-placeholder .icon.advice.gold span:before {
  color: var(--cyaan);
}
.studiob section.kitchen-detail .single-heading-2, .studiob #quotationform .single-heading-2, .studiob #bijbestel-form .single-heading-2 {
  padding-bottom: 16px;
}
.studiob section.kitchen-detail .block.white,
.studiob #quotationform .block.white,
.studiob #bijbestel-form .block.white {
  padding: 8px 20px 48px 20px;
  border-radius: 16px;
}
.studiob section.kitchen-detail p.button.large.with-icon.configurate a, .studiob section.kitchen-detail p.button.large.with-icon.configurate a:hover {
  text-decoration: none;
}
.studiob section.kitchen-detail p.button.large.with-icon.configurate a span {
  padding: 19px 22px;
  display: block;
}
.studiob section.kitchen-detail p.button.large.with-icon.configurate a span:before {
  font-family: "Font Awesome 5 Pro";
  margin-right: 10px;
  font-size: 24px;
  font-weight: 900;
  content: "\f013";
}
.studiob section.kitchen-detail p.button.large.with-icon.configurate a span, .studiob section.kitchen-detail p.button.large.with-icon.configurate a span:before {
  vertical-align: top;
}
.studiob #selector-product-list .is-selected {
  position: relative;
}
.studiob #selector-product-list .is-selected:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 8px solid var(--cyaan);
  border-radius: 16px;
  position: absolute;
  content: "";
}
.studiob #configuration {
  margin-top: 32px;
  background-color: #FFFFFF;
  border-radius: 16px;
}
.studiob #configuration .padding {
  padding: 32px 20px;
}
.studiob #configuration p {
  padding: 0;
}
.studiob #configuration p.heading-3 {
  margin: 0;
}
.studiob #configuration p.button.small {
  display: inline-block;
}
.studiob #configuration p.button.small.bottom {
  margin-top: 32px;
}
.studiob #configuration p.filter-reset {
  padding: 0;
  cursor: pointer;
}
.studiob #configuration p.filter-reset span:before {
  margin-right: 10px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f2ed";
  color: #707070;
}
.studiob #configuration p.filter-reset span,
.studiob #configuration p.filter-reset span:hover {
  color: #707070;
}
.studiob #configuration p.filter-reset span {
  text-decoration: none;
}
.studiob #configuration p.filter-reset span:hover {
  text-decoration: underline;
}
.studiob #configuration ul {
  margin: 0;
}
.studiob #configuration ul li {
  margin: 0;
}
.studiob #configuration ul,
.studiob #configuration ul li {
  padding: 0;
  list-style: none;
}
.studiob #configuration ul li,
.studiob #configuration ul li:before,
.studiob #configuration ul li p,
.studiob #configuration ul li p em {
  transition: all linear 250ms;
}
.studiob #configuration ul li {
  padding: 16px 20px;
  border-top: 1px solid #E5E5E5;
  position: relative;
  cursor: pointer;
}
.studiob #configuration ul li:before {
  width: 16px;
  height: 100%;
  top: 0;
  right: -15px;
  background-color: #E5E5E5;
  -webkit-clip-path: polygon(0% 0%, 0% 50%, 0% 100%);
  clip-path: polygon(0% 0%, 0% 50%, 0% 100%);
  transition: all linear 250ms;
  transform-origin: center left;
  display: block;
  content: "";
  position: absolute;
  z-index: 6;
}
.studiob #configuration ul li:last-of-type {
  border-radius: 0 0 16px 16px;
}
.studiob #configuration ul li img,
.studiob #configuration ul li p {
  vertical-align: middle;
  display: inline-block;
  float: left;
}
.studiob #configuration ul li img {
  top: 50%;
  left: 20px;
  width: 64px;
  height: 64px;
  margin-right: 20px;
  display: inline-block;
  transform: translateY(-50%);
  position: absolute;
}
.studiob #configuration ul li p {
  width: calc(100% - 84px);
  margin: 0 0 0 84px;
  font-size: 20px;
  display: inline-block;
  color: var(--text-donkerblauw);
}
.studiob #configuration ul li p em {
  font-size: 16px;
  color: #707070;
}
.studiob #configuration ul li.is-selected {
  background-color: #D0AD67;
}
.studiob #configuration ul li.not-editable {
  pointer-events: none;
}
.studiob #configuration ul li:hover {
  background-color: #E5E5E5;
}
.studiob #configuration ul li p {
  position: relative;
}
.studiob #configuration ul li:not(.not-editable) p:first-of-type:after {
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-family: "Font Awesome 5 Pro";
  font-size: 20px !important;
  font-weight: 900 !important;
  text-align: center;
  color: var(--cyaan);
  content: "\f013";
  display: block;
  transform: translateY(-50%);
  position: absolute;
}
.studiob #configuration ul li.is-selected, .studiob #configuration ul li.is-selected:before {
  background-color: #E5E5E5;
}
.studiob #configuration ul li.is-selected {
  border-bottom-right-radius: 0;
}
.studiob #configuration ul li.is-selected:before {
  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.studiob #configuration .selector-slots .slot .slot-popup {
  cursor: default;
  max-width: 250px;
  position: absolute;
  z-index: 999;
  background: #d0ad67;
  border-radius: 5px;
  padding: 16px;
  right: 0;
  transform: translate(97%, 0%);
}
.studiob #configuration .selector-slots .slot .slot-popup:after {
  position: absolute;
  left: -5px;
  top: 0;
  transform: translate(-50%, 50%);
  content: "";
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #d0ad67;
}
.studiob #configuration .selector-slots .slot .slot-popup p {
  width: 100%;
  margin: 0;
}
.studiob #configuration .selector-slots .slot .slot-popup p:after {
  position: absolute;
  content: "";
  display: none;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-top {
  margin-bottom: 12px;
  min-height: 24px;
  display: block;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-top p {
  font-weight: bold;
  font-size: 16px;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-top .close-slot-popup {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 12px;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-body {
  display: block;
  position: relative;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-body .image {
  display: block;
  position: relative;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-body .image .icon {
  position: absolute;
  right: 6px;
  bottom: 6px;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-body img {
  width: 100%;
  height: auto;
  transition: all linear 250ms;
  display: block;
  transform: unset;
  position: relative;
  left: unset;
}
.studiob #configuration .selector-slots .slot .slot-popup .slot-body p {
  margin-top: 12px;
  font-size: 16px;
}
.studiob .downloads {
  margin: 0 0 32px 0;
}
.studiob .downloads ul {
  margin: 16px 0 0 0;
  padding: 0;
}
.studiob .downloads ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.studiob .downloads ul li a, .studiob .downloads ul li span {
  text-decoration: none;
}
.studiob .downloads ul li a:hover, .studiob .downloads ul li span:hover {
  text-decoration: underline;
}
.studiob .downloads ul li a, .studiob .downloads ul li span {
  display: block;
}
.studiob .downloads ul li span {
  cursor: pointer;
}
.studiob .downloads ul li a span, .studiob .downloads ul li span {
  padding: 16px 38px 16px 56px;
  display: block;
  position: relative;
}
.studiob .downloads ul li a span:before,
.studiob .downloads ul li span:before,
.studiob .downloads ul li a span:after,
.studiob .downloads ul li span:after {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
}
.studiob .downloads ul li a span:before, .studiob .downloads ul li span:before {
  left: 0;
  font-size: 48px;
  font-weight: 300;
  content: "\f46d";
}
.studiob .downloads ul li.productinformatieblad a span:before, .studiob .downloads ul li.productinformatieblad span:before,
.studiob .downloads ul li.Hoge-resolutie-afbeelding a span:before, .studiob .downloads ul li.Hoge-resolutie-afbeelding span:before {
  content: "\f1c5";
}
.studiob .downloads ul li a span:after, .studiob .downloads ul li span:after {
  right: 0;
  font-size: 24px;
  font-weight: 900;
  content: "\f34a";
  color: var(--cyaan);
}
.studiob .additional-information {
  margin: 0 0 32px 0;
}
.studiob .additional-information ul {
  margin: 16px 0 0 0;
  padding: 0;
  border-top: 1px solid #000000;
}
.studiob .additional-information ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.studiob .additional-information ul li a, .studiob .additional-information ul li span {
  text-decoration: none;
}
.studiob .additional-information ul li a:hover, .studiob .additional-information ul li span:hover {
  text-decoration: underline;
}
.studiob .additional-information ul li a, .studiob .additional-information ul li span {
  display: block;
}
.studiob .additional-information ul li span {
  cursor: pointer;
}
.studiob .additional-information ul li a span, .studiob .additional-information ul li span {
  padding: 8px 38px 8px 56px;
  display: block;
  position: relative;
}
.studiob .additional-information ul li a span:before,
.studiob .additional-information ul li span:before,
.studiob .additional-information ul li a span:after,
.studiob .additional-information ul li span:after {
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
}
.studiob .additional-information ul li a span:before, .studiob .additional-information ul li span:before {
  left: 8px;
  font-size: 32px;
  font-weight: 300;
  content: "\f05a";
}
.studiob .additional-information-popups .popup {
  width: calc(100% - 40px) !important;
  max-width: 800px;
}
.studiob .data-table .container-fluid {
  margin: 0;
  padding: 0;
}
.studiob .data-table .container-fluid .row {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #E5E5E5;
}
.studiob .data-table .container-fluid .row > div {
  margin: 0;
  padding: 0;
}
.studiob .data-table span {
  padding: 4px 0;
  line-height: 24px;
  display: inline-block;
}
.studiob .data-table span.key {
  font-weight: bold;
}
.studiob .data-table span[data-copy] {
  display: none;
  cursor: pointer;
  margin-left: 10px;
  padding: 0;
}
.studiob .data-table span[data-copy]:hover:before {
  color: gray;
}
.studiob .data-table span[data-copy]:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f0c5";
  color: lightgray;
}
.studiob .data-table span:hover span[data-copy] {
  display: inline-block;
}
.studiob .data-table .classification-description.tooltip {
  position: relative;
  color: #002563;
  margin-left: 10px;
}
.studiob .data-table .classification-description.tooltip .tooltiptext {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: max-content;
  max-width: 350px;
  background-color: #FFFFFF;
  border: 1px solid #002563;
  border-radius: 10px;
  padding: 10px 20px;
  top: 5px;
  left: 0;
  transform: translatey(-100%);
}
.studiob .data-table .classification-description.tooltip:hover .tooltiptext {
  opacity: 1;
  pointer-events: all;
}
.studiob section.logon .block.white {
  margin: 0;
  padding: 20px; /*height: 100%;*/
}
.studiob section.logon p.single-heading-3 {
  text-align: left;
}
.studiob section.logon p {
  text-align: center;
}
.studiob section.logon p.button a,
.studiob section.logon p.button a:hover {
  text-decoration: none;
}
.studiob section.logon p.button a span {
  display: block;
  text-align: center;
}
.studiob section.logon .form .form-row {
  padding-top: 10px;
  position: relative;
}
.studiob section.logon .form .form-row input[type=text], .studiob section.logon .form .form-row input[type=password] {
  width: 100%;
  line-height: 48px;
  height: 48px;
  border: 1px solid #E5E5E5;
  outline: none;
  text-indent: 20px;
}
.studiob section.logon hr {
  margin: 32px 0 0 0;
  border: 0;
  border-top: 1px solid #E5E5E5;
  opacity: 1;
}
.studiob section.logon .form .form-row .eye {
  position: absolute;
  top: calc((100% - 10px) * 0.5 + 10px);
  right: 10px;
  transform: translateY(-50%);
  color: #707070;
  cursor: pointer;
}
.studiob section.logon .form .form-row .eye:hover {
  opacity: 0.8;
}
.studiob section.forgot-password .block.white {
  padding: 20px;
}
.studiob section.forgot-password h1 {
  margin: 0;
}
.studiob section.forgot-password .form .form-row {
  padding-top: 10px;
  position: relative;
}
.studiob section.forgot-password .form .form-row input[type=text], .studiob section.forgot-password .form .form-row input[type=password] {
  width: 100%;
  line-height: 48px;
  height: 48px;
  border: 1px solid #E5E5E5;
  outline: none;
  text-indent: 20px;
}
.studiob section.favorites .lazy_loader {
  margin-top: 40px;
}
.studiob section.favorites .lazy_loader p {
  margin-top: 0;
}
.studiob .kendo-rating,
.studiob .kendo-rating .k-icon {
  background-color: transparent !important;
  border: none !important;
  color: var(--cyaan) !important;
}
.studiob .star-rating-star {
  overflow: hidden;
  width: 18px;
  height: 18px;
  position: relative;
  background: transparent;
  display: inline-block;
  border-radius: 100%;
  border: solid var(--cyaan) 1px;
  vertical-align: top;
}
.studiob .star-rating-star.half:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: 9px;
  height: 100%;
  background-color: var(--cyaan);
}
.studiob .star-rating-star.full {
  background: var(--cyaan);
}
.studiob .star-rating {
  position: relative;
}
.studiob .star-rating .star-rating-clear {
  position: absolute;
  top: 11px;
  left: 170px;
  line-height: 13px;
  color: red;
  cursor: pointer;
  font-size: 13px;
}
.studiob .star-custom-rating-star {
  overflow: hidden;
  width: 20px;
  height: 20px;
  position: relative;
  background: transparent;
  display: inline-block;
  border-radius: 100%;
  border: solid var(--cyaan) 1px;
  vertical-align: top;
}
.studiob .star-custom-rating-star.half {
  position: relative;
}
.studiob .star-custom-rating-star.half span:first-child,
.studiob .star-custom-rating-star.half span:last-child {
  width: 10px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.studiob .star-custom-rating-star.half span:first-child {
  left: 0px;
  background-color: var(--cyaan);
}
.studiob .star-custom-rating-star.half span:last-child {
  left: 8px;
  background-color: transparent;
}
.studiob .star-custom-rating-star.half span:before {
  width: 18px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 13px;
  line-height: 16px;
  display: block;
  content: "€";
  text-align: center;
  position: absolute;
}
.studiob .star-custom-rating-star.half span:first-child:before {
  color: #FFFFFF;
}
.studiob .star-custom-rating-star.half span:last-child:before {
  left: -8px;
  color: var(--cyaan);
}
.studiob .data-table .star-custom-rating-star,
.studiob .data-table .star-rating-star {
  vertical-align: middle;
}
.studiob .star-rating-star.full:after {
  content: "€";
  position: absolute;
  top: 1px;
  left: 5px;
  font-size: 13px;
  line-height: 16px;
  color: white;
}
.studiob .star-rating-star.empty:after {
  content: "€";
  position: absolute;
  top: 1px;
  left: 5px;
  font-size: 13px;
  line-height: 16px;
  color: var(--cyaan);
}
.studiob .star-rating-star {
  width: 20px;
  height: 20px;
}
.studiob .product .rating-box {
  margin: 5px auto;
  text-align: center;
}
.studiob .product .rating-box .rating > * {
  vertical-align: middle !important;
}
.studiob .product .rating-box .rating .star-rating-star.full:after {
  content: "€";
  position: absolute;
  top: 0;
  left: 1px;
  font-size: 9px;
  line-height: 8px;
  color: white;
}
.studiob .product .rating-box .rating .star-rating-star {
  width: 10px;
  height: 10px;
}
.studiob .product .rating-box .rating .star-custom-rating-star {
  overflow: hidden;
  width: 10px;
  height: 10px;
  position: relative;
  background: transparent;
  display: inline-block;
  border-radius: 100%;
  border: solid var(--cyaan) 1px;
  vertical-align: unset;
}
.studiob .product .rating-box .rating .star-custom-rating-star.half {
  position: relative;
}
.studiob .product .rating-box .rating .star-custom-rating-star.half span:first-child,
.studiob .product .rating-box .rating .star-custom-rating-star.half span:last-child {
  width: 5px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.studiob .product .rating-box .rating .star-custom-rating-star.half span:first-child {
  left: 0px;
  background-color: var(--cyaan);
}
.studiob .product .rating-box .rating .star-custom-rating-star.half span:last-child {
  left: 5px;
  background-color: transparent;
}
.studiob .product .rating-box .rating .star-custom-rating-star.half span:before {
  width: 8px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 9px;
  line-height: 8px;
  display: block;
  content: "€";
  text-align: center;
  position: absolute;
}
.studiob .product .rating-box .rating .star-custom-rating-star.half span:first-child:before {
  color: #FFFFFF;
}
.studiob .product .rating-box .rating .star-custom-rating-star.half span:last-child:before {
  left: -5px;
  color: var(--cyaan);
}
.studiob .product .rating-box .rating .star-rating-star.empty:after {
  content: "€";
  position: absolute;
  top: 0;
  left: 1px;
  font-size: 9px;
  line-height: 8px;
  color: var(--cyaan);
}
.studiob .product .rating-box + .single-title {
  padding-top: 0;
}
.studiob .center-slider.slick-slider {
  margin: 0 0 32px -48px;
}
.studiob .center-slider.slick-slider .slick-list.draggable {
  overflow: visible;
}
.studiob .center-slider.slick-slider .slick-list .slick-track .slick-slide .inner-slide {
  padding-left: 48px;
}
.studiob .center-slider.slick-slider .slick-list .slick-track .slick-slide .inner-slide img {
  max-width: 100%;
  height: auto;
  display: block;
}
.studiob .slider-controls {
  float: right;
}
.studiob .slider-controls .previous, .studiob .slider-controls .next, .studiob .slider-controls .previous:hover, .studiob .slider-controls .next:hover, .studiob .slider-controls .previous:focus, .studiob .slider-controls .next:focus, .studiob .slider-controls .previous:active, .studiob .slider-controls .next:active {
  outline: none;
}
.studiob .slider-controls .previous:not(.slick-disabled):hover, .studiob .slider-controls .next:not(.slick-disabled):hover {
  transform: scale(1.1);
}
.studiob .slider-controls .previous, .studiob .slider-controls .next {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 0 8px;
  padding: 0;
  transition: all linear 125ms;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.studiob .slider-controls .previous:before, .studiob .slider-controls .next:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "Font Awesome 5 Pro";
  font-size: 32px;
  display: block;
  position: absolute;
  z-index: 1;
}
.studiob .slider-controls .previous:before {
  content: "\f32e";
}
.studiob .slider-controls .next:before {
  content: "\f330";
}
.studiob .slider-controls .previous.slick-disabled,
.studiob .slider-controls .next.slick-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.studiob .slider-progress {
  display: block;
  width: 100%;
  height: 4px;
  margin: 0 0 32px 0;
  border-radius: 2px;
  overflow: hidden;
  background-color: #dedede;
  background-image: linear-gradient(to right, #c6c6c6, #c6c6c6);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: background-size 0.4s ease-in-out;
}
.studiob .slider-progress .slider-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.studiob #favoritesList .icon.delete {
  right: 78px;
  bottom: 20px;
  position: absolute;
  z-index: 2;
}
.studiob #favoritesList .icon.move {
  right: 136px;
  bottom: 20px;
  position: absolute;
  z-index: 2;
}
.studiob #favoriteProducts .favorite-product {
  position: relative;
}
.studiob #favoriteProducts .favorite-product .product {
  padding-bottom: 58px;
}
.studiob #favoriteProducts .favorite-product .controls {
  position: absolute;
  bottom: 10px;
  right: 20px;
  z-index: 2;
}
.studiob .profiling {
  margin: 32px 0 24px 0;
}
.studiob .profiling .loader {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.studiob .profiling .loader.active {
  display: block;
}
.studiob .profiling.dashboard {
  position: relative;
  padding: 0;
  background-color: transparent;
  border-bottom: none;
}
.studiob .profiling.dashboard table.highlighted {
  width: 100%;
  background-color: #000000;
  margin: 0 0 32px 0;
}
.studiob .profiling.dashboard table.highlighted tr:nth-child(odd) {
  background-color: #413D3D;
}
.studiob .profiling.dashboard table.highlighted tbody tr td {
  padding: 10px 15px;
}
.studiob .profiling.dashboard table.highlighted tbody tr td:first-of-type {
  width: 60%;
  font-weight: bold;
}
.studiob .profiling.dashboard table.overview-table thead tr th span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  cursor: pointer;
  padding: 0;
}
.studiob .profiling.dashboard table.overview-table thead tr th span:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  margin-left: 15px;
  color: #413D3D;
  transition: all linear 250ms;
  content: "\f0dc";
  font-weight: 700;
}
.studiob .profiling.dashboard table.overview-table thead tr th span:hover:after {
  color: #FFFFFF;
}
.studiob .profiling.dashboard #DashboardSheet {
  min-height: 500px;
}
.studiob .profiling.dashboard .filters .filter {
  margin: 0 0 24px 0;
  padding: 0;
  border: none;
}
.studiob .profiling.dashboard .filters .filter p {
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 300;
  text-transform: uppercase;
}
.studiob .profiling.detail .user-info {
  margin-bottom: 32px;
}
.studiob .profiling.detail .user-info .heading-2 {
  padding: 0;
}
.studiob .profiling.detail .user-info table {
  width: 100%;
}
.studiob .profiling.detail .user-info table tr td:first-of-type {
  font-weight: bold;
  width: 40%;
  vertical-align: top;
}
.studiob .profiling.detail .user-info table tr td:last-of-type {
  vertical-align: bottom;
}
.studiob .profiling.detail .user-info table tr td {
  font-size: 18px;
}
.studiob .profiling.detail .user-info table tr td .tooltip-info {
  display: inline-block;
  position: relative;
}
.studiob .profiling.detail .user-info table tr td .tooltip-info i {
  color: #D0AD67;
}
.studiob .profiling.detail .user-info table tr td .tooltip-info:before {
  position: absolute;
  content: attr(data-content);
  background-color: #2b2725;
  color: #FFFFFF;
  line-height: 20px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translate(-50%, -100%);
  top: -15px;
  left: 13px;
  padding: 10px;
  width: max-content;
  max-width: 200px;
}
.studiob .profiling.detail .user-info table tr td .tooltip-info:after {
  content: "";
  position: absolute;
  margin-left: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: #2b2725 transparent transparent transparent;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translate(-50%, -100%);
  top: 5px;
  left: 13px;
}
.studiob .profiling.detail .user-info table tr td .tooltip-info:hover:before,
.studiob .profiling.detail .user-info table tr td .tooltip-info:hover:after {
  visibility: visible;
  opacity: 1;
}
.studiob .profiling.detail .list-card {
  margin: 0 0 32px 0;
}
.studiob .profiling.detail .list-card .card-header {
  background-color: #F2F2F2;
  border-bottom: 2px solid #000000;
  font-size: 18px;
  padding: 10px 15px;
  font-weight: bold;
}
.studiob .profiling.detail .list-card .card-body > p {
  margin: 15px;
  padding: 0;
}
.studiob .profiling.detail .list-card .card-body .item {
  padding: 10px 15px;
  border-bottom: 1px solid #F2F2F2;
}
.studiob .profiling.detail .list-card .card-body .item p {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 50px 0 0;
}
.studiob .profiling.detail .list-card .card-body .item p span.score {
  font-weight: bold;
  font-size: 18px;
  position: absolute;
  top: 0;
  right: 0;
}
.studiob .profiling.detail .list-card .card-body .item p span:first-of-type {
  margin: 0 15px 0 0;
}
.studiob .profiling.detail .extracting-progress {
  display: none;
}
.studiob .profiling.detail .extracting-progress p:first-of-type {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 10px 0;
}
.studiob .profiling.detail .extracting-progress progress {
  display: inline-block;
  vertical-align: middle;
}
.studiob .profiling.detail .extracting-progress #extracting-percentage {
  display: inline-block;
  margin: 0;
}
.studiob .profiling.detail .extracting-progress #extracting-eta {
  margin: 10px 0 15px 0;
}
.studiob .popup {
  width: auto !important;
  min-width: 240px;
  max-width: 1200px;
  max-height: calc(100vh - 100px);
  top: 50%;
  left: 50%;
  background-color: #FFFFFF;
  border-radius: 16px;
  transform: translate(-50%, -50%);
  display: none;
  position: fixed;
  z-index: 99999;
}
.studiob .popup:not(.notify) {
  padding: 0 20px 32px 20px !important;
}
.studiob .popup.product-tip {
  position: fixed;
}
.studiob .popup .close {
  top: -20px;
  right: -20px;
  background-color: var(--wit);
  border: 2px solid var(--cyaan);
  color: var(--text-zwart);
  position: absolute;
  z-index: 1;
}
.studiob .popup .close:hover {
  color: var(--cyaan);
}
.studiob .popup .close:before {
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-weight: 900;
}
.studiob .popup .button {
  color: #FFFFFF !important;
}
.studiob .popup .form .form-row {
  margin-top: 32px;
}
.studiob .popup ul {
  margin: 32px 0 0 0;
  padding: 0;
}
.studiob .popup ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.studiob .popup span.label {
  font-weight: 700;
}
.studiob .popup span.label, .studiob .popup span.value {
  line-height: 40px;
}
.studiob .popup textarea {
  margin-bottom: 32px;
  background-color: rgba(0, 0, 0, 0.1);
}
.studiob .popup input {
  background-color: rgba(0, 0, 0, 0.1);
}
.studiob .popup select {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border: 0;
  outline: none;
}
.studiob .popup button {
  color: #FFFFFF;
}
.studiob .popup button:hover {
  color: #D0AD68;
}
.studiob .popup .buttons button {
  margin-right: 15px;
}
.studiob .popup .buttons button:last-of-type {
  margin-right: 0;
}
.studiob .popup p.heading-3 {
  color: var(--text-donkerblauw) !important;
}
.studiob .popup p.button > a {
  position: static;
}
.studiob .popup.download button {
  margin-top: 20px;
  color: #FFFFFF;
}
.studiob .popup.deleteaccount button {
  margin: 0;
}
.studiob .popup.download, .studiob .popup.mailconfiguration, .studiob .popup.move {
  position: fixed;
}
.studiob .parent-dimming, .studiob .dimming {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--donkerblauw);
  opacity: 0.9;
  display: none;
  position: fixed;
  z-index: 99998;
}
.studiob .fixedpopups .popup {
  position: fixed;
}
.studiob .popup.selection .info {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  margin-top: 10px;
}
.studiob .sfContentBlock {
  position: relative;
}
.studiob .sfContentBlock img.badge {
  width: 200px;
  height: auto;
  top: 50%;
  right: 0;
  transform: translate(calc(100% + 55px), -50%) rotate(-9deg);
  position: absolute;
  z-index: 1;
}
.studiob .outer-kitchen-filter-result-count img.header-badge,
.studiob .outer-product-filter-result-count img.header-badge {
  width: 140px;
  height: auto;
  top: 0;
  left: 0;
  transform: rotate(9deg);
  position: absolute;
  z-index: 1;
}
.studiob .k-slider-horizontal {
  width: 100% !important;
}
.studiob #references-filter .toggler {
  margin-top: 32px;
  padding: 0 20px;
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  cursor: pointer;
}
.studiob #references-filter .toggler {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.studiob #references-filter .toggler .text, .studiob #references-filter .toggler .arrow {
  display: inline-block;
  vertical-align: top;
}
.studiob #references-filter .toggler .text {
  margin-right: 20px;
}
.studiob #references-filter .toggler .arrow {
  width: 22px;
  height: 12px;
  margin: 10px 0;
  position: relative;
}
.studiob #references-filter .toggler .arrow::before, .studiob #references-filter .toggler .arrow::after {
  width: 16px;
  height: 2px;
  right: 0;
  background-color: #FFF;
  border-radius: 0px;
  position: absolute;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.studiob #references-filter .toggler .arrow::before, .studiob #references-filter .toggler .arrow::after {
  content: "";
  display: block;
}
.studiob #references-filter .toggler .arrow::before {
  top: 5px;
  left: -2px;
  -webkit-transform: rotate(45deg);
}
.studiob #references-filter .toggler .arrow::after {
  top: 5px;
  right: -2px;
  -webkit-transform: rotate(-45deg);
}
.studiob #references-filter .toggler.slided .arrow::before {
  left: -2px;
  -webkit-transform: rotate(-45deg);
}
.studiob #references-filter .toggler.slided .arrow::after {
  right: -2px;
  -webkit-transform: rotate(45deg);
}
.studiob #references-filter .options {
  padding-top: 32px;
  display: none;
}
.studiob ul.list-unstyled {
  margin: 0;
  padding: 0;
}
.studiob ul.list-unstyled li.media {
  margin: 32px 0 0 0;
  padding: 0 0 32px 0;
  border-bottom: 2px solid #000000;
  list-style-type: none;
}
.studiob ul.list-unstyled li.media:first-of-type {
  margin-top: 0;
}
.studiob ul.list-unstyled li.media:last-of-type {
  padding-bottom: 0;
}
.studiob ul.list-unstyled li.media .thumbnail {
  width: 100px;
  margin-right: 30px;
  float: left;
}
.studiob ul.list-unstyled li.media .info {
  width: calc(100% - 130px);
  height: 100%;
  margin-top: 38px;
  float: left;
}
.studiob ul.list-unstyled li.media .info p.title {
  padding: 0 !important;
}
.studiob ul.list-unstyled li.media .info p.description {
  padding: 0 !important;
  color: #A7A9AC !important;
}
.studiob ul.list-unstyled li.media.studiob {
  padding: 12px;
}
.studiob .advanced-faq {
  position: relative;
}
.studiob .advanced-faq .background {
  padding: 0;
  position: relative;
}
.studiob .advanced-faq .loader {
  min-height: 128px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  position: absolute;
  z-index: 1;
}
.studiob .advanced-faq .loader img {
  top: 50%;
  left: 50%;
  width: 128px;
  height: 128px;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite;
}
.studiob #previewConfiguration .selector-slots {
  margin-top: 32px;
}
.studiob #previewConfiguration .selector-slots .slot {
  height: 100%;
  padding: 16px 30px;
  border-bottom: 1px solid #F2F2F2;
  position: relative;
}
.studiob #previewConfiguration .selector-slots .slot:before {
  width: 30px;
  height: 100%;
  top: 0;
  left: -29px;
  background-color: #000000;
  -webkit-clip-path: polygon(100% 50%, 100% 0, 100% 100%);
  clip-path: polygon(100% 50%, 100% 0, 100% 100%);
  transition: all linear 250ms;
  transform-origin: center right;
  display: block;
  content: "";
  position: absolute;
  z-index: 6;
}
.studiob #previewConfiguration .selector-slots .slot img, .studiob #previewConfiguration .selector-slots .slot p {
  vertical-align: middle;
  display: inline-block;
  float: left;
}
.studiob #previewConfiguration .selector-slots .slot img {
  top: 16px;
  left: 0px;
  width: 70px; /*height: 40px;*/
  margin-right: 15px;
  display: inline-block;
  position: absolute;
}
.studiob #previewConfiguration .selector-slots .slot .thumb {
  top: 0;
  left: 0;
  width: 70px;
  height: 75px;
  margin-right: 15px;
  display: inline-block;
  position: absolute;
  overflow: hidden;
}
.studiob #previewConfiguration .selector-slots .slot .thumb img {
  width: 70px;
  height: auto;
}
.studiob #previewConfiguration .selector-slots .slot p {
  width: calc(100% - 55px);
  padding: 0;
  margin: 0 0 0 55px;
  display: inline-block;
}
.studiob #previewConfiguration .selector-slots .slot p em {
  color: #707070;
}
.studiob #previewConfiguration .selector-slots .slot p {
  position: relative;
}
.studiob #previewConfiguration .selector-slots .slot p:after {
  display: none;
  visibility: hidden;
}
.studiob #previewConfiguration .selector-slots .slot.is-selected, .studiob #previewConfiguration .selector-slots .slot.is-selected:before {
  background-color: #D0AD67;
}
.studiob #previewConfiguration .selector-slots .slot.is-selected:before {
  -webkit-clip-path: polygon(0% 50%, 100% 0, 100% 100%);
  clip-path: polygon(0% 50%, 100% 0, 100% 100%);
}
.studiob #previewConfiguration .selector-slots .slot.is-selected p strong {
  color: #000000;
}
.studiob #previewConfiguration .selector-slots .slot.is-selected p em {
  color: #FFFFFF;
}
.studiob .product .outer-front:hover {
  border-bottom: 0;
}
.studiob #overview .outer-front, .studiob section.grey.content.product-detail .outer-front {
  /*
  height: calc(100% - 16px);
  margin-bottom: 16px;
  padding: 19px 18px;
  background-color: #FFFFFF;
  border-radius: 16px;
  transition: all linear 250ms;
  position: relative;
  overflow: hidden;
  */
}
.studiob section.grey.content.product-detail .outer-front.current {
  border-bottom: 2px solid #D0AD68;
}
.studiob .outer-front .inner-front {
  position: relative;
  pointer-events: none;
}
.studiob .outer-front .inner-front.uitloop,
.studiob .block.white.image.uitloop {
  overflow: hidden;
  position: relative;
}
.studiob .outer-front .inner-front.uitloop:before,
.studiob .highslide-gallery.uitloop .slick-list:before,
.studiob .block.white.image.uitloop:before {
  top: 20px;
  left: -38px;
  padding: 5px 50px;
  background-color: var(--donkerblauw);
  color: #FFFFFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 14px;
  line-height: 24px;
  display: block;
  content: "Uitloop";
  position: absolute;
  z-index: 1;
}
.studiob .outer-front .inner-front.uit_assortiment:before,
.studiob .highslide-gallery.uit_assortiment .slick-list:before,
.studiob .block.white.image.uit_assortiment:before {
  top: 30px;
  left: -49px;
  padding: 5px 50px;
  background-color: var(--donkerblauw);
  color: #FFFFFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 14px;
  line-height: 24px;
  display: block;
  content: "Uit assortiment";
  position: absolute;
  z-index: 1;
  white-space: nowrap;
}
.studiob .outer-front .inner-front.uit_assortiment,
.studiob .block.white.image.uit_assortiment {
  overflow: hidden;
  position: relative;
}
.studiob .highslide-gallery.uit_assortiment .slick-slider:before {
  top: 30px;
  left: -49px;
  padding: 5px 50px;
  background-color: var(--donkerblauw);
  color: #FFFFFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 14px;
  line-height: 24px;
  display: block;
  content: "Uit assortiment";
  position: absolute;
  z-index: 1;
  white-space: nowrap;
}
.studiob .highslide-gallery.uit_assortiment .slick-slider {
  overflow: hidden;
}
.studiob .outer-front .inner-front.standaard:before {
  top: 27px;
  left: -49px;
  padding: 5px 50px;
  background-color: var(--donkerblauw);
  color: var(--wit);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 20px;
  display: block;
  content: "Standaard";
  position: absolute;
  z-index: 1;
}
.studiob .outer-front .inner-front.is-basis:before {
  top: 15px;
  left: -36px;
  padding: 5px 50px;
  background-color: var(--donkerblauw);
  color: var(--wit);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 20px;
  display: block;
  content: "Basis";
  position: absolute;
  z-index: 1;
}
.studiob .outer-front a:not(.info) {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 1;
}
.studiob .outer-front .inner-front a.info {
  top: 6px;
  right: 6px;
  bottom: unset;
  left: unset;
  width: 26px;
  height: 26px;
  background-color: transparent;
  border: 2px solid #D0AD67;
  border-radius: 13px;
  text-decoration: none;
  text-align: center;
  position: absolute;
  z-index: 2;
}
.studiob .outer-front .inner-front a.info i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 14px !important;
  text-align: center;
  color: #D0AD67;
  display: block;
}
.studiob .outer-front .inner-front .front {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  position: relative;
}
.studiob .product .outer-front .inner-front .front {
  transition: background-size 250ms linear;
  -moz-transition: background-size 250ms linear;
  -ms-transition: background-size 250ms linear;
  -o-transition: background-size 250ms linear;
  -webkit-transition: background-size 250ms linear;
  background-size: 100% 100%;
}
.studiob .product .outer-front:hover .inner-front .front {
  transition: background-size 250ms linear;
  -moz-transition: background-size 250ms linear;
  -ms-transition: background-size 250ms linear;
  -o-transition: background-size 250ms linear;
  -webkit-transition: background-size 250ms linear;
  background-size: 110% 110%;
}
.studiob .outer-front .inner-front .front .handle {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 4;
}
.studiob .outer-front .inner-front .front .effect {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 2;
}
.studiob .outer-front .inner-front .front .effect.glasdeur {
  -webkit-mask-size: 100%;
  mask-size: 100%;
  z-index: 3;
}
.studiob .outer-front .inner-front .front .overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 1;
}
.studiob .outer-front .inner-front .front, .studiob .outer-front .inner-front .front .overlay {
  width: 100%;
  padding-top: 136.72%;
}
.studiob .outer-front .body, .studiob .outer-glass .body, .studiob .outer-others .body {
  color: #000000;
  margin-top: 20px;
}
.studiob .outer-front .body p, .studiob .outer-glass .body p, .studiob .outer-others .body p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.studiob #overview .outer-front {
  position: relative;
}
.studiob .outer-front {
  height: calc(100% - 16px);
  margin-bottom: 16px;
  background-color: var(--wit);
  border-radius: 16px;
  overflow: hidden;
}
.studiob .outer-front .body {
  margin-top: 0;
  padding: 18px;
}
.studiob .selector-product {
  cursor: pointer;
}
.studiob .selector-product .outer-front {
  margin: 0;
}
.studiob .product.selector-product.front .outer-front,
.studiob .Fronten .product .outer-front {
  margin: 0;
}
.studiob .selector-product .outer-front a i {
  display: none;
}
.studiob .product.selector-product .outer-front .inner-front .front,
.studiob .product.selector-product .outer-front .inner-front .front .overlay,
.studiob .Fronten .product .outer-front .inner-front .front,
.studiob .Fronten .product .outer-front .inner-front .front .overlay {
  width: 100%;
  padding-top: 75% !important;
}
.studiob .product.selector-product .outer-front .inner-front .front .overlay,
.studiob .Fronten .product .outer-front .inner-front .front .overlay {
  background-position: 0 48%;
  background-size: 100% auto;
}
.studiob .outer-front .inner-front .front.detail {
  width: 768px;
  max-width: 100%;
}
.studiob .outer-front .inner-front .front.trigger-popup {
  cursor: pointer;
}
.studiob .outer-front .inner-front .icon {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
}
.studiob .outer-front .inner-front .icon:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
}
.studiob .outer-front .inner-front .icon.favorites {
  bottom: 47px;
}
.studiob .outer-glass {
  margin: 0 0 32px 0;
}
.studiob .outer-glass .inner-glass .glass {
  position: relative;
}
.studiob .outer-glass .inner-glass .glass a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.studiob .outer-glass .inner-glass .glass, .studiob .glass-placeholder .glass .overlay {
  width: 100%;
  padding-top: 100%;
}
.studiob .outer-glass .inner-glass .glass .effect {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 2;
}
.studiob .outer-glass p {
  text-align: center;
}
.studiob .outer-others {
  margin: 0 0 32px 0;
}
.studiob .outer-others .inner-others .others {
  position: relative;
}
.studiob .outer-others .inner-others .others a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}
.studiob .outer-others .inner-others .others, .studiob .outer-others .inner-others .others .overlay {
  width: 100%;
  padding-top: 100%;
}
.studiob .outer-others .inner-others .others .effect {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  z-index: 2;
}
.studiob .outer-others p {
  text-align: center;
}
.studiob .product-detail .outer-front {
  height: unset;
}
.studiob .popup.front-detail {
  padding: 0 !important;
  background-color: transparent;
}
.studiob .popup.front-detail .outer-front {
  background-color: var(--licht);
}
.studiob .popup.front-detail .close {
  z-index: 3;
}
.studiob .popup.front-detail .front-placeholder {
  margin: 0;
}
.studiob .tfa {
  margin-top: 24px;
}
.studiob .tfa p {
  margin: 0;
  padding: 0;
}
.studiob .tfa .tfa-block {
  margin-top: 24px;
}
.studiob .tfa .tfa-block h4, .studiob .tfa .tfa-block .heading-4 {
  line-height: 28px;
  font-size: 20px;
  font-weight: 700;
  color: #002563;
}
.studiob .tfa .tfa-block input.large-spacing {
  max-width: 250px;
}
@keyframes ld-breath {
  0% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
}
@-webkit-keyframes ld-breath {
  0% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
  50% {
    -webkit-transform: scale(1.06);
    transform: scale(1.06);
  }
  100% {
    -webkit-transform: scale(0.86);
    transform: scale(0.86);
  }
}
.studiob .ld.ld-breath {
  -webkit-animation: ld-breath 1s infinite;
  animation: ld-breath 1s infinite;
}
.studiob .search-section {
  margin: 32px 0 0 0;
  padding: 20px;
  background-color: #FFFFFF;
  border: 1px solid #F2F2F2;
}
.studiob .search-section .search-wrapper input[type=text] {
  width: calc(100% - 40px) !important;
  line-height: 38px !important;
  border: 1px solid #CCCCCC !important;
  border-right: 0 !important;
  display: inline-block !important;
  text-indent: 10px !important;
  float: left;
}
.studiob .search-section .search-wrapper button {
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  padding: 0 !important;
  float: left;
  border-radius: 0;
}
.studiob .sidemenu {
  margin-top: 32px;
  padding: 19px 18px;
  background-color: #FFFFFF;
  border-radius: 16px;
  transition: all linear 250ms;
  position: relative;
}
.studiob .sidemenu p {
  padding: 0;
  color: var(--text-donkerblauw);
}
.studiob .sidemenu p span.user:before {
  margin-right: 15px;
  font-family: "Font Awesome 5 Pro";
  font-size: 32px !important;
  font-weight: 300 !important;
  content: "\f2bd";
  color: var(--cyaan);
  display: inline-block;
}
.studiob .sidemenu ul {
  margin: 32px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #E5E5E5;
}
.studiob .sidemenu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #E5E5E5;
}
.studiob .sidemenu ul li a, .studiob .sidemenu ul li a:hover {
  text-decoration: none;
}
.studiob .sidemenu ul li a {
  display: block;
}
.studiob .sidemenu ul li a span,
.studiob .sidemenu ul li span {
  padding: 12px 30px;
  font-weight: 700;
  transition: all linear 250ms;
  display: block;
}
.studiob .sidemenu ul li a span:hover {
  background-color: #F2F2F2;
}
.studiob .sidemenu:not(.advice) > ul > li > a > span:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  background-image: url("/img/icons/icon_beheer.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  content: "";
  display: inline-block;
  vertical-align: middle;
}
.studiob .sidemenu > ul > li.uw-aanvragen > a > span:before {
  background-image: url("/img/icons/icon_aanvragen-overzicht.svg");
}
.studiob .sidemenu > ul > li.offertes-op-maat > a > span:before {
  background-image: url("/img/icons/icon_offerte-overzicht.svg");
}
.studiob .sidemenu > ul > li.selection > a > span:before {
  background-image: url("/img/icons/icon_selection.svg");
}
.studiob .sidemenu > ul > li.keuken-bestellen > a > span:before {
  background-image: url("/img/icons/icon_keuken-bestellen.svg");
}
.studiob .sidemenu > ul > li.beheer > a > span:before {
  background-image: url("/img/icons/icon_beheer.svg");
}
.studiob .button.large.full {
  padding-top: 10px;
}
.studiob .button.large.full a, .studiob .button.large.full a:hover {
  text-decoration: none;
}
.studiob .button.large.full a span {
  display: block;
}
.studiob .mail-configuration-section .button.large.full {
  padding-top: 32px;
}
.studiob div.responsive-table {
  overflow-x: auto;
}
.studiob div.responsive-table .permissions-disabled span {
  background-color: rgba(255, 0, 0, 0.231372549);
  border-radius: 5px;
}
.studiob table.table-data-table {
  width: 100%;
  margin-bottom: 32px;
}
.studiob table.table-data-table.highlight {
  margin-top: 32px;
  border-top: 1px solid #000000;
}
.studiob table.table-data-table:last-of-type,
.studiob table.table-data-table:only-of-type {
  margin-bottom: 0;
}
.studiob table.table-data-table > thead > tr > th {
  font-size: 18px;
  background-color: #F2F2F2;
  border-bottom: 2px solid #000000;
}
.studiob table.table-data-table > thead > tr > th > a, .studiob table.data-table > thead > tr > th > a:after {
  display: inline-block;
  vertical-align: middle;
}
.studiob table.table-data-table > thead > tr > th > a {
  text-decoration: none;
}
.studiob table.table-data-table > thead > tr > th > a:after {
  margin-left: 15px;
  color: #413D3D;
  transition: all linear 250ms;
  font-family: "Font Awesome 5 Pro";
  content: "\f0dc";
}
.studiob table.table-data-table > thead > tr > th > a:hover:after {
  color: var(--cyaan);
}
.studiob table.table-data-table > tbody > tr:nth-child(odd) {
  border-bottom: 1px solid #F2F2F2;
}
.studiob table.table-data-table > tbody > tr:nth-child(even) {
  border-bottom: 1px solid #F2F2F2;
}
.studiob table.table-data-table.quotations-table > tbody > tr {
  cursor: pointer;
}
.studiob table.table-data-table.quotations-table > tbody > tr:hover {
  background-color: #F2F2F2;
}
.studiob table.table-data-table > tbody > tr > td {
  padding: 8px 15px;
  line-height: 20px;
}
.studiob table.table-data-table > tbody > tr > td.date {
  white-space: nowrap;
}
.studiob table.table-data-table > tbody > tr > td.status {
  width: 70px;
}
.studiob table.table-data-table > tbody > tr > td.tools p.button {
  margin-left: 10px;
  padding: 0;
  display: inline-block;
  float: right;
  margin: 0 0 0 10px;
}
.studiob table.table-data-table > tbody > tr > td.tools p.button.rollback a span, .studiob table.table-data-table > tbody > tr > td.tools p.button a.rollbackbutton span {
  background-color: #5F021F;
  border-color: #5F021F;
}
.studiob table.table-data-table > tbody > tr > td.tools p.button.rollback a span:hover, .studiob table.table-data-table > tbody > tr > td.tools p.button a.rollbackbutton span:hover {
  background-color: transparent;
  color: #5F021F;
}
.studiob table.table-data-table > tbody > tr > td.tools.tools-1 {
  width: 70px;
  min-width: 70px;
}
.studiob table.table-data-table > tbody > tr > td.tools.tools-2 {
  width: 141px;
  min-width: 141px;
}
.studiob table.table-data-table > tbody > tr > td.tools.tools-3 {
  width: 204px;
  min-width: 204px;
}
.studiob table.table-data-table > tbody > tr > td.tools.tools-4 {
  width: 267px;
  min-width: 267px;
}
.studiob table.table-data-table > tbody > tr > td > label {
  margin: 0;
}
.studiob table.table-data-table > tbody > tr > td.tools > .icon {
  margin-right: 15px;
  background-color: var(--donkerblauw);
  color: #FFFFFF;
  display: inline-block;
  float: left;
}
.studiob table.table-data-table > tbody > tr > td.tools > .icon:hover {
  background-color: var(--cyaan);
}
.studiob table.table-data-table > tbody > tr > td.tools > .icon:last-of-type {
  margin-right: 0;
}
.studiob table.table-data-table > thead > tr > th, .studiob table.data-table > tbody > tr > td {
  padding: 8px 15px;
}
.studiob .importSection select,
.studiob .importSection button {
  margin-top: 20px !important;
}
.studiob .staffel-table .flex-row {
  display: flex;
}
.studiob .staffel-table .flex-row .cell {
  flex: 1;
}
.studiob .staffel-table .prices {
  padding-top: 32px;
}
.studiob .staffel-table .prices span {
  display: block;
}
.studiob .staffel-table .prices + hr {
  margin: 20px 0;
}
.studiob table.table-edit-table {
  width: 100%;
  margin-bottom: 32px;
}
.studiob table.table-edit-table > thead > tr > th {
  padding: 8px 15px;
  font-size: 18px;
  background-color: #2B2725;
  color: #FFFFFF;
}
.studiob table.table-edit-table > thead > tr > th > a, .studiob table.data-table > thead > tr > th > a:hover {
  color: #FFFFFF;
}
.studiob table.table-edit-table > thead > tr > th > a, .studiob table.data-table > thead > tr > th > a:after {
  display: inline-block;
  vertical-align: middle;
}
.studiob table.table-edit-table > thead > tr > th > a {
  text-decoration: none;
}
.studiob table.table-edit-table > thead > tr > th > a:after {
  margin-left: 15px;
  color: #413D3D;
  transition: all linear 250ms;
  font-family: "Font Awesome 5 Pro";
  content: "\f0dc";
}
.studiob table.table-edit-table > thead > tr > th > a:hover:after {
  color: #FFFFFF;
}
.studiob table.table-edit-table {
  width: 100%;
  margin-bottom: 32px;
}
.studiob table.table-edit-table > tbody > tr:nth-child(odd) {
  border-bottom: 1px solid #F2F2F2;
}
.studiob table.table-edit-table > tbody > tr:nth-child(even) {
  border-bottom: 1px solid #F2F2F2;
}
.studiob table.table-edit-table > tbody > tr > td {
  padding: 8px 15px;
  line-height: 40px;
  vertical-align: top;
  position: relative;
}
.studiob table.table-edit-table > tbody > tr > td > p {
  margin: 0;
}
.studiob table.table-edit-table > tbody > tr > td .expiring {
  position: relative;
}
.studiob table.table-edit-table > tbody > tr > td .expiring:after {
  color: #ff9900;
  position: absolute;
  left: -58px;
  content: "Uitloop";
}
.studiob table.table-edit-table > tbody > tr > td:first-of-type {
  min-width: 25%;
  width: 27% !important;
  font-weight: 700;
}
.studiob table.table-edit-table > tbody#kitchens > tr > td:first-of-type {
  width: 150px !important;
}
.studiob table.table-edit-table .beheer-toestemming table {
  width: 100%;
}
.studiob table.table-edit-table .beheer-toestemming table thead tr th:first-of-type,
.studiob table.table-edit-table .beheer-toestemming table tbody tr td:first-of-type {
  width: 130px;
  text-align: center;
}
.studiob table.table-edit-table .beheer-toestemming table textarea {
  height: 72px;
  margin-bottom: 10px;
}
.studiob table.table-edit-table .beheer-toestemming ul {
  font-weight: normal;
  line-height: 20px;
  font-size: 13px;
  font-style: italic;
  color: #CECECE;
  padding-left: 10px;
}
.studiob table.table-edit-table .beheer-toestemming .toestemming-info {
  font-size: 14px;
  margin: 0;
  line-height: 20px;
  color: #CECECE;
}
.studiob table.table-edit-table input.k-text {
  border: 1px solid #CCCCCC;
  text-indent: 10px;
}
.studiob table.table-edit-table .imageholder {
  width: 200px;
  height: 150px;
  background-color: #F2F2F2;
}
.studiob table.table-edit-table .imageholder img {
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  display: block;
}
.studiob table.table-edit-table .imageholder + p {
  padding: 0;
}
.studiob .product_edit .picker {
  width: 100%;
  display: block;
  float: left;
  margin: 24px 0;
}
.studiob .product_edit .product-row {
  margin-bottom: 12px;
}
.studiob table.prices {
  width: 100%;
  margin-top: 32px;
}
.studiob table.prices > thead {
  border-bottom: 2px solid #000000;
}
.studiob table.prices > thead > tr > th {
  padding: 8px 15px !important;
  font-size: 18px;
  background-color: #F2F2F2;
  color: #000000;
  vertical-align: bottom;
}
.studiob table.prices > thead > tr > th > a,
.studiob table.prices > thead > tr > th > a:hover {
  color: #000000;
}
.studiob table.prices > thead > tr > th > a,
.studiob table.prices > thead > tr > th > a:after {
  display: inline-block;
  vertical-align: middle;
}
.studiob table.prices > thead > tr > th > a {
  text-decoration: none;
}
.studiob table.prices > thead > tr > th > a:after {
  margin-left: 15px;
  color: #413D3D;
  transition: all linear 250ms;
  content: "\f0dc";
}
.studiob table.prices > thead > tr > th > a:hover:after {
  color: #FFFFFF;
}
.studiob table.prices > tbody > tr {
  border-bottom: 1px solid #F2F2F2;
}
.studiob table.prices > tbody > tr > td {
  padding: 8px 15px !important;
}
.studiob table.prices > tbody > tr > td.price-cell,
.studiob table.prices > thead > tr > th.price-cell {
  min-width: 124px;
  text-align: right;
}
.studiob table.prices > tbody > tr > td.date {
  white-space: nowrap;
}
.studiob table.prices > tbody > tr > td.status {
  width: 70px;
}
.studiob table.prices > tbody > tr > td.tools.tools-1 {
  width: 70px;
  min-width: 70px;
}
.studiob table.prices > tbody > tr > td.tools.tools-2 {
  width: 125px;
  min-width: 125px;
}
.studiob table.prices > tbody > tr > td.tools.tools-3 {
  width: 180px;
  min-width: 180px;
}
.studiob table.prices > tbody > tr > td.tools.tools-4 {
  width: 235px;
  min-width: 235px;
}
.studiob table.prices > tbody > tr > td > label {
  margin: 0;
}
.studiob table.prices > tbody > tr > td.tools > .icon {
  margin-right: 15px;
  background-color: #D0AD67;
  color: #FFFFFF;
  display: inline-block;
  float: left;
}
.studiob table.prices > tbody > tr > td.tools > .icon:hover {
  background-color: #BB9B5C;
}
.studiob table.prices > tbody > tr > td.tools > .icon:last-of-type {
  margin-right: 0;
}
.studiob table.prices > thead > tr > th,
.studiob table.prices > tbody > tr > td {
  padding: 18px 15px;
}
.studiob table#selection-products .displayname {
  position: relative;
}
.studiob table#selection-products .displayname input[type=checkbox] {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.studiob table#selection-products .displayname input[type=text] {
  padding-right: 30px !important;
}
.studiob table#selection-products .displayname input[type=text]:disabled {
  background-color: #ebebeb !important;
}
.studiob table#selection-products > tbody > tr > td:first-of-type {
  min-width: 15%;
  width: 15% !important;
}
.studiob table#selection-products .options {
  position: relative;
}
.studiob table#selection-products .exclude.tooltip {
  position: absolute;
  display: none;
  top: 0;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, -100%);
  background-color: #F2F2F2;
  border: 1px solid #E5E5E5;
  padding: 5px 15px;
  min-width: 150px;
  max-width: 250px;
  width: max-content;
}
.studiob table#selection-products .exclude.tooltip:hover {
  display: block;
}
.studiob table#selection-products .exclude.tooltip > p {
  padding: 0;
  line-height: 30px;
  margin-bottom: 10px;
  margin-top: 0;
}
.studiob table#selection-products .exclude.tooltip .checkboxes {
  text-align: center;
}
.studiob table#selection-products .exclude.tooltip .checkboxes .checkbox {
  display: inline-block;
  padding: 0 10px;
}
.studiob table#selection-products .exclude.tooltip .checkboxes .checkbox input[type=checkbox] {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}
.studiob table#selection-products .exclude.tooltip .checkboxes .checkbox label {
  display: block;
  padding: 0;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
}
.studiob table#selection-products .exclude-button:hover + .tooltip {
  display: block;
}
.studiob table#selection-products .remove-button,
.studiob table#selection-products .exclude-button {
  width: 26px;
  height: 42px;
  text-align: center;
  display: inline-block;
}
.studiob table#selection-products .exclude-button:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f070";
  font-weight: 900;
  line-height: 42px;
}
.studiob table#selection-products .remove-button:hover,
.studiob table#selection-products .exclude-button:hover {
  background-color: #F2F2F2;
}
.studiob table#selection-products .remove-button {
  cursor: pointer;
}
.studiob .other-products table tr td a {
  color: inherit;
}
.studiob .other-products table tr td:first-of-type {
  width: 200px;
}
.studiob ul.pagination.group:before,
.studiob ul.pagination.group:after {
  display: none;
}
.studiob ul.pagination, .studiob ul.pagination li {
  margin: 0;
  padding: 0;
}
.studiob ul.pagination {
  margin-top: 22px;
  display: flex;
  gap: 10px;
}
.studiob ul.pagination li {
  list-style: none;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.studiob ul.pagination li:last-of-type {
  margin-right: 0;
}
.studiob ul.pagination li a span {
  color: var(--wit);
  transition: all linear 250ms;
}
.studiob ul.pagination li a:hover span {
  background-color: var(--cyaan);
  color: #FFFFFF;
}
.studiob ul.pagination li a, .studiob ul.pagination li a:hover {
  text-decoration: none;
}
.studiob ul.pagination li span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--donkerblauw);
  text-align: center;
  color: #FFFFFF;
  display: block;
  border-radius: 8px;
}
.studiob ul.pagination li.active {
  cursor: default;
}
.studiob ul.pagination li > span,
.studiob ul.pagination li.active span {
  background-color: var(--cyaan);
  color: #FFFFFF;
}
.studiob ul.pagination li.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.studiob ul.pagination li.disabled:hover span {
  background-color: var(--donkerblauw);
  color: #FFFFFF;
}
.studiob .content-block.advice h3 {
  padding: 0 0 24px 0;
}
.studiob .content-block.advice > p {
  padding: 0 !important;
}
.studiob .content-block.selection-confirmation .total {
  margin-top: 32px;
}
.studiob #mappingContainer {
  background-color: #FFFFFF;
}
.studiob #mappingContainer .knob {
  background-color: #7CFC00;
  width: 40px;
  height: 40px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  position: absolute;
}
.studiob #saveDisplayOrderButton {
  padding: 0 0 24px 0;
}
.studiob #sortable {
  display: inline-block;
}
.studiob .product-sort-block {
  position: relative;
  width: calc(20% - 13px);
  box-sizing: border-box;
  border: 1px solid #F2F2F2;
  border-bottom: 2px solid #000000;
  background-color: #FFFFFF;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 15px;
  height: 130px;
  float: left;
  font-size: 13px;
}
.studiob .product-sort-block:nth-child(5n+5) {
  margin-right: 0;
}
.studiob .product-sort-block .sort-icon > div {
  margin: auto;
  margin-bottom: 10px;
}
.studiob .product-sort-block .sort-body {
  text-align: center;
}
.studiob .product-sort-block .sort-body p {
  padding: 0;
}
.studiob .product-sort-block .handle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px;
  float: right;
  cursor: grab;
}
.studiob .filter-sort-block {
  position: relative;
  width: calc(100% - 13px);
  box-sizing: border-box;
  border: 1px solid #F2F2F2;
  border-bottom: 2px solid #000000;
  background-color: #f5f5f5;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 15px;
  float: left;
}
.studiob .filter-sort-block:nth-child(5n+5) {
  margin-right: 0;
}
.studiob .filter-sort-block .sort-icon > div {
  margin: auto;
  margin-bottom: 10px;
}
.studiob .filter-sort-block .sort-body {
  text-align: center;
}
.studiob .filter-sort-block .sort-body p {
  padding: 0;
}
.studiob .filter-sort-block .handle {
  position: absolute;
  right: 0;
  top: 0;
  padding: 12px;
  float: right;
  cursor: grab;
}
.studiob .product-getting-dragged {
  border-bottom-color: #d0ad67 !important;
}
.studiob .status-icon {
  width: 40px;
  height: 40px;
  border: 2px solid #000000;
  border-radius: 20px;
  transition: all linear 250ms;
  position: relative;
}
.studiob .status-icon:before {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  position: absolute;
}
.studiob .status-icon.publish:before {
  content: "\f00c";
}
.studiob .status-icon.unpublish:before {
  content: "\f00d";
}
.studiob .status-icon.edit:before {
  content: "\f040";
}
.studiob .status-icon.draft:before {
  content: "\f2ed";
}
.studiob .status-icon.delete:before {
  content: "\f2ed";
}
.studiob .status-icon.selection:before {
  content: "S";
  top: 0;
  left: 0;
  font-family: "Titillium Web", sans-serif;
  font-size: 22px;
}
.studiob .status-icon.other:before {
  content: "\f00d";
}
.studiob .status .pf-char {
  width: 40px;
  height: 40px;
  display: block;
  border: 2px solid black;
  border-radius: 50%;
}
.studiob .status .pf-char:before {
  line-height: 40px;
}
.studiob .pf-char:before {
  font-family: fa5-proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #555555;
  content: attr(data-char-content);
}
.studiob #quotationform hr {
  margin: 40px 0 28px 0;
  opacity: 1;
  border-top: 1px solid #F2F2F2;
}
.studiob #quotationform .error-message {
  color: #721c24;
  background-color: #f9c5c9;
  border-bottom: 5px solid #800000;
  position: relative;
  padding: 20px 30px;
  margin: 0 0 24px 0;
  display: none;
}
.studiob #quotationform .error-message.error-message-warning {
  display: block;
  color: #af4900;
  background-color: #ffc89f;
  border-bottom: 5px solid #af4900;
}
.studiob #quotationform .error-message.error-message-line {
  border-bottom: unset;
  background-color: #ffe7e9;
  padding: 4px 8px;
  margin: 0;
  display: block;
  border-radius: 8px;
}
.studiob #quotationform .error-message .error-message-title {
  font-weight: bold;
}
.studiob #quotationform .error-message .error-message-errors {
  margin-top: 16px;
  list-style-type: none;
}
.studiob #quotationform .error-message .error-message-errors li {
  margin: 0 0 0 22px;
  list-style-type: disclosure-closed;
  margin-bottom: 6px;
}
.studiob #quotationform .error-message.shown {
  display: block;
}
.studiob #quotationform .error-message p {
  margin: 0;
  padding: 0;
}
.studiob #quotationform .error-message .close {
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
}
.studiob #quotationform .error-message .close:hover {
  color: #000000;
}
.studiob #quotationform .is-submitted input.invalid:not(.ng-touched),
.studiob #quotationform input.invalid:not(.ng-untouched) {
  background-color: #ffb5b5;
}
.studiob #quotationform p.required {
  display: none;
}
.studiob #quotationform p.required.shown,
.studiob #quotationform input.invalid:not(.ng-untouched) + p {
  display: block;
  margin: 0;
}
.studiob #quotationform .formpage p.single-heading-2:first-of-type {
  padding-bottom: 20px;
}
.studiob #quotationform .formpage .form .form-row {
  position: relative;
}
.studiob #quotationform .formpage .form .form-row product-picker button.open {
  margin-top: 24px;
}
.studiob #quotationform .formpage .form .form-row.form-row-margin {
  margin-top: 16px;
}
.studiob #quotationform .formpage .form .form-row.form-row-margin p {
  line-height: 40px;
  padding: 0;
  margin: 0;
}
.studiob #quotationform .formpage .form .form-row:first-of-type > label {
  margin-top: 16px;
}
.studiob #quotationform .formpage .form .form-row .radio-box {
  opacity: 0;
  float: left;
  width: 0;
  position: absolute;
}
.studiob #quotationform .formpage .form .form-row .radio-box-label {
  width: calc(50% - 16px);
  margin: 16px 8px 0 8px;
  padding: 20px;
  cursor: pointer;
  position: relative;
  float: left;
  display: inline-block;
  transition: all linear 125ms;
  font-size: 20px;
  font-weight: bold;
}
.studiob #quotationform .formpage .form .form-row .radio-box-label:before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #F2F2F2;
  position: absolute;
  content: "";
}
.studiob #quotationform .formpage .form .form-row .radio-box-label span {
  border-radius: 50%;
  margin: 0 20px 0 0;
  display: inline-block;
  border: 2px solid #001539;
}
.studiob #quotationform .formpage .form .form-row .radio-box-label span img {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin: 10px;
}
.studiob #quotationform .formpage .form .form-row .radio-box-label:hover {
  background-color: #E5E5E5;
}
.studiob #quotationform .formpage .form .form-row .radio-box-label:after {
  position: absolute;
  top: 20px;
  right: 20px;
  font-family: "Font Awesome 5 Pro";
  content: "\f0c8";
  font-weight: 400;
  font-size: 25px;
  color: var(--cyaan);
}
.studiob #quotationform .formpage .form .form-row input[type=radio]:checked + .radio-box-label:after {
  content: "\f14a";
}
.studiob #quotationform .formpage .form .form-row .radio-box:checked + #quotationform .formpage .form .form-row .k-radio-label {
  display: inline-block;
  margin-right: 10px;
}
.studiob #quotationform .formpage .form .form-row .checkbox-wrapper {
  display: inline-block;
  margin-right: 10px;
  line-height: 32px;
}
.studiob #quotationform .formpage .form .form-row .suffix {
  top: 0;
}
.studiob #quotationform .formpage .form .form-row .k-checkbox-label,
.studiob #quotationform .formpage .form .form-row .k-radio-label {
  line-height: 24px;
}
.studiob #quotationform .formpage .form .form-row .k-checkbox-label:after,
.studiob #quotationform .formpage .form .form-row .k-radio-label:after,
.studiob #quotationform .formpage .form .form-row .k-checkbox-label:before,
.studiob #quotationform .formpage .form .form-row .k-radio-label:before {
  margin-top: 4px;
}
.studiob #quotationform .formpage .form .form-row .label-bold {
  font-weight: bold;
}
.studiob #quotationform .formpage .form .form-row .upload-field {
  margin-top: 10px;
}
.studiob #quotationform .formpage .form .product-select .products {
  display: none;
}
.studiob #quotationform .formpage .form .product-select .products.opened {
  display: block;
}
.studiob #quotationform .formpage .form .inner-toggler {
  padding: 0;
  border: 1px solid #F2F2F2;
  transition: background 0.5s;
}
.studiob #quotationform .formpage .form .inner-toggler:not(:last-of-type) {
  border-bottom: none;
}
.studiob #quotationform .formpage .form .inner-toggler.has-products {
  background: #F2F2F2;
}
.studiob #quotationform .formpage .form .inner-toggler .inner-toggle {
  padding: 16px 20px;
  cursor: pointer;
  position: relative;
  transition: all linear 250ms;
}
.studiob #quotationform .formpage .form .inner-toggler .inner-toggle:hover {
  background-color: #F2F2F2;
}
.studiob #quotationform .formpage .form .inner-toggler .inner-toggle img {
  top: 50%;
  left: 20px;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  display: inline-flex;
  transform: translateY(-50%);
  position: absolute;
  vertical-align: middle;
  float: left;
}
.studiob #quotationform .formpage .form .inner-toggler .inner-toggle p {
  padding: 0;
  position: relative;
  width: calc(100% - 106px);
  margin: 0 45px 0 60px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  min-height: 64px;
}
.studiob #quotationform .formpage .form .inner-toggler.has-products .inner-toggle p em {
  color: #000000;
}
.studiob #quotationform .formpage .form .inner-toggler .inner-toggle p em {
  color: #707070;
}
.studiob #quotationform .formpage .form .inner-toggler .inner-toggle p:after {
  top: 50%;
  right: -45px;
  width: 26px;
  height: 26px;
  line-height: 24px;
  border: 1px solid #D0AD68;
  border-radius: 13px;
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  content: "\f013";
  color: #D0AD68;
  display: block;
  transform: translateY(-50%);
  position: absolute;
  transition: all 0.5s;
}
.studiob #quotationform .formpage .form .inner-toggler.is--active .inner-toggle p:after {
  transform: translateY(-50%) rotate(-90deg);
}
.studiob #quotationform .formpage .form .inner-toggler .inner-data-to-toggle {
  background-color: #000000;
  display: none;
  position: relative;
}
.studiob #quotationform .formpage .form .inner-toggler #filter-loader {
  width: 100%;
  background-color: unset;
  background: rgba(213, 213, 213, 0.7490196078);
}
.studiob #quotationform .formpage .form .inner-toggler #filter-loader img {
  top: 50%;
  left: 50%;
  width: 96px;
  height: auto;
  margin: -48px 0 0 -48px;
  position: absolute;
}
.studiob #quotationform .formpage .form .inner-toggler .selectorBody {
  padding: 16px;
}
.studiob #quotationform .formpage .form .inner-toggler .filters-placeholder .filter-group {
  display: block;
}
.studiob #quotationform .formpage .form .inner-toggler .filters-placeholder .filter-group .filter-section {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex: unset;
}
.studiob #quotationform .formpage .form .inner-toggler .filters-placeholder .filter-group .filter-section .filter-sub-section {
  flex: 1 1 auto;
}
.studiob #quotationform .formpage .form .inner-toggler .productSelector .product {
  transition: unset;
  border-bottom: 4px solid #000000;
}
.studiob #quotationform .formpage .form .inner-toggler .productSelector .product.selected {
  border: 4px solid #D0AD68;
}
.studiob #quotationform .formpage .form .inner-toggler .productfilter .filter-sort-wrapper {
  top: 0;
  right: 0;
  margin: 0 30px;
  padding: 26px 0;
  width: 280px;
  transition: background-color linear 250ms;
  cursor: pointer;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.studiob #quotationform .formpage .form .inner-toggler .productfilter .filter-sort-wrapper > span {
  flex: 1 1;
}
.studiob #quotationform .formpage .form .inner-toggler .productfilter .filter-sort-wrapper .select-wrapper {
  flex: 1 1 45%;
}
.studiob #quotationform .formpage .form .inner-toggler .productfilter .filter-sort-wrapper .select-wrapper select.sorter,
.studiob #quotationform .formpage .form .inner-toggler .productfilter .filter-sort-wrapper .select-wrapper input {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.studiob #quotationform .formpage .form .inner-toggler .configurationfilter .filter-sort-wrapper .select-wrapper select.sorter {
  padding: 6px 0 !important;
  height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.studiob #quotationform .formpage .form .inner-toggler .filter-sort-wrapper .select-wrapper input[type=text] {
  width: 100% !important;
  line-height: 38px !important;
  border: 1px solid #CCCCCC !important;
  border-right: 0 !important;
  display: inline-block !important;
  text-indent: 10px !important;
  float: left;
  background-color: #FFFFFF;
}
.studiob #quotationform .formpage .form .inner-toggler .filter-sort-wrapper .select-wrapper .suffix {
  width: 40px !important;
  height: 40px !important;
  line-height: 40px !important;
  text-align: center !important;
  padding: 0 !important;
  float: left;
  background-color: #D0AD68;
  border-color: #D0AD68 !important;
  font-size: 16px;
}
.studiob #quotationform .formpage .form .form-row .example {
  color: var(--text-donkerblauw);
  margin-top: 24px;
}
.studiob #quotationform .formpage .form .k-textbox {
  height: 42px;
  line-height: 42px !important;
}
.studiob #quotationform .formpage .form input[type=number].k-textbox {
  padding-right: 5px !important;
}
.studiob #quotationform .formpage .form input:disabled {
  background-color: rgba(0, 0, 0, 0.0509803922) !important;
}
.studiob #quotationform .formpage .form .input-wrapper {
  position: relative;
}
.studiob #quotationform .formpage .form .product-option .heading-3 + .row {
  margin-top: 20px;
}
.studiob #quotationform .formpage .form .product-option .product {
  -webkit-box-shadow: 0px 0px 20px 5px rgba(50, 50, 50, 0.05);
  -moz-box-shadow: 0px 0px 20px 5px rgba(50, 50, 50, 0.05);
  box-shadow: 0px 0px 20px 5px rgba(50, 50, 50, 0.05);
}
.studiob #quotationform .progress-wrapper {
  top: 16px;
  margin-bottom: 30px;
  position: sticky;
}
.studiob #quotationform .progress-wrapper p.single-heading-2 {
  padding: 0 0 32px 0;
}
.studiob #quotationform .progress-wrapper .progress {
  display: inline-flex;
  height: 100%;
  width: 100%;
}
.studiob #quotationform .progress-wrapper .progress > div {
  display: flex;
  flex-direction: column;
  color: #444444;
}
.studiob #quotationform .progress-wrapper .progress > div.left {
  padding-right: 20px;
  text-align: right;
}
.studiob #quotationform .progress-wrapper .progress > div.left div:last-of-type:after {
  display: none;
}
.studiob #quotationform .progress-wrapper .progress > div.left div:after {
  content: "";
  background: var(--donkerblauw);
  border-radius: 2px;
  position: absolute;
  right: -20px;
  top: 10px;
  height: 101%;
  width: 2px;
  transform: translateX(50%);
}
.studiob #quotationform .progress-wrapper .progress > div.right {
  padding-left: 20px;
}
.studiob #quotationform .progress-wrapper .progress > div.right div.prev:after {
  transition: none;
}
.studiob #quotationform .progress-wrapper .progress > div.right div.current {
  color: #000000;
  font-weight: bold;
}
.studiob #quotationform .progress-wrapper .progress > div.right div.current:before {
  background: var(--cyaan);
  padding: 12px;
  transition: all 0.2s 0.15s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.studiob #quotationform .progress-wrapper .progress > div.right div.current:after {
  height: 0%;
  transition: height 0.2s ease-out;
}
.studiob #quotationform .progress-wrapper .progress > div.right div.current ~ div {
  color: #999999;
  font-weight: normal;
}
.studiob #quotationform .progress-wrapper .progress > div.right div.current ~ div:before {
  background: #000000;
  padding: 4px;
}
.studiob #quotationform .progress-wrapper .progress > div.right div.current ~ div:after {
  height: 0%;
  transition: none;
}
.studiob #quotationform .progress-wrapper .progress > div.right div:before {
  content: "";
  background: var(--cyaan);
  padding: 12px;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 10px;
  transform: translateX(-50%) translateY(-50%);
  transition: padding 0.2s ease;
}
.studiob #quotationform .progress-wrapper .progress > div.right div:after {
  content: "";
  background: var(--cyaan);
  border-radius: 2px;
  position: absolute;
  left: -20px;
  top: 10px;
  height: 101%;
  width: 4px;
  transform: translateX(-50%);
  transition: height 0.2s ease;
}
.studiob #quotationform .progress-wrapper .progress > div div {
  flex: 1;
  position: relative;
  line-height: 20px;
  cursor: default;
  min-height: 70px;
  padding-left: 10px;
}
.studiob #quotationform .progress-wrapper .progress > div div:last-of-type {
  flex: 0;
  min-height: 20px;
}
.studiob #quotationform .progress-wrapper .progress .done.current {
  font-size: 20px !important;
}
.studiob #quotationform .progress-wrapper .progress .done.current:before {
  padding: 16px !important;
}
.studiob #quotationform .formpage .form-row .multi-selector {
  margin-top: 24px;
}
.studiob #quotationform .formpage .form-row .multi-selector p.title {
  padding: 0;
  line-height: 24px;
  margin: 0 0 4px 0;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
}
.studiob #quotationform .formpage .form-row .multi-selector table {
  width: 100%;
}
.studiob #quotationform .formpage .form-row .multi-selector table td,
.studiob #quotationform .formpage .form-row .multi-selector table th,
.studiob #quotationform .formpage .form-row .multi-selector table tr {
  border-width: 1px;
  border-color: #CCCCCC;
}
.studiob #quotationform .formpage .form-row .multi-selector table td,
.studiob #quotationform .formpage .form-row .multi-selector table th {
  padding: 3px 15px;
  height: 46px;
}
.studiob #quotationform .formpage .form-row .multi-selector table td input {
  border: none;
  width: 100% !important;
}
.studiob #quotationform .formpage .form-row .multi-selector table td.remove {
  width: 46px;
  padding: 0;
}
.studiob #quotationform .formpage .form-row .multi-selector table td.remove i {
  width: 46px;
  line-height: 46px;
  text-align: center;
}
.studiob #quotationform .formpage .form-row .multi-selector table th.number {
  width: 150px;
}
.studiob #quotationform .formpage .form-row .multi-selector button {
  float: right;
  margin-top: 10px;
}
.studiob .quotation-icon, .studiob .quotation-image {
  padding-top: 32px;
}
.studiob .dataSelector {
  height: 784px;
  overflow: hidden;
  position: relative;
  background-color: #000000;
}
.studiob .dataSelector.floating,
.studiob .dataSelector.overlay {
  padding: 32px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6784313725);
  z-index: 100000;
  height: unset;
}
.studiob .dataSelector {
  margin-top: 0;
}
.studiob .dataSelector #filter-loader {
  position: absolute;
}
.studiob .dataSelector .selectorBody {
  height: 100%;
  overflow-y: scroll;
}
.studiob .dataSelector .selected {
  border: 7px solid var(--donkerblauw);
}
.studiob .dataSelector .product .image {
  min-height: 140px;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper {
  width: 723px;
  display: block !important;
  margin: 0;
  padding: 0;
  top: 28px;
  right: 30px;
  height: 40px;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper > * {
  display: inline-block;
  vertical-align: top;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .select-wrapper:first-of-type {
  margin-right: 15px;
  max-width: 160px;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .select-wrapper:last-of-type {
  padding-right: 40px;
  max-width: 200px;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .select-wrapper:last-of-type input {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .select-wrapper:last-of-type .suffix {
  top: 0;
  right: 0;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .select-wrapper:last-of-type .suffix i {
  color: #FFFFFF;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .close-wrapper {
  width: 152px;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .close-wrapper button {
  padding: 8px 15px;
  width: 152px;
  color: var(--wit);
}
.studiob .dataSelector .productfilter .filter-sort-wrapper > span {
  width: 90px;
  line-height: 40px;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .filter {
  margin-top: 0;
  padding: 0;
  border: none;
  background-color: transparent;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .search {
  flex: unset;
  width: 280px;
  margin-right: 15px;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .search input {
  width: calc(100% - 40px) !important;
  display: inline-block;
  padding: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.studiob .dataSelector .productfilter .filter-sort-wrapper .search .suffix {
  position: relative;
  display: inline-block;
  float: unset;
  top: unset;
  right: unset;
}
.studiob .dataSelector .productfilter + .row {
  margin-top: 16px;
}
.studiob .dataSelector .productfilter .filters-placeholder > ul {
  margin-bottom: 0;
}
.studiob .dataSelector .productfilter .filters-placeholder > ul > li {
  display: flex;
  position: relative;
  overflow: hidden;
}
.studiob .dataSelector .productfilter .filters-placeholder > ul > li .filter-sub-section {
  flex-grow: 1;
  flex-basis: 0;
}
.studiob .dataSelector .productfilter .filters-placeholder > ul > li .filter-sub-section label {
  position: relative;
  pointer-events: all;
  left: 0;
  top: 0;
  padding-left: 24px;
}
.studiob .dataSelector .selectorBody .actionbuttons {
  margin-top: 24px;
}
.studiob .dataSelector .selectorBody .actionbuttons button {
  float: right;
}
.studiob .dataSelector.slotSelector .productfilter {
  min-height: 92px;
}
.studiob .radio-box-label:before {
  border-color: #D0AD67;
}
.studiob .radio-box-label:before {
  border-color: #D0AD67;
}
.studiob input[type=text], .studiob input[type=email], .studiob input[type=password], .studiob input[type=number], .studiob input[type=price], .studiob textarea, .studiob select {
  width: 100% !important;
  line-height: 40px !important;
  margin: 0 !important;
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid #000000; /*border-radius: 0 !important;*/
  color: #000000 !important;
  outline: none !important;
  display: block;
}
.studiob input[type=text]:disabled, .studiob input[type=email]:disabled, .studiob input[type=password]:disabled, .studiob input[type=number]:disabled, .studiob input[type=price]:disabled, .studiob textarea:disabled, .studiob select:disabled {
  background-color: #F2F2F2 !important;
  cursor: not-allowed;
}
.studiob input[type=text], .studiob input[type=password], .studiob input[type=number], .studiob input[type=price], .studiob select {
  text-indent: 10px;
}
.studiob select.non-full-width {
  display: inline-block;
  width: auto !important;
}
.studiob input[type=number], .studiob input[type=price] {
  width: calc(100% - 40px) !important;
  display: inline-block;
  float: left;
}
.studiob #kitchens input[type=number], .studiob #kitchens input[type=price], .studiob #kitchens .k-numerictextbox {
  width: 100% !important;
  border-radius: 0px !important;
  display: block;
  float: none;
}
.studiob input.text {
  padding-right: 70px !important;
}
.studiob .suffix, .studiob .prefix {
  min-width: 40px;
  padding: 0 6px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  float: left;
}
.studiob .k-numerictextbox + .suffix, .studiob .k-numerictextbox + .prefix {
  line-height: 40px !important;
}
.studiob .suffix {
  top: 8px;
  right: 15px;
  background-color: #F2F2F2;
  position: absolute;
  border: 1px solid #CCCCCC !important;
  border-left: 0 !important;
}
.studiob .prefix {
  background-color: #F2F2F2;
  border: 1px solid #CCCCCC !important;
  border-right: 0 !important;
}
.studiob .prefix + input {
  width: calc(100% - 40px) !important;
}
.studiob input.text + .suffix, .studiob input.text + .prefix {
  line-height: 38px !important;
  border-left: 1px solid #CCCCCC !important;
}
.studiob .beheer-table input[type=price], .studiob .beheer-table input[type=number], .studiob .kendo-numeric-textbox, .studiob .k-input, .studiob .k-textbox, .studiob .k-textarea, .studiob .table-edit-table input.text, .studiob .beheer-table textarea, .studiob select {
  margin: 0;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background-color: #FFFFFF !important;
  box-shadow: unset !important;
  transition: all 0.1s ease;
}
.studiob .beheer-table input[type=price]:hover, .studiob .beheer-table input[type=number]:hover, .studiob .kendo-numeric-textbox:hover, .studiob .k-input:hover, .studiob .k-textbox:hover, .studiob .k-textarea:hover, .studiob .table-edit-table input.text:hover, .studiob .beheer-table textarea:hover, .studiob select:hover {
  border-color: rgba(0, 0, 0, 0.15) !important;
  background-color: transparent !important;
}
.studiob .k-input {
  border: 0 !important;
}
.studiob .k-input {
  height: 40px !important;
}
.studiob .k-textbox, .studiob .table-edit-table input.text {
  height: unset; /*height: 40px;*/
}
.studiob .k-textbox, .studiob .table-edit-table input.text {
  text-indent: 10px;
}
.studiob .k-textbox:hover, .studiob .k-textarea:hover, .studiob input.text:hover, .studiob select:hover {
  background-color: #ebebeb !important;
  border-color: #aeaeae !important;
}
.studiob .k-textarea, .studiob .beheer-table textarea {
  padding: 0 10px !important;
}
.studiob .k-numerictextbox {
  width: calc(100% - 40px) !important;
  height: auto !important;
  border: 0 !important;
  vertical-align: top !important;
}
.studiob .k-numerictextbox input, .studiob .k-dropdown-wrap, .studiob select {
  height: 40px !important;
}
.studiob .k-datepicker, .studiob .k-dropdown, .studiob .k-combobox {
  width: 100% !important;
}
.studiob .k-numeric-wrap, .studiob .k-picker-wrap, .studiob .k-dropdown-wrap {
  border-radius: 0 !important;
}
.studiob .k-dropdown-wrap .k-input {
  line-height: 40px !important;
  padding: 0 !important;
  background-color: transparent !important;
}
.studiob .k-numeric-wrap .k-link {
  height: 20px !important;
}
.studiob .k-dropdown {
  height: 40px !important;
  line-height: 40px !important;
}
.studiob .k-dropdown-wrap .k-select, .studiob .k-numeric-wrap .k-select, .studiob .k-picker-wrap .k-select {
  line-height: 40px !important;
}
.studiob .k-dropdown .k-dropdown-wrap {
  background-color: #FFFFFF;
  background-image: unset;
  color: #000000;
  padding-right: 22px;
  height: 42px !important;
}
.studiob .k-toolbar {
  background-color: #f5f5f5 !important;
}
.studiob .k-button {
  border-color: #ccc;
  color: #333;
  background-color: #fff !important;
  background-image: initial;
}
.studiob .k-button-group .k-button.k-state-selected {
  background-color: var(--donkerblauw) !important;
  border-color: var(--donkerblauw) !important;
}
.studiob .k-button-group .k-button:first-child, .studiob .k-button-group .k-group-start {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.studiob .k-button-group .k-button:last-child, .studiob .k-button-group .k-group-end {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.studiob .k-widget.k-dropdown {
  color: #000000;
}
.studiob .k-listbox .k-item, .studiob .k-popup .k-list .k-item {
  margin: 0px;
}
.studiob .k-list {
  display: flex;
  padding: 8px;
  flex-direction: column;
  gap: 1px;
}
.studiob .k-dropdown-wrap .k-clear-value {
  top: 20px;
}
.studiob .kendo-file-upload::-webkit-file-upload-button {
  padding: 12px 20px;
  line-height: 24px;
  background-color: var(--cyaan);
  border: none;
  border-radius: 8px;
  color: #FFFFFF;
  display: inline-block;
  transition: all linear 125ms;
  cursor: pointer;
}
.studiob .kendo-file-upload::-webkit-file-upload-button:hover {
  background-color: var(--donkerblauw);
}
.studiob .imageholder {
  width: 267px;
  background-color: #FFFFFF;
  padding: 5px;
  display: inline-block;
  position: relative;
}
.studiob .imageholder img {
  width: 100%;
  height: auto;
}
.studiob .imageholder p {
  margin: 0;
  padding: 3px;
  font-size: 13px;
  line-height: 13px;
  color: #444444;
  cursor: pointer;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: #FFFFFF;
}
.studiob .imageholder p span {
  color: #ff0000;
}
.studiob .multiselectortag {
  line-height: 24px;
  margin: 0 5px 10px 0;
  padding: 8px 36px 8px 30px;
  background-color: var(--donkerblauw);
  border: 1px solid var(--donkerblauw);
  font-size: 14px;
  display: inline-block;
  position: relative;
  color: #FFFFFF;
}
.studiob .multiselectortag .multiselectortagremover {
  top: 12px;
  right: 8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 0;
  text-align: center;
  position: absolute;
  display: block;
  transition: all linear 250ms;
  cursor: pointer;
}
.studiob .multiselectortag .multiselectortagremover:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 16px !important;
  content: "\f00d";
}
.studiob .multiselectortag .multiselectortagremover:hover {
  opacity: 1;
}
.studiob .multiselectortag:hover {
  background-color: transparent;
  color: var(--donkerblauw);
}
.studiob form[name=priceIndicationForm] .fileuploaders.full-width {
  width: 100%;
}
.studiob form[name=priceIndicationForm] .fileuploaders ul,
.studiob form[name=priceIndicationForm] .fileuploaders ul li {
  margin: 0 !important;
  padding: 0 !important;
}
.studiob form[name=priceIndicationForm] .fileuploaders ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.studiob form[name=priceIndicationForm] p.addFileUploader {
  margin-top: 20px;
}
.studiob form[name=priceIndicationForm] input[type=number],
.studiob form[name=priceIndicationForm] input[type=price] {
  width: 100% !important;
}
.studiob form[name=priceIndicationForm] input.fakeInput {
  line-height: 38px !important;
  border: 1px solid #CCCCCC !important;
  background-color: #FFFFFF !important;
  box-shadow: unset !important;
  text-indent: 10px !important;
}
.studiob form[name=priceIndicationForm] p.single-heading-2:first-child {
  padding-top: 0;
}
.studiob .form-group, .studiob .form-radiobutton-group, .studiob .form-checkbox-group {
  padding-bottom: 10px;
}
.studiob .form-group .form-row textarea,
.studiob .sf-fieldWrp textarea {
  min-height: 97px;
  line-height: 32px !important;
}
.studiob .sf-fieldWrp strong {
  line-height: 24px;
  margin: 10px 0 4px 0;
  font-size: 12px;
  font-weight: normal;
  text-transform: uppercase;
  display: block;
}
.studiob .form-group .form-row select {
  width: 100%;
  line-height: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0 !important;
  border-bottom: 1px solid #65B32E !important;
  text-indent: 0px;
  color: #7A7A7A;
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
}
.studiob .form-group .form-row select + p {
  padding: 0;
}
.studiob .form-group input[type=checkbox] {
  -webkit-appearance: checkbox;
  top: 5px;
  left: 0;
  position: absolute;
}
.studiob .form-group .form-row {
  display: flex;
  flex-flow: column-reverse;
  width: 100%;
  position: relative;
}
.studiob .form-group .form-row label,
.studiob .form-group .form-row input {
  transition: all 0.2s;
  touch-action: manipulation;
  -webkit-appearance: none;
  cursor: text;
}
.studiob .form-group .form-row input[type=checkbox] {
  -webkit-appearance: checkbox;
}
.studiob .form-group .form-row select.input-validation-error,
.studiob .form-group .form-row input.input-validation-error {
  background-color: rgba(221, 31, 38, 0.1);
}
.studiob .form-group .form-row label {
  white-space: nowrap;
  font-weight: normal;
  cursor: default;
}
.studiob .form-group .form-row input:placeholder-shown ~ label,
.studiob .form-group .form-row textarea:placeholder-shown ~ label {
  cursor: text;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(10px, 32px);
  color: #656868;
  width: 100%;
}
.studiob section.content.blue input:placeholder-shown ~ label,
.studiob section.content.blue textarea:placeholder-shown ~ label {
  transform: translate(0, 36px);
}
.studiob .form-group .form-row input::-webkit-input-placeholder,
.studiob .form-group .form-row textarea::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}
.studiob .form-group .form-row input::-moz-placeholder,
.studiob .form-group .form-row textarea::-moz-placeholder {
  opacity: 0;
  transition: inherit;
}
.studiob .form-group .form-row input:focus::-webkit-input-placeholder,
.studiob .form-group .form-row textarea:focus::-webkit-input-placeholder {
  opacity: 0.9;
}
.studiob .form-group .form-row input:focus::-moz-placeholder,
.studiob .form-group .form-row textarea:focus::-moz-placeholder {
  opacity: 0.9;
}
.studiob .form-group .form-row input:not(:placeholder-shown) ~ label,
.studiob .form-group .form-row textarea:not(:placeholder-shown) ~ label,
.studiob .form-group .form-row textarea:focus ~ label,
.studiob .form-group .form-row input:focus ~ label {
  transform: translate(0, 0);
  font-size: 12px;
}
.studiob section.content.blue input:not(:placeholder-shown) ~ label,
.studiob section.content.blue textarea:not(:placeholder-shown) ~ label,
.studiob section.content.blue textarea:focus ~ label,
.studiob section.content.blue input:focus ~ label {
  transform: translate(0, 0);
  font-size: 12px;
}
.studiob .form-group .form-row.recaptcha3 input,
.studiob .form-group .form-row.recaptcha3 .umbraco-forms-label {
  display: none;
}
.studiob .form-group .form-row select.input-validation-error,
.studiob .form-group .form-row input.input-validation-error,
.studiob .form-group .form-row textarea.input-validation-error {
  background-color: transparent;
  border-bottom-color: #DB1F37 !important;
}
.studiob .form-group .text-danger,
.studiob p[data-sf-role=error-message] {
  color: #D31111 !important;
}
.studiob .sf-fieldWrp input[type=file] {
  cursor: pointer;
  width: 100% !important;
  line-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent;
  border-radius: 0 !important;
  color: #000000 !important;
  outline: none !important;
  display: block;
}
.studiob .sf-fieldWrp input[type=file]::-webkit-file-upload-button {
  padding: 4px 22px;
  background-color: var(--donkerblauw);
  border: 1px solid var(--donkerblauw);
  color: #FFFFFF;
  display: inline-block;
  transition: all linear 250ms;
  cursor: pointer;
  margin-right: 20px;
}
.studiob .sf-fieldWrp input[type=file]:hover::-webkit-file-upload-button {
  background-color: transparent;
  color: var(--donkerblauw);
}
.studiob .selection-header {
  display: flex;
  justify-content: space-between;
}
.studiob .selection-header .left h1 {
  margin: 0;
}
.studiob .selection-header .right {
  display: flex;
}
.studiob .selection-logo {
  margin-right: 5px;
  display: inline-block;
}
.studiob .selection-logo img {
  width: auto;
  height: 101px;
  display: inline-block;
  border-radius: 8px;
}
.studiob .selection-buttons {
  display: inline-block;
}
.studiob .selection-buttons p {
  margin: 0;
  padding: 0;
  display: block;
}
.studiob .selection-buttons p.button:first-child {
  margin-bottom: 5px;
}
.studiob .selection-buttons p a, .studiob .selection-buttons p a:hover {
  text-decoration: none;
}
.studiob .selection-buttons p a, .studiob .selection-buttons p a span {
  display: block;
}
.studiob .toggle-icon {
  width: 40px;
  color: #fff;
  height: 40px;
  background-color: #f2f2f2;
  border-radius: 20px;
  transition: all linear 250ms;
  position: relative;
  cursor: pointer;
}
.studiob .toggle-icon.checked {
  background-color: #D0AD67;
}
.studiob .toggle-icon:active, .studiob .toggle-icon:focus, .studiob .toggle-icon:visited {
  color: #D0AD67;
}
.studiob .toggle-icon a:hover {
  color: #FFFFFF;
}
.studiob .toggle-icon:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 400;
  position: absolute;
}
.studiob .toggle-icon.check:before {
  content: "\f00c";
}
.studiob .favorite-options {
  padding: 20px;
}
.studiob .favorite-options p.single-heading-3 {
  padding-bottom: 16px;
  padding-top: 0;
}
.studiob .favorite-options select, .studiob .favorite-options input {
  width: calc(100% - 40px) !important;
  border: 1px solid #cccccc;
  border-right: 0;
  display: inline-block !important;
  float: left;
  text-indent: 10px;
  height: 40px;
}
.studiob .favorite-options div.button {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--donkerblauw);
  border: 1px solid var(--donkerblauw);
  text-align: center;
  color: #FFFFFF;
  transition: all linear 125ms;
  display: inline-block;
  float: left;
  cursor: pointer;
}
.studiob .favorite-options div.button:hover {
  background-color: var(--cyaan);
  border-color: var(--cyaan);
}
.studiob .favorite-options p.button {
  padding-top: 0;
}
.studiob .favorite-options p.button a.disabled {
  pointer-events: none;
}
.studiob .quotation .tools .back-button {
  margin-bottom: 32px !important;
  float: left;
}
.studiob .quotation .tools .back-button a {
  text-decoration: none;
  display: inline-block;
}
.studiob .quotation .tools .back-button a span {
  padding: 9px 22px;
  background-color: var(--donkerblauw);
  border: 1px solid var(--donkerblauw);
  color: #FFFFFF;
  display: inline-block;
  transition: all linear 250ms;
  cursor: pointer;
}
.studiob .quotation .tools .back-button:hover a span {
  background-color: transparent;
  color: var(--donkerblauw);
}
.studiob .quotation .history {
  margin-bottom: 32px !important;
  float: right;
}
.studiob .quotation .history select {
  min-width: 200px;
}
.studiob .quotation#overview .data-block {
  margin-bottom: 32px;
  padding: 32px 30px 0 30px;
  background-color: #413D3D;
  display: inline-block;
  width: 100%;
}
.studiob .quotation#overview .data-block h2 {
  float: left;
}
.studiob .quotation#overview .data-block .buttons {
  float: right;
}
.studiob .quotation#overview .data-block .buttons.bottom {
  margin-bottom: 32px;
}
.studiob .quotation#overview .data-block .buttons button {
  margin: 0 0 0 10px;
}
.studiob .quotation#overview .data-block .buttons button:first-of-type {
  margin: 0;
}
.studiob .quotation#overview .data-block .data {
  margin-bottom: 32px;
}
.studiob .quotation#overview .data-block .data table {
  width: 100%;
  border: 1px solid #302C2B;
}
.studiob .quotation#overview .data-block .data table thead {
  background-color: #302C2B;
  border-bottom: 1px solid #302C2B;
}
.studiob .quotation#overview .data-block .data table thead tr th {
  padding: 12px 20px;
}
.studiob .quotation#overview .data-block .data table tbody tr {
  background-color: #363231;
  border-bottom: 1px solid #302C2B;
  transition: all linear 250ms;
  cursor: pointer;
}
.studiob .quotation#overview .data-block .data table tbody tr:last-of-type {
  max-width: 48px;
}
.studiob .quotation#overview .data-block .data table tbody tr:nth-child(even) {
  background-color: #413D3D;
}
.studiob .quotation#overview .data-block .data table tbody tr:hover {
  background-color: #302C2B;
}
.studiob .quotation#overview .data-block .data table tbody tr td {
  padding: 12px 20px;
}
.studiob .quotation#overview .data-block .data table tbody tr.is--active {
  background-color: #302C2B;
}
.studiob .quotation#detail .content-block {
  margin: 0 0 32px 0;
  border-radius: 16px;
}
.studiob .quotation#detail .content-block:first-of-type {
  margin-top: 32px;
}
.studiob .quotation#detail .content-block .data {
  margin: 32px 0;
}
.studiob .quotation#detail .content-block .data-block {
  background-color: #F5F5F5;
  border-bottom: 0;
  border-radius: 16px;
}
.studiob .quotation#detail .content-block .data-block .data {
  margin: 32px 0 0 0;
}
.studiob .quotation#detail .content-block .data-block p.label,
.studiob .quotation#detail .content-block .data-block p.value {
  margin: 0;
}
.studiob .quotation#detail .content-block .data-block table {
  width: 100%;
}
.studiob .quotation#detail .content-block .data-block table tr td {
  width: 50%;
  vertical-align: top;
}
.studiob .quotation#detail .content-block .tooltip-wrapper {
  position: relative;
  color: white;
}
.studiob .quotation#detail .content-block .tooltip-wrapper:hover:after,
.studiob .quotation#detail .content-block .tooltip-wrapper:hover:before {
  visibility: visible;
  opacity: 1;
}
.studiob .quotation#detail .content-block .tooltip-wrapper:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #D0AD67 transparent transparent transparent;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translate(-50%, -100%);
  top: 0;
  left: 13px;
}
.studiob .quotation#detail .content-block .tooltip-wrapper:before {
  position: absolute;
  content: attr(data-content);
  background-color: #D0AD67;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  transform: translate(-50%, -100%);
  top: -10px;
  left: 13px;
  padding: 10px;
  width: max-content;
  max-width: 200px;
}
.studiob .quotation#detail .data-block {
  padding: 0 30px 32px 30px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
.studiob .quotation#detail .data-block .single-heading-2 {
  margin-bottom: 32px;
  padding: 0;
  float: left;
}
.studiob .quotation#detail .data-block .buttons {
  float: right;
}
.studiob .quotation#detail .data-block .buttons.bottom {
  margin-bottom: 32px;
}
.studiob .quotation#detail .data-block .buttons button {
  margin: 0 0 0 10px;
}
.studiob .quotation#detail .data-block .buttons button:first-of-type {
  margin: 0;
}
.studiob .quotation#detail .data {
  margin-bottom: 32px;
}
.studiob .quotation#detail .data table {
  width: 100%;
  border: 0;
}
.studiob .quotation#detail .data table thead {
  background-color: #F2F2F2;
  border-bottom: 2px solid #000000;
}
.studiob .quotation#detail .data table thead tr th {
  padding: 12px 20px;
  font-size: 18px;
}
.studiob .quotation#detail .data table thead tr th.maxwidth {
  max-width: 170px;
  min-width: 135px;
}
.studiob .quotation#detail .data table tbody tr {
  background-color: #FFFFFF;
  border-bottom: 1px solid #F2F2F2;
  transition: all linear 250ms;
  cursor: pointer;
}
.studiob .quotation#detail .data table tbody tr:last-of-type {
  max-width: 48px;
}
.studiob .quotation#detail .data table tbody tr:hover {
  background-color: #F2F2F2;
}
.studiob .quotation#detail .data table tbody tr.totals {
  border-top: 1px dotted #000000;
  cursor: default !important;
}
.studiob .quotation#detail .data table tbody tr.totals:hover {
  background-color: #FFFFFF !important;
}
.studiob .quotation#detail .data table tbody tr.totals td {
  font-weight: bold;
}
.studiob .quotation#detail .data table tbody tr td {
  padding: 12px 20px;
}
.studiob .quotation#detail .data table tbody tr td:last-of-type {
  max-width: 48px;
}
.studiob .quotation#detail .data table tbody tr td.price {
  white-space: nowrap;
  overflow: hidden;
}
.studiob .quotation#detail .data table tbody tr.is--active {
  background-color: #F2F2F2;
}
.studiob .quotation#detail .data table tbody tr.modified.changed {
  background-color: #363231;
  animation: blink 1s;
  -webkit-animation: blink 1s;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2;
  transition: all linear 250ms;
}
.studiob .quotation#detail .data table tbody tr.modified.changed:nth-child(even) {
  background-color: #413D3D;
}
.studiob .quotation#detail .data table tbody tr.modified {
  transform: scale(1);
  position: relative;
  background-color: var(--cyaan);
  color: #FFFFFF;
  transition: all linear 250ms;
}
.studiob .quotation#detail .data table tbody tr.modified:hover {
  background-color: var(--blauw);
}
.studiob .quotation#detail .data table tbody tr .action-icon {
  width: 24px;
  z-index: 3;
}
@keyframes blink {
  50% {
    background-color: #D0AD67;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: #D0AD67;
  }
}
.studiob .quotation#detail .data-togglers {
  margin: 32px 0;
}
.studiob .quotation#detail .data-togglers .data-toggler {
  margin: 0;
  padding: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
.studiob .quotation#detail .data-togglers .data-toggler .toggle {
  padding: 12px 30px;
  display: block;
  cursor: pointer;
}
.studiob .quotation#detail .data-togglers .data-toggler .toggle p {
  margin: 0;
  padding: 0 0 0 34px;
  position: relative;
}
.studiob .quotation#detail .data-togglers .data-toggler .toggle p:before {
  top: 0;
  left: 0;
  line-height: 32px;
  margin-right: 10px;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
  display: block;
  transition: all linear 250ms;
  transform: rotate(0deg);
  position: absolute;
}
.studiob .quotation#detail .data-togglers .data-toggler.is--active {
  background-color: #F2F2F2;
}
.studiob .quotation#detail .data-togglers .data-toggler.is--active .toggle p:before {
  transform: rotate(-90deg);
}
.studiob .quotation#detail .data-togglers .data-to-toggle {
  padding: 20px 30px 0 30px;
  display: none;
}
.studiob .quotation#detail .data-togglers .data-to-toggle .placeholder ul.tabs {
  margin: 0;
  padding: 0;
}
.studiob .quotation#detail .data-togglers .data-to-toggle .placeholder ul.tabs li {
  margin: 0 1px 0 0;
  padding: 8px 20px;
  list-style: none;
  background-color: transparent;
  display: inline-block;
  float: left;
}
.studiob .quotation#detail .data-togglers .data-to-toggle .placeholder ul.tabs li.is--active {
  background-color: #FFFFFF;
}
.studiob .quotation#detail .data-togglers .data-to-toggle .placeholder .tab-contents .tab-content {
  margin: 0 0 32px 0;
  padding: 4px 20px 20px 20px;
  background-color: #FFFFFF;
}
.studiob .quotation#detail .data-togglers .data-to-toggle .placeholder .buttons {
  padding: 16px 0 0 0;
}
.studiob .quotation#detail .data-togglers .data-to-toggle .placeholder .buttons button {
  margin-right: 20px;
}
.studiob .quotation#detail .products {
  margin: 16px 0 32px 0;
}
.studiob .quotation#detail .inner-togglers {
  margin-bottom: 32px;
}
.studiob .quotation#detail .inner-togglers .inner-toggler {
  margin: 0 0 1px 0;
  padding: 0;
  background-color: #F2F2F2;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-toggle {
  padding: 12px 30px;
  display: block;
  cursor: pointer;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-toggle p {
  margin: 0;
  padding: 0 0 0 34px;
  position: relative;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-toggle p:before {
  top: 0;
  left: 0;
  line-height: 32px;
  margin-right: 10px;
  content: "\f105";
  font-family: "Font Awesome 5 Pro";
  font-size: 24px;
  font-weight: 300;
  display: block;
  transition: all linear 250ms;
  transform: rotate(0deg);
  position: absolute;
}
.studiob .quotation#detail .inner-togglers .inner-toggler.is--active .inner-toggle p:before {
  transform: rotate(-90deg);
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle {
  padding: 0 30px 32px 30px;
  display: none;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table {
  width: 100%;
  border: 1px solid #E2E2E2;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table thead {
  background-color: #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table thead tr th {
  padding: 12px 20px;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E2E2E2;
  transition: all linear 250ms;
  cursor: pointer;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr:hover,
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr.is--active {
  background-color: #E2E2E2;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr td {
  padding: 12px 20px;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr.modified.changed {
  background-color: #E2E2E2;
  animation: blink 1s;
  -webkit-animation: blink 1s;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2;
  transition: all linear 250ms;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr.modified.changed:nth-child(even) {
  background-color: #E2E2E2;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr.modified {
  background-color: #E2E2E2;
  transition: all linear 250ms;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr.modified:hover {
  background-color: #E2E2E2;
}
.studiob .quotation#detail .inner-togglers .inner-toggler .inner-data-to-toggle table tbody tr .desc p {
  padding: 0;
  margin: 0;
  color: #D0AD67;
}
.studiob .quotation#detail .contact-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
}
.studiob .quotation#detail .contact-tabs li {
  padding: 12px 30px;
  background: #EBECED;
  display: inline-block;
  position: relative;
  z-index: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0 -5px;
  color: #A7A9AC;
  cursor: pointer;
  transition: all linear 250ms;
}
.studiob .quotation#detail .contact-tabs li:hover {
  color: #000000;
}
.studiob .quotation#detail .contact-tabs li.is--active {
  background: #FFFFFF;
  color: #000000;
  z-index: 2;
}
.studiob .quotation#detail .contact-tabs:before {
  position: absolute;
  content: " ";
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.studiob .quotation#detail .contact-tabs li:not(:first-of-type):before,
.studiob .quotation#detail .contact-tabs li:after {
  position: absolute;
  bottom: -1px;
  width: 5px;
  height: 5px;
  content: " ";
}
.studiob .quotation#detail .contact-tabs li:not(:first-of-type):before {
  left: -6px;
  border-bottom-right-radius: 6px;
  box-shadow: 2px 2px 0 #EBECED;
}
.studiob .quotation#detail .contact-tabs li:after {
  right: -6px;
  border-bottom-left-radius: 6px;
  box-shadow: -2px 2px 0 #EBECED;
}
.studiob .quotation#detail .contact-tabs li:not(:first-of-type).is--active:before {
  box-shadow: 2px 2px 0 #FFFFFF;
}
.studiob .quotation#detail .contact-tabs li.is--active:after {
  box-shadow: -2px 2px 0 #FFFFFF;
}
.studiob .quotation#detail .contact-block {
  margin-bottom: 32px;
  background-color: #FFFFFF;
  display: none;
  visibility: hidden;
}
.studiob .quotation#detail .contact-block.is--active {
  display: block;
  visibility: visible;
}
.studiob .quotation#detail .contact-block .contact-info {
  padding: 32px 30px;
}
.studiob .quotation#detail .contact-block .contact-info p.name {
  line-height: 24px;
  margin: 0;
  font-size: 24px;
  text-transform: uppercase;
  color: #009FDA;
}
.studiob .quotation#detail .contact-block .contact-info p.function,
.studiob .quotation#detail .contact-block .contact-info p.email,
.studiob .quotation#detail .contact-block .contact-info p.phone {
  color: #000000;
}
.studiob .quotation#detail .contact-block .contact-info p.email,
.studiob .quotation#detail .contact-block .contact-info p.phone {
  margin: 0;
}
.studiob .quotation#detail .contact-block .contact-info p.email a,
.studiob .quotation#detail .contact-block .contact-info p.phone a {
  color: #000000;
}
.studiob .quotation#detail .buttons p.button {
  margin: 0 20px 0 0;
  padding: 0;
  display: inline-block;
}
.studiob .quotation#detail .heading-2,
.studiob .quotation#detail .heading-3,
.studiob .quotation#detail .single-heading-2,
.studiob .quotation#detail .single-heading-3 {
  color: #002563 !important;
}
.studiob .quotation#detail .sidemenu-wrapper {
  position: sticky;
  top: 48px;
  z-index: 10;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.studiob .quotation#detail .sidemenu-wrapper::-webkit-scrollbar {
  display: none;
}
.studiob .quotation#detail .sidemenu {
  margin: 0;
}
.studiob .quotation#detail .sidemenu ul {
  margin: 0;
  border: none;
}
.studiob .quotation#detail .sidemenu ul li {
  border: none;
  padding-bottom: 10px;
}
.studiob .quotation#detail .sidemenu ul li:last-of-type {
  padding-bottom: 0;
}
.studiob .quotation#detail .sidemenu ul li a {
  background-color: var(--cyaan);
  border-radius: 8px;
  color: #FFFFFF;
}
.studiob .quotation#detail .sidemenu ul li a:hover {
  background-color: var(--donkerblauw);
}
.studiob .quotation#detail .sidemenu ul li a span {
  transition: unset;
  font-weight: 700;
}
.studiob .quotation#detail .sidemenu ul li a span:hover {
  background-color: unset;
}
.studiob .quotation#detail .sidemenu ul li a span i {
  margin-right: 5px;
  min-width: 18px;
}
.studiob .quotation#detail .sidemenu:not(.advice) > ul > li > a > span:before {
  display: none;
}
.studiob .quotation#detail .sidemenu.blue {
  background-color: #001539;
  position: relative;
}
.studiob .quotation#detail .sidemenu.blue .title {
  color: #FFFFFF;
  font-weight: bold;
  line-height: 30px;
  width: calc(100% - 30px);
  display: inline-block;
  float: left;
  margin: 0;
}
.studiob .quotation#detail .sidemenu.blue .tooltip {
  display: inline-block;
  margin: 0;
}
.studiob .quotation#detail .sidemenu.blue .tooltip:before {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--cyaan);
  display: block;
  content: "\f129";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}
.studiob .quotation#detail .sidemenu.blue .tooltip span {
  position: absolute;
  width: 100%;
  line-height: 20px;
  background-color: var(--cyaan);
  color: #FFFFFF;
  padding: 15px 20px;
  left: 0;
  right: 0;
  top: 10px;
  transform: translate(0, -100%);
  z-index: 99999999;
  display: none;
}
.studiob .quotation#detail .sidemenu.blue .tooltip span:after {
  content: "";
  border-width: 7px;
  border-style: solid;
  border-color: var(--cyaan) transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 87%;
  transform: translateX(-50%);
}
.studiob .quotation#detail .sidemenu.blue .tooltip:hover span {
  display: block;
}
.studiob .quotation#detail .sidemenu.blue ul {
  padding-top: 19px;
}
.studiob .quotation#detail .sidemenu.blue ul li {
  background-color: var(--cyaan);
  color: #FFFFFF;
  padding: 12px 30px;
  cursor: pointer;
  margin-bottom: 10px;
  font-weight: 700;
  border-radius: 8px;
}
.studiob .quotation#detail .sidemenu.blue ul li:last-of-type {
  margin-bottom: 0;
}
.studiob .quotation#detail .sidemenu.blue ul li:hover {
  color: var(--cyaan);
  background-color: #FFFFFF;
}
.studiob .quotation#detail .sidemenu.blue ul li.diap {
  color: var(--cyaan);
  background-color: #FFFFFF;
}
.studiob .quotation#detail .sidemenu.blue ul li.diap:hover {
  background-color: var(--cyaan);
  color: #FFFFFF;
}
.studiob .quotation#detail #contacts .element .contact {
  margin-bottom: 0;
}
.studiob .quotation#detail .toggle,
.studiob .quotation#detail .toggler {
  padding: 0;
}
.studiob .quotation#detail .toggle .content-block-toggler,
.studiob .quotation#detail .toggler .content-block-toggler {
  padding: 20px;
  cursor: pointer;
  position: relative;
  color: #002563;
}
.studiob .quotation#detail .toggle .content-block-toggler:after,
.studiob .quotation#detail .toggler .content-block-toggler:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  transition: 0.125s;
}
.studiob .quotation#detail .toggle .content-block-toggler.toggled:after,
.studiob .quotation#detail .toggler .content-block-toggler.toggled:after {
  transform: translateY(-50%) rotate(90deg);
}
.studiob .quotation#detail .toggle .content-block-to-toggle,
.studiob .quotation#detail .toggler .content-block-to-toggle {
  padding: 0 20px 20px 20px;
  display: none;
}
.studiob .quotation#detail .product .label {
  font-size: 16px;
}
.studiob .quotation#detail .product .do-selectable:before {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: #D0AD68;
  border-radius: 50%;
  content: "";
  z-index: 10;
  transition: all linear 250ms;
}
.studiob .quotation#detail .product .do-selectable:after {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  color: #FFFFFF;
  display: block;
  position: absolute;
  top: 9px;
  right: 16px;
  font-size: 24px;
  z-index: 11;
}
.studiob .quotation#detail .product .do-selectable:hover:before {
  background-color: #002563;
}
.studiob .quotation#detail .product .editable:before {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  background-color: var(--cyaan);
  border-radius: 50%;
  content: "";
  z-index: 10;
  transition: all linear 250ms;
}
.studiob .quotation#detail .product .editable:after {
  content: "\f040";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  color: #FFFFFF;
  display: block;
  position: absolute;
  top: 12px;
  right: 18px;
  font-size: 14px;
  z-index: 11;
}
.studiob .quotation#detail .product .editable:hover:before {
  background-color: var(--donkerblauw);
}
.studiob .quotation#detail .dataSelector .selectorBody {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.studiob .quotation#detail .dataSelector .selectorBody::-webkit-scrollbar {
  display: none;
}
.studiob .quotation#detail .product {
  cursor: default;
}
.studiob .quotation#detail .product .editable {
  cursor: pointer;
}
.studiob .quotation#detail .product.is-selected, .studiob .quotation#detail .product.is--selected, .studiob .quotation#detail .product.is-default {
  border-bottom: 4px solid var(--donkerblauw);
}
.studiob .quotation#detail .product.is-selected, .studiob .quotation#detail .product.is--selected {
  border: 4px solid var(--donkerblauw);
}
.studiob .quotation #usps {
  list-style-type: none;
}
.studiob .quotation #usps .usp {
  display: flex;
  gap: 24px;
  margin-bottom: 10px;
}
.studiob .quotation #usps .usp .icon {
  width: 48px;
  cursor: default;
}
.studiob .quotation #usps .usp .icon:hover {
  background-color: transparent;
}
.studiob .quotation #usps .usp .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.studiob .quotation #usps .usp .text p {
  margin-top: 0;
}
.studiob .preview {
  background-color: #FFFFFF;
  border: 6px solid #FFFFFF;
  margin-bottom: 32px;
}
.studiob .preview .image {
  width: 100%;
  padding-top: 56.25%;
  display: none;
  position: relative;
  overflow: hidden;
}
.studiob .preview .image.visible {
  display: block;
}
.studiob .preview .image img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
}
.studiob .preview .global-placeholder .image-placeholder {
  margin-bottom: 0;
}
.studiob .quotation-images .thumbnail img {
  width: 100%;
}
.studiob .quotation-images .preview img {
  width: 100%;
}
.studiob .quotation-images .preview .global-placeholder .image-placeholder img {
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  bottom: unset;
}
.studiob .quotation-images .thumbnails {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.studiob .quotation-images .thumbnails > .thumbnail {
  margin-bottom: 32px;
  border: 6px solid #FFFFFF;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.studiob .quotation-images .thumbnails > .thumbnail.active {
  border-color: #D0AD67;
}
.studiob .quotation-images .thumbnails > .thumbnail img {
  top: 0;
  bottom: 0;
  left: 50%;
  width: auto;
  height: 100%;
  margin: auto;
  transform: translateX(-50%);
  position: absolute;
}
.studiob #quotation-detail .default-products .quotationproduct {
  position: relative;
  overflow: hidden;
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button {
  top: 50%;
  width: auto;
  height: 48px;
  line-height: 48px;
  display: block;
  content: "";
  background-color: #D0AD67;
  color: #FFFFFF;
  cursor: pointer;
  position: absolute;
  transform: translateY(-50%);
  z-index: 2;
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.lower-brand, .studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.higher-brand {
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  -o-transition: all 250ms linear;
  -ms-transition: all 250ms linear;
  transition: all 250ms linear;
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.lower-brand {
  z-index: 3;
  padding: 0 48px 0 24px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  right: 100%;
  transform: translateX(48px);
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.lower-brand:after {
  top: 0;
  right: 24px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f104";
  display: inline-block;
  position: absolute;
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.lower-brand:hover {
  transform: translateX(100%);
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.higher-brand {
  z-index: 3;
  padding: 0 24px 0 48px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  left: 100%;
  transform: translateX(-48px);
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.higher-brand:before {
  top: 0;
  left: 24px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f105";
  display: inline-block;
  position: absolute;
}
.studiob #quotation-detail .default-products .quotationproduct .quotation-action-buttons .action-button.higher-brand:hover {
  transform: translateX(-100%);
}
.studiob #quotation-detail .default-products .quotationproduct .action-button.alternate {
  padding: 9px 22px;
  background-color: var(--cyaan);
  border: 1px solid var(--cyaan);
  color: #FFFFFF;
  display: inline-block;
  transition: all linear 250ms;
  cursor: pointer;
  border-radius: 8px;
}
.studiob #quotation-detail .default-products .quotationproduct .action-button.alternate:hover {
  background-color: transparent;
  color: var(--cyaan);
}
.studiob #quotation-detail .default-products .quotationproduct .product {
  background-color: #fff;
}
.studiob #quotation-detail .default-products .quotationproduct .product .image,
.studiob #quotation-detail .default-products .quotationproduct .product .front {
  min-height: 200px;
}
.studiob #quotation-detail .default-products .quotationproduct .product .body {
  margin-top: 0;
}
.studiob #quotation-detail .default-products {
  position: relative;
}
.studiob #quotation-detail .default-products .quotationproduct .product {
  position: relative;
  height: 100%;
}
.studiob #quotation-detail .default-products .loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 6;
}
.studiob #quotation-detail .default-products .loading img {
  width: 10%;
  display: block;
  margin: auto;
  margin-top: 25%;
}
.studiob #quotation-detail .default-products .quotationproduct.conflict .conflict-block {
  background: rgba(0, 0, 0, 0.6392156863);
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  text-align: center;
}
.studiob #quotation-detail .default-products .quotationproduct.conflict .conflict-block .conflict-body i {
  color: #d0ad67;
  padding: 24px;
  font-size: 72px;
}
.studiob #quotation-detail .default-products .quotationproduct.conflict .conflict-block .conflict-body p {
  margin-bottom: 0;
}
.studiob #quotation-detail .default-products .quotationproduct.canbeempty .empty-block {
  border: dashed rgba(255, 255, 255, 0.1411764706) 4px;
  padding: 16px;
  text-align: center;
  height: 100%;
}
.studiob #quotation-detail .default-products .quotationproduct.canbeempty .empty-block .empty-body i {
  font-size: 48px;
  color: var(--cyaan);
  padding: 32px 0 0 0;
}
.studiob #quotation-detail .default-products .quotationproduct.canbeempty .empty-block .empty-body p {
  margin-bottom: 32px;
}
.studiob #quotation-detail .default-products .quotationproduct.canbeempty {
  min-height: 350px;
}
.studiob #quotation-detail .default-products .quotationproduct.canbeempty .quotation-action-buttons .action-button.reset {
  transition: opacity 0.5s;
  opacity: 0;
  top: 0;
  right: 0;
  transform: translateY(0%);
  background: none;
  color: #d0ad67;
  width: 48px;
  height: 48px;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  cursor: pointer;
}
.studiob #quotation-detail .default-products .quotationproduct.canbeempty:hover .quotation-action-buttons .action-button.reset {
  opacity: 1;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons .current {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
  padding: 6px 12px;
  background: #d0ad67;
  color: white;
  cursor: pointer;
  border-radius: 3px 0 0 0;
  box-shadow: 0px 0px 3px #535353;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons .options {
  display: none;
  background: rgba(0, 0, 0, 0.6392156863);
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  text-align: center;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons .options .options-body > i {
  color: #d0ad67;
  padding: 24px;
  font-size: 72px;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons .options .options-body p {
  margin-bottom: 0;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons .options .options-body .switch-types {
  margin-top: 12px;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons .options .options-body .switch-types .switch-type {
  cursor: pointer;
  border-radius: 3px;
  background: #d0ad67;
  margin-bottom: 3px;
  padding: 6px;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons .options .options-body .switch-types .switch-type i,
.studiob #quotation-detail .default-products .quotation-switch-buttons .current i {
  color: rgba(0, 0, 0, 0.3098039216);
  padding-right: 6px;
}
.studiob #quotation-detail .default-products .quotation-switch-buttons.active .options {
  display: block;
}
.studiob #quotation-detail .default-products.addable-products [data-selectaddableproduct] {
  cursor: pointer;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.studiob #quotation-detail .default-products.addable-products .quotationproduct.selected .product {
  border-color: #d0ad67;
}
.studiob #quotation-detail .cart {
  margin: 0;
  padding: 0;
  background-color: #000000;
  border: 0;
  color: #FFFFFF;
  position: fixed;
  overflow: hidden;
  z-index: 9999999999;
}
.studiob #quotation-detail .cart {
  top: 0;
  bottom: 0;
  left: 0;
}
.studiob #quotation-detail .cart.expanded {
  transition: all linear 125ms;
  height: 33.3333333333vh;
}
.studiob #quotation-detail .cart.expanded .toolbar .toggler i {
  transform: rotate(180deg);
}
.studiob #quotation-detail .cart.collapsed {
  transition: all linear 125ms;
  height: 88px;
}
.studiob #quotation-detail .cart .handle {
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #D0AD67;
  display: block;
  position: relative;
}
.studiob #quotation-detail .cart .toolbar {
  padding: 21px 30px;
  border-bottom: 1px solid #D0AD67;
  position: relative;
}
.studiob #quotation-detail .cart .toolbar .toggler,
.studiob #quotation-detail .cart .toolbar p,
.studiob #quotation-detail .cart .toolbar button,
.studiob #quotation-detail .cart .toolbar .chat {
  vertical-align: top;
}
.studiob #quotation-detail .cart .toolbar .toggler {
  width: 40px;
  height: 40px;
  line-height: 36px;
  margin: 0 20px 0 0;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  font-size: 24px;
  text-align: center;
  display: inline-block;
}
.studiob #quotation-detail .cart .toolbar .toggler:not(.disabled) {
  cursor: pointer;
}
.studiob #quotation-detail .cart .toolbar .toggler i {
  transition: all linear 125ms;
}
.studiob #quotation-detail .cart .toolbar .toggler.disabled {
  border-color: #413D3D;
}
.studiob #quotation-detail .cart .toolbar .toggler.disabled i {
  color: #413D3D;
}
.studiob #quotation-detail .cart .toolbar p {
  line-height: 40px;
  margin: 0 20px 0 0;
  display: inline-block;
}
.studiob #quotation-detail .cart .toolbar button {
  margin: 0 20px 0 0;
}
.studiob #quotation-detail .cart .toolbar button:first-of-type {
  padding: 6px 15px;
  background-color: transparent;
  border: 2px solid #D0AD67;
  border-radius: 5px;
  font-weight: bold;
  color: #FFFFFF;
  cursor: pointer;
}
.studiob #quotation-detail .cart .toolbar .chat {
  width: 40px;
  height: 40px;
  line-height: 36px;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  float: right;
}
.studiob #quotation-detail .cart .content {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 64px);
  padding: 32px 30px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.studiob .default-products .product .image img.front {
  max-height: 160px;
}
.studiob .notifications {
  position: fixed;
  bottom: 16px;
  left: 16px;
  height: auto;
  max-width: 500px;
  z-index: 100;
}
.studiob .notifications > .notification {
  display: block;
  background: var(--donkerblauw);
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
}
.studiob .notifications > .notification:not(:first-of-type) {
  margin-top: 12px;
}
.studiob .notifications > .notification > .body {
  flex: 1 0;
  padding: 8px 16px;
}
.studiob .notifications > .notification > .closer {
  transition: all linear 250ms;
  color: white;
  display: flex;
  width: 32px;
  text-align: center;
  border-left: solid var(--cyaan) 1px;
  justify-content: center;
  align-items: center;
}
.studiob .notifications > .notification > .closer:hover {
  border-radius: 0 4px 4px 0;
  background-color: var(--cyaan);
}
.studiob .product-relations p.single-heading-2 {
  padding: 0;
}
.studiob .slide-animate-container {
  position: relative;
  height: auto;
}
.studiob .slide-animate {
  opacity: 1;
}
.studiob .slide-animate.ng-enter,
.studiob .slide-animate.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 10px;
  opacity: 0;
}
.studiob .slide-animate.ng-enter {
  transition-delay: 0.5s;
  top: 50px;
}
.studiob .slide-animate.ng-enter.ng-enter-active {
  top: 0;
  opacity: 1;
}
.studiob .slide-animate.ng-leave {
  top: 0;
  opacity: 1;
}
.studiob .slide-animate.ng-leave.ng-leave-active {
  top: 50px;
  opacity: 0;
}
.studiob .page-wrap {
  background-color: #FFFFFF;
}
.studiob .loading-section {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  opacity: 0;
}
.studiob .loading-section.slide-animate-loader {
  opacity: 1;
}
.studiob .loading-section .lds-roller {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
}
.studiob .loading-section .lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.studiob .loading-section .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyaan);
  margin: -4px 0 0 -4px;
}
.studiob .loading-section .lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.studiob .loading-section .lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.studiob .loading-section .lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.studiob .loading-section .lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.studiob .loading-section .lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.studiob .loading-section .lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.studiob .loading-section .lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.studiob .loading-section .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.studiob .loading-section .lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.studiob .loading-section .lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.studiob .loading-section .lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.studiob .loading-section .lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.studiob .loading-section .lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.studiob .loading-section .lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.studiob .loading-section .lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.studiob .loading-section .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
.studiob .loading-section .lds-roller-title {
  text-align: center;
  color: black;
  font-size: 22px;
  font-weight: 200;
  margin-top: 12px;
}
.studiob .loading-section.overlayed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: unset;
  background: rgba(255, 255, 255, 0.8117647059);
  z-index: 500;
}
.studiob .loading-section.overlayed .container {
  height: 100%;
  transform: translate(0%, 50%);
}
.studiob .loading-section.inline {
  position: relative;
  width: 100%;
  display: block;
  top: 0;
  transform: translate(-50%, 0);
}
.studiob .productSelector-input {
  max-width: 250px;
  display: inline-block;
  float: left;
  margin-right: 16px;
}
.studiob .productSelector-input .input-wrap {
  position: relative;
  z-index: 3;
}
.studiob .productSelector-input input {
  height: 52px;
}
.studiob .productSelector-input .results {
  max-width: 500px;
  position: absolute;
  background: white;
  box-shadow: 0 0 1px black;
  z-index: 100;
  max-height: 30vh;
  overflow-y: scroll;
}
.studiob .productSelector-input .results ul {
  padding: 0;
  margin: 0;
}
.studiob .productSelector-input .results ul li {
  padding: 6px 12px;
  list-style-type: none;
  margin: 0;
  border-bottom: solid #e1e1e1 1px;
  line-height: 20px;
  font-size: 14px;
}
.studiob .productSelector-input .results ul li:hover {
  background-color: #e1e1e1;
}
.studiob .productSelector-input .input-background {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
}
.studiob.studiobProtectedPageManagement .content-block {
  margin-top: 40px;
}
.studiob .mps-control label {
  font-size: 12px;
  color: #707070;
}
.studiob .mps-control .mps-input {
  display: flex;
  width: 100%;
  margin-bottom: 3px;
}
.studiob .mps-control .mps-input .mps-inputfield {
  min-width: 250px;
  padding-right: 12px;
}
.studiob .mps-control .mps-input .mps-inputfield.mps-input-add-results {
  display: flex;
  gap: 10px;
}
.studiob .mps-control .mps-input .mps-inputfield select {
  height: 52px !important;
  text-indent: 12px;
}
.studiob .mps-control .mps-input .label div {
  margin-right: 12px;
  line-height: 52px;
  height: 52px;
  width: 52px;
  text-align: center;
  text-transform: uppercase;
  background: #f2f2f2;
  border: solid #cccccc 1px;
}
.studiob #product-cockpit {
  position: fixed;
  top: 30vh;
  right: 0;
  background: var(--donkerblauw);
  z-index: 10001;
  display: flex;
}
.studiob #product-cockpit #edit-feature {
  min-width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  font-weight: 200;
  flex: 1;
  transition: all 0.3s;
  color: #fff;
  text-decoration: none;
}
.studiob #product-cockpit #edit-feature:before {
  content: "\f044";
}
.studiob #product-cockpit #edit-feature:hover {
  background: var(--cyaan);
}
.studiob product-picker.clearfix .productSelector-input {
  float: unset;
}
.studiob .price-updates .content-block {
  min-height: 200px;
  position: relative;
}
.studiob .price-updates .loading-section {
  z-index: 10;
}
.studiob .price-updates .loading-section.overlayed {
  position: absolute;
}
.studiob .price-updates .add-update .inputs {
  display: flex;
  flex-direction: row;
  margin: 24px -5px 0 -5px;
}
.studiob .price-updates .add-update .inputs > div {
  padding: 0 5px;
}
.studiob .price-updates .add-update .inputs .large {
  flex-grow: 1;
}
.studiob .price-updates .add-update .inputs .k-widget {
  width: 100% !important;
}
.studiob .price-updates .add-update .inputs button {
  padding: 9px 22px;
}
.studiob .price-updates .add-update .inputs button span {
  margin-left: 5px;
}
.studiob .price-updates .planned-updates table tr td:last-child {
  width: 50px;
  text-align: center;
}
.studiob .price-updates .planned-updates table tr td:last-child i:hover {
  color: #707070;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.studiob .loading-section.inline {
  position: relative;
  width: 100%;
  display: block;
  top: 0;
  transform: translate(-50%, 0);
}
.studiob .productSelector-input {
  max-width: 250px;
  display: inline-block;
  float: left;
  margin-right: 16px;
}
.studiob .productSelector-input .input-wrap {
  position: relative;
  z-index: 3;
}
.studiob .productSelector-input input {
  height: 52px;
}
.studiob .productSelector-input .results {
  max-width: 500px;
  position: absolute;
  background: white;
  box-shadow: 0 0 1px black;
  z-index: 100;
  max-height: 30vh;
  overflow-y: scroll;
}
.studiob .productSelector-input .results ul {
  padding: 0;
  margin: 0;
}
.studiob .productSelector-input .results ul li {
  padding: 6px 12px;
  list-style-type: none;
  margin: 0;
  border-bottom: solid #e1e1e1 1px;
  line-height: 20px;
  font-size: 14px;
}
.studiob .productSelector-input .results ul li:hover {
  background-color: #e1e1e1;
}
.studiob .productSelector-input .input-background {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: default;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 1250px) {
  .studiob .popup {
    width: 100% !important;
    max-width: calc(100% - 60px);
  }
}
@media (min-width: 992px) {
  .studiob .slider-wrapper-references .slider .bx-wrapper,
  .studiob .slider-wrapper-references .slider .bx-wrapper .bx-viewport,
  .studiob .slider-wrapper-references .slider .bx-wrapper .bx-viewport ul.bx-slider,
  .studiob .slider-wrapper-references .slider .bx-wrapper .bx-viewport ul.bx-slider li,
  .studiob .slider-wrapper-references .slider .bx-wrapper .bx-viewport ul.bx-slider li .outer-inlay {
    max-height: 640px !important;
  }
}
@media (max-width: 991px) {
  .studiob .slider-wrapper-references {
    height: auto;
  }
  .studiob .slider-wrapper-references .slider {
    position: relative;
  }
  .studiob .filter .content .single-heading-2 {
    position: relative;
  }
  .studiob .filter .content .single-heading-2:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f077";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: all 0.25s ease-in-out;
    font-size: 20px;
  }
  .studiob .filter .content .single-heading-2.opened:after {
    transform: translateY(-50%) rotate(180deg);
  }
  .studiob .productSelector .productfilter .filter-sort-wrapper {
    width: 152px;
  }
  .studiob .productSelector .productfilter .filter-sort-wrapper > * {
    display: none !important;
  }
  .studiob .productSelector .productfilter .filter-sort-wrapper > *:last-of-type {
    display: inline-block !important;
  }
  .studiob .productSelector .productfilter .filter-sort-wrapper > span:first-of-type {
    display: none !important;
  }
  .studiob .top-filter-wrapper.medium {
    padding-top: 40px;
  }
  .studiob .top-filter-wrapper.medium .top-filter {
    justify-content: start;
  }
  .studiob .product-list-wrapper .amount-of-results {
    display: none;
  }
}
@media (max-width: 767px) {
  .studiob .dropdown-navigation {
    padding-bottom: 20px;
  }
  .studiob footer #footer-bottom p {
    float: unset;
    text-align: center;
  }
  .studiob .configuration-placeholder .configurationfilter .filter-sort-wrapper,
  .studiob #quotationform .formpage .form .inner-toggler .configurationfilter .filter-sort-wrapper {
    display: none;
  }
  .studiob #quotationform .formpage .form .form-row .radio-box-label {
    width: calc(100% - 16px);
  }
  .studiob #quotationform .sketch-image {
    margin-top: 16px;
  }
  .studiob section.content.grey.studio-b .offset-corrector {
    padding-bottom: 100px;
  }
}
@media (max-width: 575px) {
  .studiob .top-filter-wrapper.small {
    padding-top: 40px;
  }
  .studiob .top-filter-wrapper.small .top-filter {
    justify-content: start;
  }
}
.studiob #cd-timeline {
  position: relative;
  padding: 2em 0 0 0;
  margin-top: 2em;
}
.studiob #cd-timeline::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #D7D7D7;
  margin-top: 50px;
}
.studiob #cd-timeline::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background-color: #009fda;
  bottom: -50px;
  left: 12.5px;
}
.studiob #date-today {
  margin-top: 74px;
  text-align: left;
}
.studiob .group:before, .studiob .group:after {
  content: "";
  display: table;
}
.studiob .group:after {
  clear: both;
}
.studiob .group {
  zoom: 1;
}
.studiob .admin-heading-1 {
  line-height: 40px;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 24px;
  margin-top: 0;
  padding: 0;
}
.studiob .admin-heading-1.no-margin {
  margin-bottom: 0;
}
.studiob .admin-heading-1 + .admin-heading-description {
  margin-bottom: 24px;
  padding-top: 0;
}
.studiob .admin-heading-2 {
  line-height: 32px;
  font-size: 26px;
  font-weight: 400;
  margin-bottom: 24px;
  margin-top: 0;
  padding: 0;
}
.studiob md-backdrop {
  z-index: 99998 !important;
}
.studiob .md-dialog-container {
  z-index: 99999 !important;
}
.studiob .md-dialog-container md-dialog {
  width: 33%;
  padding: 20px;
  font-size: 16px;
  border-bottom: 2px solid #000000;
  border-radius: 0;
}
.studiob .md-dialog-container md-dialog md-toolbar {
  background: #fff;
  border-bottom: 1px solid #E5E5E5;
}
.studiob .md-dialog-container md-dialog md-toolbar .md-toolbar-tools {
  padding: 0;
}
.studiob .md-dialog-container md-dialog md-toolbar .md-toolbar-tools > .md-button:last-child {
  margin: 0;
}
.studiob .md-dialog-container md-dialog md-toolbar p {
  width: 100%;
  font-size: 26px;
  font-weight: 700;
  padding: 0;
  color: #002563;
  margin-top: 0;
}
.studiob .md-dialog-container md-dialog md-toolbar .md-icon-button i {
  font-size: 22px;
  color: var(--donkerblauw);
}
.studiob .md-dialog-container md-dialog md-dialog-content {
  background: #fff;
  text-align: left;
}
.studiob .md-dialog-container md-dialog md-dialog-content .md-dialog-content {
  padding-top: 0;
}
.studiob .md-dialog-container md-dialog md-dialog-content p:first-child {
  padding: 0;
}
.studiob .md-dialog-container md-dialog md-dialog-actions {
  background: #fff;
  border-top: solid #cccccc 1px;
}
.studiob .md-dialog-container-preview {
  position: relative;
}
.studiob .md-dialog-container-preview .md-dialog-container {
  width: 100%;
  height: auto;
  position: relative;
  padding: 24px 0 48px 0;
  background: rgba(0, 0, 0, 0.3803921569);
  z-index: 99999;
}
.studiob .md-dialog-container-preview .md-dialog-container md-dialog {
  width: 33vw;
}
.studiob .relative-block {
  position: relative;
}
.studiob .loader-container {
  background: rgba(255, 255, 255, 0.7490196078);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.studiob .loader-container .stick-section {
  position: relative;
  width: 100%;
  height: 100%;
}
.studiob .loader-container .stick-section .loading-section {
  position: sticky;
  top: 400px;
  left: 100%;
  transform: unset;
}
.studiob .slide-animate-container {
  position: relative;
  height: auto;
}
.studiob .slide-animate {
  opacity: 1;
}
.studiob .slide-animate.ng-enter,
.studiob .slide-animate.ng-leave {
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  padding: 10px;
  opacity: 0;
}
.studiob .slide-animate.ng-enter {
  transition-delay: 0.5s;
  top: 50px;
}
.studiob .slide-animate.ng-enter.ng-enter-active {
  top: 0;
  opacity: 1;
}
.studiob .slide-animate.ng-leave {
  top: 0;
  opacity: 1;
}
.studiob .slide-animate.ng-leave.ng-leave-active {
  top: 50px;
  opacity: 0;
}
.studiob .loading-section {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  opacity: 0;
}
.studiob .loading-section.slide-animate-loader {
  opacity: 1;
}
.studiob .lds-roller {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
}
.studiob .lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.studiob .lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cyaan);
  margin: -4px 0 0 -4px;
}
.studiob .lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.studiob .lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.studiob .lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.studiob .lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.studiob .lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.studiob .lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.studiob .lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.studiob .lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.studiob .lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.studiob .lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.studiob .lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.studiob .lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.studiob .lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.studiob .lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.studiob .lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.studiob .lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
.studiob .lds-roller-title {
  text-align: center;
  color: black;
  font-size: 22px;
  font-weight: 200;
  margin-top: 12px;
}
.studiob .notification {
  padding: 12px 10px;
  background-color: #009FDA;
  text-align: center;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.studiob .notification a, .studiob .notification a:hover {
  color: #FFFFFF;
}
.studiob .notification a {
  text-decoration: underline;
}
.studiob .notification a:hover {
  text-decoration: none;
}
.studiob .popup.notify {
  height: calc(100vh - 160px);
  padding: 0 !important;
}
.studiob .popup.notify .body {
  height: calc(100% - 64px);
  margin: 32px 20px;
  padding: 32px 20px;
  position: relative;
  overflow-y: auto;
}
.studiob .popup.notify .body p.heading-3 {
  padding-top: 0;
}
.studiob .popup.notify ul, .studiob .popup.notify ol {
  margin: 0;
  padding: 0;
}
.studiob .popup.notify ul li, .studiob .popup.notify ol li {
  margin: 0 0 0 16px;
  padding: 0;
  list-style: disc;
}
.studiob .mobile-navigation {
  z-index: 9997;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.studiob .slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.studiob .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.studiob .slick-list:focus {
  outline: none;
}
.studiob .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.studiob .slick-slider .slick-track,
.studiob .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.studiob .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.studiob .slick-track:before,
.studiob .slick-track:after {
  display: table;
  content: "";
}
.studiob .slick-track:after {
  clear: both;
}
.studiob .slick-loading .slick-track {
  visibility: hidden;
}
.studiob .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.studiob [dir=rtl] .slick-slide {
  float: right;
}
.studiob .slick-slide {
  background-color: #FFFFFF;
}
.studiob .slick-slide img {
  display: block;
}
.studiob .slick-slide.slick-loading img {
  display: none;
}
.studiob .slick-slide.dragging img {
  pointer-events: none;
}
.studiob .slick-initialized .slick-slide {
  display: block;
}
.studiob .slick-loading .slick-slide {
  visibility: hidden;
}
.studiob .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.studiob .compare .block.white {
  padding-right: 2px;
  padding-left: 2px;
}
.studiob .compare .row {
  margin: 0;
}
.studiob .compare .row > * {
  padding: 0;
}
.studiob .compare .selectors strong {
  margin: 0 10px;
}
.studiob .compare .selectors select {
  width: calc(100% - 20px) !important;
  margin: 0 10px 10px 10px !important;
}
.studiob .compare .products {
  margin-top: 20px;
}
.studiob .compare .products .product {
  height: 100%;
  padding: 19px 18px !important;
  position: relative;
  margin-top: 0;
}
.studiob .compare .products .row .col-9 .row .col-3 .product {
  border: 1px solid #F2F2F2;
}
.studiob .compare .products .row .col-9 .row .col-3:not(:first-of-type) .product {
  border-left: 0;
}
.studiob .compare .products .add button {
  width: 100%;
  display: block;
}
.studiob .compare .products .add {
  padding: 20px 18px;
}
.studiob .compare .products .add select {
  margin-top: 4px !important;
}
.studiob .compare .products .product:first-child .remove {
  display: none;
}
.studiob .compare .products .product .remove {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  z-index: 3;
  text-align: center;
}
.studiob .compare .products .product .remove:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f2ed";
  color: var(--donkerblauw);
  font-size: 22px;
  font-weight: 900;
}
.studiob .compare .products .product .remove:hover:before {
  color: var(--cyaan);
}
.studiob .compare .products .classifications {
  margin: 32px 0;
}
.studiob .compare .products .classifications .classification strong,
.studiob .compare .products .classifications .classification span {
  display: block;
  border-bottom: 1px solid #F2F2F2;
}
.studiob .compare .products .classifications .classification span .fa-check {
  color: green;
}
.studiob .compare .products .classifications .classification span .fa-times {
  color: red;
}
.studiob .compare .products .classifications .classification:last-of-type strong,
.studiob .compare .products .classifications .classification:last-of-type span {
  border-bottom: none;
}
.studiob .compare .products .classifications .classification:hover {
  background-color: #F2F2F2;
}
.studiob .compare-back-button {
  margin-bottom: 32px;
}
.studiob .downloads {
  margin-top: 32px;
}
.studiob .downloads .grid--item {
  background-color: var(--wit) !important;
}
.studiob .downloads .grid--item .item--placeholder .placeholder--content .label span {
  background-color: var(--licht) !important;
}

.md-dialog-is-showing {
  max-height: 100%;
}

.md-dialog-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
  overflow: hidden;
}

md-dialog {
  opacity: 0;
  min-width: 240px;
  max-width: 80%;
  max-height: 80%;
  position: relative;
  overflow: auto;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
}

md-dialog.md-transition-in {
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 0) scale(1);
}

md-dialog.md-transition-out {
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transform: translate(0, 100%) scale(0.2);
}

md-dialog > form {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

md-dialog .md-dialog-content {
  padding-top: 24px !important;
}

md-dialog md-dialog-content {
  order: 1;
  flex-direction: column;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

md-dialog md-dialog-content:not([layout=row]) > :first-child:not(.md-subheader) {
  margin-top: 0;
}

md-dialog md-dialog-content:focus {
  outline: none;
}

md-dialog md-dialog-content .md-subheader {
  margin: 0;
}

md-dialog md-dialog-content .md-dialog-content-body {
  width: 100%;
}

md-dialog md-dialog-content .md-prompt-input-container {
  width: 100%;
  box-sizing: border-box;
}

md-dialog md-dialog-actions {
  display: flex;
  order: 2;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
  padding-right: 8px;
  padding-left: 16px;
  min-height: 52px;
  overflow: hidden;
}

[dir=rtl] md-dialog md-dialog-actions {
  padding-right: 16px;
}

[dir=rtl] md-dialog md-dialog-actions {
  padding-left: 8px;
}

md-dialog md-dialog-actions .md-button {
  margin: 8px 0 8px 8px;
}

[dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-left: 0;
}

[dir=rtl] md-dialog md-dialog-actions .md-button {
  margin-right: 8px;
}

md-dialog.md-content-overflow md-dialog-actions {
  border-top-width: 1px;
  border-top-style: solid;
}

@media screen and (-ms-high-contrast: active) {
  md-dialog {
    border: 1px solid #fff;
  }
}
@media (max-width: 959px) {
  md-dialog.md-dialog-fullscreen {
    min-height: 100%;
    min-width: 100%;
    border-radius: 0;
  }
}
.md-toolbar-tools {
  font-size: 20px;
  letter-spacing: 0.005em;
  box-sizing: border-box;
  font-weight: 400;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  height: 64px;
  max-height: 64px;
  padding: 0 16px;
  margin: 0;
}

.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
  font-size: inherit;
  font-weight: inherit;
  margin: inherit;
}

.md-toolbar-tools a {
  color: inherit;
  text-decoration: none;
}

.md-toolbar-tools .fill-height {
  display: flex;
  align-items: center;
}

.md-toolbar-tools md-checkbox {
  margin: inherit;
}

.md-toolbar-tools .md-button {
  margin-top: 0;
  margin-bottom: 0;
  background-color: var(--cyaan);
}
.md-toolbar-tools .md-button i {
  color: #FFFFFF !important;
}

.md-toolbar-tools .md-button:hover {
  background-color: var(--donkerblauw) !important;
}
.md-toolbar-tools .md-button:hover i {
  color: #FFFFFF !important;
}

.md-toolbar-tools .md-button, .md-toolbar-tools .md-button.md-icon-button md-icon {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
  transition-property: background-color, fill, color;
}

.md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate, .md-toolbar-tools .md-button.ng-animate {
  transition: none;
}

.md-toolbar-tools > .md-button:first-child {
  margin-left: -8px;
}

[dir=rtl] .md-toolbar-tools > .md-button:first-child {
  margin-left: auto;
  margin-right: -8px;
}

.md-toolbar-tools > .md-button:last-child {
  margin-right: -8px;
}

[dir=rtl] .md-toolbar-tools > .md-button:last-child {
  margin-right: auto;
  margin-left: -8px;
}

.md-toolbar-tools > md-menu:last-child {
  margin-right: -8px;
}

[dir=rtl] .md-toolbar-tools > md-menu:last-child {
  margin-right: auto;
  margin-left: -8px;
}

.md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: 0;
}

[dir=rtl] .md-toolbar-tools > md-menu:last-child > .md-button {
  margin-right: auto;
  margin-left: 0;
}

@media screen and (-ms-high-contrast: active) {
  .md-toolbar-tools {
    border-bottom: 1px solid #fff;
  }
}
@media (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
  md-toolbar {
    min-height: 56px;
  }
  .md-toolbar-tools {
    height: 56px;
    max-height: 56px;
  }
}
@media (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
  md-toolbar {
    min-height: 48px;
  }
  .md-toolbar-tools {
    height: 48px;
    max-height: 48px;
  }
}
md-backdrop {
  transition: opacity 0.45s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

md-backdrop.md-menu-backdrop {
  position: fixed !important;
  z-index: 99;
}

md-backdrop.md-select-backdrop {
  z-index: 81;
  transition-duration: 0;
}

md-backdrop.md-dialog-backdrop {
  z-index: 79;
}

md-backdrop.md-bottom-sheet-backdrop {
  z-index: 69;
}

md-backdrop.md-sidenav-backdrop {
  z-index: 59;
}

md-backdrop.md-click-catcher {
  position: absolute;
}

md-backdrop.md-opaque {
  opacity: 0.48;
}

md-backdrop.md-opaque.ng-enter {
  opacity: 0;
}

md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
  opacity: 0.48;
}

md-backdrop.md-opaque.ng-leave {
  opacity: 0.48;
  transition: opacity 0.4s;
}

md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
  opacity: 0;
}

.md-ripple-container {
  display: none;
}

#CybotCookiebotDialogPoweredByText, #CybotCookiebotDialogPoweredbyCybot {
  display: none !important;
  visibility: hidden !important;
}

.header.attenuated-gradient .header--outer-wrapper .header--inner-wrapper::before {
  display: none;
  visibility: hidden;
}
.header.attenuated-gradient .header--background-image .header--outer-wrapper .header-inner-wrapper img {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.8) 20%, black 50%, rgba(0, 0, 0, 0.8) 80%, transparent 100%) !important;
  mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.8) 20%, black 50%, rgba(0, 0, 0, 0.8) 80%, transparent 100%);
}
.header.attenuated-gradient .header--background-image .header--outer-wrapper::after {
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.7) 50%, transparent 100%);
  mask-image: linear-gradient(to left, rgba(0, 0, 0, 0.7) 50%, transparent 100%);
  z-index: -1;
}
.header.attenuated-gradient .header--background-image::after {
  background: linear-gradient(to bottom, rgba(0, 21, 57, 0) 50%, rgb(0, 21, 57) 100%);
}

/**/
:root {
  --gradient: conic-gradient( from 90deg at 50% 50%, rgb(255, 255, 255), rgba(0, 159, 218, 1), rgba(255, 255, 255, 1), rgba(0, 159, 218, 1), rgba(255, 255, 255, 1), rgba(0, 159, 218, 1), rgba(255, 255, 255, 1) );
}

.bribus-gen {
  background-color: var(--donkerblauw);
  position: relative;
  /* overflow: hidden;   ← WEGHALEN */
}

.bribus-gen-bg {
  position: sticky;
  top: 0;
  height: 100vh;
  margin-bottom: -100vh;
  width: 100%;
  background-image: url("/images/blad.png");
  background-size: contain; /* ★ past altijd binnen de box */
  background-position: right -12.5vw bottom; /* 25% van 50vw = 12.5vw */
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
  box-sizing: border-box;
}

.bribus-gen h1, .bribus-gen h2, .bribus-gen h3, .bribus-gen h4, .bribus-gen h5, .bribus-gen h6, .bribus-gen p {
  color: #FFFFFF;
}

.bribus-gen h1:not(.without-dot)::after {
  content: ".";
  color: var(--cyaan);
}

.bribus-gen .rich-text ul, .bribus-gen .rich-text ul li, .bribus-gen .placeholder--content ul, .bribus-gen .placeholder--content ul li {
  color: #FFFFFF;
}

.bribus-gen .rich-text ul.background-blue {
  padding: 40px;
  background-color: #001539;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bribus-gen .rich-text ul.background-blue li {
  margin: 0;
  padding: 0 0 0 32px;
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  color: #FFFFFF;
  position: relative;
}

.bribus-gen .rich-text ul.background-blue li::before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: var(--cyaan);
  content: "\f00c";
  position: absolute;
}

.bribus-gen .rich-text ul.background-grey {
  padding: 40px;
  background-color: #F6F6F6;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bribus-gen .rich-text ul.background-grey li {
  margin: 0;
  padding: 0 0 0 32px;
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  color: #000000;
  position: relative;
}

.bribus-gen .rich-text ul.background-grey li::before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: var(--cyaan);
  content: "\f00c";
  position: absolute;
}

.bribus-gen .placeholder--content ul li, .bribus-gen .rich-text ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.bribus-gen .placeholder--content ul li::before, .bribus-gen .rich-text ul li:before {
  font-family: "Font Awesome 6 Pro";
  color: var(--cyaan);
  content: "\f00c";
}

.bribus-gen .header { /*height: 75vh;*/
  background-color: transparent;
}

.bribus-gen .header::after {
  display: none;
  visibility: hidden;
}

.bribus-gen .header .header--outer-wrapper.bottom {
  height: 100%;
}

.bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper {
  height: 100%;
  grid-template-columns: 35% 65%;
}

.bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper::before {
  display: none;
  visibility: hidden;
}

.bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content {
  margin: 0 0 80px 0;
  align-self: end;
}

.bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content p {
  line-height: 30px;
  font-size: 20px;
}

.bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

.bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content ul li::before {
  font-family: "Font Awesome 6 Pro";
  color: var(--cyaan);
  content: "\f00c";
}

.bribus-gen .header .header--background-image .header--outer-wrapper:after {
  display: none;
  visibility: hidden;
}

.bribus-gen .header .header--background-image .header--outer-wrapper .header-inner-wrapper img {
  -webkit-mask-image: unset;
  mask-image: unset;
}

.bribus-gen .header .header--background-video {
  max-width: 1640px;
  margin: 0 auto;
}

.bribus-gen .header .header--background-video .iframe--wrapper {
  top: 118px;
  height: calc(100% - 118px);
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%);
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%);
}

.bribus-gen .header .header--background-video .iframe--wrapper::before, .bribus-gen .header.bribus-gen .header--background-video .iframe--wrapper::after {
  display: none !important;
  visibility: hidden !important;
}

.bribus-gen .header .header--background-video .iframe--wrapper video {
  z-index: 1;
  max-height: 100vh;
  width: 70%;
  height: 100%;
  left: 30%;
  margin: auto;
  position: absolute;
  object-fit: cover;
  aspect-ratio: 16/9;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 25%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
}

.bribus-gen .main {
  overflow-x: clip;
  overflow-y: visible;
}

.bribus-gen .main .section:last-of-type {
  padding-bottom: 180px;
}

.bribus-gen .main .section:last-of-type::after {
  display: none !important;
  visibility: hidden;
}

.bribus-gen .section {
  padding: 60px 0 100px 0;
  position: relative;
  overflow: visible;
}

.bribus-gen .section.no-padding {
  padding: 0 !important;
}

.bribus-gen .section:not(.cards-slider-placeholder)::before {
  top: -600px;
  left: -600px;
  width: 1200px;
  height: 1200px;
  flex-shrink: 0;
  border-radius: 1196px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 38, 100, 0.7) 0%, rgba(0, 38, 100, 0) 100%);
  mix-blend-mode: plus-lighter;
  content: "";
  z-index: 2;
  position: absolute;
  display: block;
}

.bribus-gen .section:not(.cards-slider-placeholder)::after {
  bottom: -600px;
  right: -600px;
  width: 1200px;
  height: 1200px;
  flex-shrink: 0;
  border-radius: 1196px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(0, 38, 100, 0.7) 0%, rgba(0, 38, 100, 0) 100%);
  mix-blend-mode: plus-lighter;
  content: "";
  z-index: 2;
  position: absolute;
  display: block;
}

/*
.bribus-gen .section.narrow-page {padding-bottom: 0;}
.bribus-gen .section.full-banner.narrow-page {padding-top: 0;}
*/
.bribus-gen .footer p {
  color: var(--text-zwart);
}

.bribus-gen .footer ul li {
  font-weight: unset;
}

.bribus-gen .footer ul li::before {
  display: none;
  visibility: hidden;
}

.bribus-gen .placeholder--grid .grid--item {
  background-color: yellow;
  border-radius: 16px;
}

.bribus-gen .placeholder--grid .grid--item .item--placeholder .placeholder--image {
  border-radius: unset;
}

.bribus-gen .cards-slider-placeholder {
  top: 0;
  padding: 60px 0 100px 0;
  z-index: 10;
}

.bribus-gen .cards-slider-placeholder .cards {
  margin: 40px 40px 0 40px;
  overflow: visible;
}

.bribus-gen .cards-slider-placeholder .cards .card {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 40px 0 0;
  padding: 0;
  background-color: var(--donkerblauw);
  border-radius: 16px;
  transition: border-color 0.3s ease-in-out; /*box-shadow: 0px 60px 200px 0px rgba(0, 21, 57, 0.50);*/
  overflow: visible;
  cursor: pointer;
}

.bribus-gen .cards-slider-placeholder .cards .card a {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder {
  display: flex;
  flex-direction: column;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .image {
  width: 100%;
  margin: 0 0 60px 0;
  position: relative;
  aspect-ratio: 16/9;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .image img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: contain;
  position: absolute;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .content {
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px;
  position: absolute;
  z-index: 1;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .content p {
  margin: 0;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .content p.link {
  margin: 24px 0 0 0;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .content p.link {
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: static !important;
}

.bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .content p.link:after {
  font-family: "Font Awesome 6 Pro";
  content: "\e093";
}

.bribus-gen .cards-slider-placeholder .cards .card:hover .card-placeholder .content p.link span {
  text-decoration: underline;
}

.bribus-gen .full-banners-placeholder {
  overflow: visible;
  padding-top: 40px;
  padding-bottom: 0; /*padding-bottom: 120px;*/
}

.bribus-gen .full-banners-placeholder .cards {
  margin: 40px 40px 0 40px;
}

.bribus-gen .full-banners-placeholder .cards .card {
  width: 83.3333333333%;
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 8.3333333333%;
  padding: 0;
  background-color: var(--donkerblauw);
  border-radius: 16px;
  transition: border-color 0.3s ease-in-out;
  box-shadow: 0px 60px 200px 0px rgba(0, 21, 57, 0.5);
}

.bribus-gen .full-banners-placeholder .cards .card .card-placeholder {
  display: grid;
  grid-template-columns: 60% 40%;
  align-items: center;
}

.bribus-gen .full-banners-placeholder .cards .card .card-placeholder .image {
  margin: -80px 120px -120px 0;
  flex-grow: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}

.bribus-gen .full-banners-placeholder .cards .card .card-placeholder .content {
  padding: 100px 140px 140px 140px;
}

.bribus-gen .full-banners-placeholder .cards .card .card-placeholder .content p.link {
  margin: 24px 0 0 0;
}

.bribus-gen .full-banners-placeholder .cards .card .card-placeholder .content p.link a {
  text-decoration: none;
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  gap: 10px;
  position: static !important;
}

.bribus-gen .full-banners-placeholder .cards .card .card-placeholder .content p.link a:after {
  font-family: "Font Awesome 6 Pro";
  content: "\e093";
}

.bribus-gen .section .section--wrapper .wrapper--quote .quote--placeholder {
  padding: 0 0 !important; /*background-image: url('/Themes/3133/Images/bribus_gen_quote_background.png'); background-size: contain; background-repeat: no-repeat; background-position: center;*/
}

.bribus-gen .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.heading-2.quote {
  line-height: 64px;
  font-size: 64px;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .content {
  width: 50%;
  padding: 140px 280px 140px 140px;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .content h2 {
  color: var(--text-donkerblauw);
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .content p {
  color: var(--text-zwart);
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders {
  width: 30%;
  margin: 0 10%;
  position: relative;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders > img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 0;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets {
  margin: 0 0 80px 0;
  position: relative;
  z-index: 1;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image {
  margin: 0;
  overflow: visible;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image div:before {
  top: 24px;
  left: 24px;
  font-family: "Font Awesome 6 Pro";
  font-weight: normal;
  color: var(--cyaan);
  content: "\f05a";
  display: block;
  position: absolute;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image div {
  top: 50%;
  right: 0%;
  padding: 24px 24px 24px 50px;
  background-color: #FFFFFF;
  border-radius: 20px;
  position: absolute;
  transform: translate(50%, -50%);
  z-index: 1;
  box-shadow: 0px 10px 40px 0px rgba(0, 21, 57, 0.15);
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image div strong {
  color: var(--blauw);
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image div span {
  display: block;
}

.bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image img {
  width: 100%;
}

.bribus-gen .section .section--wrapper .cabinet-colors-placeholder {
  width: 400px;
  border-radius: 9999px;
  padding: 20px 10px;
  bottom: 40px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  border: 1px solid rgba(0, 21, 57, 0.2);
  background: rgba(255, 255, 255, 0.01);
  box-shadow: 0px 3px 93px 0px rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(41.25px);
  backdrop-filter: blur(41.25px);
  position: absolute;
  z-index: 2;
}

.bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors {
  margin: 0;
  padding: 0;
}

.bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors .slick-list {
  margin: 0;
  padding: 0 !important;
}

.bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors .slick-list .slick-track {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors .color {
  width: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  border-radius: 32px;
  display: block;
  content: "";
  border: 1px solid #FFFFFF;
  overflow: hidden;
  cursor: pointer;
  transition: all linear 125ms;
}

.bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors .color.slick-current,
.bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors .color:hover {
  transform: scale(1.1);
  border-bottom-color: #FFFFFF !important;
}

.bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors .color img {
  width: 100%;
}

.bribus-gen .narrow-page .wrapper--full-banner {
  margin-top: 40px;
  overflow: visible;
}

.bribus-gen .narrow-page .wrapper--full-banner::before,
.bribus-gen .narrow-page .wrapper--full-banner::after {
  background: linear-gradient(140deg, var(--cyaan), var(--donkerblauw), var(--cyaan));
}

.bribus-gen .narrow-page .wrapper--full-banner::before,
.bribus-gen .narrow-page .wrapper--full-banner::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  z-index: -1;
  border-radius: 16px !important;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.bribus-gen .narrow-page .wrapper--full-banner::after,
.bribus-gen .narrow-page .wrapper--full-banner::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  z-index: -2;
  -webkit-filter: blur(40px);
  filter: blur(40px);
  border-radius: 16px;
}

.bribus-gen .narrow-page .wrapper--full-banner .full-banner--content {
  background-color: #FFFFFF;
  border-radius: 16px 0 0 16px;
}

.bribus-gen .narrow-page .wrapper--full-banner .full-banner--content h2 {
  color: var(--donkerblauw);
}

.bribus-gen .narrow-page .wrapper--full-banner .full-banner--content p {
  color: var(--text-zwart);
}

.bribus-gen .narrow-page .wrapper--full-banner .full-banner--content input,
.bribus-gen .narrow-page .wrapper--full-banner .full-banner--content textarea,
.bribus-gen .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 img {
  mask-image: unset;
  -webkit-mask-image: unset;
}

.bribus-gen .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 img {
  object-fit: contain;
}

.bribus-gen .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 {
  background-color: var(--donkerblauw);
  border-radius: 0 16px 16px 0;
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw {
  position: relative;
  overflow: hidden;
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .full-banner--content {
  background-color: transparent;
  border-radius: 0;
  position: relative;
  z-index: 2;
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .full-banner--content * {
  color: #FFFFFF;
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .wrapper--full-banner-image {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .wrapper--full-banner-image::before {
  top: -1px;
  right: 0;
  bottom: -1px;
  left: -1px;
  background: #002664;
  background: linear-gradient(90deg, rgb(0, 38, 100) 25%, rgba(0, 38, 100, 0) 75%);
  position: absolute;
  content: "";
  z-index: 2;
  filter: unset;
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .wrapper--full-banner-image img {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  position: absolute;
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw.image-position-right {
  grid-template-columns: 50% 50%;
  filter: drop-shadow(0px 60px 100px rgba(0, 21, 57, 0.5));
}

.bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw::after {
  background: linear-gradient(140deg, var(--text-donkerblauw-50));
}

.bribus-gen .image-banner-placeholder .image-banner {
  margin: 0 40px;
  position: relative;
}

.bribus-gen .image-banner-placeholder .image-banner .content {
  max-width: 50%;
  right: 20px;
  bottom: 20px;
  padding: 40px 80px 80px 80px;
  background-color: var(--wit);
  border-radius: 10px;
  position: absolute;
  z-index: 1;
}

.bribus-gen .image-banner-placeholder .image-banner .content h3 {
  color: var(--blauw);
}

.bribus-gen .image-banner-placeholder .image-banner .content p {
  color: var(--zwart);
}

.bribus-gen .image-banner-placeholder .image-banner .image {
  position: relative !important;
  height: 90vh !important;
  overflow: hidden !important;
}

.bribus-gen .image-banner-placeholder .image-banner .image picture {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.bribus-gen .image-banner-placeholder .image-banner .image picture img {
  position: absolute !important;
  top: -15% !important;
  left: 0 !important;
  width: 100% !important;
  height: 130% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  will-change: transform;
}

.bribus-gen .umbraco-forms-page .umbraco-forms-fieldset .umbraco-forms-field.dataconsent label::before {
  border-color: var(--zwart) !important;
}

.bribus-gen .wrapper--placeholder .placeholder--content {
  margin: 0 40px;
  padding: 100px 40px;
  border-radius: 16px;
}

.bribus-gen .wrapper--placeholder .placeholder--content .section {
  padding: 0 0 50px 0;
}

.bribus-gen .wrapper--placeholder .placeholder--content .section + .section:last-of-type {
  padding-bottom: 0;
}

.bribus-gen .wrapper--placeholder .placeholder--content .section .image.drop-shadow {
  margin: 0;
}

.bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit {
  margin: 40px 40px 0 40px;
  background-color: #FFFFFF;
}

.bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit h2 {
  color: var(--donkerblauw);
}

.bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit p {
  color: var(--text-zwart);
}

.bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit ul, .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit ul li {
  color: var(--text-zwart);
}

#particles-js {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 0;
  top: 0;
  left: 0;
}

#particles-js canvas {
  display: block;
  vertical-align: bottom;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 1.4s ease;
  transition: opacity 0.8s ease, transform 1.4s ease;
}

canvas#hero-lightpass {
  max-width: 100vw;
  max-height: 100vh;
}

.canvas-container {
  width: 100%; /*height: 100vh;*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.canvas-container .container-placeholder {
  margin: 0 40px;
  background-color: #FFFFFF;
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  box-sizing: content-box;
}

.canvas-container .container-placeholder #imagesequence {
  width: calc(70% - 140px);
}

.canvas-container .container-placeholder #imagesequence img {
  width: 100%;
}

.canvas-container .container-placeholder .placeholder-content {
  width: 30%;
  padding: 120px 0;
  flex-shrink: 0;
  flex-grow: 0;
}

.canvas-container .container-placeholder .placeholder-content h3 {
  margin: 0;
  color: var(--text-donkerblauw) !important;
}

.canvas-container .container-placeholder .placeholder-content p {
  color: var(--text-zwart) !important;
}

.canvas-container .container-placeholder .placeholder-content ul {
  padding: 40px;
  background-color: #F6F6F6;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.canvas-container .container-placeholder .placeholder-content ul li {
  margin: 0;
  padding: 0 0 0 32px;
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  position: relative;
}

.canvas-container .container-placeholder .placeholder-content ul li::before {
  top: 0;
  left: 0;
  font-family: "Font Awesome 6 Pro";
  color: var(--cyaan);
  content: "\f00c";
  position: absolute;
}

.canvas-container .container-placeholder .placeholder-content img {
  margin-top: 40px;
}

.bribus-gen .cards-slider-placeholder .cards .card::before, .bribus-gen .full-banners-placeholder .cards .card::before, .bribus-gen .cards-slider-placeholder .cards .card::after, .bribus-gen .full-banners-placeholder .cards .card::after {
  background: linear-gradient(140deg, var(--cyaan), var(--donkerblauw), var(--cyaan));
}

.bribus-gen .cards-slider-placeholder .cards .card::before, .bribus-gen .full-banners-placeholder .cards .card::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  z-index: -1;
  border-radius: 16px;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.bribus-gen .cards-slider-placeholder .cards .card::after, .bribus-gen .full-banners-placeholder .cards .card::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  z-index: -2;
  -webkit-filter: blur(40px);
  filter: blur(40px);
  border-radius: 16px;
}

.bribus-gen .section.with-video-and-text {
  position: relative;
}

.bribus-gen .section.with-video-and-text .rich-text {
  padding: 0 0 40px 0;
  position: relative;
  z-index: 1;
}

.bribus-gen .section.with-video-and-text .outer-video {
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  aspect-ratio: 16/9;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  transform: translateY(-50%);
}

.bribus-gen .section.with-video-and-text .outer-video .inner-video {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  -webkit-mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 90%);
}

.bribus-gen .section.with-video-and-text .glassmorphism {
  padding: 80px 80px 120px 80px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 21, 57, 0.3);
  backdrop-filter: blur(27px); /*filter: drop-shadow(0px 60px 100px rgba(0, 21, 57, 0.5));*/
}

.bribus-gen .section.with-video-and-text .glassmorphism p {
  margin-top: 24px;
}

.bribus-gen ul.slick-dots {
  bottom: -30px;
  display: flex;
  flex-direction: row;
  align-items: start;
}

.bribus-gen ul.slick-dots li {
  width: 10px;
  height: 10px;
}

.bribus-gen ul.slick-dots li button {
  margin: 0;
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 9999px;
  background-color: var(--wit);
}

.bribus-gen ul.slick-dots li button::before {
  display: none;
  visibility: hidden;
}

.bribus-gen ul.slick-dots li.slick-active button {
  background-color: var(--cyaan);
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder {
  margin: 0 40px;
  display: grid;
  grid-template-columns: 30% 50%;
  gap: 20%;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--content {
  padding: 80px 0 120px 0;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--content p {
  margin-top: 24px;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--content .r-ladder-items {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--content .r-ladder-items .item .content {
  padding: 12px;
  background-color: #FFFFFF;
  border-radius: 16px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--content .r-ladder-items .item .content img {
  width: 64px;
  height: auto;
  display: block;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--content .r-ladder-items .item .content div p {
  margin: 0;
  color: var(--blauw);
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder {
  margin: 0;
  -webkit-mask-image: linear-gradient(transparent, black, transparent);
  mask-image: linear-gradient(transparent, black, transparent);
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder .r-ladder-slider {
  height: 100%;
  overflow: hidden;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder .r-ladder-slider .slick-list .slick-track {
  flex-direction: column;
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder .r-ladder-slider .slick-list .slick-track .slick-slide {
  height: unset;
  min-height: unset;
  margin: unset;
  float: unset;
  border: unset;
  padding: unset;
  transform: unset;
  outline: none;
  transform: translateZ(0);
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder .r-ladder-slider .slick-list .slick-track .slick-slide:hover {
  border: unset;
  padding: unset;
  margin: unset;
  transform: unset;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder .r-ladder-slider .item .content {
  padding: 12px; /*background-color: #FFFFFF;*/
  border-radius: 16px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: center;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder .r-ladder-slider .item .content img {
  width: 64px;
  height: auto;
  display: block;
}

.bribus-gen .section .section--wrapper .r-ladder-placeholder .placeholder--carousel.r-ladder .r-ladder-slider .item .content div p {
  margin: 0;
  color: var(--wit);
}

.bribus-gen .copyright .copyright--outer-wrapper .copyright--inner-wrapper p {
  color: #000000;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@media (max-width: 576px) {
  .bribus-gen .section .section--wrapper .r-ladder-placeholder {
    margin: 0 40px;
    display: grid;
    grid-template-columns: 100%;
    gap: 24px;
  }
  .bribus-gen .image-banner-placeholder .image-banner .content {
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    max-width: unset;
    position: relative;
  }
  .bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image div span {
    display: none;
  }
  .bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .wrapper--full-banner-image::before {
    background: linear-gradient(90deg, rgb(0, 38, 100) 25%, rgba(0, 38, 100, 0.5) 75%);
  }
  .bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .wrapper--full-banner-image,
  .bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .wrapper--full-banner-image img {
    position: relative;
  }
  .bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw .wrapper--full-banner-image::before {
    background: unset !important;
  }
  .bribus-gen .narrow-page .wrapper--full-banner.has--background-color.donkerblauw.image-position-right {
    filter: unset;
  }
}
@media (max-width: 1024px) {
  .bribus-gen .narrow-page .wrapper--full-banner .full-banner--content {
    border-radius: 0 0 16px 16px;
  }
  .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 {
    border-radius: 16px 16px 0 0 !important;
  }
  .bribus-gen .narrow-page .wrapper--full-banner.image-position-right .wrapper--full-banner-image.image-1 img {
    mask-image: unset;
    -webkit-mask-image: unset;
    border-radius: 16px 16px 0 0;
  }
  .bribus-gen .header .header--background-video .iframe--wrapper {
    top: 0;
  }
  .bribus-gen .header .header--background-video .iframe--wrapper video {
    width: 100%;
    left: unset;
  }
  .bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper .wrapper--content {
    margin-bottom: 0;
  }
  .bribus-gen .header {
    height: unset;
    display: flex;
    flex-direction: column;
  }
  .bribus-gen .header .header--outer-wrapper.top {
    order: 1;
  }
  .bribus-gen .header .header--outer-wrapper.bottom {
    height: unset;
    order: 3;
  }
  .bribus-gen .header .header--outer-wrapper.bottom .header--inner-wrapper {
    height: unset;
    min-height: unset;
    grid-template-columns: unset;
  }
  .bribus-gen .header.bribus-gen .header--background-video {
    top: 0;
    order: 2;
    position: relative;
  }
  .bribus-gen .header.bribus-gen .header--background-video::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, rgb(0, 21, 57) 0%, rgba(0, 21, 57, 0) 25%);
    content: "";
    position: absolute;
    z-index: 1;
  }
  .bribus-gen .header.bribus-gen .header--background-video .iframe--wrapper {
    position: relative;
  }
  .bribus-gen .header.bribus-gen .header--background-video .iframe--wrapper video {
    height: unset;
    -webkit-mask-image: unset;
    mask-image: unset;
    position: unset;
  }
  .bribus-gen .section {
    padding-bottom: 0;
  }
  /************************************************/
  .bribus-gen .section:not(.cards-slider-placeholder)::before {
    display: none;
    visibility: hidden;
  }
  /************************************************/
  .canvas-container .container-placeholder {
    margin: 40px 0 0 0;
    padding: 0;
    border-radius: 0;
    flex-direction: column;
    gap: 0;
  }
  /*.canvas-container .container-placeholder canvas {width: 100%;}*/
  .canvas-container .container-placeholder #imagesequence {
    width: 100%;
    order: 2;
  }
  .canvas-container .container-placeholder .placeholder-content {
    width: 100%;
    padding: 40px;
    order: 1;
  }
  /************************************************/
  .bribus-gen .cards-slider-placeholder {
    padding: 40px 0 80px 0;
  }
  /************************************************/
  .bribus-gen .full-banners-placeholder {
    margin-right: 40px;
    margin-left: 40px;
    overflow: visible;
    padding-top: 40px;
    padding-bottom: 120px;
  }
  .bribus-gen .full-banners-placeholder .cards {
    margin: 0;
  }
  .bribus-gen .full-banners-placeholder .cards .card {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    background-color: var(--donkerblauw);
    border-radius: 16px;
    transition: border-color 0.3s ease-in-out;
    box-shadow: 0px 60px 200px 0px rgba(0, 21, 57, 0.5);
  }
  .bribus-gen .full-banners-placeholder .cards .card::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    filter: blur(24px);
    transform: scale(1.1);
    background: linear-gradient(90deg, var(--cyaan), var(--donkerblauw));
    background-size: 200% 200%;
    animation: animateGlow 10s ease infinite;
    opacity: 0.25;
  }
  /************************************************/
  /************************************************/
  .bribus-gen .full-banners-placeholder .cards .card .card-placeholder {
    grid-template-columns: 100%;
  }
  /************************************************/
  .bribus-gen .full-banners-placeholder .cards .card .card-placeholder .image {
    margin: 0px 40px -80px 40px;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 2;
  }
  /************************************************/
  .bribus-gen .full-banners-placeholder .cards .card .card-placeholder .content {
    padding: 40px;
  }
  .bribus-gen .full-banners-placeholder .cards .card .card-placeholder .content p.link a {
    text-decoration: none;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    gap: 10px;
    position: static !important;
  }
  .bribus-gen .full-banners-placeholder .cards .card .card-placeholder .content p.link a:after {
    font-family: "Font Awesome 6 Pro";
    content: "\e093";
  }
  /************************************************/
  /************************************************/
  .bribus-gen .cards-slider-placeholder .cards .card .card-placeholder {
    flex-direction: column;
  }
  .bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .image {
    margin-bottom: 0;
  }
  .bribus-gen .cards-slider-placeholder .cards .card .card-placeholder .content {
    padding-top: 0;
    position: relative;
  }
  /************************************************/
  .bribus-gen .section .section--wrapper .wrapper--quote .quote--placeholder {
    padding: 80px 0 !important;
  }
  .bribus-gen .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote {
    padding: 0 40px;
  }
  .bribus-gen .section .section--wrapper .wrapper--quote .quote--placeholder .placeholder--single-quote p.heading-2.quote {
    line-height: 32px;
    font-size: 32px;
  }
  /************************************************/
  .bribus-gen .section .section--wrapper {
    margin: 40px 0 0 0;
    border-radius: 0;
  }
  .bribus-gen .section .section--wrapper .cabinet-carousel-placeholder {
    flex-direction: column;
  }
  .bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders {
    width: 60%;
    margin: 0 20% 48px 20%;
  }
  .bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .content {
    width: 100%;
    padding: 0 !important;
  }
  .bribus-gen .section .section--wrapper .cabinet-colors-placeholder {
    width: 244px;
  }
  .bribus-gen .section .section--wrapper .cabinet-colors-placeholder .cabinet-colors .color {
    width: 32px !important;
    height: 32px !important;
  }
  /************************************************/
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit {
    margin: 40px 0 0 0;
    padding: 16px 40px 40px 40px;
    border-radius: 0;
  }
  .bribus-gen .wrapper--placeholder .placeholder--content .section {
    padding: 0;
  }
  /************************************************/
  .bribus-gen .wrapper--placeholder .placeholder--content .section .image.drop-shadow {
    margin: 40px 0 0 0;
  }
  /************************************************/
  .bribus-gen .section.exploded-view {
    padding: 40px 0 20px 0 !important;
  }
  /************************************************/
  .bribus-gen .section.with-video-and-text {
    padding: 20px 0 0 0 !important;
  }
  /************************************************/
  .bribus-gen .section.with-video-and-text .outer-video {
    position: relative;
    transform: unset;
  }
  .bribus-gen .section.with-video-and-text .outer-video .inner-video {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
  }
  /************************************************/
  .bribus-gen .main .section:last-of-type {
    padding-bottom: 40px;
  }
  .bribus-gen .cabinet-carousel .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image span {
    top: 100%;
    right: 50%;
    padding-left: 20px;
    transform: translate(50%);
    white-space: nowrap;
  }
  .bribus-gen .cabinet-carousel .cabinet-carousel-placeholder .placeholder-sliders .cabinets .image span::before {
    display: none;
    visibility: hidden;
  }
  .bribus-gen .image-banner-placeholder .image-banner .content {
    padding: 20px 40px 40px 40px;
  }
  .bribus-gen .section.with-video-and-text .glassmorphism {
    padding: 60px 80px 80px 80px;
  }
}
@media (max-width: 820px) {
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit .container-fluid {
    padding: 0;
  }
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit .container-fluid .row {
    margin: 0;
  }
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit .container-fluid .row > * {
    padding: 0;
  }
}
@media (min-width: 821px) and (max-width: 1180px) {
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit {
    padding: 16px 0 40px 0;
  }
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit > .container-fluid {
    padding: 0;
  }
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit > .container-fluid > .row {
    margin: 0;
  }
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit > .container-fluid > .row > * {
    padding: 0;
  }
}
@media (min-width: 1024.02px) and (max-width: 1366px) {
  .bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .placeholder-sliders {
    margin: 0 10% 0 calc(10% - 40px);
  }
  .bribus-gen .section .section--wrapper .cabinet-carousel-placeholder .content {
    padding: 40px 120px 80px 80px;
  }
  .bribus-gen .wrapper--placeholder .placeholder--content.has--background-color.wit {
    margin: 40px 40px 0 40px;
    padding: 80px 40px 80px 40px;
  }
}
.studiob .products:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder,
.studiob .popup .product-preview:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder,
.studiob .product-detail:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder {
  width: 100%;
  padding-top: 75%;
}
.studiob .products:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder .overlay img,
.studiob .popup .product-preview:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder .overlay img,
.studiob .product-detail:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder .overlay img {
  height: unset;
  object-fit: contain;
}
.studiob .products:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder .image.masking,
.studiob .popup .product-preview:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder .image.masking,
.studiob .product-detail:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image-overlay-masking-placeholder .image.masking {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.studiob .products:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image,
.studiob .popup .product-preview:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image,
.studiob .product-detail:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image {
  width: 100%;
  padding: 75% 0 0 0;
  margin: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.studiob .products:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image img,
.studiob .popup .product-preview:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image img,
.studiob .product-detail:not(.fronten, .Fronten, .werkblad, .achterwand) .product .image img {
  object-fit: contain;
}
.studiob .products:not(.fronten, .Fronten, .werkblad, .achterwand) .product .body,
.studiob .popup .product-preview:not(.fronten, .Fronten, .werkblad, .achterwand) .product .body,
.studiob .product-detail:not(.fronten, .Fronten, .werkblad, .achterwand) .product .body {
  padding-top: 18px;
}
.studiob .kitchen-detail .selector-product-list .row > div:not(.fronten, .Fronten, .werkblad, .achterwand, .kast-assortiment) .product .image,
.studiob .kitchen-detail .default-products .row > div:not(.fronten, .Fronten, .werkblad, .achterwand, .kast-assortiment) .product .image {
  width: 100%;
  padding-top: 75%;
  margin: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.studiob .kitchen-detail .selector-product-list .row > div:not(.fronten, .Fronten, .werkblad, .achterwand, .kast-assortiment) .product .image img,
.studiob .kitchen-detail .default-products .row > div:not(.fronten, .Fronten, .werkblad, .achterwand, .kast-assortiment) .product .image img {
  object-fit: contain;
}
.studiob .kitchen-detail .selector-product-list .row > div:not(.fronten, .Fronten, .werkblad, .achterwand, .kast-assortiment) .product .body,
.studiob .kitchen-detail .default-products .row > div:not(.fronten, .Fronten, .werkblad, .achterwand, .kast-assortiment) .product .body {
  padding-top: 18px;
}

.filters {
  justify-content: end;
}
.filters .filter .filter--buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 19px;
}
.filters .filter .filter--buttons span {
  line-height: 48px;
}
@media (max-width: 576px) {
  .filters .filter .filter--buttons span {
    flex-basis: 100%;
  }
}
.filters .filter .filter--buttons .btn-filter {
  padding: 10px 20px;
  border: 2px solid var(--cyaan);
  background-color: transparent;
  border-radius: 8px;
  cursor: pointer;
}
.filters .filter .filter--buttons .btn-filter.active, .filters .filter .filter--buttons .btn-filter:hover {
  background: var(--cyaan);
  color: var(--wit);
}

#bijbestel-form .form-group .multi-selector .elements .responsive-table {
  overflow-x: scroll;
  white-space: nowrap;
}

ul.checklist {
  margin: 40px 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
ul.checklist li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
ul.checklist li::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  content: "\f00c";
  color: var(--cyaan);
}
ul.checklist li span {
  display: inline-block;
}