/* Colors */
/* Fonts */
/* #region Standaard */
.umb-block-grid {
  --umb-block-grid--areas-row-gap: 2rem;
  --umb-block-grid--areas-column-gap: 2rem;
  --umb-block-grid--column-gap: 0;
  --umb-block-grid--row-gap: 0;
}
@media (max-width: 991px) {
  .umb-block-grid {
    --umb-block-grid--areas-row-gap: 0;
    --umb-block-grid--areas-column-gap: 2;
    --umb-block-grid--column-gap: 0;
    --umb-block-grid--row-gap: 0;
    margin-bottom: 1rem;
  }
}
.umb-block-grid__layout-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--grid-columns, 1), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--column-gap, 0);
  column-gap: var(--umb-block-grid--column-gap, 0);
  row-gap: var(--umb-block-grid--row-gap, 0);
}
.umb-block-grid__layout-item {
  position: relative;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(calc(var(--umb-block-grid--item-column-span, 1) * 3), var(--umb-block-grid--grid-columns));
  grid-row: span var(--umb-block-grid--item-row-span, 1);
  /*margin-block: 1.5rem;*/
}
.container .umb-block-grid__area-container {
  padding-left: 0;
  padding-right: 0;
}
.umb-block-grid__area-container,
.umb-block-grid__block--view::part(area-container) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(var(--umb-block-grid--area-grid-columns, var(--umb-block-grid--grid-columns, 1)), minmax(0, 1fr));
  grid-auto-flow: row;
  grid-auto-rows: minmax(50px, -webkit-min-content);
  grid-auto-rows: minmax(50px, min-content);
  -moz-column-gap: var(--umb-block-grid--areas-column-gap, 0);
  column-gap: var(--umb-block-grid--areas-column-gap, 0);
  row-gap: var(--umb-block-grid--areas-row-gap, 0);
}
.umb-block-grid__area {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* For small devices we scale columnSpan by three, to make everything bigger than 1/3 take full width: */
  grid-column-end: span min(calc(var(--umb-block-grid--area-column-span, 1) * 3), var(--umb-block-grid--area-grid-columns));
  grid-row: span var(--umb-block-grid--area-row-span, 1);
}
.site-container--sidebar .umb-block-grid__area-container {
  padding-inline: 0;
}
.site-container--sidebar .umb-block-grid__layout-item .umb-block-grid__layout-item {
  padding-left: 4rem;
}
@media (min-width: 1024px) {
  .umb-block-grid__layout-item {
    grid-column-end: span min(var(--umb-block-grid--item-column-span, 1), var(--umb-block-grid--grid-columns));
  }
  .umb-block-grid__area {
    grid-column-end: span min(var(--umb-block-grid--area-column-span, 1), var(--umb-block-grid--area-grid-columns));
  }
}
/* #endregion */
/* #region Overrides */
.umb-block-grid {
  /*margin-bottom: 3.5rem;*/
  max-width: 100vw;
  /*overflow-x: hidden;*/
}
.umb-block-grid__area-container {
  width: 100%;
  margin-inline: auto;
  padding-inline: 15px;
}
/*@media(min-width: 576px) {
	.umb-block-grid__area-container {
		max-width: 540px;
	}
}

@media(min-width: 768px) {
	.umb-block-grid__area-container {
		max-width: 720px;
	}
}

@media(min-width: 992px) {
	.umb-block-grid__area-container {
		max-width: 960px;
	}
}

@media(min-width: 1200px) {
	.umb-block-grid__area-container {
		max-width: 1140px;
	}
}*/
@media (min-width: 1300px) {
  .umb-block-grid__area-container {
    max-width: 1380px;
  }
}
/*@media(min-width: 1480px) {
	.umb-block-grid__area-container {
		max-width: 1460px;
	}
}*/
/* #endregion */
/* #region Custom Grid Options */
.umb-block-grid__layout-item {
  /*padding-top: 0.5rem;*/
}
.umb-block-grid__layout-item.gridrow--alt {
  /* Alternatieve vormgeving */
}
.umb-block-grid__layout-item.gridrow--margin-top {
  /* Rij zonder margin boven */
  margin-top: 0;
  padding-top: 0;
}
.umb-block-grid__layout-item.gridrow--margin-bottom {
  /* Rij zonder margin onder */
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .umb-block-grid__layout-item.gridrow--hide-desktop {
    display: none;
  }
}
@media (max-width: 991px) {
  .umb-block-grid__layout-item {
    margin-block: 0;
  }
  .umb-block-grid__layout-item.gridrow--reverse-mobile .umb-block-grid__area-container {
    display: flex;
    flex-direction: column-reverse;
  }
  .umb-block-grid__layout-item.gridrow--hide-mobile {
    display: none;
  }
  .umb-block-grid__layout-item.gridrow--margin-top {
    padding-top: 0.5rem;
  }
  .umb-block-grid__layout-item.gridrow--margin-bottom {
    padding-bottom: 0.5rem;
  }
  .umb-block-grid__area.gridblock--hide-mobile {
    display: none;
  }
}
/* #endregion */
*,
*::after,
*::before {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  scroll-padding-top: 90px;
  text-overflow: ellipsis;
  /*hyphens: auto;*/
  word-wrap: break-word;
}
@media (min-width: 992px) {
  html {
    /* word-wrap: normal; */
    scroll-padding-top: 130px;
  }
}
body {
  background-color: #FFF;
  color: #070707;
  font-family: lato, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  margin: 0;
  padding: 0;
  line-height: 1.3;
  text-underline-offset: 5px;
  padding-top: 142px;
}
@media (min-width: 992px) {
  body {
    padding-top: 116px;
  }
}
body.home {
  padding-top: 80px;
}
@media (min-width: 992px) {
  body.home {
    padding-top: 116px;
  }
}
a {
  text-decoration: none;
  color: #FF8144;
  cursor: pointer;
}
a:hover {
  color: #FF8144;
}
ul li {
  list-style: none;
}
figure {
  margin-bottom: 0;
}
.clickable {
  cursor: pointer;
}
.click-through {
  pointer-events: none;
}
.click-on {
  pointer-events: initial;
}
.fit-content {
  width: fit-content;
}
.d-none-notimportant {
  display: none;
}
img {
  max-width: 100%;
  /* width: fit-content; */
  height: auto;
}
video {
  max-width: 100%;
  height: auto;
}
.bor-radius {
  border-radius: 0.9375rem;
}
.bor-radius-medium {
  border-radius: 1.0625rem !important;
}
.bor-radius-large {
  border-radius: 1.875rem !important;
}
.bor-top {
  border-top: 1px solid #ECEBEB;
}
.bor-bottom {
  border-bottom: 1px solid #ECEBEB;
}
@media (min-width: 992px) {
  .bor-lg-bottom {
    border-bottom: 1px solid #ECEBEB;
  }
}
.bor-bottom-white {
  border-bottom: 1px solid #FFF;
}
.bor-bottom-grey {
  border-bottom: 1px solid #B4B4B4;
}
.bor-top-grey {
  border-top: 1px solid #B4B4B4;
}
@media (min-width: 768px) {
  .bor-top-md-grey {
    border-top: 1px solid #B4B4B4;
  }
}
.bor-top-white {
  border-top: 1px solid #FFF;
}
.bor-orange {
  border-bottom: 1px solid #FF8144;
}
.bor-orange-large {
  border-bottom: 18px solid #FF8144;
}
.bor-left-yellow {
  border-left: 5px solid #FFFABC;
}
.sidebar {
  width: 8px;
  height: 100%;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  float: left;
}
.sidebar.right {
  float: right;
}
.horizontalbar {
  width: 100%;
  height: 6px;
  border-radius: 0 0 10px 10px;
}
.no-shrink {
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .no-shrink-lg {
    flex-shrink: 0;
  }
}
.hide-horizontal-scroll {
  overflow-x: hidden;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.stick-top {
  top: 160px;
}
.mw-85 {
  max-width: 85%;
}
.mw-540 {
  max-width: 540px;
}
.mw-900 {
  max-width: 900px;
}
.mw-1010 {
  max-width: 1010px;
}
.h-70px {
  height: 70px;
}
iframe {
  max-width: 100% !important;
  max-height: auto;
}
/*#region Lists */
ul {
  padding-left: 0;
}
ul li.tick {
  list-style: none;
  background: url(/lib/img/icons/tick.svg) no-repeat left top 8px;
  background-size: 28px;
  padding: 5px 0 5px 32px;
  margin-bottom: 2px;
  position: relative;
}
/*#endregion */
/*#region margins */
.mt-n1 {
  margin-top: -0.25rem !important;
}
.mt-n2 {
  margin-top: -0.5rem !important;
}
/*#endregion */
/*#region colors */
.cl-white,
.cl-white:hover {
  color: #FFF;
}
.cl-black {
  color: #070707;
}
.cl-orange,
.orange {
  color: #FF8144;
}
.cl-red {
  color: #dc526d;
}
.cl-blue {
  color: #B7E2FA;
}
.cl-green {
  color: #E2F4A6;
}
.cl-grey {
  color: #F2F1F1;
}
.cl-grey2 {
  color: #ECEBEB;
}
/*#endregion */
/*#region backgrounds */
.bg-orange {
  background-color: #FF8144 !important;
  color: #FFF;
}
.bg-blue {
  background-color: #B7E2FA !important;
}
.bg-blue2 {
  background-color: #D6F0FF !important;
}
.bg-blue3 {
  background-color: #eaf7ff !important;
}
.bg-green {
  background-color: #E2F4A6 !important;
}
.bg-yellow {
  background-color: #FFFABC !important;
}
.bg-yellow2 {
  background-color: #F5FEDA !important;
}
.bg-yellow3 {
  background-color: #FAFEEC !important;
}
.bg-yellow4 {
  background-color: #FFFEF5 !important;
}
.bg-yellow5 {
  background-color: #FFFCDD !important;
}
.bg-yellow6 {
  background-color: #FFFEED !important;
}
.bg-grey {
  background-color: #F2F1F1 !important;
}
.bg-grey2 {
  background-color: #ECEBEB !important;
}
.bg-grey3 {
  background-color: #A1A1A1 !important;
}
.bg-red2 {
  background-color: #ffe7e2 !important;
}
/*#endregion */
/*#region koppen */
h1,
h2,
h3,
h4,
.heading-1,
.heading-2,
.heading-3 {
  font-weight: 700;
  font-family: cholla-sans, sans-serif;
  line-height: 1.05;
  margin-bottom: 10px;
  max-width: 100%;
}
h1 a,
h2 a,
h3 a,
h4 a,
.heading-1 a,
.heading-2 a,
.heading-3 a {
  text-decoration: none;
  color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
.heading-1 a:hover,
.heading-2 a:hover,
.heading-3 a:hover {
  color: inherit;
}
h1,
.heading-1 {
  font-size: 2rem;
}
h2,
.heading-2 {
  font-size: 1.5rem;
}
h3,
.heading-3 {
  font-size: 1.3125rem;
}
h4 {
  font-size: 1rem;
}
@media (min-width: 992px) {
  h1,
  .heading-1 {
    font-size: 3.25rem;
  }
  h2,
  .heading-2 {
    font-size: 2.1875rem;
  }
  h3,
  .heading-3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.5rem;
  }
}
/*#endregion */
/*#region font family */
.ff-secondary {
  font-family: cholla-sans, sans-serif;
}
/*#endregion */
/*#region font weight */
.fw-regular {
  font-weight: 400;
}
.fw-bold {
  font-weight: 700;
}
/*#endregion */
/*#region font size */
.fs-0-6r {
  font-size: 0.625rem;
}
.fs-0-8r {
  font-size: 0.875rem;
}
.fs-0-9r {
  font-size: 0.938rem;
}
.fs-1r {
  font-size: 0.8125rem;
}
.fs-1-06r {
  font-size: 1.0625rem;
}
.fs-1-1r {
  font-size: 1.125rem;
}
.fs-1-25r {
  font-size: 1.25rem;
}
.fs-1-56r {
  font-size: 1.375rem;
}
.fs-1-3r {
  font-size: 1.375rem;
}
.fs-1-7r {
  font-size: 1.5rem;
}
.fs-1-87r {
  font-size: 1.5rem;
}
.fs-2r {
  font-size: 1.5rem;
}
.fs-2-2r {
  font-size: 1.5rem;
}
.fs-2-3r {
  font-size: 1.875rem;
}
.fs-2-5r {
  font-size: 1.875rem;
}
.fs-3r {
  font-size: 1.875rem;
}
.fs-4r {
  font-size: 1.875rem;
}
@media (min-width: 992px) {
  .fs-1r {
    font-size: 1rem;
  }
  .fs-1-56r {
    font-size: 1.5625rem;
  }
  .fs-1-7r {
    font-size: 1.75rem;
  }
  .fs-1-87r {
    font-size: 1.875rem;
  }
  .fs-2r {
    font-size: 2rem;
  }
  .fs-2-2r {
    font-size: 2.25rem;
  }
  .fs-2-3r {
    font-size: 2.375rem;
  }
  .fs-2-5r {
    font-size: 2.5rem;
  }
  .fs-3r {
    font-size: 3rem;
  }
  .fs-4r {
    font-size: 4rem;
  }
}
/*#endregion */
/*#region gutters */
@media (min-width: 992px) {
  .g-lg-2r,
  .gx-lg-2r {
    --bs-gutter-x: 2rem;
  }
  .g-lg-3r,
  .gx-lg-3r {
    --bs-gutter-x: 3rem;
  }
  .g-lg-4r,
  .gx-lg-4r {
    --bs-gutter-x: 4rem;
  }
}
/*#endregion */
/* #region Sections / Containers*/
.container-large {
  position: relative;
  max-width: 4000px;
  margin: 0 auto;
  /*    overflow: hidden; paralax effect werk dan niet*/
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.container {
  max-width: 100% !important;
}
@media (min-width: 1300px) {
  .container {
    max-width: 1380px !important;
  }
}
@media (min-width: 992px) {
  .fullscreen {
    min-height: 100vh;
  }
}
/* #endregion */
/* #region Knoppen */
.btn,
.btnorange,
.btnblack {
  font-family: cholla-sans, sans-serif;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background-color: transparent;
  color: #070707;
  display: inline-block;
  transition: 500ms;
  font-size: 1.0625rem;
  font-weight: 700;
  padding: 15px 30px;
  cursor: pointer;
  gap: 10px;
  border-radius: 0.9375rem;
  line-height: 1;
  position: relative;
}
.btn {
  border: 1px solid #070707;
  background-color: #FFF;
}
.btn:hover {
  border: 1px solid #070707;
  background-color: #070707;
  color: #FFF;
}
.btn.small {
  font-size: 1rem;
  padding: 10px;
}
.btn.medium {
  font-size: 1.188rem;
}
.btn.large {
  font-size: 1.25rem;
  padding: 17px 30px;
  border-radius: 0.9375rem;
}
.btn.orange {
  background-color: #FF8144;
  border: 1px solid #FF8144;
  color: #FFF;
}
.btn.orange:hover {
  border: 1px solid #070707;
  background-color: #070707;
  color: #FFF;
}
.btn.black {
  background-color: #070707;
  border: 1px solid #070707;
  color: #FFF;
}
.btn.black:hover {
  border: 1px solid #FF8144;
  background-color: #FF8144;
  color: #FFF;
}
.btn.trans {
  background-color: transparent;
}
.btn.trans:hover {
  border: 1px solid #FF8144;
  color: #070707;
  background-color: #FFF;
}
.btn.white-orange {
  background-color: #FFF;
  border: 1px solid #FF8144;
  color: #070707;
}
.btn.white-orange:hover {
  border: 1px solid #FF8144;
  background-color: #FF8144;
  color: #070707;
}
.btn .btnlabel {
  border-radius: 1.25rem;
  font-size: 1.125rem;
  position: absolute;
  top: -15px;
  right: -20px;
  color: #070707;
  font-weight: 400;
  padding: 8px 12px 6px;
  line-height: 1;
}
.btn.phone,
.btn.world,
.btn.route,
.btn.arrow {
  background-repeat: no-repeat;
  background-position: left 25px center;
}
.btn.phone {
  background-image: url(/lib/img/icons/phone2.svg);
  padding-left: 55px;
}
.btn.world {
  background-image: url(/lib/img/icons/world.svg);
  padding-left: 50px;
}
.btn.route {
  background-image: url(/lib/img/icons/route.svg);
  padding-left: 60px;
}
.btn.arrow {
  background-image: url(/lib/img/icons/arrow-right-orange.svg);
  background-position: center;
}
.btn.arrow:hover {
  background-image: url(/lib/img/icons/arrow-right-white.svg);
}
.btn.arrow.bord-orange {
  border: 1px solid #FF8144;
}
.btnorange {
  background-color: #FF8144;
  border: 1px solid #FF8144;
  color: #FFF;
}
.btnorange a,
.btnorange span {
  color: #FFF;
}
.btnorange:hover {
  border: 1px solid #070707;
  background-color: #070707;
  color: #FFF;
}
.btnblack {
  background-color: #070707;
  border: 1px solid #070707;
  color: #FFF;
}
.btnblack a,
.btnblack span {
  color: #FFF;
}
.btnblack:hover {
  border: 1px solid #FF8144;
  background-color: #FF8144;
  color: #FFF;
}
.btnarrow {
  font-size: 1.0625rem;
  font-family: cholla-sans, sans-serif;
  font-weight: 700;
  color: #070707;
  background: url(/lib/img/icons/arrow.svg) no-repeat left center;
  padding-left: 22px;
}
/* #endregion */
/*#region content */
.content {
  line-height: 1.6875rem;
  /*    a {
        text-decoration: underline;

        &.button {
            text-decoration: none;
        }
    }*/
}
.content ol {
  padding-left: 20px;
}
.content ul {
  list-style-position: inside;
  padding-left: 0;
  list-style: none;
}
.content ul li {
  margin-bottom: 5px;
  padding-left: 15px;
  position: relative;
}
.content ul li:before {
  content: "\2022";
  color: #070707;
  left: 0;
  top: -1px;
  font-size: 15px;
  position: absolute;
}
.content ul li.tick {
  padding: 5px 0 5px 32px;
}
.content ul li.tick:before {
  display: none;
}
.content span.btn,
.content a > span.btn {
  color: #070707;
}
.content span.btn a,
.content a > span.btn a {
  color: #070707;
}
.content span.btn:hover,
.content a > span.btn:hover,
.content span.btn:hover a,
.content a > span.btn:hover a {
  color: #FFF;
}
.content h2,
.content h3,
.content h4 {
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: 8px;
}
.content table {
  border-collapse: collapse;
  border: 0;
}
@media (max-width: 992px) {
  .content table {
    display: block;
    /*            max-width: -moz-fit-content;
            max-width: fit-content;*/
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
    height: auto !important;
  }
}
.content table tbody {
  width: 100% !important;
  display: inline-table;
}
.content table td {
  padding: 5px 10px;
  border-width: 1px;
}
/*#endregion */
/* #region Flow */
@media (min-width: 992px) {
  .flow-left {
    position: relative;
  }
  .flow-left::before {
    background-color: inherit;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 50vw;
  }
  .flow-right {
    position: relative;
  }
  .flow-right::after {
    background-color: inherit;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50vw;
    width: 50vw;
  }
  .flow-down {
    position: relative;
  }
  .flow-down::before {
    background-color: inherit;
    content: '';
    position: absolute;
    top: 0;
    height: 100vh;
    right: 0;
    width: 50vw;
    z-index: -1;
  }
}
/* #endregion */
/* #region Paginering */
.paging {
  margin-top: 50px;
  margin-bottom: 30px;
  list-style: none;
}
.paging ul {
  padding-left: 0;
}
.paging li {
  display: inline-block;
  margin: 0 4px;
}
.paging li a.number {
  font-family: cholla-sans, sans-serif;
  padding: 11px 5px;
  text-align: center;
  background-color: #FFF;
  color: #070707;
  border: 1px solid #FF8144;
  position: relative;
  font-size: 1.125rem;
  border-radius: 0.9375rem;
  width: 64px;
  height: 48px;
  cursor: pointer;
  display: block;
  margin-bottom: 15px;
  font-weight: 700;
}
.paging li.prev a,
.paging li.next a {
  font-size: 16px;
  display: inline-block;
  position: relative;
  top: -2px;
  padding: 11px 5px;
  width: 64px;
  height: 48px;
  border-radius: 0.9375rem;
  border: 1px solid #FF8144;
  margin-bottom: 15px;
}
.paging li.prev a {
  background: url(/lib/img/icons/arrow-left-orange.svg) center center no-repeat;
}
.paging li.prev a:hover {
  background: #FF8144 url(/lib/img/icons/arrow-left-white.svg) center center no-repeat;
}
.paging li.next a {
  background: url(/lib/img/icons/arrow-right-orange.svg) center center no-repeat;
}
.paging li.next a:hover {
  background: #FF8144 url(/lib/img/icons/arrow-right-white.svg) center center no-repeat;
}
.paging li.active a,
.paging li a:hover {
  border: 1px solid #FF8144;
}
/* #endregion */
/*#region Block Grid */
.gridimg {
  width: 100%;
  height: auto;
}
.gridimg.issvg {
  object-fit: contain;
}
/*#endregion */
/*#region animation */
.zoomer .zoomoverlay {
  position: relative;
  overflow: hidden;
}
.zoomer .zoomoverlay img {
  transition: transform 0.5s;
}
.zoomer:hover .zoomoverlay img {
  transform: scale(1.1);
}
.anim-entry-child.anim-fade-in {
  opacity: 0.001;
  transition-duration: 3s;
}
.anim-entry-child.anim-fade-in.animated {
  opacity: 1;
}
.anim-entry-child.anim-slide-in {
  opacity: 0;
  transform: translateX(-1500px);
  transition-duration: 1.5s;
}
.anim-entry-child.anim-slide-in.animated {
  transform: translateX(0);
  opacity: 1;
}
.anim-entry-child.anim-fade-in-rotate {
  transform-origin: bottom right;
  opacity: 0.001;
  transform: rotate(-20deg) translateX(200px) translateY(100px);
  transition-duration: 1s;
  overflow: hidden;
}
.anim-entry-child.anim-fade-in-rotate.animated {
  opacity: 1;
  transform: rotate(0deg) translateX(0) translateY(0);
}
.anim-entry-child.anim-slide-in-build {
  overflow-y: hidden;
  width: 0%;
  transition-duration: 4s;
}
.anim-entry-child.anim-slide-in-build.animated {
  width: 100%;
}
.anim-entry-child.anim-fade-up {
  opacity: 0;
  transform: translatey(10%);
  transition-duration: 750ms;
}
.anim-entry-child.anim-fade-up.animated {
  opacity: 1;
  transform: translatey(0);
}
.anim-entry-child.anim-delay-1 {
  transition-delay: 250ms;
}
.anim-entry-child.anim-delay-2 {
  transition-delay: 500ms;
}
.anim-entry-child.anim-delay-3 {
  transition-delay: 750ms;
}
.anim-entry-child.anim-delay-4 {
  transition-delay: 1s;
}
.anim-entry-child.anim-delay-5 {
  transition-delay: 2s;
}
.anim-hover-up {
  transition: var(--fast);
}
.anim-hover-up:hover {
  transform: translateY(-4px);
}
/*#endregion */
/*#region Social media */
.social_media_links {
  list-style: none;
  padding-left: 0;
}
.social_media_links li {
  display: inline-block;
  margin-right: 5px;
}
.social_media_links li a {
  color: #FFF;
  display: inline-block;
  width: 42px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 10px;
}
.social_media_links li a.linkedin {
  background-image: url(/lib/img/icons/linkedin.svg);
}
.social_media_links li a.facebook {
  background-image: url(/lib/img/icons/facebook.svg);
}
.social_media_links li a.twitter {
  background-image: url(/lib/img/icons/twitter.svg);
}
.social_media_links li a.instagram {
  background-image: url(/lib/img/icons/instagram.svg);
}
.social_media_links.dark li a.facebook {
  background-image: url(/lib/img/icons/facebook-dark.svg);
}
.social_media_links.dark li a.instagram {
  background-image: url(/lib/img/icons/instagram-dark.svg);
}
.social_media_links.dark li a.linkedin {
  background-image: url(/lib/img/icons/linkedin-dark.svg);
}
/*#endregion */
/*#region imageswitch */
.imageswitch {
  position: relative;
}
.imageswitch img {
  transition: opacity 0.4s ease-in-out;
}
.imageswitch .image2 {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.imageswitch:hover .image1 {
  opacity: 0;
}
.imageswitch:hover .image2 {
  opacity: 1;
}
/*#endregion */
.paywall {
  display: none;
}
.rotated {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
footer .footer-top {
  overflow: hidden;
}
footer .footer-top .inside {
  position: relative;
  background: url(/lib/img/misc/martijn.png) no-repeat right bottom;
}
@media (max-width: 991px) {
  footer .footer-top .inside {
    background-size: auto 250px;
    background-position: right -50px bottom;
  }
}
footer .footer-top .inside .searchform-menu {
  width: 375px;
  max-width: 100%;
}
footer .footer-top .inside .animatePlane {
  position: absolute;
  bottom: 0;
  animation: planein ease 2000ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  will-change: transform;
}
footer .footer-top .inside:hover .animatePlane {
  animation: planeout ease 2000ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: bottom right;
  will-change: transform;
}
footer .footer-bottom-links {
  padding-left: 0;
  list-style: none;
}
footer .footer-bottom-links li {
  font-size: 0.9375rem;
}
footer .footer-bottom-links li:before {
  content: "\2022";
  color: #FF8144;
  width: 7px;
  font-size: 13px;
}
@media (max-width: 992px) {
  footer .footer-bottom-links li:before {
    font-size: 11px;
    position: relative;
    top: -1px;
  }
}
@media (max-width: 992px) {
  footer .footer-bottom-links li:last-child {
    margin-top: 10px;
    width: 100%;
  }
}
footer .footer-bottom-links li:last-child:before {
  display: none;
}
footer .footer-bottom-links a {
  color: #070707;
  font-size: 0.9375rem;
  margin-bottom: 5px;
  margin-right: 10px;
}
@keyframes planein {
  from {
    transform: translate(-500px, 350px);
  }
  to {
    transform: translate(-180px, 50px);
  }
}
@keyframes planeout {
  from {
    transform: translate(-180px, 50px);
  }
  to {
    transform: translate(600px, -700px);
  }
}
.grecaptcha-disclaimer,
.recaptchaText {
  font-size: 11px;
  padding-top: 10px;
  line-height: 1.2;
  padding-bottom: 10px;
}
.grecaptcha-disclaimer a,
.recaptchaText a {
  color: #070707;
  text-decoration: underline;
}
.grecaptcha-badge {
  display: none;
}
.error-message {
  background-color: #FFF;
  color: #dc526d;
  border: 1px solid #dc526d;
}
div.error,
.umbraco-forms-form .umbraco-forms-field-wrapper span.field-validation-error {
  color: #dc526d !important;
  font-size: 1rem;
  position: relative;
  top: -10px;
  left: 5px;
  display: block;
  clear: both;
}
div.error#AcceptTerms-error,
.umbraco-forms-form .umbraco-forms-field-wrapper span.field-validation-error#AcceptTerms-error {
  top: 5px;
}
.success-message {
  background-color: #FFF;
  border: 1px solid #FF8144;
}
#form-success {
  color: #070707;
}
#form-error {
  color: #dc526d;
}
.form-floating {
  /*    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s;
        -webkit-text-fill-color: #fff !important;
    }*/
}
.form-floating input.text.form-control,
.form-floating .form-control,
.form-floating input[type="date"],
.form-floating input[type="text"],
.form-floating input[type="email"],
.form-floating input[type="password"],
.form-floating input[type="number"],
.form-floating input[type="search"] {
  padding-top: 20px !important;
  padding-left: 20px !important;
  height: 60px !important;
  background-color: #FFF !important;
  border: 1px solid #F2F1F1 !important;
  border-radius: 0.9375rem !important;
  margin-bottom: 20px !important;
  color: #070707 !important;
  box-shadow: none !important;
  font-size: 1rem !important;
  /*width: 630px !important;*/
  max-width: 100% !important;
}
.form-floating input.text.form-control:focus,
.form-floating .form-control:focus,
.form-floating input[type="date"]:focus,
.form-floating input[type="text"]:focus,
.form-floating input[type="email"]:focus,
.form-floating input[type="password"]:focus,
.form-floating input[type="number"]:focus,
.form-floating input[type="search"]:focus {
  background-color: #FFF !important;
}
.form-floating input.text.form-control:focus-visible,
.form-floating .form-control:focus-visible,
.form-floating input[type="date"]:focus-visible,
.form-floating input[type="text"]:focus-visible,
.form-floating input[type="email"]:focus-visible,
.form-floating input[type="password"]:focus-visible,
.form-floating input[type="number"]:focus-visible,
.form-floating input[type="search"]:focus-visible {
  border: 1px solid #F2F1F1 !important;
}
.form-floating input.text.form-control.bor-orange,
.form-floating .form-control.bor-orange,
.form-floating input[type="date"].bor-orange,
.form-floating input[type="text"].bor-orange,
.form-floating input[type="email"].bor-orange,
.form-floating input[type="password"].bor-orange,
.form-floating input[type="number"].bor-orange,
.form-floating input[type="search"].bor-orange {
  border: 1px solid #FF8144 !important;
}
.form-floating input.text.form-control.bor-orange :focus-visible,
.form-floating .form-control.bor-orange :focus-visible,
.form-floating input[type="date"].bor-orange :focus-visible,
.form-floating input[type="text"].bor-orange :focus-visible,
.form-floating input[type="email"].bor-orange :focus-visible,
.form-floating input[type="password"].bor-orange :focus-visible,
.form-floating input[type="number"].bor-orange :focus-visible,
.form-floating input[type="search"].bor-orange :focus-visible {
  border: 1px solid #FF8144 !important;
}
.form-floating input.text.form-control.error,
.form-floating .form-control.error,
.form-floating input[type="date"].error,
.form-floating input[type="text"].error,
.form-floating input[type="email"].error,
.form-floating input[type="password"].error,
.form-floating input[type="number"].error,
.form-floating input[type="search"].error {
  border: 1px solid #dc526d !important;
}
.form-floating input.text.form-control:focus,
.form-floating .form-control:focus,
.form-floating input[type="date"]:focus,
.form-floating input[type="text"]:focus,
.form-floating input[type="email"]:focus,
.form-floating input[type="password"]:focus,
.form-floating input[type="number"]:focus,
.form-floating input[type="search"]:focus {
  box-shadow: none !important;
}
.form-floating select {
  border-radius: 0 !important;
  width: 100%;
  /*max-width: 630px;*/
  padding: 20px 12px 12px 20px !important;
  background-color: #FFF !important;
  border: 1px solid #F2F1F1 !important;
  border-radius: 0.9375rem !important;
  box-shadow: none !important;
  color: #070707 !important;
  font-size: 1rem !important;
  margin-bottom: 20px !important;
  height: 60px !important;
}
.form-floating select:focus {
  background-color: #FFF !important;
}
.form-floating select:focus-visible {
  outline: none;
}
.form-floating select.error {
  border: 1px solid #dc526d !important;
}
.form-floating label {
  color: #070707;
  padding: 20px 15px 20px 20px !important;
  font-size: 1rem;
}
.form-floating label.error {
  display: none !important;
}
.form-floating textarea.form-control {
  height: 185px !important;
  background-position: left 15px top 20px;
  padding-top: 25px !important;
}
.form-check-input {
  position: relative;
  top: -2px;
}
.form-check-label {
  font-size: 1rem;
  padding-top: 2px;
}
.form-floating > select.form-select ~ label {
  opacity: 1;
  transform: none;
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > select:has(option[value=""]:not(:checked)) + label,
.form-floating > select.selected ~ label {
  opacity: 0.9;
  transform: scale(0.65) translateX(14px) translateY(-0.5rem);
}
.custom-checkboxes input[type=checkbox],
.custom-checkboxes input[type=radio] {
  display: none;
}
.custom-checkboxes input[type=checkbox] + label,
.custom-checkboxes input[type=radio] + label {
  background-image: url(/lib/img/icons/checkbox.svg);
  background-repeat: no-repeat;
  background-position: bottom 7px left;
  display: inline-block;
  padding: 5px 0 0px 25px;
}
.custom-checkboxes input[type=checkbox]:checked + label,
.custom-checkboxes input[type=radio]:checked + label {
  background-image: url(/lib/img/icons/checkbox-ticked.svg);
  display: inline-block;
}
.fileupload {
  margin-bottom: 5px;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.fileupload .fileupload-title {
  color: #070707;
  cursor: text;
  margin-bottom: 3px !important;
}
.fileupload .nice-upload {
  border: 1px solid #FF8144 !important;
  border-radius: 10px 10px 0px 10px;
  background: #FFF url(/lib/img/icons/pencil.svg) no-repeat center left 15px;
  color: #070707;
  cursor: pointer;
  font-size: 1rem !important;
  margin-bottom: 0;
  padding: 14px 15px 13px 54px;
  position: relative;
  height: 60px !important;
  width: 630px;
  max-width: 100%;
}
.fileupload .nice-upload.error {
  border: 2px solid #dc526d;
}
.fileupload .nice-upload input {
  visibility: hidden;
  width: 100%;
}
.fileupload .nice-upload span {
  position: absolute;
  padding-top: 5px;
  font-size: 18px;
}
.help-block {
  clear: both;
  font-size: 14px;
  left: 10px;
  position: relative;
  top: -8px;
}
.umbraco-forms-form .radiobuttonlist {
  margin-bottom: 5px;
  padding-top: 0px !important;
}
.umbraco-forms-form legend {
  font-family: cholla-sans, sans-serif;
}
.umbraco-forms-form fieldset {
  margin-bottom: 5px!important;
}
.form .address {
  display: none;
}
.header {
  -webkit-overflow-scrolling: auto !important;
}
/*#region Home Header 2 */
@media (min-width: 1300px) {
  .question-img {
    position: relative;
    left: -20px;
  }
}
.form-floating.input-chat {
  position: relative;
  max-width: 560px !important;
  /*    textarea {
        padding-right: 60px !important;
        height: 150px !important;
    }*/
}
.form-floating.input-chat button {
  background: url(/lib/img/icons/chat-submit.svg) no-repeat center center;
  width: 44px;
  height: 44px;
  position: absolute;
  right: 10px;
  top: 8px;
  border: none;
}
.pop-question {
  border-right: 1px solid #B7E2FA;
  padding-right: 15px;
  margin-right: 15px;
  cursor: pointer;
}
.pop-question:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
/*#endregion */
/*#region menu bar */
.bg-menu {
  z-index: 1230;
  transition: 1000ms;
  background-color: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 991px) {
  .bg-menu {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .bg-menu .logo-holder {
    display: inline-block;
  }
  .bg-menu .menu-holder {
    display: inline-block;
    float: right;
  }
  .bg-menu .searchform-menu {
    border-top: 1px solid #ECEBEB;
    padding-top: 8px;
    transition: var(--slow);
  }
  .bg-menu.menu-alt .searchform-menu {
    display: none;
  }
}
.bg-menu .navbar {
  transition: 1000ms;
  display: block;
  width: 650px;
  overflow: hidden;
}
.bg-menu .menu-toggle {
  padding-top: 22px;
  opacity: 0;
  width: 0;
}
.bg-menu ul.top-buttons {
  list-style: none;
}
.bg-menu ul.top-buttons li {
  display: inline-block;
}
.bg-menu img.logo {
  margin: 5px 0 10px;
  transition: 1000ms;
  max-width: 210px;
}
@media (min-width: 992px) {
  .bg-menu img.logo {
    margin: 13px 0 18px;
    max-width: 280px;
  }
}
@media (min-width: 1450px) {
  .bg-menu img.logo {
    position: relative;
    left: -52px;
  }
}
.bg-menu .nav-link {
  color: #070707;
  padding: 15px 15px 10px !important;
  border: 1px solid transparent;
  margin-right: 10px;
}
.bg-menu .nav-link.active,
.bg-menu .nav-link:hover {
  text-decoration: underline;
}
.bg-menu .nav-link.active.btn,
.bg-menu .nav-link:hover.btn {
  text-decoration: none;
}
.bg-menu .nav-link.dropdown-toggle:after {
  content: "";
  background: url(/lib/img/icons/menu-dropdown.svg) no-repeat center center;
  border: 0;
  vertical-align: 0.07rem;
  margin-left: 0.155em;
  width: 10px;
  height: 8px;
  background-size: 10px;
}
.bg-menu .nav-item:last-child .nav-link {
  margin-right: 0;
}
.bg-menu .dropdown-menu {
  --arrow-left: 1rem;
  min-width: 244px;
  border-radius: 0;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  padding: 12px 0;
  background-color: #B7E2FA;
  border: 0;
  left: 0;
  margin-top: 5px;
  width: 100%;
  padding: 60px 30px 30px 30px;
  top: 32px;
  z-index: -1;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.bg-menu .dropdown-menu .menutext {
  font-size: 1.125rem;
  line-height: 1.4;
}
.bg-menu .dropdown-menu .dropdown-item {
  width: auto;
  font-size: 1rem;
  margin: 0px 20px;
  padding: 4px 0;
  color: #070707;
  font-size: 1.5rem;
}
.bg-menu .dropdown-menu .dropdown-item:hover,
.bg-menu .dropdown-menu .dropdown-item:active,
.bg-menu .dropdown-menu .dropdown-item:focus {
  color: #070707;
  background-color: transparent;
  text-decoration: underline;
}
/*#endregion */
/*#region nav panel */
.nav-panel {
  background-color: #D6F0FF;
  color: #070707;
  position: fixed;
  height: 100%;
  overflow-y: scroll;
  /*max-width: 1000px;*/
  top: 0;
  transition: transform 500ms ease;
  z-index: 1250;
  width: 100%;
  right: -100%;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.nav-panel::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  .nav-panel {
    width: 90%;
    right: -90%;
  }
}
@media (min-width: 1700px) {
  .nav-panel {
    width: 50%;
    right: -50%;
  }
}
.nav-panel.opened {
  transform: translatex(-100%);
  overflow-x: hidden;
}
.nav-panel header {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 2rem 1rem 3rem;
  /*        a.close {
            background-color: @cl-white;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            text-align: center;
            padding-top: 10px;
        }*/
}
.nav-panel .nav-panel__container {
  display: grid;
  grid-template-areas: 'contact nav';
  padding-inline: 20rem 0rem;
}
.nav-panel .nav-panel__container .nav-panel__info {
  display: flex;
  flex-direction: column;
  grid-area: contact;
  align-items: flex-start;
}
.nav-panel .nav-panel__container .nav-panel__info img {
  margin-bottom: 2rem;
}
.nav-panel .nav-panel__container .nav-panel__info a {
  color: #070707;
  text-decoration: none;
}
.nav-panel .nav-panel__container .nav-panel__info .nav-panel__social {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 1.5rem 0;
  padding: 0;
}
.nav-panel .nav-panel__container .navbar {
  align-items: start;
  gap: 0.5rem;
  grid-area: nav;
  justify-content: start;
  padding-left: 1rem;
}
@media (min-width: 1500px) {
  .nav-panel .nav-panel__container .navbar {
    position: relative;
    left: -120px;
    top: -20px;
  }
}
.nav-panel .nav-panel__container .navbar .nav-item {
  padding-right: 2rem;
  width: 100%;
}
.nav-panel .nav-panel__container .navbar .nav-item .nav-link {
  align-items: center;
  color: #070707;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  font-weight: 700;
}
.nav-panel .nav-panel__container .navbar .nav-item .nav-link.active,
.nav-panel .nav-panel__container .navbar .nav-item .nav-link:hover {
  color: #FF8144;
}
.nav-panel .nav-panel__container .navbar .nav-item .nav-link img {
  height: 12px;
}
@media (min-width: 992px) {
  .nav-panel .nav-panel__container .navbar .nav-item .nav-link img {
    height: 25px;
    margin-top: 2px;
  }
}
.nav-panel .nav-panel__container .navbar .dropdown-menu {
  background-color: #FF8144;
  border: none;
  border-radius: 0;
  flex-direction: column;
  gap: 0.5rem;
  left: 0;
  min-height: 100vh;
  padding: 1rem;
  right: 0;
  top: 0;
}
.nav-panel .nav-panel__container .navbar .dropdown-menu.show {
  display: flex;
}
.nav-panel .nav-panel__container .navbar .dropdown-menu .dropdown-title {
  align-items: center;
  color: #FFF;
  cursor: pointer;
  display: flex;
  font-size: 1.5rem;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.nav-panel .nav-panel__container .navbar .dropdown-menu .dropdown-title img {
  height: 0.8rem;
}
.nav-panel .nav-panel__container .navbar .dropdown-menu a {
  color: #FFF;
  font-size: 1.5rem;
  text-decoration: none;
}
.nav-panel .nav-panel__container .navbar .dropdown-menu a.active {
  font-weight: 700;
}
.nav-panel .nav-panel__container .navbar .other-sites {
  margin-top: 2rem;
}
.nav-panel__blackout {
  position: fixed;
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: 750ms;
  z-index: 1240;
  top: 0;
}
.nav-panel.opened ~ .nav-panel__blackout {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 991px) {
  .nav-panel {
    max-width: 100%;
  }
  .nav-panel header {
    padding: 1rem;
  }
  .nav-panel .nav-panel__container {
    grid-template-areas: 'nav' 'contact';
    padding: 0;
  }
  .nav-panel .nav-panel__container .nav-panel__info {
    font-size: 1.25rem;
    margin-top: 2rem;
    padding-inline: 1rem;
  }
  .nav-panel .nav-panel__container .navbar .nav-item .nav-link {
    font-size: 1.15rem;
  }
}
/*#endregion */
/*#region mobile navigation */
.btn.navbar-toggler {
  background-color: #FF8144;
  background-image: url(/lib/img/icons/menu.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 24px 30px;
}
@media (min-width: 992px) {
  .btn.navbar-toggler {
    padding: 17px 20px 17px 60px;
    background-position: left 15px center;
  }
}
#mobile-navbar {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 12px 10px 30px;
  background-color: #FF8144;
  color: #FFF;
  position: fixed;
  z-index: 1200;
  /*    .mobile-topbar {
        flex-wrap: wrap;

        .nav-link {
            flex-basis: 100%;
            order: 2;
            font-size: 0.9rem;

            &:nth-of-type(1), &:last-of-type {
                flex-basis: 50%;
            }

            &:nth-of-type(1) {
                order: 0;
            }

            &.bg-red {
                background-color: @cl-red;
                order: 1;
                text-align: center;
            }
        }
    }*/
}
#mobile-navbar .top-menu {
  border-bottom: 1px solid #FFF;
  padding-bottom: 10px;
}
#mobile-navbar .nav-items-holder {
  position: relative;
}
#mobile-navbar .nav-items-holder a {
  color: #FFF;
  font-size: 1.2rem;
  border-bottom: 1px solid #FFF;
  padding: 10px;
}
#mobile-navbar .nav-items-holder a.arrow {
  background: url(/lib/img/icons/menu-arrow.svg) center right 15px no-repeat;
}
#mobile-navbar .dropdown-menu {
  background-color: #FF8144;
  flex-direction: row;
  padding-top: 0;
  overflow-x: hidden;
}
#mobile-navbar .dropdown-menu.show {
  border: none !important;
  transform: none !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100vh;
}
#mobile-navbar .dropdown-menu h4 {
  color: #FFF;
}
#mobile-navbar .dropdown-menu a {
  color: #FFF;
  font-size: 1.2rem;
}
#mobile-navbar .dropdown-menu .submenu-bar:last-of-type {
  margin-bottom: 0;
}
#mobile-navbar .nav-bar {
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
#mobile-navbar .nav-bar::-webkit-scrollbar {
  display: none;
}
#mobile-navbar #back-button img {
  margin-right: 10px;
}
/*#endregion */
/*#region slide controls */
.slide-prev,
.slide-next {
  height: 35px;
  width: 35px;
  border: 1px solid #FF8144;
  position: absolute;
  bottom: -56px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
@media (min-width: 992px) {
  .slide-prev,
  .slide-next {
    bottom: -65px;
  }
}
.slide-prev {
  background-image: url(/lib/img/icons/arrow-left.svg);
  left: 0;
}
.slide-next {
  background-image: url(/lib/img/icons/arrow.svg);
  left: 50px;
}
/*#endregion */
/*#region sitemap */
.sitemap ul {
  list-style-position: inside;
}
.sitemap ul ul {
  padding-left: 20px;
}
.sitemap li {
  list-style-type: circle;
}
.sitemap li a {
  color: #070707;
}
.sitemap li a:hover {
  text-decoration: underline;
}
/*#endregion */
/*#region breadcrumbs */
.breadcrumbs {
  margin-bottom: 5px;
  color: #070707;
  font-size: 12px;
  display: inline-block;
  margin-right: 15px;
  /*    li.active a {
        color: @cl-orange;
    }*/
}
.breadcrumbs .list-inline-item:not(:last-child) {
  margin-right: 2px;
}
.breadcrumbs a {
  color: #070707;
  text-decoration: none;
}
/*#endregion */
/*#region Home */
.smallblock {
  border-radius: 0.9375rem;
  font-family: cholla-sans, sans-serif;
  margin-bottom: 36px;
  position: relative;
  max-width: 100%;
}
.smallblock .svg-bg {
  border-radius: 0.9375rem;
  width: 100%;
  height: auto;
}
.smallblock .text {
  top: 0;
  left: 20px;
  position: absolute;
  max-width: 55%;
  font-weight: 700;
  font-size: 1.5rem;
  z-index: 1030;
  display: flex;
  align-items: center;
  height: 100%;
  line-height: 1.1;
}
.smallblock .text p {
  margin-bottom: 0;
}
@media (min-width: 500px) {
  .smallblock .text {
    max-width: 64%;
    font-size: 1.625rem;
  }
}
.smallblock .imgOverlay {
  position: absolute;
  right: 15px;
  bottom: 0;
  height: 110px;
  transition: 1000ms;
  max-width: 120px;
}
@media (min-width: 500px) {
  .smallblock .imgOverlay {
    height: 155px;
  }
}
@media (min-width: 1300px) {
  .smallblock .imgOverlay {
    height: 179px;
    max-width: 150px;
  }
}
.smallblock .svganimate {
  animation: animatein ease 1000ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.smallblock:hover .imgOverlay {
  transform: scale(104%);
  transform-origin: bottom right;
}
.smallblock:hover .svganimate {
  animation: animateout ease 1000ms;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transform-origin: bottom right;
}
@keyframes animatein {
  from {
    transform: translate(200px, 250px);
  }
  to {
    transform: translate(0, 0);
  }
}
@keyframes animateout {
  to {
    transform: translate(-200px, -250px);
  }
}
/*#endregion */
/*#region news */
.news-item-holder {
  margin-right: calc(-0.5*var(--bs-gutter-x));
  margin-left: calc(-0.5*var(--bs-gutter-x));
  /*    &.element {
        .news-item:first-child {
            .zoom-upper {
                background-color: @cl-green;
                border-bottom: 10px solid @cl-green;
            }
        }
    }*/
}
.news-item {
  width: 50%;
  padding-right: calc(var(--bs-gutter-x)*0.5);
  padding-left: calc(var(--bs-gutter-x)*0.5);
  margin-bottom: 20px;
}
.news-item img {
  width: 100%;
}
@media (min-width: 992px) {
  .news-item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .news-item {
    width: 20%;
  }
}
.news-item .zoom-upper {
  background-color: #FF8144;
  border-bottom: 10px solid #FF8144;
  margin-bottom: 15px;
}
.news-item .zoom-upper .zoomoverlay {
  margin-bottom: 0;
}
.news-item:hover h3 {
  color: #FF8144;
}
.news-item.large {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.news-item.large .zoom-upper {
  border-bottom: 18px solid #FF8144;
}
.news-item.large h2,
.news-item.large h3 {
  font-size: 2rem;
}
@media (max-width: 991px) {
  #news-slider .news-item {
    width: 250px;
  }
}
/*#endregion */
/*#region calendar */
.calendar {
  max-width: 1074px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .calendar {
    background: url(/lib/img/misc/chat.svg) no-repeat right 50px center;
  }
}
.calendar .calendar-item {
  /*border-left: 6px solid @cl-yellow2;*/
  padding-left: 15px;
}
#calendar-slider .slick-slide {
  width: 300px;
  padding-left: 10px;
}
.calendar-item-overview {
  /*    border-left: 6px solid @cl-yellow2;
    padding-left: 15px;*/
}
.calendar-item-overview img.calimg {
  position: relative;
  bottom: -24px;
  right: -24px;
}
@media (min-width: 992px) {
  .calendar-item-overview img.calimg {
    right: -45px;
  }
}
@media (min-width: 1200px) {
  .calendar-page {
    padding: 0 120px;
  }
}
/*#endregion */
/*#region usps */
.usp-holder .usp-item {
  background-color: #FF8144;
  padding: 0 20px 40px;
  position: relative;
}
.usp-holder .usp-item .topimg {
  position: relative;
  top: -20px;
  margin-bottom: -10px;
}
.usp-holder .usp-item img.arrow {
  transition: 500ms;
}
.usp-holder .usp-item:hover img.arrow {
  transform: scale(110%);
}
.usp-holder .usp-item .tag {
  background-color: #070707;
  color: #FFF;
  font-family: cholla-sans, sans-serif;
  padding: 3px 15px;
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 0.9375rem;
}
.usp-holder:first-child .usp-item {
  background-color: #E2F4A6;
}
.usp-holder:last-child .usp-item {
  background-color: #FFFABC;
}
/*#endregion */
/*#region filters */
select.filter {
  -webkit-appearance: none;
  background: url(/Lib/img/icons/filter-orange.svg) no-repeat right 15px center;
}
select.arrow {
  -webkit-appearance: none;
  background: url(/Lib/img/icons/arrow-down-orange.svg) no-repeat right 15px center;
}
.filterTick {
  font-family: cholla-sans, sans-serif;
  font-size: 1.25rem;
  margin-bottom: 5px;
  cursor: pointer;
}
.filterTick .filter {
  background-color: #F2F1F1;
  border-radius: 5px;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
}
.filterTick.selected .filter {
  background: url(/Lib/img/icons/checkmark2.svg) #F2F1F1 center center no-repeat;
}
#resetFilters {
  cursor: pointer;
}
/*#endregion */
/*#region partners */
.partner-holder {
  margin-top: 80px;
}
.partner-holder .partner {
  background-color: #ECEBEB;
  border-radius: 0.9375rem;
  height: 100%;
}
.partner-holder .partner .img-holder {
  position: relative;
  margin: 0 auto;
  top: -80px;
  margin-bottom: -105px;
  background-color: #FFF;
  width: 220px;
  height: 150px;
  padding: 25px 20px;
  text-align: center;
  border-radius: 0.9375rem;
  border: 2px solid #F2F1F1;
}
.become-partner {
  height: 100%;
  min-height: 200px;
  background: url(/Lib/img/misc/clipboard.svg) no-repeat bottom right;
}
.become-partner .inside {
  height: 100%;
  /*border-left: 8px solid @cl-grey3;*/
}
#partner-slider {
  padding-left: 15px;
}
#partner-slider .slick-slide {
  width: 300px;
  margin: 0 15px;
}
@media (max-width: 991px) {
  .partner-img {
    width: 100%;
    text-align: center;
  }
}
/*#endregion */
/*#region tekst pagina */
.contents-sticky {
  top: 140px;
}
.contents-sticky.neg-pad {
  top: 380px;
}
.contents {
  background-color: #ECEBEB;
  border-radius: 0.9375rem;
  width: 100%;
  /* z-index: 99;*/
}
@media (min-width: 992px) {
  .contents.neg-pad {
    position: relative;
    top: -220px;
    width: 316px;
  }
}
/*#endregion */
/*#region regional partners */
.organisation-holder {
  margin-top: 105px;
}
.organisation-holder .organisation {
  background-color: #FFFCDD;
  border-radius: 0.9375rem;
  height: 100%;
}
.organisation-holder .organisation .img-holder {
  position: relative;
  margin: 0 auto;
  top: -105px;
  margin-bottom: -105px;
  background-color: #FFF;
  width: 220px;
  height: 210px;
  padding: 35px 20px;
  text-align: center;
  border: 3px solid #FFFCDD;
  border-radius: 0.9375rem;
}
@media (min-width: 1200px) {
  .partner-form {
    background: url(/lib/img/misc/woman.svg) right top no-repeat;
  }
}
/*#endregion */
/*#region search */
.searchform button {
  border: 0;
  background: url(/lib/img/icons/search.svg) transparent no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 15px;
}
.searchform.searchform-menu button {
  top: 13px;
}
.searchform.searchform-menu input.form-control {
  height: 56px !important;
  margin-bottom: 0 !important;
  border-radius: 0.9375rem !important;
  width: 100%;
}
.searchform label {
  padding-top: 18px !important;
}
.form-floating #filterSearch {
  width: 100% !important;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.ui-widget.ui-widget-content {
  background-color: #F2F1F1;
  border: 1px solid #F2F1F1 !important;
  padding: 20px;
  border-radius: 20px;
  z-index: 1235;
  position: fixed;
  max-width: 100%;
  top: 150px !important;
}
@media (min-width: 992px) {
  .ui-widget.ui-widget-content {
    top: 96px !important;
    max-width: 710px;
  }
}
.ui-widget.ui-widget-content .ui-menu-item-wrapper {
  font-size: 16px;
  border-top: 1px solid #B4B4B4;
  padding: 10px 0;
}
.ui-widget.ui-widget-content .ui-menu-item-wrapper.ui-state-active {
  background: #FFF;
  margin: 0;
  border: 0;
  border-top: 1px solid #B4B4B4;
  color: #070707;
}
.ui-widget.ui-widget-content .ui-menu-item:nth-last-child(2) {
  border-bottom: 1px solid #B4B4B4;
}
.ui-widget.ui-widget-content .ui-menu-item:last-child .ui-menu-item-wrapper {
  color: #FFF;
  background-color: #FF8144;
  border-radius: 0.9375rem;
  margin-top: 15px;
  font-size: 15px;
  font-family: cholla-sans, sans-serif;
  font-size: 1.125rem;
  display: inline-block;
  padding: 8px 15px;
  border-top: 0;
}
.ui-widget.ui-widget-content .ui-menu-item:last-child .ui-menu-item-wrapper:hover {
  background-color: #070707;
}
.search-item .inside {
  background-color: #FFF;
  border-bottom: 1px solid #FF8144;
  padding: 10px 0;
}
.search-item .inside .tag {
  background-color: #F2F1F1;
  padding: 5px;
  margin-right: 3px;
  border-radius: 5px;
  font-size: 12px;
  color: #070707;
  position: relative;
}
.search-item .inside .more-tags {
  cursor: pointer;
}
.search-item .inside .extraTags {
  background-color: #F2F1F1;
  padding: 6px 10px;
  position: absolute;
  right: 0;
  z-index: 99;
  top: 22px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: none;
}
.search-item .inside .extraTags.show {
  display: block;
}
.search-item .inside .extraTags ul {
  padding-left: 0;
  list-style: none;
}
.search-item .datetype {
  font-size: 17px;
  margin-bottom: 20px;
}
.svg-arrow3 {
  width: 12px;
}
.svg-filter {
  width: 25px;
  height: 25px;
}
.svg-filter path,
.svg-filter rect {
  fill: #FF8144;
}
#showFilter {
  cursor: pointer;
  margin-top: 5px;
}
#searchFiltersMob {
  display: none;
  margin-bottom: 20px;
}
#searchFilters {
  position: relative;
}
#searchFilters .inside {
  position: absolute;
}
#searchFilters .inside,
#searchFiltersMob .inside {
  background-color: #F2F1F1;
  border-radius: 0.9375rem;
  padding: 25px;
}
#searchFilters #filter-tags,
#searchFiltersMob #filter-tags {
  width: 100%;
}
#searchFilters #filter-tags .filter-tag:nth-child(n+7),
#searchFiltersMob #filter-tags .filter-tag:nth-child(n+7) {
  display: none;
}
#searchFilters #filter-tags.extraTags .filter-tag:nth-child(n+7),
#searchFiltersMob #filter-tags.extraTags .filter-tag:nth-child(n+7) {
  display: inline-block;
}
#searchFilters .filter-tag,
#searchFiltersMob .filter-tag {
  background-color: #F2F1F1;
  margin-right: 15px;
  font-size: 1rem;
  color: #070707;
  display: inline-block;
}
#searchFilters .filter-tag input,
#searchFiltersMob .filter-tag input {
  position: relative;
  top: 1px;
  margin-right: 7px;
}
/*#endregion */
/*#region account */
.login-page .btn-register {
  display: none;
}
#agree-error,
#agreePartner-error {
  display: inline-block;
  color: #dc526d;
  background-color: #FFF;
  padding: 2px 10px;
  border-radius: 5px;
  border: 1px solid #dc526d;
}
#agree,
#agreeDownload,
#agreeNewsletter,
#agreePartner {
  width: auto;
  display: inline-block;
  float: left;
  margin-top: 4px;
  margin-right: 5px;
}
.agreelabel {
  display: block;
  font-size: 1rem;
}
.agreelabel a {
  color: #070707;
  text-decoration: underline;
}
.register-form .inputs label.error {
  position: relative;
  top: -13px;
  font-size: 16px;
  color: #FFF;
}
.register-form.register-footer {
  padding: 0;
}
.register-form.register-download {
  padding: 0;
  color: #070707;
  border: 0 !important;
}
.register-form.register-download input.form-input {
  border: 1px solid #FF8144;
}
.register-form.register-download .agreelabel a {
  color: #070707;
}
.register-form.register-download label.error {
  color: #dc526d !important;
}
/*#downloadLogin, #downloadRegister {
    display: none;
}*/
.downloadLogin {
  display: none;
}
#downloadLoggedIn.hide {
  display: none;
}
#errorLogin,
#successLogin,
#errorRegister,
#successRegister {
  display: none;
}
.form1.hide {
  display: none !important;
}
#statusDF,
#statusLogin {
  display: none;
}
.benefits li {
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .benefits li {
    font-size: 1.25rem !important;
  }
}
.benefits li .text {
  margin-top: 3px;
}
@media (min-width: 992px) {
  .benefits li .text {
    margin-top: 5px;
  }
}
.benefits li .counter {
  width: 30px;
  height: 30px;
  margin-right: 8px;
  color: #FFF;
  background-color: #FF8144;
  border-radius: 50%;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: cholla-sans, sans-serif;
  display: inline-block;
  text-align: center;
  padding-top: 3px;
}
@media (min-width: 992px) {
  .benefits li .counter {
    width: 50px;
    height: 50px;
    margin-right: 12px;
    padding-top: 5px;
    font-size: 1.875rem;
  }
}
.ui-datepicker-trigger {
  position: absolute;
  right: 22px;
  z-index: 99;
  top: 5px;
}
#nwsletter-prt2,
#nwsletter-prt3,
#nwsletter-mod-prt2,
#nwsletter-mod-prt3,
#newpwd-mod-prt2,
#newpwd-mod-prt3,
#newpwd-mod-prt4,
#cngpwd-mod-prt2,
#cngpwd-mod-prt3,
#cngpwd-mod-prt4,
#cngprf-mod-prt2,
#cngprf-mod-prt3,
#cngprf-mod-prt4,
#unreg-mod-prt2,
#unreg-mod-prt3,
#unreg-mod-prt4,
#partnercontact-mod-prt2,
#partnercontact-mod-prt3,
#newsletter-mod-prt2,
#newsletter-mod-prt3 {
  display: none;
}
#cngprf-mod-prt1 label.error,
#cngpwd-mod-prt1 label.error,
#newpwd-mod-prt1 label.error {
  display: none !important;
}
/*#endregion */
/*#region Categorie */
@media (min-width: 992px) {
  .kb-overview img {
    position: relative;
    top: -40px;
    left: -25px;
  }
}
.kb-item {
  border-bottom: 1px solid #B7E2FA;
  padding: 6px 0;
}
.kb-item:first-child {
  border-top: 1px solid #B7E2FA;
}
.kb img.zoom {
  object-fit: cover;
  object-position: center center;
  height: 232px;
  width: 100%;
}
@media (max-width: 991px) {
  .filterdiv {
    border-radius: 0.9375rem;
    background-color: #FFF;
    background: url(/Lib/img/icons/arrow-down-orange.svg) no-repeat right 15px top 15px;
    border: 1px solid #F2F1F1;
    padding: 16px 12px 16px 20px !important;
  }
}
#showFilters {
  display: block;
}
@media (min-width: 992px) {
  #showFilters {
    display: none;
  }
}
#resetFilters {
  display: none;
}
@media (min-width: 992px) {
  #resetFilters {
    display: block;
  }
}
#filterList {
  display: none;
}
#filterList.show {
  display: block;
}
@media (min-width: 992px) {
  #filterList {
    display: block;
  }
}
/*#endregion */
/*#region downloads */
@media (min-width: 992px) {
  .dl-overview img.dl-overview-img {
    position: relative;
    top: -40px;
    left: -25px;
  }
}
.dl-item {
  border-bottom: 1px solid #B7E2FA;
  padding: 12px 0 6px;
  /*
    &:first-child {
        border-top: 1px solid @cl-blue;
    }*/
}
.dl-item-holder:first-child .dl-item {
  border-top: 1px solid #B7E2FA;
}
@media (min-width: 992px) {
  .dl-item-holder:nth-child(2) .dl-item {
    border-top: 1px solid #B7E2FA;
  }
}
/*#endregion */
/*#region about us */
.aboutus-overview .aboutus-item {
  height: 100%;
}
.aboutus-item {
  background-color: #FF8144;
}
.aboutus-item .top {
  background: #ffd1c6 url(/lib/img/icons/arrow-bg.svg) no-repeat left center;
  border-top-left-radius: 0.9375rem;
  border-top-right-radius: 0.9375rem;
}
.aboutus-item .top img {
  position: relative;
  top: -80px;
  margin-bottom: -80px;
  transition: 500ms;
}
.aboutus-item .bottom {
  color: #FFF;
}
.aboutus-item .photo2 {
  display: none !important;
}
.aboutus-item:hover .photo1 {
  display: none !important;
}
.aboutus-item:hover .photo2 {
  display: inline !important;
}
.his-item {
  border-top: 3px solid #FF8144;
  width: 420px;
  margin-top: 55px;
  padding-right: 15px;
}
@media (min-width: 500px) {
  .his-item {
    padding-right: 50px;
  }
}
.his-item .year {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  color: #FFF;
  font-family: cholla-sans, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  background-color: #FF8144;
  text-align: center;
  padding-top: 30px;
  display: inline-table;
  position: relative;
  top: -58px;
}
.his-item .text {
  position: relative;
  top: -40px;
  margin-bottom: -40px;
}
.click-arrow {
  background: url(/lib/img/icons/arrow-right-orange.svg) no-repeat center center;
  display: block;
  padding: 11px 5px;
  width: 64px;
  height: 48px;
  border-radius: 0.9375rem;
  border: 1px solid #FF8144;
  background-color: #FFF;
}
.social-links ul li {
  display: inline-block;
  margin-right: 10px;
}
.social-links ul li a img {
  width: 40px;
  transition: 500ms;
}
.social-links ul li a img:hover {
  transform: translateY(-5px);
}
#history-slider {
  margin-bottom: 100px;
}
@media (min-width: 992px) {
  #history-slider .slick-list {
    overflow: initial;
  }
}
#history-slider .slide-prev,
#history-slider .slide-next {
  padding: 11px 5px;
  width: 64px;
  height: 48px;
  border-radius: 0.9375rem;
  border: 1px solid #FF8144;
  position: absolute;
  bottom: -56px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
@media (min-width: 992px) {
  #history-slider .slide-prev,
  #history-slider .slide-next {
    bottom: -65px;
  }
}
#history-slider .slide-prev {
  background-image: url(/lib/img/icons/arrow-left-orange.svg);
  left: 0;
}
#history-slider .slide-next {
  background-image: url(/lib/img/icons/arrow-right-orange.svg);
  left: 80px;
}
/*#endregion */
/*#region module */
.blogs-module {
  background-color: #F5FEDA;
  padding: 25px;
  border-radius: 0.9375rem;
}
.text-module {
  background-color: #E2F4A6;
  padding: 25px;
  border-radius: 0.9375rem;
}
.text-module .image {
  position: relative;
  top: -65px;
  max-width: 25%;
  margin-bottom: -50px;
}
.text-module-wide .inside {
  max-width: 650px;
  margin: 0 auto;
}
.text-module-wide .inside figure img {
  position: relative;
  top: -25px;
  margin-bottom: -25px;
}
/*#endregion */
/*#region authors */
.media.author {
  font-size: 14px;
  margin-bottom: 1rem;
  position: relative;
}
.media.author h4,
.media.author h5,
.media.author h6 {
  margin: 0;
}
.media.author h4 {
  font-size: 15px;
}
.media.author h5 {
  font-size: 14px;
  color: #A1A1A1;
  font-weight: normal;
  margin-bottom: 5px;
}
.media.author img {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.media.author .author-info {
  display: none;
  position: absolute;
  background: #ECEBEB;
  top: -12px;
  left: -12px;
  right: -12px;
  padding: 12px;
  z-index: 99999;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.media.author:hover .author-info {
  display: block;
}
/*#endregion */
/*#region newsletter */
.newsletter {
  /*background: @cl-yellow url(/lib/img/misc/womanlightbulb.svg) no-repeat right bottom;*/
  max-width: 1100px;
  margin: 0 auto;
}
/*#endregion */
/*#region video */
.play-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.play-overlay img {
  width: 70px;
  height: 70px;
}
/*#endregion */
/*#region appwiki */
.js-aw-list {
  max-width: 100% !important;
}
/*#endregion */
/*#region Faq */
.faq-overview .faq-item {
  margin-bottom: 20px;
}
.faq-overview .faq-item .question {
  background-color: #FFF;
  color: #070707;
  font-weight: 700;
  padding: 18px 40px 18px 25px;
  border-radius: 0.9375rem;
  position: relative;
  cursor: pointer;
}
.faq-overview .faq-item .question:after {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(/lib/img/icons/arrow-down.svg) no-repeat center center;
  top: 23px;
  right: 30px;
}
.faq-overview .faq-item .answer {
  display: none;
  background-color: #FFF;
  padding: 20px 25px 15px;
  border-bottom-left-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
  position: relative;
  top: -22px;
  margin-bottom: -22px;
}
.faq-overview .faq-item.active .question:after {
  transform: rotate(180deg);
}
.faq-overview .faq-item.active .answer {
  display: block;
}
/*#endregion */
/*#region btn */
.btn#closePhasePopup {
  display: none;
}
/*#endregion */
/*#region standard popup */
#popup-holder,
#popup-phase {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  display: none;
}
#popup-holder .popup,
#popup-phase .popup {
  width: 95%;
  max-width: 800px;
  position: relative;
  margin: 0 auto;
  overflow-y: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  max-height: 95%;
  z-index: 9999994;
}
#popup-holder .popup .close-popup,
#popup-phase .popup .close-popup {
  position: absolute;
  text-align: center;
  right: 10px;
  top: 10px;
  background-color: #FF8144;
  color: #FFF;
  border-radius: 0.3125rem;
  font-size: 16px;
  width: 26px;
  height: 24px;
  cursor: pointer;
}
#popup-holder .popup div.text,
#popup-phase .popup div.text {
  background-color: #F2F1F1;
  border-radius: 1.0625rem;
}
#popup-holder .popup .circle,
#popup-phase .popup .circle {
  background-color: #FF8144;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  border-radius: 100%;
  width: 150px;
  height: 150px;
  font-size: 22px;
  padding: 10px;
  text-align: center;
  font-weight: 700;
  position: absolute;
  top: -80px;
  left: -80px;
  transform: rotate(-15deg);
}
#popup-holder .popup .popupImg,
#popup-phase .popup .popupImg {
  max-width: 100%;
  border-bottom-right-radius: 1.0625rem;
}
#popup-holder .popup.extrawidth,
#popup-phase .popup.extrawidth {
  max-width: 900px;
}
#popup-holder .popup .form-floating label,
#popup-phase .popup .form-floating label {
  padding-top: 16px !important;
}
#popup-holder .popup.register,
#popup-phase .popup.register {
  max-width: 900px;
  color: #070707;
  /*            .text {
                padding: 40px 40px 0 40px;
            }*/
}
#popup-holder .popup.register .form-popup,
#popup-phase .popup.register .form-popup {
  margin-top: 0px;
  padding: 10px 0 0;
}
#popup-holder .popup.register svg,
#popup-phase .popup.register svg {
  max-width: 100%;
}
#popup-holder .popup.register #agree,
#popup-phase .popup.register #agree {
  margin-top: 8px;
  margin-right: 7px;
}
#popup-holder .popup.register .agreelabel,
#popup-phase .popup.register .agreelabel {
  font-size: 15px;
}
#popup-holder .popup.register .agreelabel a,
#popup-phase .popup.register .agreelabel a {
  color: #070707;
}
#popup-holder .popup.register label.error,
#popup-phase .popup.register label.error {
  color: #dc526d;
}
@media (max-width: 992px) {
  .popup .circle {
    display: none;
  }
}
@media (min-width: 992px) {
  #popup-holder .popup .text h2 {
    font-size: 35px;
  }
}
/*#endregion */
/*#region login popup */
#login-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  padding-top: 10%;
}
.popup-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 9999993;
}
#login-popup .inside {
  position: relative;
  z-index: 9999994;
  min-height: 160px;
  border-radius: 5px;
}
#login-popup .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
.popupLogin {
  display: none;
}
/*#endregion */
/*#region name */
#scroll-popup {
  border-top: 2px solid #FFF;
  width: 100%;
  background-color: #FFF;
  position: fixed;
  bottom: 0;
  z-index: 1060;
  display: none;
}
#scroll-popup .close-popup {
  text-align: center;
  right: 10px;
  top: 10px;
  background-color: #FF8144;
  color: #FFF;
  border-radius: 0.3125rem;
  font-size: 16px;
  width: 26px;
  height: 24px;
  cursor: pointer;
}
@media (max-width: 992px) {
  #scroll-popup .close-popup {
    position: absolute;
  }
}
#scroll-popup.hide-perminent {
  display: none !important;
}
/*#endregion */
.dldImg {
  float: left;
  margin-right: 20px;
  max-width: 56px;
}
.dldItem {
  cursor: pointer;
  color: #070707;
}
.dldItem .subtitle {
  font-size: 0.9375rem;
  margin-bottom: 2px;
}
.dldItem h3 {
  font-size: 1.125rem;
  font-family: lato, sans-serif;
  font-weight: 400;
}
.profile-dlds .dldItem {
  display: block;
}
.download-popup,
.video-popup {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  padding-top: 4%;
  overflow-x: scroll;
}
.download-popup .download-popup-bg,
.video-popup .video-popup-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 9999993;
}
.download-popup .register,
.video-popup .stuff {
  position: relative;
  z-index: 9999994;
  min-height: 220px;
  border-radius: 5px;
}
.video-popup .stuff {
  min-height: 160px;
}
.download-popup .register .close-btn,
.video-popup .stuff .close-btn {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
}
/*
.download-popup a {
    color: @white !important;
    text-decoration: underline !important;
}
.download-popup a.forgotPwd {
    text-decoration: none !important;
}*/
.download-popup .linktext,
.download-popup .externaltext,
.download-popup .form1,
.download-popup .form2,
.download-popup .form2 .phForm,
.download-popup .form2 .phFormThx {
  display: none;
}
.register-page .form2 .phForm,
.register-page .form2 .phFormL,
.register-page .form2 .phFormD,
.register-page .form2 .phFormThx,
.register-page .form2 .phFormRegisterThx {
  display: none;
}
.download-popup .linktext a,
.register-page .form2 .phFormRegisterThx a {
  color: #FF8144;
}
.agreeHolder {
  display: none!important;
}
.agreeHolder input#agree {
  float: left;
  margin-top: 6px;
  margin-right: 5px;
}
.agreeHolder.show {
  display: flex!important;
}
#btnFormDwnl.hide {
  display: none !important;
}
.dldimg {
  position: relative;
  top: -60px;
  margin-bottom: -60px;
}
.kbtitle {
  color: #070707;
  padding: 14px 0 14px 80px;
  font-weight: 700;
  background-position: center left;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.steps h3 {
  font-size: 1.5rem;
  margin-bottom: 2px;
}
.steps .step-number {
  float: left;
  background-color: #FF8144;
  color: #FFF;
  font-size: 28px;
  border-radius: 5px;
  text-align: center;
  width: 45px;
  padding: 6px 6px;
  margin-right: 10px;
  font-weight: 700;
  margin-top: -5px;
}
.steps .art .text {
  font-size: 1rem;
}
.steps .art .text p {
  margin-bottom: 0;
}
.steps .art a.arrow {
  font-size: 0.875rem;
  margin-top: 8px;
  display: inline-block;
  background: url(/Lib/img/icons/arrow-orange-small.svg) no-repeat right top 4px;
  background-size: 13px;
  padding-right: 19px;
}
.steps .steps-right .insider {
  border-left: 1px solid #707070;
  height: 100%;
  padding-left: 5px;
}
.steps .steps-right .insider .tick {
  width: 32px;
  height: 32px;
  border: 1px solid #707070;
  border-radius: 5px;
  cursor: pointer;
}
.steps .steps-right .insider .tick.ticked:before {
  content: ' ';
  background: url(/Lib/img/icons/tick.svg) no-repeat top center;
  width: 40px;
  height: 35px;
  position: relative;
  top: -3px;
  display: block;
}
.steps-bottom .art {
  position: relative;
}
.steps-bottom .art:before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: block;
  background-color: #FF8144;
  position: absolute;
  top: 4px;
}
.steps-bottom .art .inside {
  padding-left: 28px;
}
.score {
  border-right: 1px solid #707070;
  height: 100%;
  padding-right: 20px;
  width: 100%;
}
.score .sticky-top {
  z-index: 1010;
}
.score .percHolder {
  font-size: 30px;
  font-weight: 700;
  width: 325px;
  padding-bottom: 270px;
  padding-top: 40px;
  position: relative;
}
#stepsNotComplete,
#stepsComplete {
  font-size: 16px;
}
#stepFormSend,
#stepFormError,
#stepsComplete {
  display: none;
}
.step-form label.error {
  display: none !important;
}
.moreinfo img.lazy {
  position: absolute;
  top: -40px;
}
.moreinfo .left,
.moreinfo .right {
  padding-bottom: 30px;
}
@media (max-width: 992px) {
  .cat-img {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .art {
    position: relative;
  }
  .art .inside {
    padding-left: 28px;
    padding-bottom: 30px;
  }
  .art:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: block;
    background-color: #FF8144;
    position: absolute;
    top: 4px;
  }
  .img4,
  .img3,
  .img5 {
    display: none;
  }
  /*   .steps .steps-right .insider .tick {
      width: 22px;
      height: 22px;
   }

   .steps .steps-right .insider .tick.ticked:before {
      background-size: contain !important;
      width: 30px;
      height: 30px;
      top: -4px;
   }*/
  .score-mobile {
    padding-right: 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background-color: white;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #FF8144;
    z-index: 99;
  }
  .score-mobile .percHolder {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .steps.steps-top {
    background: url(/Lib/img/misc/step-line.svg) no-repeat left top 60px;
  }
  .steps .img1 {
    right: -25px;
    top: 10px;
  }
  .steps .img2 {
    left: 0;
    top: 46px;
  }
  .steps .img3 {
    left: -10px;
    top: 64px;
    width: 216px;
  }
  .steps .img4 {
    right: 20px;
    top: 316px;
    width: 190px;
  }
  .steps .img5 {
    right: 0;
    top: 65px;
  }
  .steps .img6 {
    left: 0;
    top: 440px;
    width: 190px;
  }
  .steps .img7 {
    left: 25px;
    top: 55px;
    width: 250px;
  }
  .steps .img8 {
    right: 0;
    top: 380px;
  }
  .steps .cat1 .inside {
    height: 75px;
    position: relative;
  }
  .steps .art1 .inside {
    padding-left: 95px;
    height: 170px;
    top: -2px;
    position: relative;
  }
  .steps .art2 .inside {
    padding-left: 305px;
    height: 215px;
  }
  .steps .cat2 .inside {
    height: 52px;
    position: relative;
  }
  .steps .art3 .inside {
    padding-left: 414px;
    height: 152px;
  }
  .steps .art4 .inside {
    padding-left: 414px;
    height: 210px;
  }
  .steps .cat3 .inside {
    height: 52px;
    position: relative;
  }
  .steps .art5 .inside {
    padding-left: 286px;
    height: 137px;
  }
  .steps .art6 .inside {
    padding-left: 425px;
    height: 180px;
  }
  .steps .art7 .inside {
    padding-left: 197px;
    height: 219px;
  }
  .steps .cat4 .inside {
    height: 86px;
    position: relative;
  }
  .steps .art8 .inside {
    padding-left: 73px;
    height: 119px;
  }
  .steps .art9 .inside {
    padding-left: 75px;
    height: 170px;
  }
  .steps .art10 .inside {
    padding-left: 288px;
    height: 164px;
  }
  .steps .art11 .inside {
    padding-left: 288px;
    height: 175px;
  }
  .steps .cat5 .inside {
    height: 70px;
    position: relative;
  }
  .steps .art12 .inside {
    padding-left: 348px;
    height: 157px;
  }
  .steps .art13 .inside {
    padding-left: 348px;
    height: 157px;
  }
  .steps .art14 .inside {
    padding-left: 179px;
    height: 152px;
  }
  .steps .art15 .inside {
    padding-left: 179px;
  }
  .steps .art .text {
    max-width: 430px;
  }
  .steps .cat-img {
    position: absolute;
  }
  .steps .steps-right .insider {
    padding-left: 25px;
  }
}
@media (max-width: 992px) {
  .steps h2 {
    font-size: 2rem;
    padding-top: 3px;
    margin-bottom: 25px;
  }
  .steps img {
    display: none;
  }
}
@media (max-width: 1340px) {
  .steps .img1 {
    display: none;
  }
}
@media (min-width: 992px) AND (max-width: 1200px) {
  .score .percHolder {
    padding-bottom: 310px;
  }
  .steps .img1 {
    top: 40px;
    width: 140px;
  }
  .steps .img2 {
    width: 200px;
  }
  .steps .img4 {
    display: none;
  }
}
img.tooltip2 {
  padding-left: 5px;
  cursor: help;
}
.calculator-container .calcresult {
  display: none;
}
.calculator-container .col-sm-8 {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .calculator-container .col-sm-4 {
    margin-bottom: 10px;
  }
}
.calculator-container label.cur {
  position: relative;
}
.calculator-container label.cur::before {
  position: absolute;
  cursor: default;
  left: 8px;
  top: 7px;
  content: "€";
  font-family: lato, sans-serif;
}
.calculator-container label.cur input {
  padding-left: 21px;
}
.calculator-container input[type="text"] {
  max-width: 180px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #070707;
  padding: 6px;
  margin-bottom: 3px;
}
.calculator-container input[type="radio"] {
  appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #070707;
  border-radius: 50%;
  outline: none;
  background-color: white;
  cursor: pointer;
}
.calculator-container input[type="radio"]:checked {
  background-color: #FF8144;
}
.calculator-container .top-part {
  display: none;
  padding: 0 15px;
}
.calculator-container .top-part .right {
  border-top: 1px solid #070707;
  border-top-left-radius: 0.9375rem;
  border-top-right-radius: 0.9375rem;
  background-color: #FFFEED;
  height: 15px;
}
.calculator-container .split-part {
  padding: 0 15px;
}
.calculator-container .split-part .right {
  height: 22px;
}
.calculator-container .grey-part {
  background-color: #ECEBEB;
  padding: 0 15px;
  border-radius: 0.9375rem;
}
.calculator-container .grey-part h2 {
  margin-bottom: 0;
  font-size: 1.875rem;
}
.calculator-container .grey-part .col-sm-8 span,
.calculator-container .grey-part .col-sm-5 span {
  display: block;
}
@media (max-width: 575px) {
  .calculator-container .grey-part .col-sm-8 span,
  .calculator-container .grey-part .col-sm-5 span {
    margin: 12px 0;
  }
}
.calculator-container .grey-part .right .text {
  padding: 5px;
}
.calculator-container .grey-part .calc-left {
  /* margin-top: 12px;*/
}
.calculator-container .grey-part .calc-left input {
  margin-right: 5px;
}
.calculator-container .grey-part .calc-left label {
  margin-right: 10px;
}
.calculator-container .yellow-part {
  padding: 0 15px;
  background-color: #FFFABC;
  color: #070707;
  border-radius: 0.9375rem;
}
.calculator-container .yellow-part .text-sm-center {
  padding: 5px;
}
.calculator-container .yellow-part .moneywoman {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .calculator-container .yellow-part .moneywoman {
    display: none;
  }
}
.calculator-container .yellow-part .moneywoman img {
  position: relative;
  right: -40px;
  bottom: -40px;
}
.calculator-container .bottom-part {
  display: none;
  padding: 0 15px;
}
.calculator-container .bottom-part .right {
  border-bottom: 1px solid #070707;
  border-bottom-left-radius: 0.9375rem;
  border-bottom-right-radius: 0.9375rem;
  background-color: #FFFEED;
  height: 15px;
}
.calculator-container #daguren {
  width: 50px;
  margin-top: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .calculator-container .top-part,
  .calculator-container .bottom-part {
    display: block;
  }
  .calculator-container .right {
    border-left: 1px solid #070707;
    border-right: 1px solid #070707;
    background-color: #FFFEED;
    height: 100%;
    text-align: center;
    color: #070707;
    display: flex;
    align-items: center;
    justify-content: center;
    /*            &.empty {
                height: 55px;
            }*/
    /*            &.higher {
                height: 55px;
            }*/
  }
  .calculator-container .right.right-last {
    height: 50px;
  }
  .calculator-container .grey-part .right .text {
    max-width: 180px;
    width: 100%;
    display: block;
    text-align: left;
    position: relative;
    margin: 0 auto;
  }
  .calculator-container .orange-part .calc-left {
    padding-bottom: 10px;
    display: block;
  }
}