/*# sourceMappingURL=http://localhost/webbureau2024/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: #fff;
}
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(.btn):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(.btn):not(.button):hover {
  color: var(--custom-color, var(---link-hover-color, var(---linkcolor)));
  font-family: var(--custom-font-family, var(---link-hover-font-family, var(---linkfont-family)));
  font-size: var(--custom-font-size, var(---link-hover-font-size, var(---linkfont-size)));
  font-weight: var(--custom-font-weight, var(---link-hover-font-weight, var(---linkfont-weight)));
  margin-bottom: var(--custom-margin-bottom, var(---link-hover-margin-bottom, var(---linkmargin-bottom)));
  line-height: var(--custom-line-height, var(---link-hover-line-height, var(---linkline-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)));
}
em {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
p + h3 {
  margin-top: 25px;
}
figure {
  padding: 0;
  margin: 0;
}
img {
  max-width: 100%;
  height: auto;
}
.bg-light-blue {
  background-color: var(--light-blue);
}
.bg-grey {
  background-color: #efefef87;
}
.bg-light-grey {
  background-color: #efefef87;
}
img {
  max-width: 100%;
  height: auto;
}
.image-block {
  border-radius: 6px;
  overflow: hidden;
}
.row {
  display: flex;
}
.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, .card ul {
  padding-left: 30px;
  list-style: none;
  display: block;
}
.text-block ul li, .card ul li {
  position: relative;
}
.text-block ul li:before, .card ul li:before {
  position: absolute;
  left: -25px;
  font-weight: 700;
  content: "";
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "FontAwesome";
}
.highlight {
  border-radius: 30px;
  border: 1px solid var(--primary);
  background-color: #8c8fe936 !important;
  --custom-color:var(--primary) !important;
  padding: 30px;
  margin-bottom: 30px;
  text-align: center;
}
header a:hover, header li.is-active > a, footer a:hover, footer li.is-active > a {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
header li.is-active > a, footer li.is-active > a {
  font-weight: 700 !important;
  position: relative;
}