@font-face {
  font-family: Dk Bamboo;
  src: url('../fonts/dk-black-bamboo-normal-400-100.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/calibri-regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/calibri-italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/calibri-bold-italic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Calibri;
  src: url('../fonts/calibri-bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --sleutelbloem-white: #fff;
  --sleutelbloem-black: #000;
  --sleutelbloem-red: #833403;
  --sleutelbloem-geel: #ffc026;
  --sleutelbloem-beige: #ebe6da;
  --sleutelboem-transparant: #0000;
  --sleutelbloem-transparant: var(--sleutelbloem-white);
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--sleutelbloem-white);
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-xl {
  color: var(--sleutelbloem-black);
  -webkit-text-stroke-width: 0px;
  text-shadow: -3px 3px #00000047;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 60px;
  line-height: 60px;
}

.heading-xl.red {
  color: var(--sleutelbloem-red);
  font-size: 100px;
  line-height: 100px;
}

.heading-xl.white {
  color: var(--sleutelbloem-white);
}

.heading-l {
  color: var(--sleutelbloem-black);
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.heading-l.red {
  color: var(--sleutelbloem-red);
}

.heading-l.white {
  color: var(--sleutelbloem-white);
  margin-top: 0;
  margin-bottom: 0;
}

.heading-l.white.mid {
  text-align: center;
}

.heading-m {
  color: var(--sleutelbloem-black);
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
  display: block;
}

.heading-m.red {
  color: var(--sleutelbloem-red);
}

.heading-m.white {
  color: var(--sleutelbloem-white);
  text-align: center;
  word-break: normal;
  margin-bottom: 0;
}

.heading-m.white.cards-text {
  font-size: 20px;
}

.heading-m.white.card {
  text-align: center;
}

.heading-m.white.right {
  text-align: right;
}

.heading-m.white.left {
  text-align: left;
}

.heading-s {
  color: var(--sleutelbloem-black);
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 5px;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
}

.heading-s:hover {
  color: var(--sleutelbloem-red);
}

.heading-s.red {
  color: var(--sleutelbloem-red);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0;
}

.heading-s.red.xs.story {
  margin-top: 10px;
}

.heading-s.white {
  color: var(--sleutelbloem-white);
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  line-height: 18px;
}

.heading-s.white.right {
  text-align: right;
  flex-flow: row;
  display: flex;
}

.heading-s.white.right.xs {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.heading-s.white.right.xs.contactform-text {
  width: 100%;
  padding-left: 0;
  display: flex;
}

.heading-s.white.name {
  cursor: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.heading-s.white.left {
  text-align: left;
  margin-left: -10px;
}

.heading-s.xs {
  font-size: 14px;
}

.heading-s.xs.red.name {
  cursor: auto;
  padding-top: 2px;
  padding-bottom: 2px;
}

.heading-s.xs.without-padding, .heading-s.footer, .heading-s.without-padding {
  padding-left: 0;
}

.body-normal-normal {
  color: var(--sleutelbloem-black);
  font-family: Calibri, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.body-normal-normal.red {
  color: var(--sleutelbloem-red);
}

.body-normal-normal.white {
  color: var(--sleutelbloem-white);
}

.body-large-bold {
  color: var(--sleutelbloem-black);
  font-family: Calibri, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.body-large-bold.red {
  color: var(--sleutelbloem-red);
}

.body-large-bold.white {
  color: var(--sleutelbloem-white);
}

.body-large-bold.hero-text {
  color: var(--sleutelbloem-white);
  text-shadow: 0 4px 2px var(--sleutelbloem-red);
  font-size: 45px;
  line-height: 45px;
}

.body-large-normal {
  color: var(--sleutelbloem-black);
  font-family: Calibri, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 22px;
}

.body-large-normal.red {
  color: var(--sleutelbloem-red);
}

.body-large-normal.white {
  color: var(--sleutelbloem-white);
}

.body-normal-bold {
  color: var(--sleutelbloem-black);
  font-family: Calibri, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.body-normal-bold.red {
  color: var(--sleutelbloem-red);
}

.body-normal-bold.white {
  color: var(--sleutelbloem-white);
}

.body-small-normal {
  color: var(--sleutelbloem-black);
  letter-spacing: normal;
  text-overflow: clip;
  overflow-wrap: normal;
  margin-bottom: 0;
  font-family: Calibri, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.body-small-normal.red {
  color: var(--sleutelbloem-red);
  text-decoration: none;
}

.body-small-normal.red.footer {
  font-size: 18px;
}

.body-small-normal.white {
  color: var(--sleutelbloem-white);
  flex-flow: column;
  display: flex;
}

.body-small-normal.xs {
  font-size: 12px;
  line-height: 14px;
}

.body-small-normal.xs.white {
  justify-content: center;
  align-items: center;
}

.body-small-normal.team-info {
  width: 50%;
}

.body-small-normal.accordian {
  flex-flow: column;
  width: 100%;
  overflow: visible;
}

.body-small-normal.footer {
  outline-offset: 0px;
  outline: 3px #000;
  font-size: 10px;
  text-decoration: none;
}

.body-small-bold {
  clear: none;
  color: var(--sleutelbloem-black);
  font-family: Calibri, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.body-small-bold.red {
  color: var(--sleutelbloem-red);
}

.body-small-bold.white {
  color: var(--sleutelbloem-white);
}

.button-base {
  background-color: var(--sleutelbloem-black);
  text-align: center;
  letter-spacing: .5px;
  border-radius: 5px;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 3px #0003;
}

.button-base.red {
  background-color: var(--sleutelbloem-red);
}

.button-base.yellow {
  background-color: var(--sleutelbloem-geel);
  font-size: 18px;
  display: flex;
}

.button-base.yellow.xs {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 14px;
}

.hero {
  max-width: none;
  height: 650px;
  max-height: 650px;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}

.background-video {
  z-index: 1;
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  width: 100%;
  height: 100%;
  position: absolute;
}

.hero-overlay {
  z-index: 2;
  background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 73%);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-overlay.wat-wij-doen {
  background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 73%), url('../images/cj_sleutelbloem_2025_dsc04349-dieren.JPG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-overlay.wat-wij-bieden {
  background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 73%), url('../images/cj_sleutelbloem_2025_dsc04003-sfeerimpressie-3.JPG');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-overlay.actueel {
  background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 73%), url('../images/cj_sleutelbloem_2025_dsc04049-keuken-5.JPG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-overlay.doe-mee {
  background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 73%), url('../images/cj_sleutelbloem_2025_dsc04176-houtwerkplaats-5.JPG');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-overlay.contact {
  background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 73%), url('../images/cj_sleutelbloem_2025_dsc04388-maaltijd-eten-2.JPG');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-content {
  z-index: 3;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 90%;
  max-width: 1240px;
  height: 650px;
  padding-bottom: 125px;
  display: flex;
  position: relative;
}

.hero-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.topbar {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.topbar.white {
  padding-top: 30px;
  padding-bottom: 30px;
  position: static;
}

.topbar-inner {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  display: flex;
}

.topbar-left {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.main-nav-wrapper {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  top: 70px;
}

.main-nav-wrapper.white {
  height: auto;
  position: relative;
}

.main-nav {
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 70px;
  padding: 20px 50px;
  display: flex;
  position: static;
  box-shadow: 0 2px 3px #0003;
}

.main-nav.white {
  background-color: var(--sleutelbloem-white);
}

.main-nav-logo {
  align-self: auto;
  width: 225px;
  max-width: none;
  display: block;
}

.main-menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.main-menu-link {
  text-decoration: none;
}

.container {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.navbar {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hamburger-wrapper {
  display: none;
}

.lottie-animation {
  width: 30px;
  display: none;
}

.hamburger-menu, .hamburger-mobile-inner {
  display: none;
}

.intro-section {
  grid-column-gap: 60px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  padding: 100px 40px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.heading-1-wie-zijn-wij {
  color: #833403;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DK Black Bamboo, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
  text-decoration: none;
}

.addie-en-evalien-muilwijk-begonnen-de-sleutelbloem-in-2004-als-zorgkwekerij-daar-werd-in-2009-het-le {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Calibri, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}

.intro-inner-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  max-width: 1240px;
  display: flex;
}

.cards-slider {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
}

.cards-track {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  display: flex;
  overflow: visible;
}

.card-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--sleutelbloem-geel);
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 260px;
  height: 340px;
  padding: 15px;
  display: flex;
}

.image {
  border-radius: 5px;
  height: 100%;
}

.cards-section {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 75%;
  display: flex;
  overflow: clip;
}

.arrow-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.arrow-inner-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--sleutelbloem-red);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  display: flex;
}

.img {
  color: var(--sleutelbloem-red);
}

.svg {
  -webkit-text-stroke-width: 4px;
  width: 30px;
}

.path {
  -webkit-text-stroke-width: 4px;
}

.ikonik-uylke {
  color: #7b4c4c;
  width: 100px;
}

.g {
  width: 100px;
}

.ikonik-0g83j, .ikonik-twgx8, .ikonik-camt4k {
  color: #7b4c4c;
}

.rect, .rect-2, .g-2 {
  -webkit-text-stroke-color: var(--sleutelbloem-red);
}

.code-embed {
  padding-left: 5px;
  padding-right: 5px;
}

.cards-arrow-left {
  cursor: pointer;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.line-svg, .div-block {
  width: 100%;
}

.body {
  background-color: var(--sleutelbloem-beige);
}

.card-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.card-image.dagbesteding {
  background-image: url('../images/inloop2.jpg');
  background-position: 50%;
  background-size: cover;
}

.card-image.begeleiding {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04176-houtwerkplaats-5.JPG');
  background-position: 50%;
  background-size: cover;
}

.card-image.opleiding {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04220-klaslokaal-2.JPG');
  background-position: 50%;
  background-size: cover;
}

.card-image.stages {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04003-sfeerimpressie-4.JPG');
  background-position: 0%;
  background-size: cover;
}

.card-image.wonen {
  background-image: url('../images/475786081_966712122221873_1599954846227613550_n.jpg');
  background-position: 50%;
  background-size: cover;
}

.card-image.inloop {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04003-sfeerimpressie-1.JPG');
  background-position: 50%;
  background-size: cover;
}

.left-svg {
  cursor: pointer;
  width: 40px;
}

.code-embed-3 {
  cursor: pointer;
}

.right-svg {
  color: var(--sleutelbloem-white);
  cursor: pointer;
  width: 24px;
  line-height: 18px;
}

.right-svg.zwart {
  color: var(--sleutelbloem-black);
  width: 18px;
  height: 18px;
  font-size: 10px;
}

.right-svg.accordian {
  color: var(--sleutelbloem-red);
}

.text-block-image {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: static;
}

.text-block-image.donate {
  position: relative;
  top: 162px;
}

.text-block-image.xtra {
  padding-top: 150px;
}

.div-block-2 {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.about-section {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 40px 15px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #00000040;
}

.image-block {
  border-radius: 20px;
  overflow: hidden;
}

.text-block {
  grid-row-gap: 40px;
  background-color: #833403;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 660px;
  height: 691px;
  padding: 60px 80px 60px 120px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.inner-text-block {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 487px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.over-de-sleutelbloem {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DK Black Bamboo, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.de-sleutelbloem-is-een-zorgorganisatie-die-begeleiding-dagbesteding-en-woonvoorzieningen-biedt-aan-m {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Calibri, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-2 {
  grid-column-gap: 30px;
  background-color: #ffc026;
  border-radius: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.lees-meer {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: DK Black Bamboo, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.about-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.about-image-wrapper {
  z-index: 2;
  background-image: url('../images/background_milka.jpg');
  background-position: 50%;
  background-size: cover;
  width: 400px;
  height: 400px;
  position: relative;
}

.about-card {
  z-index: 1;
  background-color: var(--sleutelbloem-red);
  width: 50%;
  margin-left: -80px;
  position: relative;
}

.about-us-wrapper {
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 1340px;
  display: flex;
}

.about-us-image {
  background-image: url('../images/schermafbeelding-2025-09-04-om-13.27.15.png');
  background-position: 0 0;
  background-size: auto;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 450px;
  height: 560px;
  margin-bottom: 90px;
  margin-right: -100px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 2px #0003;
}

.about-us-image.donate {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04225-doneren.JPG');
  background-position: 50%;
  background-size: cover;
  width: 460px;
  height: 476px;
  margin-right: -60px;
}

.div-block-11 {
  background-color: #6b2f1d;
  border-radius: 10px;
  width: 600px;
  height: auto;
}

.div-block-12 {
  width: 65%;
  height: auto;
  margin: 50px auto 50px 150px;
}

.heading-3 {
  color: #fff;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 24px;
}

.paragraph {
  color: #fff;
  font-family: Calibri, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 16px;
}

.hero-button-1 {
  vertical-align: middle;
  background-color: #fab124;
  border-radius: 10px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-left: 0;
  margin-right: auto;
  padding: 5px 20px;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 16px;
  display: flex;
}

.hero-button-1.button-2 {
  width: 130px;
  margin-top: 20px;
}

.about-us-text-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--sleutelbloem-red);
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 550px;
  height: auto;
  display: flex;
  box-shadow: 0 2px 2px #0003;
}

.about-us-text-wrapper.about {
  width: 600px;
}

.about-us-text {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  height: auto;
  margin: 50px auto 50px 140px;
  display: flex;
}

.about-us-text.donate {
  width: 75%;
  margin-left: 100px;
}

.cta-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-geel);
  border-radius: 5px;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 2px #0003;
}

.cta-button.white {
  background-color: var(--sleutelbloem-white);
}

.cta-button.accordion {
  width: auto;
  display: flex;
}

.stories-section {
  background-image: linear-gradient(#0000 3%, #fff 3%);
  justify-content: center;
  align-items: center;
  display: flex;
}

.stories-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  padding-top: 10px;
  padding-bottom: 40px;
  display: flex;
}

.stories-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.story-card {
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.story-image-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 70% 30%;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: 375px;
}

.collection-item {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 90%;
  height: 100%;
  display: flex;
}

.collection-list {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  margin-top: 40px;
  display: grid;
}

.collection-list.story {
  grid-template-columns: 1fr 1fr;
  place-items: stretch stretch;
  height: 100%;
}

.collection-list.vacature {
  place-items: stretch stretch;
  height: 100%;
}

.story-content {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--sleutelbloem-geel);
  border-radius: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 95%;
  height: 100%;
  margin-top: -40px;
  padding: 20px;
  display: flex;
}

.paragraph-2 {
  line-height: 16px;
}

.partners-section {
  background-image: linear-gradient(180deg, var(--sleutelbloem-white) 60%, #fff0 60%);
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.partners-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-color: var(--sleutelbloem-red);
  color: var(--sleutelbloem-red);
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 1240px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.partners-logos {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.partners-logos.keurmerken {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch space-between;
  place-items: center stretch;
  width: auto;
  min-width: auto;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  display: flex;
  position: static;
  left: 0;
  overflow: visible;
}

.partner-logo {
  background-image: url('../images/gemeente-nieuwkoop-wit.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.partner-logo.nieuwkoop {
  background-position: 50%;
  background-size: contain;
  width: 80%;
  height: 80px;
}

.partner-logo.alphen {
  background-image: url('../images/gemeente-alphen-aan-de-rijn_wit.png');
  width: 80%;
  height: 80px;
}

.partner-logo.woerden {
  background-image: url('../images/gemeente-woerden-wit.png');
  background-size: contain;
  width: 80%;
  height: 80px;
}

.info-wrapper {
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 1240px;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.section-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.info-image-wrapper {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04388-maaltijd-eten-1.JPG');
  background-position: 50%;
  background-size: cover;
  border-radius: 5px;
  width: 50%;
  height: 300px;
}

.info-image-wrapper.work {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04081-administratie-2.JPG');
  background-position: 70% 30%;
}

.info-image-wrapper.q-a {
  background-image: url('../images/agenda-image.png');
  background-position: 50% 0;
}

.info-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--sleutelbloem-red);
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
  margin-left: -20px;
  padding: 40px;
  display: flex;
}

.info-content.yellow {
  background-color: var(--sleutelbloem-geel);
}

.button-cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-cta._2 {
  padding-top: 30px;
}

.subnav-section {
  z-index: 2;
  justify-content: center;
  align-items: center;
  margin-top: -50px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.subnav-section.dagbesteding-page {
  margin-top: 0;
  padding-bottom: 80px;
}

.subnav-wrapper {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  place-items: start stretch;
  width: 80%;
  max-width: 1240px;
  height: 100%;
  display: grid;
}

.subnav-wrapper.cms {
  display: flex;
}

.subnav-item {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: var(--sleutelbloem-geel);
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  padding: 10px;
  display: flex;
}

.subnav-item.geel {
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 20px 15px;
  text-decoration: none;
  box-shadow: 0 2px 2px #0003;
}

.subnav-item.wit {
  background-color: var(--sleutelbloem-white);
  cursor: pointer;
  width: auto;
  height: 100%;
  padding: 20px 15px;
  text-decoration: none;
}

.heading-4 {
  display: block;
}

.round-arrow {
  background-color: var(--sleutelbloem-white);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  display: flex;
}

.round-arrow.geel {
  background-color: var(--sleutelbloem-geel);
}

.over-mij {
  background-color: var(--sleutelbloem-beige);
}

.map-section {
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.map-section.dagbesteding-page {
  padding-top: 40px;
  padding-bottom: 80px;
}

.map-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  max-width: 1240px;
  display: flex;
}

.map-image {
  background-image: url('../images/68c7eb4e1e147b0ee136dc3d_plattegrond_1000.jpg-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80%;
  max-width: 1300px;
  height: 500px;
}

.aanbod {
  background-color: var(--sleutelbloem-beige);
}

.offer-section {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.offer-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80%;
  max-width: 1240px;
  padding-top: 30px;
  padding-bottom: 40px;
  display: flex;
}

.offer-card {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  display: flex;
}

.card-image-offer {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  width: 100%;
  height: 200px;
}

.card-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-white);
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

.card-content.vacature {
  flex: 1;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: auto;
}

.collection-list-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1240px;
  display: flex;
}

.cta-section {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.card-content-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 16px;
  grid-row-gap: 15px;
  flex: 0 auto;
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: stretch stretch;
  display: grid;
}

.actueel {
  background-color: var(--sleutelbloem-beige);
}

.photo-section {
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.photo-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  max-width: 1240px;
  display: grid;
}

.photo-image {
  background-image: url('../images/background_milka.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  height: 250px;
}

.photo-image._2 {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04003-sfeerimpressie-1.JPG');
}

.photo-image._3 {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04003-sfeerimpressie-4.JPG');
}

.events-calendar-sleutelbloem-agenda {
  height: 698px;
}

.agenda-section {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.agenda-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--sleutelbloem-red);
  border-radius: 5px;
  flex-flow: column;
  width: 80%;
  max-width: 1240px;
  padding: 40px;
  display: flex;
}

.agenda-section-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.agenda-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
}

.date-block {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--sleutelbloem-geel);
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 30%;
  height: 100%;
  padding: 10px;
  display: flex;
}

.date-text-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-top: 10px;
  padding-bottom: 0;
  line-height: 14px;
  display: flex;
}

.cta-agenda {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.doe-mee {
  background-color: var(--sleutelbloem-beige);
}

.pray-section {
  justify-content: center;
  align-items: flex-start;
  padding-top: 110px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.pray-section.doe-mee-pagina {
  padding-top: 40px;
  padding-bottom: 40px;
}

.pray-section._2.client-story {
  padding-bottom: 0;
}

.pray-section.disclaimer {
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  max-width: 1240px;
}

.pray-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--sleutelboem-transparant);
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  width: 80%;
  max-width: 1240px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.pray-wrapper.aanbod {
  transform: translate(0);
}

.pray-wrapper.client-story-section {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
}

.pray-image {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04336-sfeerimpressie-1.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  width: 100%;
  height: auto;
}

.pray-image.info-image {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04049-keuken-1.JPG');
  background-position: 0%;
  width: 100%;
  height: 600px;
}

.pray-image.team-info-image {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04388-maaltijd-eten-1.JPG');
}

.pray-image.kwaliteit {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04220-klaslokaal-2.JPG');
  height: auto;
  display: flex;
  overflow: visible;
}

.pray-image.dagbesteding {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04727-dieren-2.JPG');
  min-height: 300px;
}

.pray-image.story-client {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 70% 30%;
  background-size: cover;
  width: 100%;
  height: 90%;
  margin-top: 45px;
  padding-top: 0;
}

.pray-image.vrijwilliger {
  background-image: url('../images/cj_sleutelbloem_2025_dsc04388-maaltijd-eten-4.JPG');
  min-height: 300px;
}

.pray-text-section {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pray-text-section.document {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.contact {
  background-color: var(--sleutelbloem-beige);
}

.contactform {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.contactform-wrapper {
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  max-width: 1240px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.contactform-wrapper.zorg {
  justify-content: flex-start;
  align-items: flex-start;
}

.contactform-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border: 1px solid var(--sleutelbloem-red);
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px 0 0 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 490px;
  padding: 40px;
  display: flex;
}

.contactform-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 1px solid var(--sleutelbloem-red);
  background-color: var(--sleutelbloem-red);
  border-radius: 0 5px 5px 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  height: 490px;
  padding: 40px;
  display: flex;
}

.contactform-right.zorg {
  background-color: var(--sleutelbloem-white);
  border-radius: 5px;
  width: 100%;
  height: auto;
}

.contactform-section {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.contactform-button {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-field {
  border: 1px solid var(--sleutelbloem-white);
  color: var(--sleutelbloem-beige);
  background-color: #fff0;
  border-radius: 5px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Calibri, Arial, sans-serif;
  font-weight: 400;
  display: flex;
}

.text-field::placeholder {
  color: var(--sleutelbloem-beige);
}

.text-field.text {
  height: 80px;
  padding-bottom: 10px;
}

.form {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.form.zorg {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto 75px auto 75px auto auto;
  grid-template-columns: .25fr 3.75fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center stretch;
  display: grid;
}

.success-message {
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
}

.italic-text {
  color: var(--sleutelbloem-white);
  font-size: 12px;
  line-height: 14px;
}

.italic-text._2 {
  margin-left: 0;
}

.checkbox {
  width: 14px;
  height: 14px;
}

.checkbox-field {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
}

.checkbox-field._2 {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: block;
}

.textarea {
  border: 1px solid var(--sleutelbloem-white);
  background-color: #fff0;
  border-radius: 5px;
}

.icon {
  display: none;
}

.dropdown-link {
  box-sizing: border-box;
  color: var(--sleutelbloem-black);
  text-align: left;
  overflow-wrap: normal;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.dropdown-list {
  border-radius: 5px;
  display: none;
}

.dropdown-list.w--open {
  background-color: var(--sleutelbloem-beige);
  text-align: left;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  display: block;
  overflow: visible;
}

.dropdown {
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.dropdown-toggle {
  padding-right: 20px;
  display: block;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.missie-en-doelgroep {
  background-color: var(--sleutelbloem-beige);
}

.usp-section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.usp-wrapper {
  background-color: var(--sleutelbloem-red);
  border-radius: 5px;
  width: 80%;
  max-width: 1240px;
  padding: 15px;
  display: flex;
}

.dropdown-toggle-2 {
  border-style: none solid none none;
  border-width: 1px 2px 1px 1px;
  border-color: black var(--sleutelbloem-white) black black;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  display: block;
}

.dropdown-toggle-2.wb {
  border: 1px #000;
}

.dropdown-2 {
  width: 100%;
}

.link-block-2 {
  text-decoration: none;
}

.beige {
  background-color: var(--sleutelbloem-beige);
  background-image: linear-gradient(#ebe6da99, #ebe6da99), url('../images/shutterstock_1419358418-paper-2.png');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.team-section {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 80px;
  display: flex;
}

.team-wrapper {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  width: 80%;
  max-width: 1240px;
  display: flex;
}

.team-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 225px;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}

.collection-list-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-name {
  background-color: var(--sleutelbloem-geel);
  border-radius: 5px;
  width: 90%;
  margin-top: -25px;
  padding: 2px 10px;
  box-shadow: 0 2px 2px #0003;
}

.functie {
  background-color: var(--sleutelbloem-white);
  border-radius: 5px;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  padding: 5px;
  display: flex;
  box-shadow: 0 2px 2px #0003;
}

.team-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.line-team {
  width: 50%;
}

.collection-list-wrapper-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.collection-item-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.collection-list-wrapper-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.collection-list-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: grid;
}

.collection-item-3 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.collection-item-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-bottom: 80px;
  display: flex;
}

.team-divider-line {
  max-width: 50%;
}

.collection-list-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.collection-list-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: auto;
  grid-auto-flow: row;
  display: grid;
}

.collection-list-6 {
  grid-column-gap: 16px;
  grid-row-gap: 46px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-info-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.body-2 {
  background-color: var(--sleutelbloem-beige);
}

.keurmerk {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 100px;
  padding: 0;
  display: flex;
}

.keurmerk.skj {
  background-image: url('../images/skj-kwaliteitsregister-jeugd-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.bb {
  background-image: url('../images/sbb_120.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.iso {
  background-image: url('../images/iso-9001-002-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.jeugdstem {
  background-image: url('../images/jeugdstem-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.eh {
  background-image: url('../images/evangelische-hogeschool-amersfoort.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.driestar {
  background-image: url('../images/driestar-wartburg-scholengroep.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.hoornbeeck {
  background-image: url('../images/hoornbeeck-college.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.praktijkschool {
  background-image: url('../images/praktijkschool-groene-hart.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.kwintes {
  background-image: url('../images/kwintes-stichting.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.z-o-n {
  background-image: url('../images/zorg-ondersteunend-nederland.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.interakt {
  background-image: url('../images/interakt-contour.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk.tom {
  background-image: url('../images/tom-in-de-buurt.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.keurmerk-image {
  background-image: url('../images/skj-kwaliteitsregister-jeugd-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.partners-logo-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: 1100px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 2px #0003;
}

.image-7 {
  max-width: none;
  max-height: 100%;
}

.dagbesteding {
  background-color: var(--sleutelbloem-beige);
}

.section-process {
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.process-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-red);
  border-radius: 5px;
  flex-flow: column;
  width: 80%;
  max-width: 1240px;
  padding: 40px 80px;
  display: flex;
  position: relative;
}

.process-timeline {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-left: 2px #000;
  grid-template: "Area-3 . Area-2"
                 "Area-3 . Area-2"
                 "Area-4 . Area-2"
                 "Area-4 . Area-5"
                 "Area . Area-5"
                 "Area . Area-6"
                 "Area . Area-6"
                 / 1fr 60px 1fr;
  place-items: center;
  margin-top: 40px;
  padding-left: 0;
}

.timeline-line {
  background-color: var(--sleutelbloem-beige);
  width: 100%;
  height: 3px;
}

.step-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
  position: relative;
}

.step-card.left {
  margin-top: 0;
  margin-bottom: 0;
}

.step-card.left.aanmelding {
  margin-top: 0;
}

.step-card.left.indicatie {
  margin-top: 40px;
}

.step-card.right {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.step-card.right._1 {
  margin-top: 60px;
}

.step-card.right._2 {
  margin-top: -30px;
}

.step-card.right._3 {
  margin-top: -150px;
}

.step-card.right._4 {
  margin-top: 70px;
}

.step-card.right.intake {
  margin-top: 85px;
}

.step-card.right.wachtlijst {
  margin-top: -10px;
}

.step-card.right.zorg {
  margin-top: -140px;
}

.step-card.right.proefperiode {
  margin-top: 100px;
}

.intro-step-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.round-step {
  background-image: url('../images/ellipse-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-right: -40px;
  padding: 10px 17px 10px 15px;
  display: flex;
}

.round-step.right {
  background-image: url('../images/ellipse-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0;
  margin-right: 0;
}

.image-8 {
  max-width: none;
  overflow: visible;
}

.div-block-13 {
  background-color: var(--sleutelbloem-beige);
  border-radius: 999px;
  width: 4px;
  height: 100%;
  display: flex;
}

.div-block-14 {
  background-image: url('../images/group-61.svg');
  background-position: 50%;
  background-size: cover;
  width: 60px;
  height: 80%;
}

.product-section {
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-wrapper {
  background-color: var(--sleutelbloem-red);
  border-radius: 5px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 80%;
  max-width: 1240px;
  padding: 40px 40px 20px;
  display: flex;
}

.product-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.product-blocks {
  border-radius: 0;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.product-card {
  border-radius: 0;
}

.collection-item-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: flex;
}

.collection-list-7 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch center;
  place-items: stretch stretch;
  display: grid;
}

.product {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
}

.collection-list-wrapper-5 {
  width: 100%;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.menu-section {
  justify-content: center;
  align-items: flex-start;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.menu-wrapper {
  z-index: 0;
  background-color: var(--sleutelbloem-white);
  border-radius: 5px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  width: 60%;
  max-width: none;
  padding: 10px 40px;
  display: flex;
  position: relative;
}

.accordion-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-style: solid solid none;
  border-width: 0 0 2px;
  border-color: black black var(--sleutelbloem-red);
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 10px 0;
  display: flex;
}

.collection-list-8 {
  border: 0 #000;
  border-radius: 5px;
  flex-flow: column;
  width: 100%;
  padding: 20px 0;
  display: flex;
}

.collection-item-6 {
  border: 0 #000;
  border-radius: 0;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: block;
}

.acoordian-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 2px solid var(--sleutelbloem-red);
  cursor: pointer;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.icon-embed-xsmall {
  color: var(--sleutelbloem-red);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xsmall-2 {
  color: var(--sleutelbloem-red);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.accordian-panel {
  width: 100%;
  display: none;
}

.div-block-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  max-width: 1240px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.accordian-image {
  box-sizing: content-box;
  aspect-ratio: auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  border-radius: 5px;
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  width: 55%;
  height: 350px;
  margin-top: -10px;
  margin-left: -20px;
  padding-top: 0;
  display: block;
  position: relative;
}

.collection-list-wrapper-6 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-3 {
  text-decoration: none;
}

.collection-list-wrapper-7 {
  background-color: var(--sleutelbloem-beige);
  flex-flow: column;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.collection-list-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: column;
  padding: 5px;
  display: flex;
  position: absolute;
  top: 60px;
  left: 13px;
}

.collection-list-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: column;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.collection-item-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.collection-list-wrapper-8 {
  flex-flow: column;
  margin-left: -20px;
  padding-top: 10px;
  padding-left: 0;
  display: flex;
  position: absolute;
}

.menu-link {
  text-decoration: none;
  position: relative;
}

.menu-open {
  clear: none;
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: column;
  padding: 20px 10px;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.dropdown-panel {
  background-color: var(--sleutelbloem-beige);
  border-radius: 5px;
  flex-flow: column;
  min-width: 200px;
  display: none;
  position: absolute;
  top: 90%;
}

.dropdown-panel.white {
  background-color: var(--sleutelbloem-white);
  display: none;
}

.dropdown-inner {
  flex-flow: column;
  padding: 5px 10px;
  display: flex;
}

.link-menu {
  padding-top: 3px;
  padding-bottom: 3px;
  text-decoration: none;
  display: block;
  position: static;
}

.heading-s-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 5px;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
}

.heading-s-2:hover {
  color: #833403;
}

.heading-s-2.white {
  color: #fff;
  text-align: center;
  line-height: 18px;
}

.right-svg-2 {
  color: #fff;
  cursor: pointer;
  width: 24px;
  line-height: 18px;
}

.cta-button-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffc026;
  border-radius: 5px;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 2px #0003;
}

.heading-m-2 {
  color: #000;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
  display: block;
}

.heading-m-2.white {
  color: #fff;
  text-align: center;
  word-break: normal;
  margin-bottom: 0;
}

.body-normal-normal-2 {
  color: #000;
  font-family: Calibri, Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.body-normal-normal-2.white {
  color: #fff;
}

.about-us-text-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #833403;
  border-radius: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 550px;
  height: auto;
  display: flex;
  box-shadow: 0 2px 2px #0003;
}

.about-us-text-wrapper-2.about {
  width: 600px;
}

.card-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.form-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-16 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.div-block-17 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.icon-embed-xsmall-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.section-4 {
  justify-content: center;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.div-block-18 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--sleutelbloem-white);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  padding: 20px 50px;
  display: flex;
}

.right-footer {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer-class {
  flex-flow: column;
  display: flex;
}

.footer-links {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  display: flex;
}

.footer-inner {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-line {
  background-color: var(--sleutelbloem-red);
  color: var(--sleutelbloem-red);
  width: 100%;
  height: 1px;
  line-height: 2px;
}

.footer-under {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.link {
  text-decoration: none;
}

.icon-embed-xxsmall {
  color: var(--sleutelbloem-red);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: .3rem;
  height: .3rem;
  display: flex;
}

.aanmeldproces-heading {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.rich-text-block {
  flex-flow: column;
  display: block;
}

.client-story-section {
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  padding-top: 10px;
  display: flex;
}

.client-story-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 80%;
  max-width: 1240px;
  display: flex;
}

.disclaimer {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.disclaimer-section {
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  max-width: 1240px;
  display: flex;
}

.div-block-19 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.link-2 {
  color: var(--sleutelbloem-red);
  -webkit-text-stroke-color: var(--sleutelbloem-red);
}

.collection-list-11 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  display: grid;
}

.collection-list-wrapper-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.collection-item-8 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.heading-l-2 {
  color: #000;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.heading-l-2.red {
  color: #833403;
}

.pray-wrapper-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #0000;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  max-width: 1240px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.body-small-normal-2 {
  color: #000;
  letter-spacing: normal;
  text-overflow: clip;
  overflow-wrap: normal;
  margin-bottom: 0;
  font-family: Calibri, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.body-small-normal-2.xs {
  font-size: 12px;
  line-height: 14px;
}

.heading-m-3 {
  color: #000;
  cursor: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 24px;
  line-height: 24px;
  display: block;
}

.heading-m-3.white {
  color: #fff;
  text-align: center;
  word-break: normal;
  margin-bottom: 0;
}

.heading-m-3.white.left {
  text-align: left;
}

.textarea-2 {
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 5px;
}

.italic-text-2 {
  color: #fff;
}

.contactform-right-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #833403;
  border: 1px solid #833403;
  border-radius: 0 5px 5px 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 40%;
  height: 490px;
  padding: 40px;
  display: flex;
}

.cta-button-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #ffc026;
  border-radius: 5px;
  justify-content: flex-end;
  align-items: center;
  padding: 4px 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 2px #0003;
}

.contactform-left-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #ebe6da;
  border: 1px solid #833403;
  border-radius: 5px 0 0 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 490px;
  padding: 40px;
  display: flex;
}

.button-base-2 {
  text-align: center;
  letter-spacing: .5px;
  background-color: #000;
  border-radius: 5px;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 3px #0003;
}

.button-base-2.yellow {
  background-color: #ffc026;
  font-size: 18px;
  display: flex;
}

.button-base-2.yellow.xs {
  padding: 10px 20px;
  font-size: 14px;
  line-height: 14px;
}

.success-message-2 {
  background-color: #ebe6da;
  border-radius: 5px;
}

.text-field-2 {
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 5px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Calibri, Arial, sans-serif;
  font-weight: 400;
}

.heading-s-3 {
  color: #000;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 5px;
  font-family: Dk Bamboo, Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-decoration: none;
}

.heading-s-3:hover {
  color: #833403;
}

.heading-s-3.xs {
  font-size: 14px;
}

.heading-s-3.xs.white.contact-button {
  color: var(--sleutelbloem-white);
}

.collection-list-12 {
  display: flex;
}

.collection-item-9 {
  flex-flow: column;
  display: flex;
}

.aanmelden-zorg-form {
  grid-column-gap: 80px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-red);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: center;
  width: 100%;
  padding: 25px;
  display: grid;
}

.form-block-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--sleutelbloem-red);
  border-radius: 5px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 25px;
  display: flex;
}

.form-block-2.wrapper {
  background-color: var(--sleutelbloem-white);
}

.div-block-20 {
  width: auto;
}

.aanmeld-text-block {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--sleutelbloem-white);
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: grid;
}

.aanmeld-text-block.submit {
  border-top: 1px #000;
  border-bottom-style: none;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 50px;
  display: flex;
}

.div-block-21 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  width: 100%;
  display: flex;
}

.xs {
  font-size: 14px;
}

.bold-text {
  text-align: left;
  width: 100%;
}

.day-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.link-3 {
  color: var(--sleutelbloem-black);
}

.bulletpoints {
  background-color: var(--sleutelbloem-geel);
  border-radius: 5px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin-bottom: 20px;
  padding: 10px 15px;
  display: flex;
}

.bulletpoint {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding-left: 0;
  display: flex;
}

.checkbox-field-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.checkbox-2 {
  margin-top: 0;
}

.checkbox-field-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.checkbox-field-3._1 {
  justify-content: space-between;
  align-items: center;
}

.checkbox-3 {
  margin-top: 0;
}

.collection-item-10 {
  flex-flow: column;
  height: 100%;
  min-height: 100%;
  display: block;
}

.collection-list-13 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.collection-item-12, .collection-list-wrapper-10 {
  width: 100%;
  height: 100%;
}

.collection-item-13 {
  height: 100%;
}

@media screen and (max-width: 991px) {
  .heading-xl {
    color: var(--sleutelbloem-black);
    font-size: 40px;
    line-height: 40px;
  }

  .heading-xl.red {
    color: var(--sleutelbloem-red);
    font-size: 75px;
    line-height: 75px;
  }

  .heading-xl.white {
    font-size: 40px;
  }

  .heading-l {
    font-size: 32px;
    line-height: 32px;
  }

  .heading-l.red {
    margin-top: 0;
  }

  .heading-m {
    font-size: 14px;
    line-height: 16px;
  }

  .heading-m.red {
    font-size: 16px;
  }

  .heading-s {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
  }

  .heading-s.red, .heading-s.white {
    font-size: 14px;
  }

  .heading-s.xs {
    font-size: 12px;
  }

  .body-normal-normal {
    font-size: 16px;
    line-height: 18px;
  }

  .body-normal-normal.white {
    width: 100%;
  }

  .body-large-bold {
    font-size: 20px;
    line-height: 22px;
  }

  .body-large-bold.hero-text {
    font-size: 32px;
    line-height: 32px;
  }

  .body-large-normal {
    font-size: 20px;
    line-height: 20px;
  }

  .body-normal-bold {
    font-size: 18px;
    line-height: 18px;
  }

  .body-small-normal {
    font-size: 15px;
    line-height: 15px;
  }

  .body-small-normal.red.team-info {
    width: 80%;
  }

  .body-small-normal.red.footer {
    font-size: 14px;
  }

  .body-small-bold {
    font-size: 15px;
    line-height: 15px;
  }

  .button-base.yellow {
    padding: 7px 12px;
    font-size: 12px;
  }

  .hero {
    height: 500px;
    min-height: auto;
  }

  .play-pause-button {
    display: none;
  }

  .hero-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 80%;
    height: 500px;
    margin-top: 0;
    margin-left: 0;
    padding-bottom: 50px;
  }

  .topbar-inner {
    justify-content: flex-start;
    align-items: center;
  }

  .topbar-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: center;
    width: 350px;
  }

  .main-nav-wrapper {
    top: 60px;
  }

  .main-nav-wrapper.white {
    overflow: visible;
  }

  .main-nav {
    height: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .main-nav-logo {
    width: 175px;
  }

  .main-menu {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .intro-section {
    padding: 75px 0;
  }

  .intro-inner-section {
    width: 80%;
  }

  .cards-slider {
    margin-left: 100px;
  }

  .card-item {
    width: 200px;
    height: 280px;
    padding: 10px;
  }

  .cards-section {
    width: 85%;
  }

  .arrow-inner-section {
    padding-left: 0;
  }

  .left-svg {
    width: 32px;
  }

  .right-svg {
    width: 20px;
  }

  .about-us-image {
    object-fit: cover;
    background-position: 100%;
    background-size: cover;
    height: 650px;
  }

  .hero-button-1 {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
  }

  .about-us-text-wrapper {
    width: 800px;
    padding-right: 40px;
  }

  .about-us-text {
    margin-left: 120px;
  }

  .story-image-wrapper {
    height: 200px;
  }

  .collection-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .story-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: flex-start;
    height: 163px;
    padding: 15px;
  }

  .partners-wrapper {
    padding-top: 30px;
  }

  .partners-logos.keurmerken {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 10px;
  }

  .partner-logo.nieuwkoop, .partner-logo.alphen, .partner-logo.woerden {
    height: 60px;
  }

  .info-image-wrapper {
    height: 250px;
  }

  .info-image-wrapper.work {
    width: 40%;
  }

  .info-content {
    width: 60%;
  }

  .button-cta {
    width: 100%;
  }

  .subnav-item.geel, .subnav-item.wit {
    padding: 10px;
  }

  .map-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .map-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .map-image {
    height: 250px;
  }

  .offer-section.vacatures {
    padding-bottom: 40px;
  }

  .offer-wrapper {
    width: 80%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .card-image-offer {
    height: 175px;
  }

  .card-content.vacature {
    height: 247px;
  }

  .collection-list-wrapper {
    width: 100%;
  }

  .photo-image, .photo-image._2, .photo-image._3 {
    height: 180px;
  }

  .agenda-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .agenda-wrapper {
    padding: 20px;
  }

  .agenda-section-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .pray-wrapper {
    width: 80%;
  }

  .pray-image {
    width: 100%;
  }

  .pray-image.info-image {
    background-position: 0 60%;
  }

  .pray-image.kwaliteit {
    height: 300px;
  }

  .pray-image.story-client {
    background-position: 50%;
  }

  .contactform-left {
    width: auto;
    padding: 20px;
  }

  .contactform-right {
    width: 50%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .collection-list-6 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .keurmerk.skj, .keurmerk.bb, .keurmerk.iso, .keurmerk.jeugdstem, .keurmerk.eh, .keurmerk.driestar, .keurmerk.hoornbeeck, .keurmerk.praktijkschool, .keurmerk.kwintes, .keurmerk.z-o-n, .keurmerk.interakt, .keurmerk.tom {
    width: 100px;
    height: 80px;
  }

  .process-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }

  .round-step.right {
    padding: 5px 12px 5px 10px;
  }

  .icon-embed-xsmall-2 {
    width: 30px;
    height: 30px;
  }

  .dropdown-panel.white {
    min-width: 100px;
    display: none;
  }

  .dropdown-inner {
    width: 120px;
    overflow: visible;
  }

  .heading-s-2 {
    font-size: 12px;
    line-height: 14px;
  }

  .heading-s-2.white {
    font-size: 14px;
  }

  .right-svg-2 {
    width: 20px;
  }

  .heading-m-2 {
    font-size: 14px;
    line-height: 16px;
  }

  .body-normal-normal-2 {
    font-size: 16px;
    line-height: 18px;
  }

  .right-footer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .aanmeldproces-heading {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .collection-list-11 {
    flex-flow: column;
  }

  .heading-l-2 {
    font-size: 32px;
    line-height: 32px;
  }

  .heading-l-2.red {
    margin-top: 0;
  }

  .pray-wrapper-2 {
    width: 80%;
  }

  .body-small-normal-2 {
    font-size: 15px;
    line-height: 15px;
  }

  .heading-m-3 {
    font-size: 14px;
    line-height: 16px;
  }

  .contactform-right-2 {
    width: 50%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .contactform-left-2 {
    width: auto;
    padding: 20px;
  }

  .button-base-2.yellow {
    padding: 7px 12px;
    font-size: 12px;
  }

  .heading-s-3 {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
  }

  .heading-s-3.xs {
    font-size: 12px;
  }

  .aanmelden-zorg-form {
    grid-column-gap: 80px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    display: flex;
  }

  .aanmeld-text-block {
    grid-template-columns: .5fr 1fr;
  }

  .day-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }
}

@media screen and (max-width: 767px) {
  .heading-xl {
    font-size: 32px;
    line-height: 32px;
  }

  .heading-xl.red {
    font-size: 52px;
    line-height: 52px;
  }

  .heading-xl.white {
    font-size: 32px;
  }

  .heading-l {
    font-size: 28px;
    line-height: 28px;
  }

  .heading-m {
    font-size: 16px;
    line-height: 14px;
  }

  .heading-m.red {
    font-size: 16px;
    line-height: 16px;
  }

  .heading-m.white {
    text-align: left;
    font-size: 16px;
    line-height: 16px;
  }

  .heading-s {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .heading-s.white {
    font-size: 14px;
    line-height: 14px;
  }

  .heading-s.xs {
    font-size: 12px;
  }

  .heading-s.xs.red.name {
    text-align: center;
  }

  .body-normal-normal {
    font-size: 16px;
    line-height: 16px;
  }

  .body-large-bold {
    font-size: 20px;
    line-height: 18px;
  }

  .body-large-bold.hero-text {
    font-size: 24px;
    line-height: 24px;
  }

  .body-large-normal {
    font-size: 18px;
    line-height: 18px;
  }

  .body-normal-bold {
    font-size: 16px;
    line-height: 16px;
  }

  .body-small-normal {
    font-size: 15px;
    line-height: 15px;
  }

  .body-small-normal.red.footer {
    font-size: 12px;
  }

  .body-small-bold {
    font-size: 15px;
    line-height: 15px;
  }

  .body-small-bold.red.menu {
    padding-left: 5px;
  }

  .button-base.yellow {
    font-size: 14px;
  }

  .hero {
    height: 450px;
  }

  .hero-content {
    height: 450px;
    padding-bottom: 50px;
  }

  .main-nav-wrapper {
    top: 60px;
  }

  .main-nav {
    height: 45px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .main-nav-logo {
    width: 150px;
    display: block;
  }

  .main-menu {
    width: 100%;
    display: none;
  }

  .main-menu-link {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 16px;
    line-height: 16px;
    display: flex;
  }

  .link-block, .link-block.w--current, .hamburger-wrapper {
    display: flex;
  }

  .lottie-animation {
    cursor: pointer;
    width: 25px;
    display: flex;
  }

  .hamburger-menu {
    z-index: -1;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    display: none;
    position: absolute;
    inset: 125% 0% auto auto;
  }

  .hamburger-mobile-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--sleutelbloem-beige);
    border-radius: 5px;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    padding: 5px 30px;
    display: flex;
  }

  .hamburger-mobile-inner.white {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    background-color: var(--sleutelbloem-white);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .intro-section {
    padding: 50px 0;
  }

  .intro-inner-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 80%;
  }

  .card-item {
    width: 175px;
    height: 240px;
  }

  .cards-section {
    width: 90%;
  }

  .text-block-image {
    flex-flow: column;
  }

  .text-block-image.xtra.doneer-page {
    padding-top: 100px;
    padding-bottom: 60px;
  }

  .about-us-wrapper {
    flex-flow: column;
    max-width: none;
  }

  .about-us-image {
    background-position: 70% 30%;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 300px;
    margin-bottom: 0;
    margin-right: 0;
  }

  .about-us-image.donate {
    width: 100%;
    height: 200px;
    margin-right: 0;
  }

  .hero-button-1 {
    border-radius: 5px;
    margin-top: 0;
    padding: 2px 5px 2px 10px;
    font-size: 12px;
  }

  .about-us-text-wrapper {
    width: 100%;
    margin-top: -30px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
    padding-right: 0;
  }

  .about-us-text-wrapper.about {
    width: auto;
    margin-top: -30px;
    margin-left: 0;
    margin-right: 0;
  }

  .about-us-text {
    width: auto;
    margin-top: 60px;
    margin-left: 25px;
    margin-right: 25px;
  }

  .about-us-text.donate {
    margin-left: 25px;
  }

  .stories-wrapper {
    padding-bottom: 40px;
  }

  .stories-list {
    width: 80%;
  }

  .story-card {
    padding-bottom: 0;
  }

  .story-image-wrapper {
    height: 250px;
  }

  .collection-item {
    width: 95%;
  }

  .collection-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .collection-list.story {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
  }

  .story-content {
    justify-content: space-between;
    align-items: flex-start;
    height: 164px;
  }

  .partners-logos {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .partners-logos.keurmerken {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .partner-logo.nieuwkoop, .partner-logo.alphen, .partner-logo.woerden {
    height: 50px;
  }

  .info-wrapper {
    flex-flow: column;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .info-image-wrapper {
    width: 100%;
    height: 180px;
  }

  .info-image-wrapper.work {
    width: 100%;
    height: 200px;
  }

  .info-content {
    width: 100%;
    margin-top: -10px;
    margin-left: 0;
    padding: 20px 25px;
  }

  .button-cta {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .subnav-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    width: 90%;
  }

  .subnav-item.geel {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .round-arrow.white, .round-arrow.geel {
    width: 20px;
    height: 20px;
  }

  .image-2 {
    width: 5px;
    max-width: none;
  }

  .image-3, .image-4, .image-5, .image-6 {
    width: 5px;
  }

  .offer-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .offer-card {
    width: 100%;
  }

  .card-image-offer {
    height: 175px;
  }

  .card-content.vacature {
    height: 149px;
  }

  .collection-list-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: flex;
  }

  .collection-list-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template: "Area"
    / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: center;
    height: 100%;
    display: grid;
  }

  .photo-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .photo-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .photo-image, .photo-image._2, .photo-image._3 {
    height: 150px;
  }

  .agenda-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .agenda-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding: 20px;
  }

  .agenda-section-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .agenda-block {
    justify-content: flex-start;
    align-items: center;
  }

  .date-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-between;
    align-items: center;
  }

  .date-text-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .pray-section, .pray-section.doe-mee-pagina {
    padding-top: 0;
  }

  .pray-section._2 {
    padding-top: 80px;
  }

  .pray-wrapper {
    flex-flow: column;
  }

  .pray-wrapper.aanbod {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .pray-wrapper.client-story-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap-reverse;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .pray-wrapper.doe-mee {
    padding-top: 0;
  }

  .pray-image, .pray-image.info-image, .pray-image.kwaliteit {
    height: 200px;
  }

  .pray-image.story-client {
    background-position: 85% 15%;
    height: 200px;
  }

  .contactform-wrapper {
    flex-flow: column;
  }

  .contactform-left {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 5px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .contactform-right {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .usp-wrapper {
    width: 90%;
  }

  .beige {
    overflow: visible;
  }

  .team-card {
    height: 185px;
  }

  .collection-list-6 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .keurmerk.skj, .keurmerk.bb, .keurmerk.iso, .keurmerk.jeugdstem, .keurmerk.eh, .keurmerk.driestar, .keurmerk.hoornbeeck, .keurmerk.praktijkschool, .keurmerk.kwintes, .keurmerk.z-o-n, .keurmerk.interakt, .keurmerk.tom {
    width: 50px;
    height: 60px;
  }

  .process-timeline {
    grid-template-columns: 1fr 30px 1fr;
  }

  .div-block-14 {
    width: 30px;
  }

  .product-wrapper {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .collection-list-7 {
    grid-template-columns: 1fr;
  }

  .menu-wrapper {
    padding-left: 20px;
  }

  .acoordian-heading {
    justify-content: space-between;
    align-items: center;
  }

  .icon-embed-xsmall-2 {
    justify-content: flex-end;
    align-items: center;
    width: 20px;
    height: 20px;
  }

  .dropdown-panel {
    z-index: 3;
    min-width: 80px;
    display: none;
  }

  .dropdown-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 5px;
    padding-right: 5px;
    display: flex;
  }

  .heading-s-2 {
    font-size: 12px;
    line-height: 12px;
  }

  .heading-s-2.white {
    font-size: 14px;
    line-height: 14px;
  }

  .heading-m-2 {
    font-size: 12px;
    line-height: 14px;
  }

  .body-normal-normal-2 {
    font-size: 16px;
    line-height: 16px;
  }

  .about-us-text-wrapper-2 {
    width: auto;
    margin-top: -50px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 0;
  }

  .icon-embed-xsmall-3 {
    color: var(--sleutelbloem-red);
    cursor: pointer;
    width: .8rem;
    height: 1rem;
    display: none;
  }

  .heading-menu-link {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .footer-inner {
    flex-flow: column;
  }

  .heading-l-2 {
    font-size: 28px;
    line-height: 28px;
  }

  .pray-wrapper-2 {
    flex-flow: column;
  }

  .body-small-normal-2 {
    font-size: 15px;
    line-height: 15px;
  }

  .heading-m-3 {
    font-size: 16px;
    line-height: 14px;
  }

  .heading-m-3.white {
    text-align: left;
    font-size: 16px;
    line-height: 16px;
  }

  .contactform-right-2 {
    width: 100%;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contactform-left-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: 5px;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: auto;
  }

  .button-base-2.yellow {
    font-size: 14px;
  }

  .heading-s-3 {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .heading-s-3.xs {
    font-size: 12px;
  }

  .aanmelden-zorg-form {
    grid-column-gap: 80px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: grid;
  }

  .aanmelden-zorg-form.aanmelder {
    flex-flow: column;
    display: flex;
  }

  .aanmeld-text-block {
    display: flex;
  }

  .aanmeld-text-block.aanmelder {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .collection-item-11 {
    height: 100%;
  }
}

@media screen and (max-width: 479px) {
  .heading-xl.red {
    text-shadow: -3px 3px #00000030;
    font-size: 40px;
    line-height: 34px;
  }

  .heading-xl.white {
    font-size: 28px;
  }

  .heading-l {
    font-size: 24px;
    line-height: 24px;
  }

  .heading-m {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-m.white {
    text-align: left;
    margin-top: 0;
  }

  .heading-s {
    font-size: 14px;
    line-height: 14px;
  }

  .heading-s.red {
    color: var(--sleutelbloem-red);
  }

  .heading-s.red.xs.story {
    font-size: 12px;
  }

  .heading-s.white {
    font-size: 14px;
    line-height: 14px;
  }

  .heading-s.white.name {
    padding: 2px;
  }

  .heading-s.xs {
    font-size: 10px;
  }

  .heading-s.xs.white.contact-button {
    clear: none;
    font-size: 8px;
    text-decoration: none;
  }

  .heading-s.xs.red.name {
    padding: 2px;
  }

  .heading-s.footer {
    font-size: 10px;
    line-height: 10px;
  }

  .heading-s.without-padding {
    padding-top: 0;
    padding-left: 0;
  }

  .body-normal-normal {
    font-size: 14px;
    line-height: 16px;
  }

  .body-large-bold {
    font-size: 16px;
    line-height: 16px;
  }

  .body-large-bold.hero-text {
    font-size: 18px;
    line-height: 16px;
  }

  .body-large-normal {
    font-size: 16px;
    line-height: 16px;
  }

  .body-normal-bold {
    font-size: 15px;
    line-height: 15px;
  }

  .body-small-normal {
    font-size: 14px;
    line-height: 14px;
  }

  .body-small-normal.red.team-info {
    width: 100%;
  }

  .body-small-normal.red.footer {
    line-height: 10px;
  }

  .body-small-normal.white {
    font-size: 12px;
  }

  .body-small-normal.footer {
    font-size: 8px;
  }

  .body-small-normal.menu {
    padding-left: 5px;
  }

  .body-small-bold {
    font-size: 14px;
    line-height: 14px;
  }

  .body-small-bold.red.menu {
    margin-bottom: 0;
    padding-left: 5px;
  }

  .button-base.yellow {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 10px;
  }

  .hero {
    height: 400px;
  }

  .hero-overlay {
    background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 96%);
  }

  .hero-overlay.actueel {
    background-position: 0 0, 0%;
  }

  .hero-overlay.doe-mee {
    background-position: 0 0, 50%;
  }

  .hero-overlay.contact {
    background-image: linear-gradient(90deg, var(--sleutelbloem-beige), #fff0 96%), url('../images/cj_sleutelbloem_2025_dsc04388-maaltijd-eten-2.JPG');
  }

  .hero-content {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 400px;
    padding-bottom: 40px;
  }

  .topbar {
    justify-content: center;
    align-items: flex-start;
  }

  .topbar-inner {
    justify-content: flex-start;
    align-items: flex-start;
    line-height: 14px;
  }

  .topbar-left {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    line-height: 14px;
  }

  .main-nav-wrapper {
    top: 45px;
  }

  .main-nav-wrapper.white {
    z-index: 10;
  }

  .main-nav-logo {
    width: 125px;
    display: inline-flex;
  }

  .main-menu-link {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    border-top: 2px none var(--sleutelbloem-red);
    border-bottom: 2px solid var(--sleutelbloem-red);
    outline-offset: 0px;
    outline: 3px #333;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 90%;
    padding-bottom: 5px;
  }

  .link-block.w--current {
    display: inline-flex;
  }

  .hamburger-menu {
    z-index: 10;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    pointer-events: auto;
    border-radius: 5px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 90%;
    height: auto;
    margin-top: 0;
    display: none;
    position: absolute;
    top: 125%;
  }

  .hamburger-mobile-inner {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    margin-right: 30px;
    padding: 5px 10px;
  }

  .hamburger-mobile-inner.white {
    z-index: 10;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 20px;
    display: flex;
    position: relative;
  }

  .hamburger-mobile-inner.white.beige {
    display: flex;
  }

  .intro-section {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .intro-inner-section {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cards-slider {
    margin-left: 20px;
  }

  .cards-track {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .card-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 125px;
    height: 175px;
    padding: 8px;
  }

  .arrow-inner-section {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
  }

  .line-svg {
    height: 2px;
  }

  .left-svg {
    width: 20px;
  }

  .right-svg {
    width: 18px;
  }

  .text-block-image {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-block-image.xtra.doneer-page {
    padding-top: 100px;
  }

  .about-us-wrapper {
    width: 80%;
  }

  .about-us-image {
    background-position: 40% 0;
    background-size: cover;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    width: 100%;
    height: 350px;
  }

  .hero-button-1 {
    border-radius: 3px;
    padding: 0 5px;
    font-size: 10px;
  }

  .about-us-text-wrapper {
    width: 100%;
  }

  .about-us-text-wrapper.about {
    margin-left: 0;
    margin-right: 0;
  }

  .about-us-text {
    margin-bottom: 20px;
  }

  .cta-button {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .cta-button.white {
    width: auto;
  }

  .stories-wrapper {
    background-image: linear-gradient(0deg, #fff 85%, #0000 85%);
    padding-bottom: 0;
  }

  .stories-list {
    width: 100%;
  }

  .story-card {
    padding-bottom: 0;
  }

  .story-image-wrapper {
    height: 180px;
  }

  .collection-item {
    width: 95%;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: 100%;
  }

  .collection-list.story {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    width: 80%;
    padding-bottom: 40px;
  }

  .story-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    height: 148px;
    padding: 10px;
  }

  .partners-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .partners-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .partners-logos {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .partners-logos.keurmerken {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .info-wrapper {
    flex-flow: column;
  }

  .info-image-wrapper {
    width: 100%;
    height: 150px;
  }

  .info-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: -20px;
    margin-left: 0;
  }

  .info-content.yellow {
    justify-content: center;
    align-items: flex-start;
  }

  .button-cta {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .subnav-section {
    flex-flow: column;
    width: 100%;
  }

  .subnav-section.dagbesteding-page {
    padding-bottom: 40px;
  }

  .subnav-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .subnav-item.geel, .subnav-item.wit {
    width: 100%;
  }

  .map-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .map-section.dagbesteding-page {
    padding-bottom: 40px;
  }

  .map-image {
    width: 100%;
    height: 150px;
  }

  .card-content {
    height: auto;
  }

  .card-content.vacature {
    height: 51%;
  }

  .collection-list-2 {
    flex-flow: column;
    grid-template-columns: .25fr;
    display: flex;
  }

  .photo-section {
    display: none;
  }

  .photo-image {
    height: 100px;
  }

  .agenda-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    padding: 20px;
  }

  .agenda-section-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .agenda-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 5px;
  }

  .date-text-block {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    padding-top: 5px;
  }

  .pray-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pray-section._2 {
    padding-top: 50px;
  }

  .pray-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .pray-text-section {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .contactform-left {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .contactform-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
  }

  .contactform-button {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    width: 100%;
  }

  .text-field {
    font-size: 12px;
  }

  .usp-wrapper {
    z-index: -1;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 25px;
    position: relative;
  }

  .dropdown-toggle-2 {
    border-bottom-width: 0;
    border-right-width: 0;
  }

  .dropdown-2 {
    border-bottom: 1px solid var(--sleutelbloem-white);
  }

  .beige {
    overflow: visible;
  }

  .team-card {
    height: 150px;
  }

  .team-name {
    padding-left: 5px;
    padding-right: 5px;
  }

  .team-divider-line {
    max-width: 100%;
  }

  .collection-list-6 {
    grid-column-gap: 10px;
    grid-row-gap: 36px;
    grid-template-columns: 1fr 1fr;
  }

  .process-wrapper {
    width: 80%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .process-timeline {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 0 1fr;
    grid-auto-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    display: flex;
  }

  .step-card.left.aanmelding {
    height: auto;
  }

  .step-card.left.indicatie {
    margin-top: 0;
  }

  .step-card.right.intake {
    margin-top: 20px;
  }

  .step-card.right.wachtlijst {
    margin-top: 0;
  }

  .step-card.right.zorg {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .step-card.right.proefperiode {
    margin-top: 20px;
  }

  .menu-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .menu-wrapper {
    width: 100%;
    padding-right: 20px;
  }

  .div-block-15 {
    flex-flow: column;
  }

  .accordian-image {
    width: 100%;
    height: 200px;
    margin-left: 0;
  }

  .dropdown-panel {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-end;
    min-width: auto;
    display: none;
    position: static;
  }

  .dropdown-inner {
    justify-content: flex-start;
    align-items: flex-start;
    width: 195px;
    display: flex;
  }

  .heading-s-2 {
    font-size: 14px;
    line-height: 14px;
  }

  .heading-s-2.white {
    line-height: 14px;
  }

  .right-svg-2 {
    width: 18px;
  }

  .heading-m-2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-m-2.white {
    text-align: left;
    margin-top: 0;
  }

  .body-normal-normal-2 {
    font-size: 14px;
    line-height: 16px;
  }

  .about-us-text-wrapper-2 {
    width: auto;
  }

  .div-block-16 {
    flex-flow: column;
  }

  .heading-menu-link {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .right-footer {
    width: 100%;
  }

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

  .footer-links {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .heading-l-2 {
    font-size: 24px;
    line-height: 24px;
  }

  .pray-wrapper-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .body-small-normal-2 {
    font-size: 14px;
    line-height: 14px;
  }

  .heading-m-3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 20px;
  }

  .heading-m-3.white {
    text-align: left;
    margin-top: 0;
  }

  .contactform-right-2 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
  }

  .cta-button-3 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .contactform-left-2 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .button-base-2.yellow {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 10px;
  }

  .heading-s-3 {
    font-size: 14px;
    line-height: 14px;
  }

  .heading-s-3.xs {
    font-size: 10px;
  }

  .heading-s-3.xs.white.contact-button {
    clear: none;
    font-size: 8px;
    text-decoration: none;
  }

  .heading-s-3.without-padding {
    padding-top: 0;
    padding-left: 0;
  }

  .aanmelden-zorg-form {
    display: flex;
  }

  .form-block-2, .aanmeld-text-block {
    flex-flow: column;
  }

  .aanmeld-text-block.submit {
    grid-column-gap: 0px;
    flex-flow: column;
  }

  .day-grid {
    flex-flow: column;
    display: flex;
  }
}

#w-node-cd7c06fc-abfa-26b4-a2ac-13b849543dd3-dae22d0c {
  grid-area: span 7 / span 1 / span 7 / span 1;
}

#w-node-d4981d29-05d9-ee32-84e3-4634f6891291-dae22d0c, #w-node-_6f8137d4-8359-7ca9-c383-2fa2c83ed238-dae22d0c, #w-node-cf2b90c0-6d55-0cd2-8781-95072c4b20eb-dae22d0c, #w-node-_28ffbc8d-6237-f2b0-7e4c-bd23aa80e6f1-dae22d0c {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-becc575c-ce1c-f88e-554f-c75256745ea1-9e2d1978, #w-node-e3a94f6e-e19e-b22c-e8a1-68affeff8b4d-79ea38d3, #w-node-_21318f5b-ef8b-34f0-c590-16e1cddde960-54165d5d, #w-node-_91cda128-03ed-255f-dac0-46e326c114dc-4f1bd30a, #w-node-_25e00e03-5a7f-eef9-2731-29f1fe89bd4a-4f1bd30a, #Waar-wil-de-deelnemer-naar-toe-werken-droom-doel-richting.w-node-_6b8e4983-e808-d92c-f4d1-509f8804c062-4f1bd30a, #w-node-_04503e17-d19b-bf31-1ab9-0525aedc43be-4f1bd30a, #Welke-is-geweest-en-welke-waren-succesvol-of-juist-niet.w-node-_04503e17-d19b-bf31-1ab9-0525aedc43c3-4f1bd30a, #w-node-c33f8aec-3b6b-2a02-0d3d-f74e0960c16c-4f1bd30a, #w-node-c767c188-4a6e-c284-adb5-cf68842725f4-4f1bd30a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec97ab40-752d-15f0-3c6d-ec01d43ef6f4-4f1bd30a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-ec97ab40-752d-15f0-3c6d-ec01d43ef6f8-4f1bd30a, #w-node-_13987888-2ae7-74e6-3845-6a90b9f95a23-4f1bd30a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13987888-2ae7-74e6-3845-6a90b9f95a24-4f1bd30a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

#w-node-ddd83d67-810d-044c-764f-a0d08b9f1a47-4f1bd30a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ddd83d67-810d-044c-764f-a0d08b9f1a48-4f1bd30a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-_25e00e03-5a7f-eef9-2731-29f1fe89bd46-4f1bd30a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Dk Bamboo';
  src: url('../fonts/dk-black-bamboo-normal-400-100.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-bold-italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Calibri';
  src: url('../fonts/calibri-bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}