@charset "UTF-8";
/* =======================================================================
## ++ Media Queries
========================================================================== */
/* =======================================================================
## ++ Text styles
========================================================================== */
/* =======================================================================
## ++ END Text styles
========================================================================== */
p, li, td {
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  p, li, td {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  p, li, td {
    font-size: 22px;
  }
}

a {
  color: inherit;
}

.ui-widget-content a {
  color: inherit;
}

.knop a {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .knop a {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .knop a {
    font-size: 22px;
  }
}
.knop a {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .knop a {
    line-height: 70px;
  }
}
.knop a:hover {
  background-color: white;
}

* {
  box-sizing: border-box;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden;
}

body {
  font-family: "Nunito Sans", sans-serif;
  color: #c9d2c4;
  background-color: #354F52;
  padding: 80px 0 0 0;
  font-size: 16px;
  margin: 0;
}
@media screen and (min-width: 960px) {
  body {
    padding: 0 0 0 0;
  }
}
body strong {
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
}
body b {
  font-family: "Nunito Sans", sans-serif;
}

img {
  width: 100%;
  height: auto;
}

.hidden {
  display: none;
}

iframe {
  width: 100%;
}

h1 br, h2 br, h3 br {
  display: none;
}
@media screen and (min-width: 768px) {
  h1 br, h2 br, h3 br {
    display: block;
  }
}

.path-node #content {
  padding-top: 50px;
}

.rouwformulier .webform-readonly {
  display: none;
}
.rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor {
  justify-content: flex-start;
  margin-bottom: 50px;
}
.rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor label, .rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor input {
  background-color: transparent;
  color: #c9d2c4;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor label, .rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor input {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor label, .rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor input {
    font-size: 22px;
  }
}
.rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor label, .rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor input {
  margin: 0;
  padding: 0;
  width: fit-content;
  display: inline-block;
  white-space: nowrap;
}
.rouwformulier .webform-readonly.form-item-ik-wens-bloemen-te-bestellen-voor input {
  font-weight: bold;
}
.rouwformulier .geselecteerd a {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .rouwformulier .geselecteerd a {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .rouwformulier .geselecteerd a {
    font-size: 22px;
  }
}
.rouwformulier .geselecteerd a {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .rouwformulier .geselecteerd a {
    line-height: 70px;
  }
}
.rouwformulier .geselecteerd a:hover {
  background-color: white;
}
.rouwformulier .geselecteerd a {
  font-size: 20px !important;
}

.thecontent .geselecteerd {
  width: 300px;
  display: inline-block;
}

#bloemistnaam, #bloemistmail {
  display: none;
}

.value-bloem01 h2 {
  color: blue;
}

.value-bloem02 h2 {
  color: green;
}

.value-bloem03 h2 {
  color: red;
}

.selected-item {
  opacity: 0.4;
}

#block-telecaster-zichtbaarformuliercondolatiespdf-1 #webform-submission-field-filter {
  display: none;
}

.page-node-type-rouwbericht #page-title {
  font-family: "Nunito Sans", sans-serif;
  margin-top: 0;
  font-size: 21px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .page-node-type-rouwbericht #page-title {
    font-size: 3.8vw;
    margin-bottom: 1.5vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-type-rouwbericht #page-title {
    font-size: 55px;
    margin-bottom: 20px;
  }
}
.page-node-type-rouwbericht #page-title {
  margin-top: 0;
}
.page-node-type-rouwbericht .maincontent {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.page-node-type-rouwbericht .maincontent .topcontent {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
.page-node-type-rouwbericht .maincontent .topcontent .foto {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .page-node-type-rouwbericht .maincontent .topcontent .foto {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .page-node-type-rouwbericht .maincontent .topcontent .foto {
    width: 220px;
  }
}
.page-node-type-rouwbericht .maincontent .topcontent .foto img {
  border-radius: 50%;
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo {
  padding: 0 0 0 5vw;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo {
    width: calc(100% - 250px);
  }
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums {
  display: flex;
  justify-content: flex-start;
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .geboren time {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .geboren time {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .geboren time {
    font-size: 33px;
  }
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .geboren time {
  padding-left: 0px;
  padding-right: 50px;
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .geboren time:before {
  font-size: 12px;
  content: "⚬";
  display: inline-block;
  padding-right: 10px;
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .overleden time {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .overleden time {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .overleden time {
    font-size: 33px;
  }
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .overleden time {
  padding-left: 0px;
  padding-right: 50px;
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .datums .overleden time:before {
  font-size: 18px;
  content: "♱ ";
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo .deinfotekst p {
  max-width: 800px;
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo #bestel, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleer, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleerz {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo #bestel, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleer, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleerz {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo #bestel, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleer, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleerz {
    font-size: 22px;
  }
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo #bestel, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleer, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleerz {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .page-node-type-rouwbericht .maincontent .topcontent .topinfo #bestel, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleer, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleerz {
    line-height: 70px;
  }
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo #bestel:hover, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleer:hover, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleerz:hover {
  background-color: white;
}
.page-node-type-rouwbericht .maincontent .topcontent .topinfo #bestel, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleer, .page-node-type-rouwbericht .maincontent .topcontent .topinfo #condoleerz {
  display: none;
  margin-right: 20px;
}
.page-node-type-rouwbericht .maincontent .gdoc-field {
  margin-left: 0%;
  margin-right: 0%;
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px solid black;
  height: unset;
}

.faq {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.faq {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  .faq {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .faq {
    margin: 100px auto;
  }
}
.faq {
  margin-top: 20px;
}
.faq .views-row .views-row {
  border-bottom: 2px solid #c9d2c4;
}
.faq .views-field-body {
  padding-bottom: 30px;
}

.ui-widget {
  font-family: "Nunito Sans", sans-serif;
}

.ui-widget-content {
  color: #c9d2c4;
}

.ui-accordion .ui-accordion-content {
  padding: 0 0 2em 0;
  overflow: auto;
  border: none;
  background-color: transparent;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0;
  background: transparent;
  font-weight: normal;
  color: #354F52;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  text-decoration: none;
  font-weight: bold;
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #c9d2c4;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 0;
  background: transparent;
  font-weight: normal;
  color: #354F52;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #c9d2c4;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-bottom-right-radius: 0px;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  font-size: 100%;
  padding: 20px 0px 20px 0;
}
.ui-accordion .ui-accordion-header::after {
  display: block;
  content: "";
  clear: both;
}
@media screen and (min-width: 768px) {
  .ui-accordion .ui-accordion-header {
    padding: 20px 0px 20px 0;
  }
}
@media screen and (min-width: 1024px) {
  .ui-accordion .ui-accordion-header {
    padding: 40px 0px 40px 0;
  }
}
@media screen and (min-width: 1180px) {
  .ui-accordion .ui-accordion-header {
    padding: 40px 0px 40px 0;
  }
}
.ui-accordion .ui-accordion-header .field-content {
  display: inline-block;
  padding-right: 40px;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  float: right;
  width: 30px;
  height: 30px;
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background: url(../img/minus.svg) center center no-repeat !important;
  background-size: 50px;
  position: absolute;
  right: 0;
  display: block;
  overflow: visible;
  text-indent: 0;
}
.ui-state-active .ui-icon:before, .ui-button:active .ui-icon:before {
  position: absolute;
  content: "klap dicht";
  top: 0;
  right: 50px;
  color: #c9d2c4;
  width: 200px;
  text-align: right;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .ui-state-active .ui-icon:before, .ui-button:active .ui-icon:before {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .ui-state-active .ui-icon:before, .ui-button:active .ui-icon:before {
    font-size: 22px;
  }
}
.ui-state-active .ui-icon:before, .ui-button:active .ui-icon:before {
  font-weight: bold;
  display: none;
}
@media screen and (min-width: 600px) {
  .ui-state-active .ui-icon:before, .ui-button:active .ui-icon:before {
    display: inline-block;
  }
}

.ui-icon, .ui-widget-content .ui-icon {
  background: url(../img/plus.svg) center center no-repeat !important;
  background-size: 50px;
  position: absolute;
  right: 0;
  display: block;
  overflow: visible;
  text-indent: 0;
}
.ui-icon:before, .ui-widget-content .ui-icon:before {
  position: absolute;
  content: "lees meer";
  top: 0;
  right: 50px;
  color: #c9d2c4;
  width: 200px;
  text-align: right;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .ui-icon:before, .ui-widget-content .ui-icon:before {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .ui-icon:before, .ui-widget-content .ui-icon:before {
    font-size: 22px;
  }
}
.ui-icon:before, .ui-widget-content .ui-icon:before {
  font-weight: bold;
  display: none;
}
@media screen and (min-width: 600px) {
  .ui-icon:before, .ui-widget-content .ui-icon:before {
    display: inline-block;
  }
}

.flexslider {
  margin: 0 0 60px;
  background: transparent;
  border: 0px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: "" 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .flex-direction-nav a, .flexslider .flex-direction-nav a {
  display: block;
  opacity: 0;
}

.flex-direction-nav a::before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: "\f001";
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: "<";
  color: white;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next::before {
  content: ">";
}

.flex-direction-nav .flex-next {
  right: 20px;
  text-align: right;
}

.flex-direction-nav .flex-prev {
  left: 20px;
}

.views-field-body ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.views-field-body ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}

.views-exposed-form ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.views-exposed-form ul li {
  display: inline-block;
  padding: 0 20px 0 0;
}
.views-exposed-form ul li a {
  text-decoration: none;
  display: inline-block;
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .views-exposed-form ul li a {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .views-exposed-form ul li a {
    font-size: 22px;
  }
}
.views-exposed-form ul li a {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .views-exposed-form ul li a {
    line-height: 70px;
  }
}
.views-exposed-form ul li a:hover {
  background-color: white;
}
.views-exposed-form ul li a {
  margin: 5px 0;
}

a#bestel, a#condoleer {
  display: none;
}

.region-toptop .rinner {
  margin: 0 auto;
  width: 1920px;
  max-width: 94vw;
}
.region-toptop .rinner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 150px;
}
.region-toptop .rinner img {
  width: 200px;
  height: auto;
}

.toptopcontact p {
  font-size: 16px;
}
.toptopcontact a {
  color: white;
  text-decoration: none;
}

.region-topheader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #445c5d;
  border-bottom: #445c5d 1px solid;
}
@media screen and (min-width: 960px) {
  .region-topheader {
    position: relative;
    border-bottom: #445c5d 0px solid;
  }
}
.region-topheader .rinner {
  margin: 0 auto;
  width: 1920px;
  max-width: 94vw;
}
.region-topheader .rinner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
@media screen and (min-width: 960px) {
  .region-topheader .rinner {
    height: 80px;
  }
}
.region-topheader .rinner .navlogo {
  width: 240px;
  text-align: center;
  display: none;
}
.region-topheader .rinner .navlogo::after {
  display: block;
  content: "";
  clear: both;
}
.region-topheader .rinner .navlogo a {
  display: inline-block;
}
.region-topheader .rinner .navlogo a::after {
  display: block;
  content: "";
  clear: both;
}
.region-topheader .rinner .navlogo a {
  float: left;
}
.region-topheader .rinner .navlogo img {
  width: 140px;
  height: auto !important;
  float: left;
}
@media screen and (min-width: 960px) {
  .region-topheader .rinner .navlogo img {
    width: 240px;
    height: auto !important;
    float: left;
  }
}
.region-topheader .rinner .navnav {
  display: none;
}
@media screen and (min-width: 960px) {
  .region-topheader .rinner .navnav {
    display: block;
  }
}
.region-topheader .rinner .navnav ul:not(.contextual-links) {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) li {
  padding: 0 0px;
}
@media screen and (min-width: 1024px) {
  .region-topheader .rinner .navnav ul:not(.contextual-links) li {
    height: 80px;
  }
}
.region-topheader .rinner .navnav ul:not(.contextual-links) li a {
  color: #c9d2c4;
  text-decoration: none;
  font-family: "Nunito Sans", sans-serif;
  display: inline-block;
  padding: 0 20px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 80px;
  font-size: 13px;
}
@media screen and (min-width: 960px) {
  .region-topheader .rinner .navnav ul:not(.contextual-links) li a {
    padding: 0 10px;
  }
}
@media screen and (min-width: 1024px) {
  .region-topheader .rinner .navnav ul:not(.contextual-links) li a {
    padding: 0 15px;
    font-size: 13px;
  }
}
@media screen and (min-width: 1180px) {
  .region-topheader .rinner .navnav ul:not(.contextual-links) li a {
    padding: 0 16px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1440px) {
  .region-topheader .rinner .navnav ul:not(.contextual-links) li a {
    font-size: 17px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1600px) {
  .region-topheader .rinner .navnav ul:not(.contextual-links) li a {
    padding: 0 30px;
  }
}
.region-topheader .rinner .navnav ul:not(.contextual-links) li a.is-active {
  background-color: transparent;
  color: white;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) li a:hover {
  text-decoration: underline;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) li:first-child a {
  padding-left: 0;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) li:last-child {
  display: none;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) ul {
  background-color: #445c5d;
  max-width: 250px;
  padding: 20px 0;
  border-radius: 20px;
  top: 80px;
  left: 20px;
  height: auto;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) ul li {
  max-width: 250px;
  height: 40px;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) ul li a {
  padding: 0 30px !important;
  line-height: 40px;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) ul li a:hover {
  text-decoration: underline;
}
.region-topheader .rinner .navnav ul:not(.contextual-links) ul li:last-child {
  display: block;
}
.region-topheader .rinner .navnav ul.sf-menu .sf-sub-indicator {
  display: none;
  height: 1em;
  line-height: 9999px;
  opacity: 0.75;
  overflow: hidden;
  position: absolute;
  right: 4px;
  speak: none;
  text-indent: -9999px;
  top: 21px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
}
.region-topheader .rinner .navnav ul.sf-menu .sf-sub-indicator:after {
  content: "▼";
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  top: 0;
  font-size: 15px;
}

#block-telecaster-contactnav {
  display: none;
}
@media screen and (min-width: 960px) {
  #block-telecaster-contactnav {
    display: inline-block;
  }
}
#block-telecaster-contactnav a.contact {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  #block-telecaster-contactnav a.contact {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  #block-telecaster-contactnav a.contact {
    font-size: 22px;
  }
}
#block-telecaster-contactnav a.contact {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  #block-telecaster-contactnav a.contact {
    line-height: 70px;
  }
}
#block-telecaster-contactnav a.contact:hover {
  background-color: white;
}
#block-telecaster-contactnav a.contact {
  line-height: 40px !important;
  text-transform: uppercase;
  font-size: 16px !important;
}

#block-telecaster-menutrigger {
  display: block;
  width: 40px;
}
@media screen and (min-width: 960px) {
  #block-telecaster-menutrigger {
    display: none;
  }
}

#menu-trigger {
  height: 55px;
  width: 40px;
  z-index: 910;
  position: relative;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  #menu-trigger {
    display: none;
  }
}

#hamburger {
  position: absolute;
  height: 40px;
  width: 40px;
  top: 7px;
  left: 0px;
  display: inline-block;
  cursor: pointer;
}
#hamburger span {
  height: 2px;
  background-color: #c9d2c4;
  display: inline-block;
  width: 30px;
}
@media screen and (min-width: 960px) {
  #hamburger span {
    width: 60px;
  }
}
#hamburger span.toe {
  background-color: #c9d2c4;
}
#hamburger #upperline {
  position: absolute;
  left: 5px;
  top: 19px;
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
#hamburger #upperline.toe {
  top: 10px;
  transform: rotate(0deg);
}
#hamburger #middleline {
  position: absolute;
  top: 19px;
  left: 5px;
  visibility: hidden;
}
#hamburger #middleline.toe {
  visibility: visible;
}
#hamburger #bottomline {
  position: absolute;
  left: 5px;
  top: 19px;
  transform: rotate(-45deg);
  transition: all 0.3s ease;
  max-width: 60px;
}
#hamburger #bottomline.toe {
  max-width: 40px;
  top: 28px;
  transform: rotate(0deg);
}
#hamburger:hover #bottomline {
  max-width: 60px;
}
.mobmenu {
  position: fixed;
  top: 81px;
  bottom: 0;
  left: -110vw;
  right: 110vw;
  background-color: white;
  z-index: 100000;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .mobmenu {
    display: none;
  }
}
.mobmenu.open {
  top: 81px;
  bottom: 0;
  left: 0;
  right: 0;
}
.mobmenu .minner {
  position: absolute;
  background-color: #354F52;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #c9d2c4;
  display: flex;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  justify-content: flex-start;
  overflow-y: scroll;
}
.mobmenu ul {
  list-style-type: none;
  padding: 0 0 100px 0;
  margin: 0;
  width: 100%;
}
.mobmenu ul ul {
  padding: 0 0 0 0;
}
.mobmenu ul li {
  border-bottom: 1px solid #445c5d;
}
.mobmenu ul li a {
  line-height: 50px;
  text-transform: lowercase;
  color: #c9d2c4;
  text-decoration: none;
  font-size: 25px;
}
.mobmenu ul li li {
  padding-left: 30px;
}

@media screen and (min-width: 960px) {
  .scrol {
    padding-top: 195px;
  }
  .scrol #toptop {
    display: none;
  }
  .scrol .region-topheader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 501;
    border-bottom: #445c5d 1px solid;
    transition: all 0.3s ease;
  }
  .scrol .region-topheader .rinner {
    height: 80px;
  }
  .scrol .region-topheader .rinner .navnav ul:not(.contextual-links) {
    height: 80px;
  }
  .scrol .region-topheader .rinner .navnav ul:not(.contextual-links) li a {
    line-height: 80px;
  }
  .scrol .region-topheader .rinner .navnav ul:not(.contextual-links) ul {
    background-color: #445c5d;
    max-width: 250px;
    padding: 20px 0;
    border-radius: 20px;
    top: 70px;
    left: 20px;
    height: auto;
  }
  .scrol .region-topheader .rinner .navnav ul:not(.contextual-links) ul li {
    max-width: 250px;
  }
  .scrol .region-topheader .rinner .navnav ul:not(.contextual-links) ul li a {
    line-height: 1.5;
  }
  .scrol .region-topheader .rinner .navnav ul:not(.contextual-links) ul li a:hover {
    text-decoration: underline;
  }
  .scrol .region-topheader .rinner .navnav ul:not(.contextual-links) ul li:last-child {
    display: block;
  }
  .scrol .navlogo {
    width: 140px;
    display: block !important;
  }
  .scrol .navlogo img {
    height: auto !important;
    width: 140px !important;
  }
  .scrol #block-telecaster-contactnav {
    display: none;
  }
}
@media screen and (min-width: 960px) and (min-width: 960px) {
  .scrol #block-telecaster-contactnav {
    display: inline-block;
  }
}
@media screen and (min-width: 960px) {
  .scrol #block-telecaster-contactnav a.contact {
    display: inline-block;
    background-color: #c9d2c4;
    color: #354F52;
    font-family: "Nunito Sans", sans-serif;
    text-decoration: none;
    text-transform: lowercase;
    padding: 0 45px;
    margin: 20px 0;
    border-radius: 35px;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 300;
    line-height: 40px;
    font-weight: bold;
    transition: all 0.3s ease;
    line-height: 40px !important;
  }
}
@media screen and (min-width: 960px) and (min-width: 960px) {
  .scrol #block-telecaster-contactnav a.contact {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 960px) and (min-width: 1440px) {
  .scrol #block-telecaster-contactnav a.contact {
    font-size: 22px;
  }
}
@media screen and (min-width: 960px) and (min-width: 960px) {
  .scrol #block-telecaster-contactnav a.contact {
    line-height: 70px;
  }
}
@media screen and (min-width: 960px) {
  .scrol #block-telecaster-contactnav a.contact:hover {
    background-color: white;
  }
  .scroll .region-topheader {
    display: block;
    top: -100px;
  }
  .scrolll .region-topheader {
    top: 0px;
  }
}
details::after {
  display: block;
  content: "";
  clear: both;
}

#rouwregister {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
#rouwregister {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  #rouwregister {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  #rouwregister {
    margin: 100px auto;
  }
}
#rouwregister .views-field-field-e-mail {
  display: none;
}
#rouwregister .views-field-field-bloemistnaam, #rouwregister .views-field-field-e-mail-familie, #rouwregister .views-field-field-e-mail-familie-2, #rouwregister .views-field-field-e-mail-familie-3 {
  display: none;
}
#rouwregister .group {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  justify-content: normal;
}
#rouwregister .group .views-row {
  background-color: #445c5d;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 40px;
}
@media screen and (min-width: 1180px) {
  #rouwregister .group .views-row {
    width: calc(50% - 25px);
    padding: 40px;
  }
}
#rouwregister .group .views-row .views-field-field-foto {
  width: 100%;
}
@media (min-width: 600px) {
  #rouwregister .group .views-row .views-field-field-foto {
    width: 30%;
  }
}
#rouwregister .group .views-row .views-field-field-foto img {
  border-radius: 50%;
}
#rouwregister .group .views-row .views-field-nothing {
  width: 100%;
}
@media screen and (min-width: 600px) {
  #rouwregister .group .views-row .views-field-nothing {
    width: 66%;
  }
}
#rouwregister .group .views-row .views-field-nothing h2 {
  margin: 0;
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  #rouwregister .group .views-row .views-field-nothing h2 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  #rouwregister .group .views-row .views-field-nothing h2 {
    font-size: 33px;
  }
}
#rouwregister .group .views-row .views-field-nothing h2 {
  font-weight: bold;
}
#rouwregister .group .views-row .views-field-nothing a, #rouwregister .group .views-row .views-field-nothing time {
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  #rouwregister .group .views-row .views-field-nothing a, #rouwregister .group .views-row .views-field-nothing time {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  #rouwregister .group .views-row .views-field-nothing a, #rouwregister .group .views-row .views-field-nothing time {
    font-size: 22px;
  }
}
#rouwregister .group .views-row .views-field-nothing a.button {
  display: inline-block;
  text-decoration: none;
  color: #354F52;
  background-color: #c9d2c4;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  text-transform: lowercase;
  font-size: 18px;
}
#rouwregister .group .views-row .views-field-nothing a.button:hover {
  background-color: white;
}
#rouwregister .group .views-row .views-field-nothing .info2 {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
}
#rouwregister .group .views-row .views-field-nothing-1 {
  width: 100%;
}
#rouwregister .group .views-row .views-field-nothing-1 .info2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 20px;
  padding: 15px 0;
}
#rouwregister .group .views-row .views-field-nothing-1 .info2 a {
  display: inline-block;
  text-decoration: none;
  color: #354F52;
  background-color: #c9d2c4;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  text-transform: lowercase;
  font-size: 18px;
}
#rouwregister .group .views-row .views-field-nothing-1 .info2 a:hover {
  background-color: white;
}

.rouwformulier .webform-page-cccondoleren #edit-bloemen--wrapper {
  display: none;
}
.rouwformulier {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.rouwformulier::after {
  display: block;
  content: "";
  clear: both;
}
.rouwformulier h2 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .rouwformulier h2 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .rouwformulier h2 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.rouwformulier .binner {
  float: right;
  width: 100%;
}
@media screen and (min-width: 1600px) {
  .rouwformulier .binner {
    padding: 0 5vw;
    width: calc(100% - 250px);
  }
}
.rouwformulier .webform-flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .rouwformulier .webform-flexbox .webform-flex {
    width: 48%;
    flex: unset;
  }
}
.rouwformulier .webform-flexbox .webform-flex .webform-flex--container {
  margin: 0;
}
.rouwformulier label {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
}
.rouwformulier input, .rouwformulier textarea {
  margin-top: 10px;
  margin-bottom: 30px;
  border: 0;
  background-color: #445c5d;
  border-radius: 35px;
  width: 100%;
  font-size: 22px;
  line-height: 1.5;
  color: white;
  line-height: 70px;
  padding: 0 30px;
}
.rouwformulier input.button, .rouwformulier textarea.button {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .rouwformulier input.button, .rouwformulier textarea.button {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .rouwformulier input.button, .rouwformulier textarea.button {
    font-size: 22px;
  }
}
.rouwformulier input.button, .rouwformulier textarea.button {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .rouwformulier input.button, .rouwformulier textarea.button {
    line-height: 70px;
  }
}
.rouwformulier input.button:hover, .rouwformulier textarea.button:hover {
  background-color: white;
}
.rouwformulier input.button, .rouwformulier textarea.button {
  width: unset;
}
.rouwformulier select {
  margin-top: 10px;
  margin-bottom: 30px;
  border: 0;
  background-color: #445c5d;
  border-radius: 35px;
  width: 100%;
  font-size: 22px;
  line-height: 1.5;
  color: white;
  line-height: 70px;
  height: 70px;
  padding: 0 30px;
  max-width: 450px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 50px; /* Leave space for custom arrow in the middle */
  position: relative;
}
.rouwformulier select:after {
  content: "";
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 8px solid red; /* Arrow color */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.rouwformulier .js-form-type-checkbox input {
  width: unset;
}
.rouwformulier .fieldset-legend {
  display: none;
}
.rouwformulier #edit-processed-text-01 {
  padding-top: 60px;
}
.rouwformulier fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.rouwformulier fieldset#edit-bloemen--wrapper {
  padding-top: 40px;
}
@media screen and (min-width: 1600px) {
  .rouwformulier fieldset#edit-bloemen--wrapper {
    padding-top: 100px;
  }
}
.rouwformulier #edit-bloemen {
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
  justify-content: normal;
}
.rouwformulier #edit-bloemen .form-radio {
  display: none;
}
.rouwformulier #edit-bloemen .form-item {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .rouwformulier #edit-bloemen .form-item {
    width: calc(50% - 22.5px);
  }
}
@media screen and (min-width: 768px) {
  .rouwformulier #edit-bloemen .form-item {
    width: calc(33.3333333333% - 30px);
  }
}
.rouwformulier #edit-bloemen .views-field-nothing, .rouwformulier #edit-bloemen .views-field-field-prijzen, .rouwformulier #edit-bloemen .views-field-field-prijzenbis {
  display: none;
}
.rouwformulier #edit-bloemen h2 {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
}
.rouwformulier #edit-bloemen img {
  border-radius: 30px;
}
.rouwformulier #edit-actions, .rouwformulier #edit-actions-01 {
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .rouwformulier #edit-actions, .rouwformulier #edit-actions-01 {
    padding-left: calc(33.3333333333% + 60px);
  }
}
.rouwformulier #edit-actions.noflowers, .rouwformulier #edit-actions-01.noflowers {
  padding-left: 0;
}
.rouwformulier .webform-page-cccondoleren #edit-actions, .rouwformulier .webform-page-cccondoleren #edit-actions-01 {
  padding-left: 0;
}
.rouwformulier #edit-flexbox {
  width: 100%;
}
.rouwformulier #edit-flexbox > div:first-child {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .rouwformulier #edit-flexbox > div:first-child {
    width: calc(33.3333333333% - 30px);
  }
}
.rouwformulier #edit-flexbox > div:first-child .geselecteerd {
  width: 100%;
}
.rouwformulier #edit-flexbox > div:first-child img {
  width: 100%;
  max-width: 450px;
  border-radius: 30px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .rouwformulier #edit-flexbox > div:first-child img {
    width: 100%;
    max-width: 100%;
    border-radius: 30px;
  }
}
@media screen and (min-width: 768px) {
  .rouwformulier #edit-flexbox > div:last-child {
    width: calc(66.6666666667% + 30px);
    padding-left: 100px;
  }
}
.rouwformulier #edit-flexbox > div:last-child {
  padding-left: 0px;
}
.rouwformulier #edit-flexbox > div:last-child .geselecteerd {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .rouwformulier #edit-flexbox > div:last-child img {
    width: 100%;
    max-width: 100%;
    border-radius: 30px;
  }
}
.rouwformulier .button {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .rouwformulier .button {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .rouwformulier .button {
    font-size: 22px;
  }
}
.rouwformulier .button {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .rouwformulier .button {
    line-height: 70px;
  }
}
.rouwformulier .button:hover {
  background-color: white;
}
.rouwformulier .js-form-item-lint, .rouwformulier .js-form-item-kaart {
  display: none !important;
}
.rouwformulier .js-form-item-totaal, .rouwformulier .js-form-item-totaal-eu {
  display: flex;
}
.rouwformulier .js-form-item-totaal label, .rouwformulier .js-form-item-totaal-eu label {
  line-height: 90px;
}
.rouwformulier .js-form-item-totaal input, .rouwformulier .js-form-item-totaal-eu input {
  width: 160px;
}
.rouwformulier .form-item-prijzen label, .rouwformulier .form-item-bedrag label, .rouwformulier .form-item-accentkleur label {
  display: block;
}

.webform-flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
}
.webform-flexbox .form-item {
  text-align: left;
}
.webform-flexbox .webform-flex {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .webform-flexbox .webform-flex {
    width: 48%;
  }
}
.webform-flexbox .webform-flex {
  flex: unset;
}
.webform-flexbox .webform-flex .webform-flex--container {
  margin: 0;
}

label {
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
}

input, textarea {
  margin-top: 10px;
  margin-bottom: 30px;
  border: 0;
  background-color: #354F52;
  border-radius: 35px;
  width: 100%;
  font-size: 22px;
  line-height: 1.5;
  color: white;
  line-height: 70px;
  padding: 0 30px;
}
input.button, textarea.button {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  input.button, textarea.button {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  input.button, textarea.button {
    font-size: 22px;
  }
}
input.button, textarea.button {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  input.button, textarea.button {
    line-height: 70px;
  }
}
input.button:hover, textarea.button:hover {
  background-color: white;
}
input.button, textarea.button {
  width: unset;
}

.form-item-totaal label, .form-item-totaal-eu label {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .form-item-totaal label, .form-item-totaal-eu label {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .form-item-totaal label, .form-item-totaal-eu label {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

#edit-totaal, #edit-totaal-eu {
  background-color: transparent;
  color: #c9d2c4;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#edit-totaal:before, #edit-totaal-eu:before {
  content: "totaal";
}

/* Hide spinner controls for Chrome, Safari, Edge */
#edit-totaal::-webkit-inner-spin-button,
#edit-totaal::-webkit-outer-spin-button,
#edit-totaal-eu::-webkit-inner-spin-button,
#edit-totaal-eu::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide spinner controls for Firefox */
#edit-totaal,
#edit-totaal-eu {
  -moz-appearance: textfield;
}

/* Optional: Adjust the appearance for consistent cross-browser experience */
#edit-totaal,
#edit-totaal-eu {
  -moz-appearance: textfield;
  appearance: textfield;
  padding: 0 0 0 10px;
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  #edit-totaal,
  #edit-totaal-eu {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  #edit-totaal,
  #edit-totaal-eu {
    font-size: 40px;
    padding-bottom: 20px;
  }
}

.js-form-type-checkbox input {
  display: none;
}
.js-form-type-checkbox input:checked + label {
  background: url(../img/check.svg) left center no-repeat;
  border-color: transparent; /* Change to your desired border color */
}
.js-form-type-checkbox label {
  background: url(../img/uncheck.svg) left center no-repeat;
  border-color: transparent;
  position: relative;
  display: inline-block;
  width: auto;
  height: 50px;
  cursor: pointer;
  padding-left: 50px;
  line-height: 50px;
}

.page-node-43 .paragraph--type--tekst-met-foto {
  padding-top: 50px;
}
@media screen and (min-width: 960px) {
  .page-node-43 .paragraph--type--tekst-met-foto {
    padding-top: 0px;
  }
}
.page-node-43 .paragraph--type--tekst-met-foto .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.page-node-43 .paragraph--type--tekst-met-foto .fotoo > div {
  display: inline-block;
}
.page-node-43 .paragraph--type--tekst-met-foto .fotoo img {
  max-width: 300px;
}
.page-node-43 #edit-preview {
  color: white;
  font-weight: bold;
}
.page-node-43 #edit-preview h2 a {
  text-decoration: none;
  pointer-events: none;
}
.page-node-43 #edit-preview summary {
  display: none;
}
.page-node-43 #edit-preview #bestellen--naam_bloemist, .page-node-43 #edit-preview #bestellen--mail_bloemist {
  display: none;
}
.page-node-43 #edit-preview label {
  font-weight: bold;
  color: #c9d2c4;
}
.page-node-43 #edit-preview #bestellen--prijzen label:after {
  content: " € ";
  color: white;
}
.page-node-43 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-43 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-43 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
    font-size: 33px;
  }
}
.page-node-43 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
  padding-bottom: 50px;
}
.page-node-43 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor label {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-43 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor label {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-43 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor label {
    font-size: 33px;
  }
}
.page-node-43 #edit-preview #bestellen--flexbox_01, .page-node-43 #edit-preview #contact--bloemen {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-node-43 #edit-preview #bestellen--flexbox_01 label, .page-node-43 #edit-preview #contact--bloemen label {
  display: none;
}
.page-node-43 #edit-preview #bestellen--flexbox_01 ul.links, .page-node-43 #edit-preview #contact--bloemen ul.links {
  display: none;
}
.page-node-43 #edit-preview #bestellen--flexbox_01 .maincontent img, .page-node-43 #edit-preview #contact--bloemen .maincontent img {
  border-radius: 30px;
  max-width: 450px;
  margin-bottom: 50px;
}
.page-node-43 #edit-preview #bestellen--bloemen {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-node-43 #edit-preview #bestellen--bloemen {
    width: 33%;
  }
}
.page-node-43 #edit-preview .fieldset-wrapper {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-node-43 #edit-preview .fieldset-wrapper {
    width: 60%;
  }
}
.page-node-43 #edit-preview .fieldset-wrapper {
  font-size: 22px;
}
.page-node-43 #edit-preview .fieldset-wrapper label {
  display: inline-block !important;
  padding-top: 10px;
}
.page-node-43 #edit-preview #bestellen--uw_tekst_voor_op_de_kaart label, .page-node-43 #edit-preview #bestellen--uw_tekst_voor_op_het_lint label {
  display: block !important;
}
.page-node-43 #edit-preview #bestellen--totaal label {
  padding-right: 10px;
  padding-top: 0px;
  color: white;
}
.page-node-43 #edit-preview #bestellen--totaal {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-node-43 #edit-preview #bestellen--totaal {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-43 #edit-preview #bestellen--totaal {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.page-node-43 #edit-preview #bestellen--totaal {
  line-height: 90px;
}
.page-node-43 #edit-preview #bestellen--condoleren {
  padding-top: 40px;
  border-top: 1px solid #c9d2c4;
  font-size: 22px;
}
@media screen and (min-width: 768px) {
  .page-node-43 #edit-preview #bestellen--condoleren {
    margin-left: 40%;
  }
}
.page-node-43 #edit-preview #bestellen--condoleren > div {
  padding-top: 10px;
}
.page-node-43 #edit-preview #bestellen--message {
  padding: 20px 0 !important;
}
.page-node-43 #edit-preview #bestellen--message label {
  display: block;
}

.page-node-47 .paragraph--type--tekst-met-foto {
  padding-top: 50px;
}
@media screen and (min-width: 960px) {
  .page-node-47 .paragraph--type--tekst-met-foto {
    padding-top: 0px;
  }
}
.page-node-47 .paragraph--type--tekst-met-foto .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.page-node-47 .paragraph--type--tekst-met-foto .fotoo > div {
  display: inline-block;
}
.page-node-47 .paragraph--type--tekst-met-foto .fotoo img {
  max-width: 300px;
}
.page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ {
    font-size: 33px;
  }
}
.page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ {
  padding-bottom: 50px;
}
.page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ label {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ label {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ label {
    font-size: 33px;
  }
}
.page-node-47 #contact--ik_wens_bloemen_te_bestellen_voor_nbsp_ label {
  font-weight: normal !important;
}
.page-node-47 .webform-page-ccbloemen_bestellen .webform-button--preview {
  display: none;
}
.page-node-47 .webform-page-ccbloemen_bestellen #edit-actions.position {
  padding-left: 0;
}
.page-node-47 .webform-page-cccondoleren #edit-bloemen--wrapper {
  display: none !important;
}
.page-node-47 .webform-page-cccondoleren #edit-actions {
  padding-left: 0;
}
.page-node-47 #edit-preview {
  font-size: 22px;
  line-height: 1.5;
  color: white;
  font-weight: bold;
}
.page-node-47 #edit-preview h2 a {
  text-decoration: none;
  pointer-events: none;
}
.page-node-47 #edit-preview summary {
  display: none;
}
.page-node-47 #edit-preview #bestellen--naam_bloemist, .page-node-47 #edit-preview #bestellen--mail_bloemist {
  display: none;
}
.page-node-47 #edit-preview label {
  font-weight: bold;
  color: #c9d2c4;
}
.page-node-47 #edit-preview #contact--bedrag label:after {
  content: " € ";
  color: white;
}
.page-node-47 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-47 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-47 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
    font-size: 33px;
  }
}
.page-node-47 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor {
  padding-bottom: 50px;
}
.page-node-47 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor label {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .page-node-47 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor label {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-47 #edit-preview #bestellen--ik_wens_bloemen_te_bestellen_voor label {
    font-size: 33px;
  }
}
@media screen and (min-width: 768px) {
  .page-node-47 #edit-preview #contact--condoleren h2 {
    width: 60%;
    float: right;
  }
}
.page-node-47 #edit-preview #contact--condoleren.noflowers #contact--name,
.page-node-47 #edit-preview #contact--condoleren.noflowers #contact--naam_,
.page-node-47 #edit-preview #contact--condoleren.noflowers #contact--subject,
.page-node-47 #edit-preview #contact--condoleren.noflowers #contact--email,
.page-node-47 #edit-preview #contact--condoleren.noflowers #contact--message {
  width: 100%;
  float: right;
  padding-top: 10px;
}
.page-node-47 #edit-preview #contact--flexbox_01,
.page-node-47 #edit-preview #contact--name,
.page-node-47 #edit-preview #contact--naam_,
.page-node-47 #edit-preview #contact--subject,
.page-node-47 #edit-preview #contact--email,
.page-node-47 #edit-preview #contact--message {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .page-node-47 #edit-preview #contact--flexbox_01,
  .page-node-47 #edit-preview #contact--name,
  .page-node-47 #edit-preview #contact--naam_,
  .page-node-47 #edit-preview #contact--subject,
  .page-node-47 #edit-preview #contact--email,
  .page-node-47 #edit-preview #contact--message {
    width: 60%;
    float: right;
  }
}
.page-node-47 #edit-preview #contact--ik_wens_bloemen_te_bestellen_voor {
  padding-top: 10px;
}
.page-node-47 #edit-preview #contact--message {
  padding: 20px 0;
}
.page-node-47 #edit-preview #contact--message label {
  display: block;
}
.page-node-47 #edit-preview #contact--bloemen {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-node-47 #edit-preview #contact--bloemen {
    width: 33%;
    float: left;
  }
}
.page-node-47 #edit-preview #contact--bloemen label {
  display: none;
}
.page-node-47 #edit-preview #contact--bloemen ul.links {
  display: none;
}
.page-node-47 #edit-preview #contact--bloemen .maincontent img {
  border-radius: 30px;
  max-width: 450px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .page-node-47 #edit-preview .fieldset-wrapper {
    width: 60%;
  }
}
.page-node-47 #edit-preview .fieldset-wrapper {
  width: 100%;
  font-size: 22px;
}
.page-node-47 #edit-preview .fieldset-wrapper > div {
  padding-top: 10px;
}
.page-node-47 #edit-preview .fieldset-wrapper label {
  display: inline-block !important;
}
.page-node-47 #edit-preview .fieldset-wrapper #contact--uw_tekst_voor_op_de_kaart label, .page-node-47 #edit-preview .fieldset-wrapper #contact--uw_tekst_voor_op_het_lint label {
  display: block !important;
}
.page-node-47 #edit-preview .fieldset-wrapper #contact--totaal_eu label {
  padding-right: 10px;
  padding-top: 0px;
  color: white;
}
.page-node-47 #edit-preview .fieldset-wrapper #contact--totaal_eu {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .page-node-47 #edit-preview .fieldset-wrapper #contact--totaal_eu {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .page-node-47 #edit-preview .fieldset-wrapper #contact--totaal_eu {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.page-node-47 #edit-preview .fieldset-wrapper #contact--totaal_eu {
  line-height: 90px;
}
.page-node-47 #edit-preview .fieldset-wrapper #contact--flexbox_01 {
  border-bottom: 1px solid #c9d2c4;
  margin-bottom: 50px;
  padding-bottom: 20px;
}

.page-node-74 .paragraph--type--tekst-met-foto {
  padding-top: 50px;
}
@media screen and (min-width: 960px) {
  .page-node-74 .paragraph--type--tekst-met-foto {
    padding-top: 0px;
  }
}
.page-node-74 .paragraph--type--tekst-met-foto .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.page-node-74 .paragraph--type--tekst-met-foto .fotoo > div {
  display: inline-block;
}
.page-node-74 .paragraph--type--tekst-met-foto .fotoo img {
  max-width: 300px;
}
.page-node-74 #edit-preview {
  font-size: 22px;
  line-height: 1.5;
  color: white;
  font-weight: bold;
}
.page-node-74 #edit-preview h2 a {
  text-decoration: none;
  pointer-events: none;
}
.page-node-74 #edit-preview summary {
  display: none;
}
.page-node-74 #edit-preview label {
  font-weight: bold;
  color: #c9d2c4;
}
.page-node-74 #edit-preview .fieldset-wrapper {
  width: 60%;
  font-size: 22px;
}
.page-node-74 #edit-preview .fieldset-wrapper label {
  display: inline-block !important;
  padding-top: 10px;
}
.page-node-74 #edit-preview details > div {
  padding-top: 10px;
}
.page-node-74 #edit-actions {
  padding: 20px 0;
}
.page-node-74 #condoleren_zonder--message label {
  display: block;
  padding-top: 10px;
}

.region-topfooter {
  margin-top: 80px;
  border-top: 1px solid #445c5d;
  padding: 65px 0 0;
  background-color: #c9d2c4;
  color: #354F52;
}
@media screen and (min-width: 768px) {
  .region-topfooter {
    padding: 6vw 0 0;
  }
}
@media screen and (min-width: 1600px) {
  .region-topfooter {
    padding: 100px 0 0;
  }
}
.region-topfooter .rinner {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.region-topfooter .rinner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.region-topfooter .rinner .footeropen {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .region-topfooter .rinner .footeropen {
    width: 35%;
  }
}
.region-topfooter .rinner .footeropen p {
  font-weight: 600;
  margin-top: 0;
}
.region-topfooter .rinner .footerbaseline {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .region-topfooter .rinner .footerbaseline {
    width: 60%;
  }
}
.region-topfooter .rinner .footerbaseline h2 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .region-topfooter .rinner .footerbaseline h2 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .region-topfooter .rinner .footerbaseline h2 {
    font-size: 33px;
  }
}
.region-topfooter .rinner .footerbaseline h2 {
  font-family: "Prata", serif;
  margin-top: 0;
}

footer.footer {
  background-color: #c9d2c4;
  color: #354F52;
}

.region-footer {
  margin: 0 auto;
  width: 1920px;
  max-width: 94vw;
}
.region-footer {
  margin: 0 auto 0;
  padding: 35px 0 0;
}
@media screen and (min-width: 768px) {
  .region-footer {
    padding: 3vw 0 0;
  }
}
@media screen and (min-width: 1600px) {
  .region-footer {
    padding: 50px 0 0;
  }
}
.region-footer .rinner {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.region-footer .rinner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.region-footer .rinner .footercontactwrapped {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .region-footer .rinner .footercontactwrapped {
    width: 60%;
  }
}
.region-footer .rinner .footercontactwrapped .footercontactwrap {
  width: 100%;
}
.region-footer .rinner .footermenuwrapped {
  width: 100%;
  display: none;
}
@media screen and (min-width: 600px) {
  .region-footer .rinner .footermenuwrapped {
    width: 35%;
    display: flex;
  }
}
.region-footer .rinner .footermenuwrapped {
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 960px) {
  .region-footer .rinner .footermenuwrapped nav {
    width: 50%;
  }
}
.region-footer .rinner table {
  margin: 50px 0;
}
.region-footer .rinner td {
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .region-footer .rinner td {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .region-footer .rinner td {
    font-size: 22px;
  }
}
.region-footer .rinner td {
  padding-right: 40px;
}
.region-footer .rinner .footerbranding {
  width: 100%;
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
}
.region-footer .rinner .footerbranding a {
  text-decoration: none;
  color: inherit;
}
.region-footer .rinner .footerbranding img {
  width: 160px;
  max-width: 80%;
  padding-bottom: 45px;
}
.region-footer .rinner .footerbranding hr {
  display: inline-block;
  width: 25px;
  border: 1px solid #f6364d;
}
.region-footer .rinner .footercontact {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .region-footer .rinner .footercontact {
    width: 40%;
  }
}
@media screen and (min-width: 1280px) {
  .region-footer .rinner .footercontact {
    width: 30%;
  }
}
.region-footer .rinner .footercontact {
  font-family: "Nunito Sans", sans-serif;
}
.region-footer .rinner .footercontact a {
  text-decoration: none;
  color: inherit;
}
.region-footer .rinner .footercontact img {
  width: 250px;
  max-width: 80%;
  padding-bottom: 45px;
}
.region-footer .rinner .footercontact hr {
  display: inline-block;
  width: 25px;
  border: 1px solid #f6364d;
}
.region-footer .rinner .footercontact .some a {
  display: inline-block;
  width: 50px;
}
.region-footer .rinner .footercontact .some a::after {
  display: block;
  content: "";
  clear: both;
}
.region-footer .rinner .footercontact .some a img {
  float: left;
  width: 30px;
  height: auto;
}
.region-footer .rinner .footermenu {
  width: 100%;
}
@media screen and (min-width: 960px) {
  .region-footer .rinner .footermenu {
    width: 30%;
  }
}
@media screen and (min-width: 1280px) {
  .region-footer .rinner .footermenu {
    width: 20%;
  }
}
.region-footer .rinner .footermenu {
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
}
.region-footer .rinner .footermenu h2,
.region-footer .rinner .footermenu h3 {
  font-family: "Nunito Sans", sans-serif;
  padding-bottom: 30px;
}
.region-footer .rinner .footermenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.region-footer .rinner .footermenu a {
  text-decoration: none;
  color: inherit;
  text-transform: lowercase;
}

.facebook img {
  width: 50px !important;
}

.copyright {
  margin: 0 auto;
  width: 1920px;
  max-width: 94vw;
}
.copyright {
  margin: 65px auto 0;
}
@media screen and (min-width: 768px) {
  .copyright {
    margin: 6vw auto 0;
  }
}
@media screen and (min-width: 1600px) {
  .copyright {
    margin: 100px auto 0;
  }
}
.copyright .binner {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.copyright .binner .finner {
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}
.copyright .binner .finner a {
  display: block;
  width: 40px;
}
.copyright .binner .finner p {
  display: flex;
  align-items: center;
}

.toolbar, .toolbar p, .toolbar li {
  font-family: "Proxima Nova", sans-serif !important;
  font-size: 13px !important;
}

.path-user {
  background-color: #c9d2c4;
}
.path-user .region-content {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.path-user .region-content .rinner {
  width: 500px;
  max-width: 90vw;
  background-color: #354F52;
  border-radius: 30px;
  padding: 30px;
  box-shadow: 0 20px 27px 0 rgba(0, 0, 0, 0.05);
}
.path-user .region-content .rinner img {
  width: 150px;
  padding: 0 0 20px 0;
}
.path-user .region-content .rinner form .form-item {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.path-user .region-content .rinner form .form-item label {
  display: none;
}
.path-user .region-content .rinner form .form-item input {
  display: block;
  width: 100%;
  padding: 8px 12px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 23px;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d2d6da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 7px;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.path-user .region-content .rinner form .form-item input[type=text] {
  margin-bottom: 20px;
}
.path-user .region-content .rinner form .button {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .path-user .region-content .rinner form .button {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .path-user .region-content .rinner form .button {
    font-size: 22px;
  }
}
.path-user .region-content .rinner form .button {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .path-user .region-content .rinner form .button {
    line-height: 70px;
  }
}
.path-user .region-content .rinner form .button:hover {
  background-color: white;
}
.path-user .region-content .rinner form .button {
  padding: 8px 12px 8px 12px;
  border-radius: 7px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 23px !important;
  text-align: left;
  cursor: pointer;
}

body.maintenance-page {
  text-align: center;
}
body.maintenance-page h1 {
  font-family: "Prata", serif;
  font-weight: 700;
  color: #354F52;
  font-size: 30px;
  display: block !important;
  margin-top: 0;
}

body.simplelogin, body.maintenance-page {
  background-color: #f6364d;
  min-height: 100vh;
  line-height: 1.5;
  word-wrap: break-word;
  font-family: "Proxima Nova", serif;
  font-size: 87.5%;
}
body.simplelogin .region-content, body.maintenance-page .region-content {
  width: 100%;
}
body.simplelogin .region-content .simplelogin-link, body.maintenance-page .region-content .simplelogin-link {
  display: none;
}
body.simplelogin a, body.maintenance-page a {
  color: #354F52 !important;
}
body.simplelogin h1, body.maintenance-page h1 {
  font-family: "Prata", serif;
  font-weight: 700;
  color: #354F52;
  font-size: 30px;
  display: none;
}
body.simplelogin .simplelogin-wrapper, body.maintenance-page .simplelogin-wrapper {
  padding: 0 0;
  margin: auto;
}
body.simplelogin .simplelogin-logo, body.maintenance-page .simplelogin-logo {
  text-align: center;
  padding: 20px 50px;
}
body.simplelogin input, body.maintenance-page input {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4rem;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d2d6da !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.5rem !important;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
body.simplelogin input.form-text, body.maintenance-page input.form-text {
  padding: 0.5rem 0.75rem;
}
body.simplelogin input[type=submit], body.simplelogin .simplelogin-form button.form-submit, body.maintenance-page input[type=submit], body.maintenance-page .simplelogin-form button.form-submit {
  text-transform: uppercase;
  outline: 0;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  border-radius: 0.25em;
  font-weight: bold;
  background-color: #f6364d;
}
body.simplelogin input[type=submit]:hover, body.simplelogin .simplelogin-form button.form-submit:hover, body.maintenance-page input[type=submit]:hover, body.maintenance-page .simplelogin-form button.form-submit:hover {
  background-color: #354F52;
}

.indicator {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 20000;
  background-color: #f6364d;
  font-size: 15px;
  padding: 5px 10px;
}

.messages-list {
  width: 600px;
  max-width: 90vw;
  margin: auto;
  background-color: #c9d2c4;
  color: #354F52;
  padding: 10px 40px 40px 40px;
  border-radius: 20px;
  border: 1px solid #354F52;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}

#block-breadcrumbs .binner {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
#block-breadcrumbs .binner {
  display: none;
}
@media screen and (min-width: 960px) {
  #block-breadcrumbs .binner {
    display: block;
  }
}
#block-breadcrumbs ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#block-breadcrumbs ol li {
  display: inline-block;
  line-height: 50px;
  font-family: "Nunito Sans", sans-serif;
  text-transform: lowercase;
}
#block-breadcrumbs ol li a {
  display: inline-block;
  padding-right: 30px;
  font-weight: 500;
  background: url(../img/angleright.svg) center right 5px no-repeat;
  background-size: 10px;
  text-decoration: none;
  font-family: "Nunito Sans", sans-serif;
  color: inherit;
}

#pageedit h2 {
  position: fixed;
  cursor: pointer;
  z-index: 100;
  top: 58px;
  right: 0;
  width: 60px;
  height: 60px;
  text-indent: -10000px;
  overflow: hidden;
  background: #445c5d url(../img/edit.svg) center center no-repeat;
  background-size: 30px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
}
#pageedit ul {
  position: fixed;
  z-index: 100;
  background-color: #445c5d;
  top: 138px;
  right: -200px;
  padding: 20px;
  opacity: 1;
  padding: 30px;
  margin: 0;
  list-style-type: none;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}
#pageedit ul.open {
  right: 0;
}
#pageedit ul a {
  color: white;
}

.cookies-popup {
  background: #c9d2c4;
  color: #354F52;
  border-radius: 0 0.25rem 0.25rem;
  padding: 1.5rem;
  font-family: -apple-system, sans-serif;
  font-size: 0.875rem;
  box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.5);
  box-sizing: content-box;
  max-width: 50rem;
  text-align: initial;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

.cookies-popup--withdraw {
  background: #354F52 url(../img/cookie.svg) center center no-repeat;
  background-size: 15px;
  color: #fff;
  transform: translateY(-100%);
  left: 1rem;
  border: 0;
  transition: background 0.3s ease-in-out;
  border-radius: 0.25rem 0.25rem 0 0;
  text-indent: -10000px;
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.cookies-popup--withdraw:focus {
  outline: none;
}

.cookies-popup * {
  box-sizing: content-box;
}

@media screen and (max-width: 600px) {
  .cookies-popup--buttons {
    min-height: 143px;
  }
}
.cookies-popup--btn-link {
  background: none;
  padding: 0;
  color: #354F52;
  border: 0;
  transition: color 0.3s ease-in-out;
  position: relative;
  margin-right: 1rem;
}
.cookies-popup--btn-link:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 110%;
  transform: translateX(0);
  background: #354F52;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out, transform 0.3s ease-in-out, background 0.3s ease-in-out;
}
.cookies-popup--btn-link:hover {
  color: #354F52;
}
.cookies-popup--btn-link:hover:after {
  background: #354F52;
}

.cookies-popup--btn-primary, .cookies-popup--btn-secondary {
  padding: 0.5rem 1rem;
  border: 0;
  color: #fff;
  border-radius: 1rem;
  transition: background 0.3s ease-in-out;
  margin-top: 1rem;
  margin-right: 1rem;
}

.cookies-popup--btn-primary {
  background: green;
}
.cookies-popup--btn-primary:hover {
  background: #354F52;
}

.cookies-popup--btn-secondary {
  background: #f6364d;
}
.cookies-popup--btn-secondary:hover {
  background: #354F52;
}

.cookies-popup--message {
  margin-bottom: 2rem;
}
.cookies-popup--message p {
  display: inline;
}

.cookies-popup--switch {
  margin-bottom: 0;
}
.cookies-popup--switch input {
  opacity: 0;
  width: 0;
  height: 0;
  display: block;
}
.cookies-popup--switch input:checked:disabled + .cookies-popup--switch--toggle .cookies-popup--switch--toggle--inner {
  background: rgba(238, 108, 77, 0.5);
}
.cookies-popup--switch input:checked + .cookies-popup--switch--toggle .cookies-popup--switch--toggle--inner {
  left: 1rem;
  transform: rotate(-90deg);
  background-color: #f6364d;
  transition: left 0.5s ease, background-color 0.75s ease, transform 0.5s ease;
}
.cookies-popup--switch input:checked + .cookies-popup--switch--toggle .cookies-popup--switch--icon--line {
  top: -8px;
  left: 2px;
  transform: rotate(-140deg);
  transition: left 0.5s ease, top 0.5s ease, transform 0.5s ease;
}
.cookies-popup--switch input:checked + .cookies-popup--switch--toggle .cookies-popup--switch--icon--line:before {
  width: 0.25rem;
  left: 0.3rem;
  top: 0.125rem;
  transform: rotate(-90deg);
  transition: width 0.5s ease, left 0.5s ease, top 0.5s ease, transform 0.5s ease;
}

.cookies-popup--switch--wrapper {
  display: flex;
}

.cookies-popup--switch--toggle {
  background-color: #fff;
  width: 2rem;
  height: 1rem;
  border-radius: 2rem;
  display: block;
  padding: 0.25rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.cookies-popup--switch--toggle--inner {
  background-color: #1f9ad2;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  top: 0;
  position: relative;
  left: 0;
  transform: rotate(0deg);
  transition: left 0.5s ease, background-color 0.75s ease, transform 0.5s ease;
}

.cookies-popup--switch--icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 0.75rem;
  height: 0.75rem;
}

.cookies-popup--switch--icon--line {
  display: inline-block;
  width: 0.5rem;
  height: 0.125rem;
  background-color: #fff;
  position: relative;
  transform: rotate(-45deg);
  border-radius: 0.3rem;
  top: -10px;
  left: 2px;
}
.cookies-popup--switch--icon--line:before {
  display: inline-block;
  width: 0.5rem;
  height: 0.125rem;
  background: #fff;
  transition: 0.3s;
  position: absolute;
  transform: rotate(90deg);
  left: 0;
  right: 0;
  content: "";
  border-radius: 0.3rem;
}

.cookies-popup--switch--content {
  margin-left: 0.75rem;
  margin-bottom: 1rem;
}

.cookies-popup--switch--label {
  font-size: 1.25rem;
}

.cookies-popup--switch--description {
  font-size: 0.85rem;
  color: #98c1d9;
}

.cookies-popup--switch--buttons > * {
  margin-right: 1rem;
}

@media screen and (max-width: 850px) {
  .cookies-popup {
    margin-right: 1rem;
  }
}
.cookies-popup .eu-cookie-compliance-more-button {
  margin-left: 0.25rem;
}
.cookies-popup .eu-cookie-compliance-save-preferences-button {
  margin-top: 1rem;
}

.paragraph--type--tekst-met-foto.type01 {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type01 {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type01 {
    margin: 100px auto;
  }
}
.paragraph--type--tekst-met-foto.type01 {
  padding-left: 3vw;
  padding-right: 8vw;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type01 {
    padding-left: calc((100vw - 1920px) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--tekst-met-foto.type01 .phinner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type01 .phinner {
    align-items: center;
    flex-direction: row-reverse;
  }
}
.paragraph--type--tekst-met-foto.type01 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type01 .phinner .teksten {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type01 .phinner .teksten {
    width: 70%;
    padding-left: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type01 .phinner .teksten {
    width: 50%;
  }
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type01 .phinner .teksten {
    padding-left: 100px;
  }
}
.paragraph--type--tekst-met-foto.type01 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type01 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type01 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type01 .phinner .teksten h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type01 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type01 .phinner .teksten h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type01 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type01 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type01 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type01 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type01 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type01 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type01 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type01 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type01 .phinner .fotoo:after {
  content: "";
  background: url(../img/logo-recht1.svg) center right no-repeat;
  background-size: auto 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -40%;
  width: 50vw;
  pointer-events: none;
  transform: scalex(-1);
}
.paragraph--type--tekst-met-foto.type02 {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type02 {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type02 {
    margin: 100px auto;
  }
}
.paragraph--type--tekst-met-foto.type02 {
  padding-right: 3vw;
  padding-left: 8vw;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type02 {
    padding-right: calc((100vw - 1920px) / 2);
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--tekst-met-foto.type02 .phinner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type02 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type02 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type02 .phinner .teksten {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .teksten {
    width: 70%;
    padding-right: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .teksten {
    width: 50%;
  }
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .teksten {
    padding-right: 100px;
  }
}
.paragraph--type--tekst-met-foto.type02 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type02 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type02 .phinner .teksten h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type02 .phinner .teksten h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type02 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type02 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type02 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type02 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type02 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type02 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type02 .phinner .fotoo:after {
  content: "";
  background: url(../img/logo-recht1.svg) center right no-repeat;
  background-size: auto 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  right: 75%;
  bottom: 0%;
  width: 50vw;
  pointer-events: none;
  z-index: 10;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type02 .phinner .fotoo:after {
    right: 0;
    bottom: -40%;
    width: 50vw;
    z-index: 10;
  }
}
.paragraph--type--tekst-met-foto.type03 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type03 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type03 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type03 {
  padding-left: 8vw;
  padding-right: 8vw;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type03 {
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--tekst-met-foto.type03 .phinner {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type03 .phinner {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type03 .phinner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type03 .phinner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type03 .phinner {
    align-items: center;
    flex-direction: row-reverse;
  }
}
.paragraph--type--tekst-met-foto.type03 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type03 .phinner .teksten {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .teksten {
    width: 70%;
    padding-left: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .teksten {
    width: 50%;
  }
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .teksten {
    padding-left: 100px;
  }
}
.paragraph--type--tekst-met-foto.type03 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type03 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type03 .phinner .teksten h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type03 .phinner .teksten h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type03 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type03 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type03 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type03 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type03 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type03 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type03 .phinner .fotoo:after {
  content: "";
  background: url(../img/logo-recht1.svg) center left no-repeat;
  background-size: auto 100%;
  height: 60%;
  display: inline-block;
  position: absolute;
  left: -20px;
  bottom: 20%;
  width: 50vw;
  pointer-events: none;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .fotoo:after {
    left: -4.8vw;
  }
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type03 .phinner .fotoo:after {
    left: -100px;
  }
}
.paragraph--type--tekst-met-foto.type03 .phinner .fotoo:before {
  content: "";
  background: url(../img/kaars.svg) center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: absolute;
  right: 5%;
  top: 5%;
  pointer-events: none;
  height: 20%;
  width: 21%;
  z-index: 10;
}
.paragraph--type--tekst-met-foto.type04 {
  padding-top: 0px;
  padding-right: 8vw;
  padding-left: 8vw;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type04 {
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--tekst-met-foto.type04 .phinner {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type04 .phinner {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type04 .phinner {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type04 .phinner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type04 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type04 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type04 .phinner .teksten {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .teksten {
    width: 70%;
    padding-right: 5vw;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .teksten {
    width: 50%;
  }
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .teksten {
    padding-right: 100px;
  }
}
.paragraph--type--tekst-met-foto.type04 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type04 .phinner .teksten h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type04 .phinner .teksten h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type04 .phinner .teksten h3 {
    font-size: 33px;
  }
}
.paragraph--type--tekst-met-foto.type04 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type04 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type04 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type04 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type04 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type04 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type04 .phinner .fotoo:after {
  content: "";
  background: url(../img/logo-recht1.svg) center left no-repeat;
  background-size: auto 100%;
  height: 60%;
  display: inline-block;
  position: absolute;
  right: -20px;
  bottom: 20%;
  width: 50vw;
  pointer-events: none;
  transform: scalex(-1);
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .fotoo:after {
    right: -4.8vw;
  }
}
@media screen and (min-width: 2043px) {
  .paragraph--type--tekst-met-foto.type04 .phinner .fotoo:after {
    right: -100px;
  }
}
.paragraph--type--tekst-met-foto.type04 .phinner .fotoo:before {
  content: "";
  background: url(../img/kaars.svg) center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: absolute;
  left: 5%;
  top: 5%;
  pointer-events: none;
  height: 20%;
  width: 20%;
  z-index: 10;
}
.paragraph--type--tekst-met-foto.type05 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type05 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type05 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type05 {
  background: url(../img/rond1.svg) center top no-repeat;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgb(68, 92, 93) 30%), url(../img/rond1.svg) center top no-repeat;
  background-size: 100%;
}
.paragraph--type--tekst-met-foto.type05 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-met-foto.type05 .phinner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 0;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type05 .phinner {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type05 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type05 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type05 .phinner .teksten {
  position: relative;
  z-index: 2;
  padding: 0 0 0 5vw;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type05 .phinner .teksten {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type05 .phinner .teksten {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type05 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type05 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type05 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type05 .phinner .teksten h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type05 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type05 .phinner .teksten h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type05 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type05 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type05 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type05 .phinner .fotoo .finner {
  position: relative;
}
.paragraph--type--tekst-met-foto.type05 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type05 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type05 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type05 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type05 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type06 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type06 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type06 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type06 {
  background: url(../img/rond1.svg) center top no-repeat;
  background-size: 100%;
}
.paragraph--type--tekst-met-foto.type06 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-met-foto.type06 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 0;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type06 .phinner {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type06 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type06 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type06 .phinner .teksten {
  position: relative;
  z-index: 2;
  padding: 0 5vw 0 0;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type06 .phinner .teksten {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type06 .phinner .teksten {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type06 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type06 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type06 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type06 .phinner .teksten h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type06 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type06 .phinner .teksten h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type06 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type06 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type06 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type06 .phinner .fotoo .finner {
  position: relative;
}
.paragraph--type--tekst-met-foto.type06 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type06 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type06 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type06 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type06 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type07 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type07 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type07 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type07 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-met-foto.type07 .phinner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 0;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type07 .phinner {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type07 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type07 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type07 .phinner .teksten {
  position: relative;
  z-index: 2;
  padding: 0 5vw;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type07 .phinner .teksten {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type07 .phinner .teksten {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type07 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type07 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type07 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type07 .phinner .teksten h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type07 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type07 .phinner .teksten h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type07 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type07 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type07 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type07 .phinner .fotoo .finner {
  position: relative;
}
.paragraph--type--tekst-met-foto.type07 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type07 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type07 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type07 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type07 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type08 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type08 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type08 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type08 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-met-foto.type08 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 0;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type08 .phinner {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type08 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type08 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type08 .phinner .teksten {
  position: relative;
  z-index: 2;
  padding: 0 10vw 0 0;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type08 .phinner .teksten {
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type08 .phinner .teksten {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type08 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type08 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type08 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type08 .phinner .teksten h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type08 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type08 .phinner .teksten h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type08 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type08 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type08 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type08 .phinner .fotoo .finner {
  position: relative;
}
.paragraph--type--tekst-met-foto.type08 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type08 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type08 .phinner .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type08 .phinner .fotoo {
    width: 50%;
  }
}
.paragraph--type--tekst-met-foto.type08 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type09 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type09 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type09 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type09 {
  padding-bottom: 0 !important;
}
.paragraph--type--tekst-met-foto.type09 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-met-foto.type09 .phinner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 0;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type09 .phinner {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type09 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type09 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type09 .phinner .teksten {
  position: relative;
  z-index: 2;
  padding: 0 5vw;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type09 .phinner .teksten {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type09 .phinner .teksten {
    width: calc(100% - 350px);
  }
}
.paragraph--type--tekst-met-foto.type09 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type09 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin-top: 0;
  font-size: 21px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type09 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type09 .phinner .teksten h3 {
    font-size: 3.8vw;
    margin-bottom: 1.5vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type09 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type09 .phinner .teksten h3 {
    font-size: 55px;
    margin-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type09 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type09 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type09 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type09 .phinner .fotoo .finner {
  position: relative;
}
.paragraph--type--tekst-met-foto.type09 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type09 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type09 .phinner .fotoo {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type09 .phinner .fotoo {
    width: 320px;
  }
}
.paragraph--type--tekst-met-foto.type09 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}
.paragraph--type--tekst-met-foto.type10 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type10 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-met-foto.type10 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--tekst-met-foto.type10 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-met-foto.type10 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 0 0;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type10 .phinner {
    padding: 0 0;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type10 .phinner {
    align-items: center;
  }
}
.paragraph--type--tekst-met-foto.type10 .phinner .bg {
  display: none;
}
.paragraph--type--tekst-met-foto.type10 .phinner .teksten {
  position: relative;
  z-index: 2;
  padding: 0 5vw;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type10 .phinner .teksten {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type10 .phinner .teksten {
    width: calc(100% - 350px);
  }
}
.paragraph--type--tekst-met-foto.type10 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type10 .phinner .teksten h3 {
  font-family: "Nunito Sans", sans-serif;
  margin-top: 0;
  font-size: 21px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type10 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type10 .phinner .teksten h3 {
    font-size: 3.8vw;
    margin-bottom: 1.5vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-met-foto.type10 .phinner .teksten h1, .paragraph--type--tekst-met-foto.type10 .phinner .teksten h3 {
    font-size: 55px;
    margin-bottom: 20px;
  }
}
.paragraph--type--tekst-met-foto.type10 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-met-foto.type10 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-met-foto.type10 .phinner .fotoo .finner::after {
  display: block;
  content: "";
  clear: both;
}
.paragraph--type--tekst-met-foto.type10 .phinner .fotoo .finner {
  position: relative;
}
.paragraph--type--tekst-met-foto.type10 .phinner .fotoo .finner .fbg {
  display: none;
}
.paragraph--type--tekst-met-foto.type10 .phinner .fotoo {
  position: relative;
  z-index: 2;
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--tekst-met-foto.type10 .phinner .fotoo {
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-met-foto.type10 .phinner .fotoo {
    width: 320px;
  }
}
.paragraph--type--tekst-met-foto.type10 .phinner .fotoo img {
  float: left;
  border-radius: 50%;
}

.paragraph--type--tekst-foto-tekst {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-foto-tekst {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--tekst-foto-tekst {
    margin: 100px auto;
  }
}
.paragraph--type--tekst-foto-tekst {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-foto-tekst {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-foto-tekst {
    justify-content: space-between;
  }
}
.paragraph--type--tekst-foto-tekst .fotoo {
  width: 70%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-foto-tekst .fotoo {
    width: 30%;
  }
}
.paragraph--type--tekst-foto-tekst .fotoo img {
  border-radius: 50%;
}
.paragraph--type--tekst-foto-tekst .teksten {
  width: 100%;
}
@media screen and (min-width: 400px) {
  .paragraph--type--tekst-foto-tekst .teksten {
    width: 60%;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--tekst-foto-tekst .teksten {
    width: 30%;
  }
}
.paragraph--type--tekst-foto-tekst .teksten h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--tekst-foto-tekst .teksten h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-foto-tekst .teksten h3 {
    font-size: 33px;
  }
}
.paragraph--type--tekst-foto-tekst .teksten h3 {
  font-weight: 600;
  margin-top: 0;
}
.paragraph--type--tekst-foto-tekst .teksten table {
  width: 100%;
}
.paragraph--type--tekst-foto-tekst .tekst2 {
  width: 100%;
  padding-top: 50px;
}
@media screen and (min-width: 960px) {
  .paragraph--type--tekst-foto-tekst .tekst2 {
    padding-top: 0px;
    width: 30%;
  }
}
.paragraph--type--tekst-foto-tekst .tekst2 h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--tekst-foto-tekst .tekst2 h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-foto-tekst .tekst2 h3 {
    font-size: 33px;
  }
}
.paragraph--type--tekst-foto-tekst .tekst2 h3 {
  font-weight: 600;
  margin-top: 0;
}

.paragraph--type--foto-tekst-tekst {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--foto-tekst-tekst {
  margin: 50px auto 65px auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--foto-tekst-tekst {
    margin: 50px auto 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--foto-tekst-tekst {
    margin: 50px auto 100px auto;
  }
}
.paragraph--type--foto-tekst-tekst {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.paragraph--type--foto-tekst-tekst .fotoo {
  width: 30%;
}
@media screen and (min-width: 400px) {
  .paragraph--type--foto-tekst-tekst .fotoo {
    width: 30%;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--foto-tekst-tekst .fotoo {
    width: 30%;
  }
}
.paragraph--type--foto-tekst-tekst .fotoo img {
  border-radius: 50%;
}
.paragraph--type--foto-tekst-tekst .teksten {
  width: 100%;
}
@media screen and (min-width: 400px) {
  .paragraph--type--foto-tekst-tekst .teksten {
    width: 60%;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--foto-tekst-tekst .teksten {
    width: 30%;
  }
}
.paragraph--type--foto-tekst-tekst .teksten h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--foto-tekst-tekst .teksten h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--foto-tekst-tekst .teksten h3 {
    font-size: 33px;
  }
}
.paragraph--type--foto-tekst-tekst .teksten h3 {
  font-weight: 600;
  margin-top: 0;
}
.paragraph--type--foto-tekst-tekst .teksten table {
  width: 100%;
}
.paragraph--type--foto-tekst-tekst .tekst2 {
  width: 100%;
  padding-top: 50px;
}
@media screen and (min-width: 960px) {
  .paragraph--type--foto-tekst-tekst .tekst2 {
    padding-top: 0px;
    width: 30%;
  }
}
.paragraph--type--foto-tekst-tekst .tekst2 h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--foto-tekst-tekst .tekst2 h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--foto-tekst-tekst .tekst2 h3 {
    font-size: 33px;
  }
}
.paragraph--type--foto-tekst-tekst .tekst2 h3 {
  font-weight: 600;
  margin-top: 0;
}

.video-embed-field-launch-modal {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .video-embed-field-launch-modal {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .video-embed-field-launch-modal {
    font-size: 22px;
  }
}
.video-embed-field-launch-modal {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .video-embed-field-launch-modal {
    line-height: 70px;
  }
}
.video-embed-field-launch-modal:hover {
  background-color: white;
}
.video-embed-field-launch-modal {
  cursor: pointer;
}
.video-embed-field-launch-modal img {
  display: none;
}

.path-frontpage .paragraph--type--titel-en-tekst.type05 {
  margin-top: 0;
  margin-bottom: 65px;
}
@media screen and (min-width: 960px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 {
    margin-top: -12vw;
    margin-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 {
    margin-top: -200px;
    margin-bottom: 100px;
  }
}
.path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel {
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
}
@media screen and (min-width: 2043px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel {
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel:before {
  content: "";
  width: 8vw;
  height: 1px;
  border-top: 1px solid #c9d2c4;
  position: absolute;
  left: -30px;
  top: 50%;
}
@media screen and (min-width: 2043px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel:before {
    left: -50px;
    width: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel h1,
.path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel h1,
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel h1,
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .detitel h3 {
    font-size: 33px;
  }
}
.path-frontpage .paragraph--type--titel-en-tekst.type05 .teksten {
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
}
@media screen and (min-width: 2043px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .teksten {
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.path-frontpage .paragraph--type--titel-en-tekst.type05 .teksten td {
  min-width: 100px;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .path-frontpage .paragraph--type--titel-en-tekst.type05 .teksten td {
    min-width: 140px;
  }
}

.paragraph--type--titel-en-tekst .h1titel {
  padding-top: 65px;
}
.paragraph--type--titel-en-tekst.type01 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--titel-en-tekst.type01 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type01 .phinner .detitel {
    width: 48%;
  }
}
.paragraph--type--titel-en-tekst.type01 .phinner .detitel h1,
.paragraph--type--titel-en-tekst.type01 .phinner .detitel h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type01 .phinner .detitel h1,
  .paragraph--type--titel-en-tekst.type01 .phinner .detitel h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type01 .phinner .detitel h1,
  .paragraph--type--titel-en-tekst.type01 .phinner .detitel h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type01 .phinner .teksten {
    width: 48%;
  }
}
.paragraph--type--titel-en-tekst.type01 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--titel-en-tekst.type01 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--titel-en-tekst.type02 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--titel-en-tekst.type02 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type02 .phinner {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type02 .phinner .detitel {
    width: 48%;
  }
}
.paragraph--type--titel-en-tekst.type02 .phinner .detitel h1,
.paragraph--type--titel-en-tekst.type02 .phinner .detitel h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type02 .phinner .detitel h1,
  .paragraph--type--titel-en-tekst.type02 .phinner .detitel h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type02 .phinner .detitel h1,
  .paragraph--type--titel-en-tekst.type02 .phinner .detitel h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type02 .phinner .teksten {
    width: 48%;
  }
}
.paragraph--type--titel-en-tekst.type02 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--titel-en-tekst.type02 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--titel-en-tekst.type03 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type03 .phinner {
    text-align: center;
    padding: 0 50px;
  }
}
@media screen and (min-width: 1024px) {
  .paragraph--type--titel-en-tekst.type03 .phinner {
    padding: 0 100px;
  }
}
@media screen and (min-width: 1280px) {
  .paragraph--type--titel-en-tekst.type03 .phinner {
    padding: 0 150px;
  }
}
.paragraph--type--titel-en-tekst.type03 .phinner .detitel h1 {
  font-family: "Nunito Sans", sans-serif;
  margin-top: 0;
  font-size: 21px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type03 .phinner .detitel h1 {
    font-size: 3.8vw;
    margin-bottom: 1.5vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type03 .phinner .detitel h1 {
    font-size: 55px;
    margin-bottom: 20px;
  }
}
.paragraph--type--titel-en-tekst.type03 .phinner .detitel h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type03 .phinner .detitel h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type03 .phinner .detitel h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--titel-en-tekst.type03 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--titel-en-tekst.type03 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--titel-en-tekst.type04 {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type04 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--titel-en-tekst.type04 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--titel-en-tekst.type04 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--titel-en-tekst.type04 .phinner .detitel h1,
.paragraph--type--titel-en-tekst.type04 .phinner .detitel h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type04 .phinner .detitel h1,
  .paragraph--type--titel-en-tekst.type04 .phinner .detitel h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type04 .phinner .detitel h1,
  .paragraph--type--titel-en-tekst.type04 .phinner .detitel h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--titel-en-tekst.type04 .phinner .teksten ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--titel-en-tekst.type04 .phinner .teksten ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--titel-en-tekst.type05 {
  margin-top: 65px;
  margin-bottom: 65px;
}
@media screen and (min-width: 960px) {
  .paragraph--type--titel-en-tekst.type05 {
    margin-top: 6vw;
    margin-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--titel-en-tekst.type05 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
.paragraph--type--titel-en-tekst.type05 .detitel {
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--titel-en-tekst.type05 .detitel {
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--titel-en-tekst.type05 .detitel:before {
  content: "";
  width: 8vw;
  height: 1px;
  border-top: 1px solid #c9d2c4;
  position: absolute;
  left: -30px;
  top: 50%;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--titel-en-tekst.type05 .detitel:before {
    left: -50px;
    width: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--titel-en-tekst.type05 .detitel h1,
.paragraph--type--titel-en-tekst.type05 .detitel h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--titel-en-tekst.type05 .detitel h1,
  .paragraph--type--titel-en-tekst.type05 .detitel h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type05 .detitel h1,
  .paragraph--type--titel-en-tekst.type05 .detitel h3 {
    font-size: 33px;
  }
}
.paragraph--type--titel-en-tekst.type05 .teksten {
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--titel-en-tekst.type05 .teksten {
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--titel-en-tekst.type05 .teksten td {
  min-width: 100px;
  font-weight: 600;
}
@media screen and (min-width: 600px) {
  .paragraph--type--titel-en-tekst.type05 .teksten td {
    min-width: 140px;
  }
}
.paragraph--type--titel-en-tekst.type06 {
  margin-top: 65px;
  padding: 95px 0 65px 0;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type06 {
    margin-top: 6vw;
    padding: 8vw 0 6vw 0;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--titel-en-tekst.type06 {
    margin-top: 100px;
    padding: 116px 0 100px 0;
  }
}
.paragraph--type--titel-en-tekst.type06 {
  background: url(../img/rond1.svg) center top no-repeat;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgb(68, 92, 93) 50%), url(../img/rond1.svg) center top no-repeat;
  background-size: 100%;
}
.paragraph--type--titel-en-tekst.type06 .detitel {
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--titel-en-tekst.type06 .detitel {
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--titel-en-tekst.type06 .detitel h1,
.paragraph--type--titel-en-tekst.type06 .detitel h3 {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--titel-en-tekst.type06 .detitel h1,
  .paragraph--type--titel-en-tekst.type06 .detitel h3 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type06 .detitel h1,
  .paragraph--type--titel-en-tekst.type06 .detitel h3 {
    font-size: 33px;
  }
}
.paragraph--type--titel-en-tekst.type06 .teksten {
  padding-left: 8vw;
  padding-right: 8vw;
  position: relative;
}
@media screen and (min-width: 2043px) {
  .paragraph--type--titel-en-tekst.type06 .teksten {
    padding-left: calc((100vw - (1920px - 10vw)) / 2);
    padding-right: calc((100vw - (1920px - 10vw)) / 2);
  }
}
.paragraph--type--titel-en-tekst.type06 .teksten p {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type06 .teksten p {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--titel-en-tekst.type06 .teksten p {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--titel-en-tekst.type06 .teksten p {
  font-family: "Prata", serif;
  text-align: center;
  line-height: 1.5;
}
.paragraph--type--titel-en-tekst.type06 .teksten p br {
  display: none;
}
@media screen and (min-width: 768px) {
  .paragraph--type--titel-en-tekst.type06 .teksten p br {
    display: unset;
  }
}

.paragraph--type--tekst-tekst {
  margin: 65px 0;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst {
    margin: 6vw 0;
  }
}
.paragraph--type--tekst-tekst.type01 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-tekst.type01 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type01 .phinner .linkerkant {
    width: 48%;
  }
}
.paragraph--type--tekst-tekst.type01 .phinner .linkerkant h1, .paragraph--type--tekst-tekst.type01 .phinner .linkerkant h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type01 .phinner .linkerkant h1, .paragraph--type--tekst-tekst.type01 .phinner .linkerkant h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-tekst.type01 .phinner .linkerkant h1, .paragraph--type--tekst-tekst.type01 .phinner .linkerkant h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-tekst.type01 .phinner .linkerkant ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-tekst.type01 .phinner .linkerkant ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type01 .phinner .rechterkant {
    width: 48%;
  }
}
.paragraph--type--tekst-tekst.type01 .phinner .rechterkant h1, .paragraph--type--tekst-tekst.type01 .phinner .rechterkant h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type01 .phinner .rechterkant h1, .paragraph--type--tekst-tekst.type01 .phinner .rechterkant h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-tekst.type01 .phinner .rechterkant h1, .paragraph--type--tekst-tekst.type01 .phinner .rechterkant h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-tekst.type01 .phinner .rechterkant ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-tekst.type01 .phinner .rechterkant ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-tekst.type02 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-tekst.type02 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type02 .phinner .linkerkant {
    width: 48%;
  }
}
.paragraph--type--tekst-tekst.type02 .phinner .linkerkant h1, .paragraph--type--tekst-tekst.type02 .phinner .linkerkant h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type02 .phinner .linkerkant h1, .paragraph--type--tekst-tekst.type02 .phinner .linkerkant h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-tekst.type02 .phinner .linkerkant h1, .paragraph--type--tekst-tekst.type02 .phinner .linkerkant h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-tekst.type02 .phinner .linkerkant ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-tekst.type02 .phinner .linkerkant ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type02 .phinner .rechterkant {
    width: 48%;
  }
}
.paragraph--type--tekst-tekst.type02 .phinner .rechterkant h1, .paragraph--type--tekst-tekst.type02 .phinner .rechterkant h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type02 .phinner .rechterkant h1, .paragraph--type--tekst-tekst.type02 .phinner .rechterkant h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--tekst-tekst.type02 .phinner .rechterkant h1, .paragraph--type--tekst-tekst.type02 .phinner .rechterkant h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--tekst-tekst.type02 .phinner .rechterkant ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-tekst.type02 .phinner .rechterkant ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
.paragraph--type--tekst-tekst.type03 .phinner {
  position: relative;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--tekst-tekst.type03 .phinner {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type03 .phinner .linkerkant {
    width: 48%;
  }
}
.paragraph--type--tekst-tekst.type03 .phinner .linkerkant .gelijk {
  display: none;
}
.paragraph--type--tekst-tekst.type03 .phinner .linkerkant ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-tekst.type03 .phinner .linkerkant ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--tekst-tekst.type03 .phinner .rechterkant {
    width: 48%;
  }
}
.paragraph--type--tekst-tekst.type03 .phinner .rechterkant .gelijk {
  display: none;
}
.paragraph--type--tekst-tekst.type03 .phinner .rechterkant ul {
  list-style-type: none;
  padding: 15px 0 1px 0;
}
.paragraph--type--tekst-tekst.type03 .phinner .rechterkant ul li {
  background: url(../img/check1.svg) left top no-repeat;
  padding-left: 40px;
  margin-bottom: 15px;
  background-size: 30px;
}

.paragraph--type--call-to-action {
  margin: 65px 0;
}
@media screen and (min-width: 768px) {
  .paragraph--type--call-to-action {
    margin: 6vw 0;
  }
}
.paragraph--type--call-to-action .phinner {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--call-to-action .phinner {
  text-align: center;
  background-color: #354F52;
  border-radius: 0;
  padding: 6vw 10vw;
}
.paragraph--type--call-to-action .phinner h3 {
  color: white;
  font-family: "Nunito Sans", sans-serif;
  margin-top: 0;
  font-size: 21px;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--call-to-action .phinner h3 {
    font-size: 3.8vw;
    margin-bottom: 1.5vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--call-to-action .phinner h3 {
    font-size: 55px;
    margin-bottom: 20px;
  }
}
.paragraph--type--call-to-action .phinner .knop a {
  margin-bottom: 0;
}

.paragraph--type--blok-referentie.type01 {
  background: url(../img/rond2.svg) center top no-repeat;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgb(201, 210, 196) 30%), url(../img/rond2.svg) center top no-repeat;
  background-size: 100%;
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--blok-referentie.type01 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--blok-referentie.type01 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--blok-referentie.type01 {
  padding-bottom: 10px !important;
}
.paragraph--type--blok-referentie.type01 .phinner {
  width: 960px;
  max-width: 80vw;
  margin: auto;
  text-align: center;
}
.paragraph--type--blok-referentie.type01 .phinner .flexslider {
  background-color: unset;
  border: 0;
}
.paragraph--type--blok-referentie.type01 .phinner .views-field-title {
  padding-top: 50px;
}
.paragraph--type--blok-referentie.type01 .phinner .views-field-title span {
  text-transform: uppercase;
  color: #445c5d;
  letter-spacing: 10px;
}
.paragraph--type--blok-referentie.type01 .phinner .views-field-body {
  padding-top: 80px;
  margin-top: 40px;
  background: url(../img/cross.svg) top center no-repeat;
}
.paragraph--type--blok-referentie.type01 .phinner .views-field-body div {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--blok-referentie.type01 .phinner .views-field-body div {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--blok-referentie.type01 .phinner .views-field-body div {
    font-size: 33px;
  }
}
.paragraph--type--blok-referentie.type01 .phinner .views-field-body div {
  color: #445c5d;
  font-family: "Prata", serif;
}
.paragraph--type--blok-referentie.type01 .phinner .flex-direction-nav {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}
.paragraph--type--blok-referentie.type01 .phinner .flex-direction-nav li {
  width: 47%;
  position: relative;
  height: 40px;
}
.paragraph--type--blok-referentie.type01 .phinner .flex-direction-nav a {
  text-decoration: none;
  display: block;
  height: 40px;
  width: unset;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  text-indent: -10000px;
  overflow: hidden;
}
.paragraph--type--blok-referentie.type01 .phinner .flex-direction-nav a:before {
  display: none;
}
.paragraph--type--blok-referentie.type01 .phinner .flex-direction-nav a.flex-prev {
  background: url(../img/prev.svg) right center no-repeat;
}
.paragraph--type--blok-referentie.type01 .phinner .flex-direction-nav a.flex-next {
  background: url(../img/next.svg) left center no-repeat;
  text-indent: 10000px;
}
.paragraph--type--blok-referentie.type02 {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--blok-referentie.type02 {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--blok-referentie.type02 {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--blok-referentie.type02 {
    margin: 100px auto;
  }
}
.paragraph--type--blok-referentie.type02 .group .views-row {
  background-color: #445c5d;
  border-radius: 5px;
  margin: 50px 0;
  padding: 5vw 10vw;
}
@media screen and (min-width: 960px) {
  .paragraph--type--blok-referentie.type02 .group .views-row {
    padding: 50px 100px;
  }
}
.paragraph--type--blok-referentie.type02 .group .views-row .views-field-title span {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--blok-referentie.type02 .group .views-row .views-field-title span {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--blok-referentie.type02 .group .views-row .views-field-title span {
    font-size: 33px;
  }
}
.paragraph--type--blok-referentie.type02 .group .views-row .views-field-title span {
  font-weight: 600;
}
.paragraph--type--blok-referentie.type02 .group .views-row a {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .paragraph--type--blok-referentie.type02 .group .views-row a {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--blok-referentie.type02 .group .views-row a {
    font-size: 22px;
  }
}
.paragraph--type--blok-referentie.type02 .group .views-row a {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .paragraph--type--blok-referentie.type02 .group .views-row a {
    line-height: 70px;
  }
}
.paragraph--type--blok-referentie.type02 .group .views-row a:hover {
  background-color: white;
}
.paragraph--type--blok-referentie.type02 #block-hoofdnavigatie ul.menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}
.paragraph--type--blok-referentie.type02 #block-hoofdnavigatie ul.menu a {
  display: inline-block;
  text-decoration: none;
  color: #354F52;
  background-color: #c9d2c4;
  line-height: 40px;
  border-radius: 20px;
  padding: 0 20px;
  text-transform: lowercase;
  font-size: 18px;
}
.paragraph--type--blok-referentie.type02 #block-hoofdnavigatie ul.menu a:hover {
  background-color: white;
}
.paragraph--type--blok-referentie.type03 {
  background: url(../img/rond1.svg) center top no-repeat;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgb(68, 92, 93) 25%), url(../img/rond1.svg) center top no-repeat;
  background-size: 100%;
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .paragraph--type--blok-referentie.type03 {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--blok-referentie.type03 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.paragraph--type--blok-referentie.type03 {
  padding-bottom: 10px !important;
}
.paragraph--type--blok-referentie.type03 .phinner {
  width: 960px;
  max-width: 80vw;
  margin: auto;
}
.paragraph--type--blok-referentie.type03 .phinner .flexslider {
  background-color: unset;
  border: 0;
}
.paragraph--type--blok-referentie.type03 .phinner .views-field-title {
  padding-top: 50px;
}
.paragraph--type--blok-referentie.type03 .phinner .views-field-title span {
  text-transform: uppercase;
  color: #445c5d;
  letter-spacing: 10px;
}
.paragraph--type--blok-referentie.type03 .phinner .views-field-body {
  padding-top: 80px;
  margin-top: 40px;
  background: url(../img/cross.svg) top center no-repeat;
}
.paragraph--type--blok-referentie.type03 .phinner .views-field-body div {
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--blok-referentie.type03 .phinner .views-field-body div {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--blok-referentie.type03 .phinner .views-field-body div {
    font-size: 33px;
  }
}
.paragraph--type--blok-referentie.type03 .phinner .views-field-body div {
  color: #445c5d;
  font-family: "Prata", serif;
}
.paragraph--type--blok-referentie.type03 .phinner .flex-direction-nav {
  display: flex;
  justify-content: space-between;
  padding-top: 50px;
}
.paragraph--type--blok-referentie.type03 .phinner .flex-direction-nav li {
  width: 47%;
  position: relative;
  height: 40px;
}
.paragraph--type--blok-referentie.type03 .phinner .flex-direction-nav a {
  text-decoration: none;
  display: block;
  height: 40px;
  width: unset;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
  text-indent: -10000px;
  overflow: hidden;
}
.paragraph--type--blok-referentie.type03 .phinner .flex-direction-nav a:before {
  display: none;
}
.paragraph--type--blok-referentie.type03 .phinner .flex-direction-nav a.flex-prev {
  background: url(../img/prev.svg) right center no-repeat;
}
.paragraph--type--blok-referentie.type03 .phinner .flex-direction-nav a.flex-next {
  background: url(../img/next.svg) left center no-repeat;
  text-indent: 10000px;
}

.paragraph--type--tabel {
  width: 960px;
  max-width: 90vw;
  margin: 4vw auto;
}
@media screen and (max-width: 650px) {
  .paragraph--type--tabel thead {
    display: none;
  }
  .paragraph--type--tabel tr {
    display: block;
    border-bottom: 1px solid #354F52;
  }
  .paragraph--type--tabel td, .paragraph--type--tabel th {
    display: block;
    text-align: left !important;
  }
  .paragraph--type--tabel .tabeltitel table {
    background-color: #c9d2c4;
    font-family: "Nunito Sans", sans-serif;
    border-radius: 15px;
    width: 100%;
  }
  .paragraph--type--tabel .tabeltitel table tr {
    padding: 10px 0px !important;
  }
  .paragraph--type--tabel .tabeltitel table tr td {
    padding: 10px 20px !important;
    line-height: 1 !important;
    font-size: 20px;
  }
  .paragraph--type--tabel .tabeltitel table .col_1 {
    text-align: right;
  }
  .paragraph--type--tabel .tabelcontent table {
    width: 100%;
    text-align: left;
    border-spacing: 0px;
  }
  .paragraph--type--tabel .tabelcontent table tr:last-child {
    border-bottom: 0px solid #354F52;
    padding-bottom: 50px;
  }
  .paragraph--type--tabel .tabelcontent table tr th {
    padding: 0 20px;
    border-bottom: 1px solid #f6364d;
    line-height: 3;
    font-family: "Nunito Sans", sans-serif;
    font-size: 20px;
  }
  .paragraph--type--tabel .tabelcontent table tr td {
    padding: 5px 20px !important;
    vertical-align: top;
  }
  .paragraph--type--tabel .tabelcontent table tr td b {
    font-size: 20px;
    padding-top: 20px;
    display: block;
  }
  .paragraph--type--tabel .tabelcontent table tr td i {
    padding-top: 10px;
    display: block;
    font-family: "Nunito Sans", sans-serif;
    font-weight: bold;
  }
  .paragraph--type--tabel .tabelcontent table tr:hover {
    background-color: #F7F7F7;
  }
  .paragraph--type--tabel .tabelcontent table .col_0 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: bold;
  }
  .paragraph--type--tabel .tabelcontent table .col_1 {
    font-family: "Nunito Sans", sans-serif;
    font-weight: bold;
  }
  .paragraph--type--tabel .tabelcontent table .col_2 {
    text-align: right;
    min-width: 130px;
    font-family: "Nunito Sans", sans-serif;
    font-weight: bold;
  }
}
.paragraph--type--tabel .tabeltitel table {
  background-color: #c9d2c4;
  font-family: "Nunito Sans", sans-serif;
  border-radius: 15px;
  width: 100%;
}
.paragraph--type--tabel .tabeltitel table tr td {
  padding: 0 20px;
  line-height: 3;
  font-size: 20px;
}
.paragraph--type--tabel .tabeltitel table .col_1 {
  text-align: right;
}
.paragraph--type--tabel .tabelcontent table {
  width: 100%;
  text-align: left;
  border-spacing: 0px;
}
.paragraph--type--tabel .tabelcontent table tr th {
  padding: 0 20px;
  border-bottom: 1px solid #f6364d;
  line-height: 3;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
}
.paragraph--type--tabel .tabelcontent table tr td {
  padding: 10px 20px;
  vertical-align: top;
}
.paragraph--type--tabel .tabelcontent table tr td b {
  font-size: 20px;
  padding-top: 20px;
  display: block;
}
.paragraph--type--tabel .tabelcontent table tr td i {
  padding-top: 10px;
  display: block;
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
}
.paragraph--type--tabel .tabelcontent table tr:hover {
  background-color: #F7F7F7;
}
.paragraph--type--tabel .tabelcontent table .col_0 {
  width: 100px;
}
.paragraph--type--tabel .tabelcontent table .col_2 {
  text-align: right;
  width: 130px;
}

.paragraph--type--banner-afbeelding .phinner {
  margin: 0 auto;
  width: 1920px;
  max-width: 94vw;
}
.paragraph--type--banner-afbeelding .phinner img {
  border-radius: 0;
}

.paragraph--type--inhoudsreferentie {
  width: 100%;
  background-color: #445c5d;
}
.paragraph--type--inhoudsreferentie .pagerefs {
  width: 100vw;
  max-width: 2043px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.paragraph--type--inhoudsreferentie .pagerefs > div {
  width: 100%;
}
@media screen and (min-width: 600px) {
  .paragraph--type--inhoudsreferentie .pagerefs > div {
    width: 50%;
  }
  .paragraph--type--inhoudsreferentie .pagerefs > div:first-child {
    width: 100%;
  }
  .paragraph--type--inhoudsreferentie .pagerefs > div:first-child .teasercontent {
    aspect-ratio: 2/1;
  }
}
@media screen and (min-width: 960px) {
  .paragraph--type--inhoudsreferentie .pagerefs > div {
    width: 33.3333333333%;
  }
  .paragraph--type--inhoudsreferentie .pagerefs > div:first-child {
    width: 33.3333333333%;
  }
  .paragraph--type--inhoudsreferentie .pagerefs > div:first-child .teasercontent {
    aspect-ratio: 1/1;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teaserafbeelding {
  display: none;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent {
  aspect-ratio: 2/1.5;
}
@media screen and (min-width: 600px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent {
    aspect-ratio: 1/1;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent {
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 1;
  padding: 3.5vw;
  padding-right: 3.5vw;
}
@media screen and (min-width: 1280px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent {
    padding-right: 7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent {
    padding: 50px;
    padding-right: 150px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: black;
  opacity: 0.6;
  transition: all 0.3s ease;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent h2 {
  position: relative;
  z-index: 10;
  line-height: 1.5;
  font-size: 22px;
  font-weight: normal;
  margin: 1.5em 0 0.5em 0;
}
@media screen and (min-width: 960px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent h2 {
    font-size: 2.3vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent h2 {
    font-size: 33px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent h2 {
  text-transform: lowercase;
  font-weight: 700;
  margin-top: 0;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent h2 a {
  text-decoration: none;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent .teasertekst {
  position: relative;
  z-index: 10;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links {
  position: absolute;
  z-index: 10;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 3.5vw;
}
@media screen and (min-width: 1440px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links {
    bottom: 50px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links a {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links a {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links a {
    font-size: 22px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links a {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links a {
    line-height: 70px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links a:hover {
  background-color: white;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent ul.links a {
  margin: 0;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover:after {
  background-color: white;
  opacity: 0.8;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover h2 {
  color: #354F52;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover .teasertekst {
  position: relative;
  z-index: 10;
  color: #354F52;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links {
  position: absolute;
  z-index: 10;
  list-style-type: none;
  margin: 0;
  padding: 0;
  bottom: 3.5vw;
}
@media screen and (min-width: 1440px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links {
    bottom: 50px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a {
    font-size: 22px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a {
    line-height: 70px;
  }
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a:hover {
  background-color: white;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a {
  background-color: #354F52;
  color: #c9d2c4;
  margin: 0;
}
.paragraph--type--inhoudsreferentie .pagerefs .teasercontent:hover ul.links a:hover {
  margin: 0;
  color: #354F52;
}

.paragraph--type--foto-s- {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--foto-s- {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--foto-s- {
    margin: 100px auto;
  }
}
.paragraph--type--foto-s- .fotoos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--foto-s- .fotoos > div {
  width: 29%;
}
.paragraph--type--foto-s- .fotoos img {
  border-radius: 50%;
}

.paragraph--type--video {
  margin: 65px auto;
}
@media screen and (min-width: 768px) {
  .paragraph--type--video {
    margin: 6vw auto;
  }
}
@media screen and (min-width: 1600px) {
  .paragraph--type--video {
    margin: 100px auto;
  }
}
.paragraph--type--video .finner {
  width: 960px;
  margin: auto;
  max-width: 92vw;
}

.paragraph--type--homepagina-banner {
  margin: 0 auto;
  width: 1920px;
  max-width: 94vw;
}
.paragraph--type--homepagina-banner {
  position: relative;
  padding-top: 35px;
}
@media screen and (min-width: 960px) {
  .paragraph--type--homepagina-banner {
    padding-top: unset;
  }
}
.paragraph--type--homepagina-banner .banner {
  position: relative;
}
.paragraph--type--homepagina-banner .banner .flexslider {
  border: 0;
}
.paragraph--type--homepagina-banner .banner .flexslider img {
  border-radius: 0;
}
.paragraph--type--homepagina-banner .banner .bannertekst {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  bottom: 0%;
}
@media screen and (min-width: 768px) {
  .paragraph--type--homepagina-banner .banner .bannertekst {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    bottom: 0%;
  }
}
@media screen and (min-width: 1024px) {
  .paragraph--type--homepagina-banner .banner .bannertekst {
    bottom: 0;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h1, .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h3 {
  font-family: "Nunito Sans", sans-serif;
  margin: 0;
  font-size: 20px;
  padding-bottom: 20px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h1, .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h3 {
    font-size: 2.7vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h1, .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h3 {
    font-size: 40px;
    padding-bottom: 20px;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h1 br, .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h3 br {
  display: block;
}
@media screen and (min-width: 768px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h1, .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h3 {
    font-family: "Nunito Sans", sans-serif;
    margin-top: 0;
    font-size: 21px;
    margin-bottom: 10px;
    color: white;
    text-shadow: 0 0 10px black;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h1, .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h3 {
    font-size: 3.8vw;
    margin-bottom: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1440px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h1, .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner h3 {
    font-size: 55px;
    margin-bottom: 20px;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 {
    font-size: 22px;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 {
    line-height: 70px;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1:hover {
  background-color: white;
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 {
  max-height: 45px;
  background-color: #354F52;
  margin: 0;
  margin-right: 20px;
  margin-bottom: 6vw;
}
@media screen and (min-width: 768px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 {
    margin-bottom: 0;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop1 a {
  text-decoration: none;
  color: white;
  font-family: "Nunito Sans", sans-serif;
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
  display: inline-block;
  background-color: #c9d2c4;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
  text-decoration: none;
  text-transform: lowercase;
  padding: 0 45px;
  margin: 20px 0;
  border-radius: 35px;
  line-height: 1.5;
  font-size: 15px;
  font-weight: 300;
}
@media screen and (min-width: 960px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
    font-size: 1.55vw;
  }
}
@media screen and (min-width: 1440px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
    font-size: 22px;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
  line-height: 40px;
  font-weight: bold;
  transition: all 0.3s ease;
}
@media screen and (min-width: 960px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
    line-height: 70px;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2:hover {
  background-color: white;
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
  max-height: 45px;
  background-color: #f6364d;
  margin: 0;
  margin-bottom: 6vw;
}
@media screen and (min-width: 768px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
    margin-bottom: 0;
  }
}
.paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 a {
  text-decoration: none;
  color: #354F52;
  font-family: "Nunito Sans", sans-serif;
}
@media screen and (min-width: 768px) {
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 {
    background-color: white;
  }
  .paragraph--type--homepagina-banner .banner .bannertekst .bannertekstinner .knoppen .knop2 a {
    text-decoration: none;
    color: #354F52;
    font-family: "Nunito Sans", sans-serif;
  }
}

.news-featured__header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.news-featured__header h3 {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.1;
  color: #c9d2c4;
  margin: 0;
}
@media (max-width: 700px) {
  .news-featured__header h3 {
    font-size: 28px;
  }
}

.news-featured__cta {
  text-align: center;
  margin-top: 2.5rem;
}
.news-featured__cta a {
  display: inline-block;
  background: #c9d2c4;
  color: #354F52;
  padding: 14px 40px;
  border-radius: 999px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s ease;
}
.news-featured__cta a:hover {
  background: #fff;
}

.news-overview,
.news-featured {
  margin: 0 auto;
  width: 1920px;
  max-width: 94vw;
}
.news-overview,
.news-featured {
  padding-top: 65px;
  padding-bottom: 65px;
}
@media screen and (min-width: 768px) {
  .news-overview,
  .news-featured {
    padding-top: 6vw;
    padding-bottom: 6vw;
  }
}
@media screen and (min-width: 1600px) {
  .news-overview,
  .news-featured {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.news-overview .container,
.news-featured .container {
  width: 100%;
}
.news-overview .viewcontent .group,
.news-featured .viewcontent .group {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
@media (max-width: 900px) {
  .news-overview .viewcontent .group,
  .news-featured .viewcontent .group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .news-overview .viewcontent .group,
  .news-featured .viewcontent .group {
    grid-template-columns: minmax(0, 1fr);
  }
}
.news-overview .news-item,
.news-featured .news-item {
  display: flex;
}
.news-overview .pager,
.news-featured .pager {
  margin-top: 2.5rem;
  display: flex;
  justify-content: center;
}

.news-teaser {
  background: #445c5d;
  color: #c9d2c4;
  display: flex;
  flex-direction: column;
  width: 100%;
  transition: transform 0.25s ease;
}
.news-teaser a {
  color: inherit;
  text-decoration: none;
}
.news-teaser:hover {
  transform: translateY(-3px);
}
.news-teaser:hover .news-teaser__image img {
  transform: scale(1.04);
}
.news-teaser__image {
  display: block;
  width: 100%;
  aspect-ratio: 16/10;
  flex: 0 0 auto;
  overflow: hidden;
}
.news-teaser__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.news-teaser__body {
  padding: 40px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.news-teaser__date {
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #c9d2c4;
  opacity: 0.7;
  margin-bottom: 0.75rem;
}
.news-teaser__title {
  font-family: "Prata", serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 1.2;
  margin: 0 0 1rem;
  color: #c9d2c4;
}
.news-teaser__title a:hover {
  color: #fff;
}
.news-teaser__text {
  font-size: 0.9375rem;
  line-height: 1.55;
  margin-bottom: 1.5rem;
}
.news-teaser__text p:last-child {
  margin-bottom: 0;
}
.news-teaser__more {
  margin-top: auto;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8125rem;
  color: #c9d2c4;
  align-self: flex-start;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}
.news-teaser__more:hover {
  color: #fff;
}

.news-detail {
  color: #c9d2c4;
}
.news-detail__hero {
  width: 100%;
}
.news-detail__hero img {
  width: 100%;
  height: auto;
  max-height: 480px;
  object-fit: cover;
  display: block;
}
.news-detail__header {
  padding: 4rem 0 0;
  margin-bottom: 70px;
}
@media (max-width: 700px) {
  .news-detail__header {
    padding: 2rem 0 0;
  }
}
.news-detail__header-inner {
  margin: 0 auto;
  width: calc(1920px - 10vw);
  max-width: 84vw;
}
.news-detail__date {
  display: block;
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #c9d2c4;
  opacity: 0.6;
  margin-bottom: 1.25rem;
}
.news-detail__title {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 1.5rem;
  color: #c9d2c4;
  overflow-wrap: break-word;
}
@media (max-width: 700px) {
  .news-detail__title {
    font-size: 28px;
    margin-bottom: 1rem;
  }
}
.news-detail__intro, .news-detail__intro .finner, .news-detail__intro p {
  font-family: "Nunito Sans", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 33px;
  color: #c9d2c4;
  text-align: left;
}
@media (max-width: 700px) {
  .news-detail__intro, .news-detail__intro .finner, .news-detail__intro p {
    font-size: 17px;
    line-height: 26px;
  }
}
.news-detail__intro p:last-child {
  margin-bottom: 0;
}
.news-detail > .paragrafen > .paragraph:first-child {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

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