@font-face {
  font-family: 'Inter';
  src: url("./fonts/Inter/Inter-VariableFont_opsz,wght.ttf") format("truetype");
  font-weight: 100 900;
}
@font-face {
  font-family: 'Inter';
  src: url("./fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
  font-style: italic;
  font-weight: 100 900;
}
.bg-het-mystieke-1 {
  background-color: #7066ff;
}
.bg-het-mystieke-1.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-het-mystieke-1.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-het-mystieke-2 {
  background-color: #8d85ff;
}
.bg-het-mystieke-2.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-het-mystieke-2.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-het-mystieke-3 {
  background-color: #aaa4ff;
}
.bg-het-mystieke-3.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-het-mystieke-3.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-het-mystieke-4 {
  background-color: #c7c4ff;
}
.bg-het-mystieke-4.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-het-mystieke-4.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-het-mystieke-5 {
  background-color: #e5e3ff;
}
.bg-het-mystieke-5.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-het-mystieke-5.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-het-mystieke-6 {
  background-color: #f3f2ff;
}
.bg-het-mystieke-6.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-het-mystieke-6.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-de-stroommix-1 {
  background-color: #ffac24;
}
.bg-de-stroommix-1.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-de-stroommix-1.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-de-stroommix-2 {
  background-color: #ffbd51;
}
.bg-de-stroommix-2.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-de-stroommix-2.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-de-stroommix-3 {
  background-color: #ffce7d;
}
.bg-de-stroommix-3.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-de-stroommix-3.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-de-stroommix-4 {
  background-color: #ffdfaa;
}
.bg-de-stroommix-4.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-de-stroommix-4.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-de-stroommix-5 {
  background-color: #fff0d7;
}
.bg-de-stroommix-5.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-de-stroommix-5.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-de-stroommix-6 {
  background-color: #FFf8ed;
}
.bg-de-stroommix-6.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-de-stroommix-6.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-nederlandse-energie-1 {
  background-color: #ff7621;
}
.bg-nederlandse-energie-1.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-nederlandse-energie-1.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-nederlandse-energie-2 {
  background-color: #Ff924e;
}
.bg-nederlandse-energie-2.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-nederlandse-energie-2.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-nederlandse-energie-3 {
  background-color: #ffae7c;
}
.bg-nederlandse-energie-3.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-nederlandse-energie-3.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-nederlandse-energie-4 {
  background-color: #Ffcaa9;
}
.bg-nederlandse-energie-4.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-nederlandse-energie-4.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-nederlandse-energie-5 {
  background-color: #Ffe6d6;
}
.bg-nederlandse-energie-5.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-nederlandse-energie-5.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-nederlandse-energie-6 {
  background-color: #Fff4ed;
}
.bg-nederlandse-energie-6.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-nederlandse-energie-6.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-duurzame-bronnen-1 {
  background-color: #2f9a92;
}
.bg-duurzame-bronnen-1.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-duurzame-bronnen-1.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-duurzame-bronnen-2 {
  background-color: #59afa8;
}
.bg-duurzame-bronnen-2.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-duurzame-bronnen-2.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-duurzame-bronnen-3 {
  background-color: #84c3be;
}
.bg-duurzame-bronnen-3.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-duurzame-bronnen-3.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-duurzame-bronnen-4 {
  background-color: #aed8d5;
}
.bg-duurzame-bronnen-4.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-duurzame-bronnen-4.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-duurzame-bronnen-5 {
  background-color: #d9eceb;
}
.bg-duurzame-bronnen-5.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-duurzame-bronnen-5.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-duurzame-bronnen-6 {
  background-color: #eef7f6;
}
.bg-duurzame-bronnen-6.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-duurzame-bronnen-6.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-co2-emissies-1 {
  background-color: #f93651;
}
.bg-co2-emissies-1.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-co2-emissies-1.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-co2-emissies-2 {
  background-color: #Fa5e74;
}
.bg-co2-emissies-2.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-co2-emissies-2.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-co2-emissies-3 {
  background-color: #fb8697;
}
.bg-co2-emissies-3.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-co2-emissies-3.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-co2-emissies-4 {
  background-color: #fdafb9;
}
.bg-co2-emissies-4.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-co2-emissies-4.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-co2-emissies-5 {
  background-color: #fed7dc;
}
.bg-co2-emissies-5.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-co2-emissies-5.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-co2-emissies-6 {
  background-color: #FEebed;
}
.bg-co2-emissies-6.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-co2-emissies-6.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-financiele-impact-1 {
  background-color: #2c72ff;
}
.bg-financiele-impact-1.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-financiele-impact-1.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-financiele-impact-2 {
  background-color: #578fff;
}
.bg-financiele-impact-2.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-financiele-impact-2.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-financiele-impact-3 {
  background-color: #82acff;
}
.bg-financiele-impact-3.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-financiele-impact-3.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-financiele-impact-4 {
  background-color: #adc8ff;
}
.bg-financiele-impact-4.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-financiele-impact-4.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-financiele-impact-5 {
  background-color: #c3d7ff;
}
.bg-financiele-impact-5.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-financiele-impact-5.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

.bg-financiele-impact-6 {
  background-color: #eef3ff;
}
.bg-financiele-impact-6.paragraph--type--bp-column-wrapper {
  border-radius: 1em;
  margin-bottom: 3em;
}
.bg-financiele-impact-6.paragraph--type--bp-column-wrapper .paragraph__column {
  padding: 0;
}

html {
  font-size: 20px;
}
html body {
  --bs-body-font-weight: 300;
  font-family: 'Inter', 'Noto Color Emoji', serif !important;
  background-color: white !important;
  color: #000000 !important;
  padding: 0;
}
html body #navbar-main {
  background-color: white;
}
html body h1 {
  color: black;
}
html body h2 {
  color: black;
  font-size: 1.42rem;
}
html body h3 {
  color: #313131;
  font-size: 1.3rem;
  font-weight: 600;
}
html body h5 {
  color: #7066ff;
}
html body .site-footer {
  background: none;
  padding: 0;
}
html #content {
  padding: 0;
}
html .border_element {
  border-radius: 1.5rem;
  border: 1px solid #E5E3FF;
  padding: 1em;
}
html .main-content a:not(.breadcrumb a):not(.btn):not(.nav-link) {
  color: #7066ff;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
html .main-content a:not(.breadcrumb a):not(.btn):not(.nav-link):after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  /* afstand tussen tekst en lijn */
  width: 100%;
  height: 1px;
  /* dikte van de lijn */
  background-color: #e5e3ff;
}
html .main-content a:not(.breadcrumb a):not(.btn):not(.nav-link):hover:after {
  background-color: #7066ff;
}
html .main-content .paragraph li.breadcrumb-item a {
  color: #313131 !important;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
html .main-content .paragraph li.breadcrumb-item a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  /* afstand tussen tekst en lijn */
  width: 100%;
  height: 1px;
  /* dikte van de lijn */
  background-color: #e5e3ff;
}
html .main-content .paragraph li.breadcrumb-item a:hover:after {
  background-color: #313131;
}
html .button_container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1rem;
  padding-top: 1rem;
}

nav.tabs .nav {
  column-gap: 0.3em;
}
nav.tabs .nav .nav-link {
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: black;
  text-decoration: none;
  background: none;
  border: 0;
  border-left: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
nav.tabs .nav .nav-link:hover, nav.tabs .nav .nav-link:focus, nav.tabs .nav .nav-link:active {
  color: #0c5460;
  background-color: #f4f4f4;
  text-decoration: none;
  border-left: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}

#navbar-main > .container-xxl > a {
  width: 12em;
}

@media (max-width: 500px) {
  #navbar-main > .container-xxl > a {
    width: 9em;
  }
}
@media (max-width: 400px) {
  #navbar-main > .container-xxl > a {
    width: 7em;
  }
}
#navbar-main > .container-xxl #CollapsingNavbar {
  background-color: #160054;
}
#navbar-main > .container-xxl #CollapsingNavbar button.btn-close {
  font-size: 1.8rem;
  background-color: transparent;
  background: none;
  width: unset;
  height: unset;
  padding: 0;
  border: 0;
  color: #c7c4ff !important;
}
#navbar-main > .container-xxl #CollapsingNavbar button.btn-close:hover {
  color: #f3f2ff;
}
#navbar-main > .container-xxl #CollapsingNavbar button.btn-close:after {
  content: "";
  background-image: url("/themes/custom/slimverbruik/images/icon-sluiten.svg");
  display: block;
  background-repeat: no-repeat;
  background-size: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
}
#navbar-main > .container-xxl #CollapsingNavbar a {
  color: #c7c4ff;
}
#navbar-main > .container-xxl #CollapsingNavbar a:hover {
  color: #f3f2ff;
}
#navbar-main > .container-xxl #CollapsingNavbar .dropdown-toggle.nav-link::after {
  margin-left: 0.6rem;
}
#navbar-main > .container-xxl #CollapsingNavbar .dropdown-menu {
  background-color: unset;
  border: unset;
  padding: 0;
}
#navbar-main > .container-xxl #CollapsingNavbar .dropdown-menu li a {
  color: #c7c4ff;
  font-weight: 300;
  text-decoration: none;
}
#navbar-main > .container-xxl #CollapsingNavbar .dropdown-menu li a:hover {
  color: #f3f2ff;
}
#navbar-main > .container-xxl #CollapsingNavbar .dropdown-menu li:hover {
  background-color: transparent;
}
#navbar-main > .container-xxl #CollapsingNavbar .dropdown-item.active {
  background-color: transparent;
  color: #f3f2ff;
}

#navbar-main .navbar-brand {
  padding-bottom: 0;
}
#navbar-main .navbar-brand img {
  width: 15rem;
  height: 4.15rem;
}
#navbar-main .navbar-toggler {
  border: 0;
  margin-right: 0;
  padding-right: 0;
}
#navbar-main .navbar-toggler:focus {
  box-shadow: none;
}
#navbar-main .navbar-toggler .navbar-toggler-icon {
  background-image: url("/themes/custom/slimverbruik/images/Menu.svg");
  background-size: unset;
  width: 2rem;
}

.with_icon_right_side, .slimverbruik_button.black.arrow_down, .slimverbruik_button.black.arrow_right, .slimverbruik_button.white.arrow_down, #newsletter_container .row .webform-submission-form input.arrow_down.button, .slimverbruik_button.white.arrow_right, #newsletter_container .row .webform-submission-form input.arrow_right.button, .slimverbruik_button.mistiek.arrow_down, #pilot #pilotform_container .arrow_down.pilot_submit_button, .slimverbruik_button.mistiek.arrow_right, #pilot #pilotform_container .arrow_right.pilot_submit_button {
  padding: 0.7em 2.8em 0.7em 1em;
}
.with_icon_right_side:after, .slimverbruik_button.black.arrow_down:after, .slimverbruik_button.black.arrow_right:after, .slimverbruik_button.white.arrow_down:after, #newsletter_container .row .webform-submission-form input.arrow_down.button:after, .slimverbruik_button.white.arrow_right:after, #newsletter_container .row .webform-submission-form input.arrow_right.button:after, .slimverbruik_button.mistiek.arrow_down:after, #pilot #pilotform_container .arrow_down.pilot_submit_button:after, .slimverbruik_button.mistiek.arrow_right:after, #pilot #pilotform_container .arrow_right.pilot_submit_button:after {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  top: 0.2125rem;
  right: 0.2rem;
  height: 100%;
  width: 2em;
}

.slimverbruik_button, #pilot #pilotform_container .pilot_submit_button, #newsletter_container .row .webform-submission-form input.button {
  position: relative;
  padding: 0.7rem 1rem;
  line-height: 1;
  font-size: 1rem;
  font-weight: 500;
  color: #1d1d1b;
  border: none;
  background-color: unset;
  border-radius: 4rem;
  transition: background-color 0.3s ease;
  text-decoration: none;
  z-index: 1;
  overflow: hidden;
}
.slimverbruik_button.small, #pilot #pilotform_container .small.pilot_submit_button, #newsletter_container .row .webform-submission-form input.small.button {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  font-size: 1rem !important;
}
.slimverbruik_button.small:after, #pilot #pilotform_container .small.pilot_submit_button:after, #newsletter_container .row .webform-submission-form input.small.button:after {
  width: 1.5rem !important;
  top: 0.25rem !important;
}
.slimverbruik_button.black, #pilot #pilotform_container .black.pilot_submit_button, #newsletter_container .row .webform-submission-form input.black.button {
  background-color: transparent;
  color: #1D1D1B;
  border: 2px solid black;
}
.slimverbruik_button.black.arrow_down.small, #pilot #pilotform_container .black.arrow_down.small.pilot_submit_button, #newsletter_container .row .webform-submission-form input.black.arrow_down.small.button {
  padding-right: 2.5rem !important;
}
.slimverbruik_button.black.arrow_down:after, #pilot #pilotform_container .black.arrow_down.pilot_submit_button:after, #newsletter_container .row .webform-submission-form input.black.arrow_down.button:after {
  background-image: url("/themes/custom/slimverbruik/images/icon-arrow-down-black.svg");
}
.slimverbruik_button.black.arrow_right.small, #pilot #pilotform_container .black.arrow_right.small.pilot_submit_button, #newsletter_container .row .webform-submission-form input.black.arrow_right.small.button {
  padding-right: 2.5rem !important;
}
.slimverbruik_button.black.arrow_right:after, #pilot #pilotform_container .black.arrow_right.pilot_submit_button:after, #newsletter_container .row .webform-submission-form input.black.arrow_right.button:after {
  background-image: url("/themes/custom/slimverbruik/images/icon-arrow-right-black.svg");
}
.slimverbruik_button.black:hover, #pilot #pilotform_container .black.pilot_submit_button:hover, #newsletter_container .row .webform-submission-form input.black.button:hover {
  background-color: rgba(236, 242, 255, 0.21);
}
.slimverbruik_button.white, #pilot #pilotform_container .white.pilot_submit_button, #pilot #pilotform_container #newsletter_container .row .webform-submission-form input.pilot_submit_button.button, #newsletter_container .row .webform-submission-form #pilot #pilotform_container input.pilot_submit_button.button, #newsletter_container .row .webform-submission-form input.button {
  background-color: white;
  color: #7066FF;
}
.slimverbruik_button.white.arrow_down.small, #pilot #pilotform_container .white.arrow_down.small.pilot_submit_button, #pilot #pilotform_container #newsletter_container .row .webform-submission-form input.arrow_down.small.pilot_submit_button.button, #newsletter_container .row .webform-submission-form #pilot #pilotform_container input.arrow_down.small.pilot_submit_button.button, #newsletter_container .row .webform-submission-form input.arrow_down.small.button {
  padding-right: 2.5em !important;
}
.slimverbruik_button.white.arrow_down:after, #pilot #pilotform_container .white.arrow_down.pilot_submit_button:after, #pilot #pilotform_container #newsletter_container .row .webform-submission-form input.arrow_down.pilot_submit_button.button:after, #newsletter_container .row .webform-submission-form #pilot #pilotform_container input.arrow_down.pilot_submit_button.button:after, #newsletter_container .row .webform-submission-form input.arrow_down.button:after {
  background-image: url("/themes/custom/slimverbruik/images/icon-arrow-down-mystiek.svg");
}
.slimverbruik_button.white.arrow_right.small, #pilot #pilotform_container .white.arrow_right.small.pilot_submit_button, #pilot #pilotform_container #newsletter_container .row .webform-submission-form input.arrow_right.small.pilot_submit_button.button, #newsletter_container .row .webform-submission-form #pilot #pilotform_container input.arrow_right.small.pilot_submit_button.button, #newsletter_container .row .webform-submission-form input.arrow_right.small.button {
  padding-right: 2.5em !important;
}
.slimverbruik_button.white.arrow_right:after, #pilot #pilotform_container .white.arrow_right.pilot_submit_button:after, #pilot #pilotform_container #newsletter_container .row .webform-submission-form input.arrow_right.pilot_submit_button.button:after, #newsletter_container .row .webform-submission-form #pilot #pilotform_container input.arrow_right.pilot_submit_button.button:after, #newsletter_container .row .webform-submission-form input.arrow_right.button:after {
  background-image: url("/themes/custom/slimverbruik/images/icon-arrow-right-mystiek.svg");
}
.slimverbruik_button.white:hover, #pilot #pilotform_container .white.pilot_submit_button:hover, #pilot #pilotform_container #newsletter_container .row .webform-submission-form input.pilot_submit_button.button:hover, #newsletter_container .row .webform-submission-form #pilot #pilotform_container input.pilot_submit_button.button:hover, #newsletter_container .row .webform-submission-form input.button:hover {
  background-color: #f3f2ff;
}
.slimverbruik_button.mistiek, #pilot #pilotform_container .pilot_submit_button, #newsletter_container .row .webform-submission-form input.mistiek.button {
  background-color: #8d85ff;
  color: #fff;
}
.slimverbruik_button.mistiek.arrow_down.small, #pilot #pilotform_container .arrow_down.small.pilot_submit_button, #newsletter_container .row .webform-submission-form input.mistiek.arrow_down.small.button {
  padding-right: 2.5rem !important;
}
.slimverbruik_button.mistiek.arrow_down:after, #pilot #pilotform_container .arrow_down.pilot_submit_button:after, #newsletter_container .row .webform-submission-form input.mistiek.arrow_down.button:after {
  background-image: url("/themes/custom/slimverbruik/images/icon-arrow-down-white.svg");
}
.slimverbruik_button.mistiek.arrow_right.small, #pilot #pilotform_container .arrow_right.small.pilot_submit_button, #newsletter_container .row .webform-submission-form input.mistiek.arrow_right.small.button {
  padding-right: 2.5rem !important;
}
.slimverbruik_button.mistiek.arrow_right:after, #pilot #pilotform_container .arrow_right.pilot_submit_button:after, #newsletter_container .row .webform-submission-form input.mistiek.arrow_right.button:after {
  background-image: url("/themes/custom/slimverbruik/images/icon-arrow-right-white.svg");
}
.slimverbruik_button.mistiek:hover, #pilot #pilotform_container .pilot_submit_button:hover, #newsletter_container .row .webform-submission-form input.mistiek.button:hover {
  background-color: #7066ff;
}

#slimverbruik_body_element p {
  margin-bottom: 0;
}
#slimverbruik_body_element .info_icon_container {
  position: relative;
}
#slimverbruik_body_element .info_icon_container .info_icon {
  position: absolute;
  content: "";
  background-image: url("/themes/custom/slimverbruik/images/icon-info-grijs.svg");
  top: -16%;
  right: -14%;
  background-repeat: no-repeat;
  width: 1.47rem;
  height: 1.47rem;
  cursor: pointer;
}
#slimverbruik_body_element .info_icon_container .tooltip_planbox {
  background-image: url("/themes/custom/slimverbruik/images/icon-info-paars.svg");
  top: 0.8rem;
  right: 0.2rem;
  width: 2rem;
  height: 2rem;
}
#slimverbruik_body_element .centering-col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-bottom: 2rem;
}
#slimverbruik_body_element .centering-col .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.5em;
  opacity: 0;
}
#slimverbruik_body_element .centering-col .red_background {
  background-image: linear-gradient(to bottom right, #FFC5C6, #FF697B, #FF1F23);
  transition: opacity 0.3s ease;
}
#slimverbruik_body_element .centering-col .green_background {
  background-image: linear-gradient(to bottom right, #D9ECEB, #84C3BE, #59AFA8);
  transition: opacity 0.3s ease;
}
#slimverbruik_body_element .centering-col .orange_background {
  background-image: linear-gradient(to bottom right, #FFCAA9, #FF7621, #FF7621, #FFBD51);
  transition: opacity 0.3s ease;
}
#slimverbruik_body_element .centering-col .appear_class {
  opacity: 1;
  transition: opacity 0.3s ease;
}
#slimverbruik_body_element .centering-col .usage_moment {
  display: flex;
  justify-content: center;
  border-radius: 1.5rem;
  position: relative;
}
#slimverbruik_body_element .centering-col .usage_moment .moment_explainer,
#slimverbruik_body_element .centering-col .usage_moment .explainer,
#slimverbruik_body_element .centering-col .usage_moment .timer,
#slimverbruik_body_element .centering-col .usage_moment .cta_button_container {
  z-index: 1;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction {
  position: relative;
  max-width: 33rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2rem;
  padding: 2rem 2rem 2.5rem;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .headliner {
  font-weight: 300;
  font-size: 1.5rem;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .graph_holder img {
  max-width: 100%;
  height: auto;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer {
  display: flex;
  justify-content: center;
  user-select: none;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .timer-card {
  border-radius: 0.3125rem;
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 4rem;
  text-align: center;
  padding: 0.5rem;
  line-height: 1;
  width: 3.4375rem;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .timer-card-green {
  color: #ffffff;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .timer-card-orange {
  color: #FF7621;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .timer-card-red {
  color: #F93663;
}
@media (max-width: 767px) {
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .timer-card {
    font-size: 9vw;
  }
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #separator {
    font-size: 9vw !important;
  }
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #hours,
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #minutes, #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #seconds {
  width: 35%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  column-gap: 0.6rem;
  row-gap: 0.6em;
}
@media (max-width: 575px) {
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #hours,
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #minutes,
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #seconds {
    column-gap: 0.2rem !important;
    width: calc(20% + 7vw);
  }
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .time-label {
    font-size: 3vw !important;
  }
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .timer-card {
    font-size: 7vw;
    width: 8vw;
    padding: 0.3em;
  }
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #separator {
    font-size: 7vw !important;
    line-height: 1.3 !important;
  }
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer .time-label {
  flex-basis: 100%;
  line-height: 1;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 300;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .timer #separator {
  width: 3%;
  font-size: 4rem;
  color: #1D1D1B;
  line-height: 1;
  text-align: center;
  font-weight: 300;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .moment_explainer {
  font-size: 2.4rem;
  line-height: 115%;
  font-weight: 300;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .moment_explainer .featured_moment {
  font-weight: 700;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .explainer {
  font-size: 1.2rem;
  font-weight: 300;
}
@media (max-width: 575px) {
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .moment_explainer {
    font-size: 8.3vw;
  }
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .explainer {
    font-size: 4.2vw;
  }
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .width_45 {
  width: 45%;
}
#slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .width_50 {
  width: 50%;
}
@media (max-width: 575px) {
  #slimverbruik_body_element .centering-col .usage_moment .usage_moment_max_restriction .cta_button {
    font-size: 3vw;
  }
}
#slimverbruik_body_element .second_row {
  flex-direction: row;
  column-gap: 1.5em;
  row-gap: 2em;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
#slimverbruik_body_element .second_row .plan_box_layout {
  padding: 1em;
}
#slimverbruik_body_element .second_row .plan_box {
  display: flex;
  flex: 0 0 calc(33.33% - 1.6rem);
  box-sizing: border-box;
  flex-direction: column;
  row-gap: 1em;
}
#slimverbruik_body_element .second_row .plan_box .planbox_title {
  font-weight: 500;
  font-size: 2rem;
  color: #000000;
  line-height: 1;
}
@media (max-width: 575px) {
  #slimverbruik_body_element .second_row .plan_box .planbox_title {
    font-size: 5.4vw;
  }
}
#slimverbruik_body_element .second_row .plan_box .planbox_title_explanation {
  font-weight: 300;
  font-size: 0.8rem;
  color: #1D1D1B;
}
#slimverbruik_body_element .second_row .plan_box .hour_selector {
  padding: 0.4em;
}
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container .hour_selector_slider {
  width: 25%;
  text-align: center;
  font-size: 0.88rem;
  color: #71727A;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  z-index: 1;
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container .hour_selector_slider:hover {
  background-color: #F3F2FF;
  border-radius: 1rem;
}
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container #hour3,
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container #hour6,
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container #hour9 {
  position: relative;
}
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container #hour3:after,
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container #hour6:after,
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container #hour9:after {
  position: absolute;
  content: "";
  height: 50%;
  top: 25%;
  right: -0.5px;
  width: 1px;
  background-color: #E5E3FF;
}
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container .selected_hour {
  animation: color-change 0.5s;
  color: #7066FF;
  font-weight: 600;
}
@keyframes color-change {
  0% {
    color: #71727A;
    font-weight: 300;
  }
  100% {
    color: #7066FF;
    font-weight: 600;
  }
}
#slimverbruik_body_element .second_row .plan_box .hour_selector .active_hour_selector_outer_container #active_hour_selector_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  background-color: #F3F2FF;
  border-radius: 1rem;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector {
  padding: 0.4em;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container .strategy_selector_slider {
  font-size: 0.6rem;
  width: 25%;
  text-align: center;
  color: #71727A;
  padding-bottom: 0.6rem;
  z-index: 1;
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container .strategy_selector_slider img {
  max-width: 100%;
  height: auto;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container .strategy_selector_slider:hover {
  background-color: #F3F2FF;
  border-radius: 1rem;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container #strategy1,
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container #strategy2,
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container #strategy3 {
  position: relative;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container #strategy1:after,
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container #strategy2:after,
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container #strategy3:after {
  position: absolute;
  content: "";
  height: 50%;
  top: 25%;
  right: -0.5px;
  width: 1px;
  background-color: #E5E3FF;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container .selected_strategy {
  animation: color-change 0.5s;
  color: #7066FF;
  font-weight: 600;
}
@keyframes color-change {
  0% {
    color: #71727A;
    font-weight: 300;
  }
  100% {
    color: #7066FF;
    font-weight: 600;
  }
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .active_strategy_selector_outer_container #active_strategy_selector_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
  height: 100%;
  background-color: #F3F2FF;
  border-radius: 1rem;
}
#slimverbruik_body_element .second_row .plan_box .strategy_selector .one_strategy_label {
  display: none;
  color: #7066FF;
  font-weight: 600;
  font-size: 0.75rem;
  padding-top: 0.3rem;
}
@media (max-width: 991px) {
  #slimverbruik_body_element .second_row .plan_box .strategy_selector .one_strategy_label {
    display: block;
  }
  #slimverbruik_body_element .second_row .plan_box .strategy_selector .strategy_label {
    display: none;
  }
}
@media (max-width: 767px) {
  #slimverbruik_body_element .second_row .plan_box .strategy_selector .one_strategy_label {
    display: none;
  }
  #slimverbruik_body_element .second_row .plan_box .strategy_selector .strategy_label {
    display: block;
  }
}
@media (max-width: 575px) {
  #slimverbruik_body_element .second_row .plan_box .strategy_selector .one_strategy_label {
    display: block;
  }
  #slimverbruik_body_element .second_row .plan_box .strategy_selector .strategy_label {
    display: none;
  }
}
#slimverbruik_body_element .second_row #plan_box3 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 calc(33.33% - 1.6rem);
}
#slimverbruik_body_element .second_row #plan_box3 #plan_box3_inhoud {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}
#slimverbruik_body_element .second_row #plan_box3 #plan_box3_inhoud .energy_value_icon img {
  width: 4em;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values #energy_hour_selector_container {
  position: relative;
  color: #7066ff;
  padding-bottom: 1rem;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 0.8rem;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values #energy_hour_selector_best {
  position: static;
  top: 0;
  left: 0;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values #energy_hour_selector {
  position: static;
  top: 0;
  left: 0;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values .energy_value_row {
  display: flex;
  column-gap: 1rem;
  flex-direction: row;
  align-items: center;
  font-size: 0.9rem;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values .energy_value_row img {
  width: 2.4rem;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values .energy_value_row .energy_value_container {
  position: relative;
  color: #71727a;
  font-size: 0.6rem;
}
#slimverbruik_body_element .second_row #plan_box3 #energy_values .energy_value_row .energy_value_container .energy_value
.energy_value_best {
  position: static;
  top: 0;
  left: 0;
}
@media (max-width: 1399px) {
  #slimverbruik_body_element .second_row #plan_je_verbruik,
  #slimverbruik_body_element .second_row #plan_box2 {
    flex: 0 0 calc(50% - 1.6rem);
  }
  #slimverbruik_body_element .second_row #plan_box3 {
    flex: 0 0 100%;
  }
  #slimverbruik_body_element .second_row #plan_box3 #plan_box3_inhoud {
    width: 50%;
  }
  #slimverbruik_body_element .second_row #plan_box3 #plan_box3_inhoud #energy_values {
    flex-direction: row;
  }
  #slimverbruik_body_element .second_row #plan_box3 #plan_box3_inhoud #energy_values .energy_value_row {
    flex: 1;
  }
  #slimverbruik_body_element .second_row #plan_box3 #plan_box3_inhoud .clock {
    height: 25vw;
  }
}
@media (max-width: 991px) {
  #slimverbruik_body_element .second_row #plan_box3_inhoud {
    width: 75% !important;
  }
  #slimverbruik_body_element .second_row #plan_box3_inhoud .clock {
    height: 35vw !important;
  }
}
@media (max-width: 767px) {
  #slimverbruik_body_element .second_row #plan_je_verbruik,
  #slimverbruik_body_element .second_row #plan_box2,
  #slimverbruik_body_element .second_row #plan_box3 {
    flex: 0 0 100%;
  }
  #slimverbruik_body_element .second_row #plan_box3_inhoud {
    width: 100% !important;
  }
  #slimverbruik_body_element .second_row #plan_box3_inhoud .clock {
    height: 50vw !important;
  }
}

@media (max-width: 575px) {
  #plan_box3_inhoud #energy_values {
    flex-direction: column !important;
  }
  #plan_box3_inhoud #energy_values .energy_value_row {
    flex: 1;
  }
}
@media (max-width: 767px) {
  #pilot {
    margin-top: 3rem !important;
  }
  #pilot .pilotform_row #pilotform_container {
    transform: unset !important;
  }
}
.tippy-box[data-theme~='slimverbruik_tooltip'] {
  margin: 1em;
  color: #FFFFFF;
  background-color: #7066FF;
  position: relative;
  padding: 2rem 0.5rem 1rem 0.5rem;
  border-radius: 1rem;
  font-size: 0.8rem;
  font-weight: 300;
}
.tippy-box[data-theme~='slimverbruik_tooltip']:after {
  content: "";
  position: absolute;
  background-image: url("/themes/custom/slimverbruik/images/icon-info-paars.svg");
  background-repeat: no-repeat;
  width: 1.47rem;
  height: 1.47rem;
  top: 0.5rem;
  right: 0.5rem;
}
.tippy-box[data-theme~='slimverbruik_tooltip'] .title {
  font-weight: 500;
}

.tippy-box[data-theme~='slimverbruik_icon_label'] {
  color: #FFFFFF;
  padding: 1rem;
  background-color: #7066FF;
  position: relative;
  border-radius: 1rem;
  font-size: 0.8rem;
  font-weight: 300;
}
.tippy-box[data-theme~='slimverbruik_icon_label'] .title {
  font-weight: 500;
}

.tippy-box[data-theme~='slimverbruik_icon_label'] {
  margin: 1em;
  padding: 0.5rem;
}

@media (max-width: 575px) {
  .tippy-box[data-theme~='slimverbruik_tooltip'],
  .tippy-box[data-theme~='slimverbruik_icon_label'] {
    font-size: calc(0.8rem * 0.5 + 3vw * 0.5);
  }
}
.paragraph > .paragraph__column {
  padding-bottom: 3em;
  overflow: hidden;
}
.paragraph > .paragraph__column .row {
  align-items: center;
}

#clocks_container {
  width: 100%;
}
#clocks_container .clock {
  width: auto;
  height: 17.8vw;
}
@media (min-width: 1400px) {
  #clocks_container .clock {
    height: 14rem;
  }
}

#sliders {
  display: none;
}
#sliders #horizontal_slider_container {
  flex-direction: column;
  padding: 1rem;
  margin: 0.7rem;
}
#sliders #horizontal_slider_container .slider_container {
  display: flex;
  align-items: center;
  row-gap: 1rem;
  font-size: 0.9rem;
  font-weight: 800;
  color: #7066FF;
}
#sliders #horizontal_slider_container .slider_container .slider_name {
  min-width: 4rem;
}
#sliders #horizontal_slider_container .slider_container .slider_name img {
  width: 3rem;
}
#sliders #horizontal_slider_container .slider_container .slider_name.slider_disabled img {
  opacity: 0.3;
}
#sliders #horizontal_slider_container .slider_container .slider_percentage_container {
  min-width: 1.75rem;
  display: flex;
}
#sliders #horizontal_slider_container .slider_container .slider_percentage_container .slider_percentage {
  color: #7066FF;
}
#sliders #horizontal_slider_container .slider_container .slider_percentage_container.slider_disabled {
  color: rgba(112, 102, 255, 0.3);
}
#sliders #horizontal_slider_container .slider_container .slider_percentage_container.slider_disabled .slider_percentage {
  color: rgba(112, 102, 255, 0.3);
}
#sliders #horizontal_slider_container .slider_container .horizontal_slider,
#sliders #horizontal_slider_container .slider_container .horizontal_slider_disabled {
  display: block;
  margin-left: 1rem;
  margin-right: 1rem;
  font-size: 1.5rem;
  width: 100%;
  cursor: pointer;
  height: 0.5rem;
  border-color: #7066FF;
}
#sliders #horizontal_slider_container .slider_container .horizontal_slider .ui-slider-handle,
#sliders #horizontal_slider_container .slider_container .horizontal_slider_disabled .ui-slider-handle {
  width: 1.3rem;
  height: 1.3rem;
  top: -0.5rem;
  margin-left: -.6rem;
  border-radius: 1rem;
  background-color: #ECF2FF;
}

#pilot {
  background-color: #FFFBF4;
  margin-top: 6rem;
}
#pilot .pilotform_title h2 {
  font-size: 1.6rem;
  font-weight: 700;
}
#pilot #pilotform_textblock {
  font-size: 0.8rem;
  padding-top: 3em;
}
#pilot #pilotform_textblock .pilotform_header1 {
  font-weight: 600;
  color: #E58E00;
  font-size: 0.88rem;
  margin-bottom: 1.5rem;
}
#pilot #pilotform_textblock .pilotform_header2 {
  font-weight: 700;
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
}
#pilot #pilotform_textblock .spanbold {
  font-weight: 600;
}
#pilot #pilotform_textblock .p1 {
  font-weight: 500;
}
#pilot #pilotform_textblock .p2, #pilot #pilotform_textblock .p3 {
  font-weight: 300;
}
#pilot #pilotform_container {
  background-color: white;
  border-radius: 1rem;
  padding: 1rem 2rem;
  box-shadow: 0 8px 32px -8px #00000033;
  transform: translateY(-3em);
}
#pilot #pilotform_container .webform-terms-of-service-details {
  border-radius: 1rem;
  color: #71727a;
  font-size: 0.8rem;
}
#pilot #pilotform_container .webform-terms-of-service-details h3 {
  font-size: 0.8rem;
}
#pilot #pilotform_container .pilotform_section_label {
  font-size: 1rem;
  padding-bottom: 1rem;
  padding-top: 0.5rem;
  font-weight: 500;
}
#pilot #pilotform_container .webform-flexbox {
  margin: 0 !important;
  column-gap: 1rem;
}
#pilot #pilotform_container .webform-flexbox .webform-flex--container {
  margin: 0;
}
#pilot #pilotform_container .pilotform_horizontal_line {
  padding-top: 1rem;
}
#pilot #pilotform_container label {
  padding-bottom: 0.2rem;
  font-size: 0.7rem;
  font-weight: 500;
}
#pilot #pilotform_container .pilot_submit_button {
  background-image: none;
}

.paragraph--type--custom-page-header {
  border-radius: 1em;
  overflow: hidden;
}
.paragraph--type--custom-page-header .paragraph--page-header {
  background-color: #e5e3ff;
  justify-content: center;
}
.paragraph--type--custom-page-header .paragraph--page-header .subheader {
  color: #7066FF;
  font-weight: 600;
  font-size: 0.88rem;
}
.paragraph--type--custom-page-header .paragraph--page-header-background img {
  max-width: 100%;
  height: auto;
}
.paragraph--type--custom-page-header .paragraph--page-header-content {
  z-index: 0;
}

.footer_link, #slimverbruik_footer #featured_row .featured_row_col a, #slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_menu_column ul li a {
  color: #313131;
  text-decoration: none;
}
.footer_link:hover, #slimverbruik_footer #featured_row .featured_row_col a:hover, #slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_menu_column ul li a:hover {
  color: #858585 !important;
}

#slimverbruik_footer {
  background-color: #FFF0D7;
}
#slimverbruik_footer #featured_row {
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  column-gap: 3rem;
  background-color: white;
  padding: 1rem 2rem 1rem 1rem;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
  border-radius: 1.2rem;
  justify-self: center;
  transform: translateY(-50%);
  width: 100%;
}
#slimverbruik_footer #featured_row .featured_row_col {
  width: auto;
  font-size: 0.8rem;
  font-weight: 600;
  color: #313131;
}
#slimverbruik_footer #featured_row .featured_row_col a {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
#slimverbruik_footer #featured_row .featured_row_col img {
  width: 9rem;
}
#slimverbruik_footer #featured_row .featured_row_col.last_col {
  text-align: right;
}
#slimverbruik_footer #featured_row .featured_row_col .social_media {
  display: flex;
  column-gap: 1rem;
  font-size: 1rem;
  height: 1.7rem;
}
#slimverbruik_footer #featured_row .featured_row_col.social_media_icons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#slimverbruik_footer #featured_row .featured_row_col.social_media_icons .social_media_icon_container {
  background-color: #FFAC24;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  padding: 0.4em;
  cursor: pointer;
  line-height: 0.7rem;
}
#slimverbruik_footer #featured_row .featured_row_col.social_media_icons .social_media_icon_container:hover {
  background-color: #dd8d01;
}
#slimverbruik_footer #featured_row .featured_row_col.social_media_icons .social_media_icon_container img {
  height: 0.9rem;
  width: 0.9rem;
}
#slimverbruik_footer #featured_row .feature_row_col_links {
  display: flex;
  column-gap: 3em;
  align-items: center;
  flex: 1;
}
#slimverbruik_footer #featured_row .featured_row_right_side {
  width: auto;
  display: flex;
  flex: 1;
}
@media (max-width: 1199px) {
  #slimverbruik_footer #featured_row {
    column-gap: 1rem;
  }
}
@media (max-width: 991px) {
  #slimverbruik_footer #featured_row {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  #slimverbruik_footer #featured_row .feature_row_col_links {
    flex-direction: column;
  }
  #slimverbruik_footer .footer_row_header div {
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-bottom: 1rem;
  }
}
@media (max-width: 575px) {
  #slimverbruik_footer #featured_row {
    width: 75% !important;
  }
  #slimverbruik_footer .footer_row_col {
    position: relative;
  }
  #slimverbruik_footer .footer_row_col.divider:after {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 95%;
    height: 1px;
    background-color: #FFF0D7;
    justify-self: anchor-center;
  }
  #slimverbruik_footer .footer_column_container {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }
}
#slimverbruik_footer .footer_row .footer_row_header {
  color: #1D1D1B;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: left;
  line-height: 1;
  display: flex;
  flex-direction: column;
  row-gap: 0.3rem;
  align-items: start;
}
#slimverbruik_footer .footer_row .footer_row_header div {
  display: flex;
  flex-direction: column;
}
#slimverbruik_footer .footer_row .footer_row_col {
  display: flex;
}
#slimverbruik_footer .footer_row .footer_row_col .footer_column_container h3 {
  font-size: 0.85rem;
}
#slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_menu_column {
  font-size: 0.85rem;
  padding-top: 1rem;
}
#slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_menu_column ul {
  flex-direction: column;
}
#slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_menu_column ul li a {
  padding: 0 0 0.5rem;
}
#slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_horizontal_menu_column {
  font-size: 0.62rem;
}
#slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_horizontal_menu_column ul {
  flex-direction: row;
  column-gap: 0.5rem;
}
#slimverbruik_footer .footer_row .footer_row_col .footer_column_container .footer_horizontal_menu_column ul li a {
  padding: 0 0 0.6rem;
  color: #313131;
}
#slimverbruik_footer .footer_row .footer_row_col.copy_disclaimer {
  font-size: 0.62rem;
  color: #313131;
}
#slimverbruik_footer .footer_row .footer_row_col.footer_row_left {
  justify-content: left;
}

@media (max-width: 767px) {
  #slimverbruik_footer .footer_row.top_row {
    margin-top: -4rem;
  }
  #slimverbruik_footer #featured_row {
    flex-direction: column;
    width: 50%;
    row-gap: 1rem;
  }
  #slimverbruik_footer #featured_row .featured_row_right_side {
    flex-direction: column;
    row-gap: 1.7rem;
  }
  #slimverbruik_footer #featured_row .social_media_icons {
    justify-content: center !important;
  }
}
.site-footer {
  font-family: "Inter", "Noto Color Emoji", serif !important;
}

.site-footer__bottom {
  margin-top: 0;
  border: none;
}
.site-footer__bottom .region {
  margin-top: 0;
}

body:not(.page-node-1) .footer_spacing_top {
  margin-top: 3rem;
}

body.page-node-1 .footer_spacing_top {
  margin-top: -0.5rem;
}
body.page-node-1 #pilot {
  padding-bottom: 3rem;
}
@media (max-width: 767px) {
  body.page-node-1 #pilot {
    padding-bottom: 9rem;
  }
}

.slimverbruik_header .field--name-field-subtitle {
  color: #7066FF;
  font-size: 1.1rem;
  font-weight: 600;
}
.slimverbruik_header .field--name-field-title {
  padding: 0.375rem 0;
}
.slimverbruik_header .introduction {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

ol.breadcrumb {
  padding-top: 2rem;
  font-size: 0.9rem;
}
ol.breadcrumb li.breadcrumb-item:not(:first-child) {
  padding-left: 0;
}
ol.breadcrumb li.breadcrumb-item:not(:first-child):before {
  content: ">";
  padding-left: 1em;
  padding-right: 1em;
}
ol.breadcrumb .active {
  color: #313131 !important;
}

.contact_text_block h3 {
  font-size: 0.85rem;
  color: #7066FF;
  padding-top: 1.5rem;
}
.contact_text_block p {
  font-size: 1.2rem;
  padding-top: 1.5rem;
}
.contact_text_block .paragraph__column {
  padding-bottom: 1.5rem;
}

.contact-paragraph-form #info_block_container {
  flex-direction: column;
}
@media (max-width: 767px) {
  .contact-paragraph-form #info_block_container {
    flex-direction: row;
  }
}
.contact-paragraph-form .info_block {
  display: flex;
  padding-bottom: 2rem;
  flex-direction: column;
}
.contact-paragraph-form .info_block .info_block_header {
  font-weight: 600;
  font-size: 1.42rem;
  padding-bottom: 0.5rem;
}
.contact-paragraph-form .info_block .info_block_text {
  font-weight: 300;
  font-size: 1rem;
  padding-bottom: 0.3rem;
}
.contact-paragraph-form .info_block .info_block_text.title {
  font-weight: 500;
}
.contact-paragraph-form .info_block .info_block_text.space {
  padding-bottom: 1rem;
}
.contact-paragraph-form .info_block .info_block_text.with_icon {
  display: flex;
  column-gap: 0.5rem;
}
.contact-paragraph-form .info_block .adres_blocks {
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .contact-paragraph-form .info_block .adres_blocks {
    flex-direction: row;
    column-gap: 2rem;
  }
}
@media (max-width: 575px) {
  .contact-paragraph-form .info_block .adres_blocks {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .contact-paragraph-form .last_info_block {
    padding-bottom: 0 !important;
  }
}
.contact-paragraph-form form {
  background-color: #E8E7FF;
  border-radius: 1rem;
  padding: 1rem;
}
.contact-paragraph-form form input,
.contact-paragraph-form form textarea {
  border-radius: 1.25rem;
}
.contact-paragraph-form form label {
  font-size: 0.8rem;
  color: #8570DD;
  font-weight: 500;
  padding-bottom: 0.3rem;
}
.contact-paragraph-form form .pilot_submit_button {
  margin-top: 1rem;
  background-color: #7066FF;
  border-radius: 1.2rem;
  background-image: none;
  border: 0;
  font-size: 0.8rem;
}
.contact-paragraph-form form .pilot_submit_button:hover {
  background-color: #5b50fa;
}

#team_container {
  background-color: #E8E7FF;
  width: 100%;
  border-radius: 1.25rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 6rem;
  text-align: center;
  color: #313131;
}
#team_container .teammember_container {
  row-gap: 2rem;
}
#team_container .teammember_container .teammember_image {
  padding-bottom: 1em;
}
#team_container .teammember_container .teammember_name {
  font-weight: 500;
  font-size: 1rem;
}
#team_container .teammember_container .teammember_function {
  font-weight: 300;
  font-size: 0.8rem;
  padding-bottom: 1rem;
}
#team_container .teammember_container .teammember_contact {
  font-weight: 300;
  font-size: 1rem;
}

@media (max-width: 1199px) {
  #team_container {
    width: 75%;
  }
}
@media (max-width: 991px) {
  #team_container {
    width: 75%;
  }
}
@media (max-width: 767px) {
  #team_container {
    width: 100%;
  }
}
@media (max-width: 575px) {
  #team_container {
    width: 100%;
  }
}
#ook_aan_de_slag {
  background-color: #8570DD;
}
#ook_aan_de_slag > .container-xxl > .row {
  column-gap: 3em;
}
#ook_aan_de_slag > .container-xxl > .row img {
  max-width: 100%;
  height: auto;
}
#ook_aan_de_slag > .container-xxl > .row .d-flex {
  flex-direction: column;
  row-gap: 2em;
}
#ook_aan_de_slag > .container-xxl > .row h2 {
  color: #FFFFFF;
  font-weight: 700;
  font-size: 2.4rem;
}
#ook_aan_de_slag > .container-xxl > .row p {
  font-weight: 400;
  font-size: 1.2rem;
  color: #FFFFFF;
}

@media (max-width: 767px) {
  #ook_aan_de_slag {
    padding-bottom: 6rem;
  }
  #ook_aan_de_slag .prefooter_content {
    text-align: center;
  }
}
#api-uitleg .api-table th {
  background: #7066ff;
}

#newsletter_container {
  background-color: #7066ff;
}
#newsletter_container .row {
  color: white;
  align-items: center;
  padding: 2rem;
  margin-left: auto;
  margin-right: auto;
  row-gap: 2rem;
  flex-direction: column;
}
#newsletter_container .row .oneliner {
  text-align: center;
  font-weight: 500;
}
#newsletter_container .row .webform-submission-form {
  display: flex;
  column-gap: 2rem;
}
#newsletter_container .row .webform-submission-form .js-form-type-email,
#newsletter_container .row .webform-submission-form #edit-actions {
  margin-bottom: 0 !important;
  align-self: center;
}
#newsletter_container .row .webform-submission-form input {
  color: #7066ff;
  border-radius: 3rem;
}
#newsletter_container .row .webform-submission-form input.button {
  background-image: none;
}
@media (max-width: 767px) {
  #newsletter_container .row .row {
    width: 100%;
  }
  #newsletter_container .row .row .webform-submission-form {
    row-gap: 2rem;
  }
}
@media (max-width: 575px) {
  #newsletter_container .row .webform-submission-form {
    flex-direction: column;
    row-gap: 2rem;
  }
}

.img-rounded-border .field--type-entity-reference {
  margin: 0;
}
.img-rounded-border .field--type-entity-reference img {
  border-radius: 1rem;
}

.field--type-entity-reference {
  margin: 0;
  padding: 0;
}

.field--type-media-image img {
  width: 100%;
  height: auto;
  max-width: unset;
}

.field--name-field-media-image {
  border: 1px solid #ffffff00;
  border-radius: 1em;
  overflow: hidden;
}

/*# sourceMappingURL=styles.css.map */