/*# sourceMappingURL=https://demo.webbureau.nu/ringelingtechniek2025//Files/Assets/Css/styleguide.less.map*/@charset "UTF-8";
.cw1 {
  --cw:1;
}
.cw2 {
  --cw:2;
}
.cw3 {
  --cw:3;
}
.cw4 {
  --cw:4;
}
.cw5 {
  --cw:5;
}
.cw6 {
  --cw:6;
}
.cw7 {
  --cw:7;
}
.cw8 {
  --cw:8;
}
.cw9 {
  --cw:9;
}
.cw10 {
  --cw:10;
}
.cw11 {
  --cw:11;
}
.cw12 {
  --cw:12;
}
body {
  font-family: "Roboto";
  padding: 0;
  margin: 0;
  background-color: var(--body-background);
}
h1, h2, h3, h4, h5, h6, p, a, td {
  margin: 0;
}
p, span, div, td, input, textarea, li {
  color: var(--custom-color, var(--color));
  font-family: var(--custom-font-family, var(--font-family));
  font-size: var(--custom-font-size, var(--font-size));
  font-weight: var(--custom-font-weight, var(--font-weight));
  margin-bottom: var(--custom-margin-bottom, var(--margin-bottom));
  line-height: var(--custom-line-height, var(--line-height));
}
p + p {
  margin-top: 20px;
}
a:not(.button) {
  color: var(--custom-color, var(--link-color, var(--color)));
  font-family: var(--custom-font-family, var(--link-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--link-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--link-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--link-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--link-line-height, var(--line-height)));
  text-decoration: var(--custom-text-decoration, var(--link--text-decoration, var(--text-decoration)));
}
a:not(.button):hover {
  color: var(--custom-color, var(--link-hover-color, var(--link-color)));
  font-family: var(--custom-font-family, var(--link-hover-font-family, var(--link-font-family)));
  font-size: var(--custom-font-size, var(--link-hover-font-size, var(--link-font-size)));
  font-weight: var(--custom-font-weight, var(--link-hover-font-weight, var(--link-font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--link-hover-margin-bottom, var(--link-margin-bottom)));
  line-height: var(--custom-line-height, var(--link-hover-line-height, var(--link-line-height)));
}
a {
  text-decoration: none;
}
h1, h1 span {
  color: var(--custom-color, var(--h1-color, var(--color)));
  font-family: var(--custom-font-family, var(--h1-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h1-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h1-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h1-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h1-line-height, var(--line-height)));
}
h2, h2 span {
  color: var(--custom-color, var(--h2-color, var(--color)));
  font-family: var(--custom-font-family, var(--h2-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h2-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h2-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h2-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h2-line-height, var(--line-height)));
}
h3, h3 span {
  color: var(--custom-color, var(--h3-color, var(--color)));
  font-family: var(--custom-font-family, var(--h3-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h3-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h3-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h3-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h3-line-height, var(--line-height)));
}
h4, h4 span {
  color: var(--custom-color, var(--h4-color, var(--color)));
  font-family: var(--custom-font-family, var(--h4-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h4-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h4-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h4-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h4-line-height, var(--line-height)));
}
h5, h5 span {
  color: var(--custom-color, var(--h5-color, var(--color)));
  font-family: var(--custom-font-family, var(--h5-font-family, var(--font-family)));
  font-size: var(--custom-font-size, var(--h5-font-size, var(--font-size)));
  font-weight: var(--custom-font-weight, var(--h5-font-weight, var(--font-weight)));
  margin-bottom: var(--custom-margin-bottom, var(--h5-margin-bottom, var(--margin-bottom)));
  line-height: var(--custom-line-height, var(--h5-line-height, var(--line-height)));
}
svg {
  height: auto;
}
h2 + h3, h1 + h3 {
  margin-top: -10px;
  display: inline-block;
  --h3-font-size: 16px;
  padding-right: 10px;
}
figure {
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
  border-radius: var(--border-radius);
}
.bg-dark {
  background-color: #333;
}
.bg-grey {
  background-color: var(--secondary);
}
.bg-grey .quote-block {
  --custom-color: #fff;
}
.bg-light-grey {
  background-color: #d8d8d8;
}
*[style*="--pb:"] {
  padding-bottom: var(--pb);
}
*[style*="--pt:"] {
  padding-top: var(--pt);
}
*[style*="--pr:"] {
  padding-right: var(--pr);
}
*[style*="--pl:"] {
  padding-left: var(--pl);
}
@media (min-width: 692px) and (max-width: 1280px) {
  *[style*="--pb-sm:"] {
    padding-bottom: var(--pb-sm);
  }
  *[style*="--pt-sm:"] {
    padding-top: var(--pt-sm);
  }
  *[style*="--pr-sm:"] {
    padding-right: var(--pr-sm);
  }
  *[style*="--pl-sm:"] {
    padding-left: var(--pl-sm);
  }
}
@media (max-width: 692px) {
  *[style*="--pb-xs:"] {
    padding-bottom: var(--pb-xs);
  }
  *[style*="--pt-xs:"] {
    padding-top: var(--pt-xs);
  }
  *[style*="--pr-xs:"] {
    padding-right: var(--pr-xs);
  }
  *[style*="--pl-xs:"] {
    padding-left: var(--pl-xs);
  }
}
grid, .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
  width: 100%;
  margin: 0 auto;
  --cw: 12;
  --cs: auto;
  --rh: 1;
  --rs: auto;
}
@media (max-width: 576px) {
  grid, .grid {
    max-width: calc(100% - 30px);
    gap: 15px 15px;
  }
}
@media (min-width: 576px) {
  grid, .grid {
    max-width: calc(100% - 30px);
    gap: 15px 15px;
  }
}
@media (min-width: 768px) {
  grid, .grid {
    max-width: 720px;
    gap: 30px;
  }
}
@media (min-width: 992px) {
  grid, .grid {
    max-width: 960px;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  grid, .grid {
    max-width: 1140px;
    gap: 30px;
  }
}
@media (min-width: 1400px) {
  grid, .grid {
    max-width: 1290px;
    gap: 30px;
  }
}
grid.no-gap, .grid.no-gap {
  gap: 0;
}
grid.fluid, .grid.fluid {
  margin: 0;
  max-width: 100%;
}
@media (max-width: 692px) {
  grid.fluid, .grid.fluid {
    width: 100%;
  }
}
grid > *, .grid > * {
  grid-column: var(--column-span) / span var(--column-width);
  grid-row: var(--row-span) / span var(--rh);
}
@media (max-width: 692px) {
  grid > *, .grid > * {
    --column-width: var(--cw-xs, 12);
    --column-span: var(--cs-xs, var(--cs));
    --row-span:var(--rs-xs, var(--rs));
  }
}
@media (min-width: 692px) and (max-width: 992px) {
  grid > *, .grid > * {
    --column-width: var(--cw-sm, var(--cw));
    --column-span: var(--cs-sm, var(--cs));
    --row-span:var(--rs-sm, var(--rs));
  }
}
@media (min-width: 992px) {
  grid > *, .grid > * {
    --column-width: var(--cw, 12);
    --column-span: var(--cs, auto);
    --row-span: var(--rs, auto);
  }
}
grid > .align-center, .grid > .align-center {
  align-self: center;
}
grid grid:not('.fixed'), grid .grid:not('.fixed'), .grid grid:not('.fixed'), .grid .grid:not('.fixed') {
  max-width: 100% !important;
  margin: 0 !important;
}
img {
  max-width: 100%;
  height: auto;
}
.image-block {
  border-radius: 6px;
  overflow: hidden;
}
.row {
  display: flex;
}
.row.right {
  justify-content: flex-end;
}
.hidden {
  display: none;
}
.message {
  border: 1px solid var(--border-color);
  padding: 15px;
  border-radius: var(--border-radius);
  background-color: var(--background-color);
}
.message--success {
  --border-color: #c3e6cb;
  --background-color: #d4edda;
  --custom-color: #155724;
}
.text-block ul {
  list-style: none;
}
.text-block ul li {
  position: relative;
}
.text-block ul li:before {
  position: absolute;
  left: -25px;
  font-weight: 700;
  content: "";
  color: var(--icon-color, var(--primary));
  font-family: "FontAwesome";
}
.highlight {
  border-radius: 6px;
  padding: 30px;
  margin-bottom: 30px;
  text-align: center;
}
header li.is-active > a, footer li.is-active > a {
  font-weight: 700 !important;
  position: relative;
}