/* compiled by scssphp 1.6.0 on Thu, 11 Dec 2025 13:47:49 +0000 (0.0512s) */

@font-face {
  font-display: swap;
  font-family: Madera;
  src: local(Madera), url("../draadcore-child/assets/fonts/Madera-Regular.woff2") format("woff2"), url("../draadcore-child/assets/fonts/Madera-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-display: swap;
  font-family: Madera;
  src: local(Madera), url("../draadcore-child/assets/fonts/Madera-Medium.woff2") format("woff2"), url("../draadcore-child/assets/fonts/Madera-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  unicode-range: U+000-5FF;
}
@font-face {
  font-display: swap;
  font-family: Madera;
  src: local(Madera), url("../draadcore-child/assets/fonts/Madera-Bold.woff2") format("woff2"), url("../draadcore-child/assets/fonts/Madera-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U+000-5FF;
}
html #root #wrap_all #main .section.header_content {
  overflow: hidden;
  padding: 0 64px;
}
@media only screen and (max-width: 96rem) {
  html #root #wrap_all #main .section.header_content {
    padding: 0;
  }
}
html #root #wrap_all #main .section.header_content .header-content {
  overflow: hidden;
}
html #root #wrap_all #main .section.header_content .container {
  max-width: 100%;
  padding: 64px clamp(64px, 20%, calc((100vw - 1090px) / 2 - 74px));
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 96rem) {
  html #root #wrap_all #main .section.header_content .container {
    padding: 60px 32px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_content .container {
    background-position: top center;
    background-size: 100% 330px;
  }
}
html #root #wrap_all #main .section.header_content .container .background-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 48%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_content .container .background-image {
    height: 330px;
    width: 100%;
  }
}
html #root #wrap_all #main .section.header_content .container .background-image .category {
  --brand: #fa2828;
  --geluid: #00a85e;
  --rook: #fa2828;
  --tocht: #fa2828;
  --vlucht: #facc05;
  --paniek: #facc05;
  --inbraak: #0085ca;
  width: 65%;
  height: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}
html #root #wrap_all #main .section.header_content .container .background-image .category::after {
  content: "";
  border-right: 10px solid transparent;
  border-top-width: 20px;
  border-top-style: solid;
  border-top-color: var(--active, transparent);
  position: absolute;
  left: 100%;
}
html #root #wrap_all #main .section.header_content .container .content, html #root #wrap_all #main .section.header_content .container .heading {
  width: 530px;
  margin-left: auto;
}
@media only screen and (max-width: 96rem) {
  html #root #wrap_all #main .section.header_content .container .content, html #root #wrap_all #main .section.header_content .container .heading {
    width: 49%;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_content .container .content, html #root #wrap_all #main .section.header_content .container .heading {
    width: 100%;
  }
}
html #root #wrap_all #main .section.header_content .container .heading {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_content .container .heading {
    margin-top: 300px;
  }
}
html #root #wrap_all #main .section.header_content .container .content {
  z-index: 2;
}
html #root #wrap_all #main .section.header_content .container .content button, html #root #wrap_all #main .section.header_content .container .content a.button {
  padding: 18px 24px 22px;
  border-radius: 80px;
  background: #385c78;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.625;
  letter-spacing: -0.015em;
  color: #ffffff;
  border: 0;
  margin-top: 15px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Madera', sans-serif;
}
html #root #wrap_all #main .section.header_content .container .content button .icon, html #root #wrap_all #main .section.header_content .container .content button span:not(.button-title), html #root #wrap_all #main .section.header_content .container .content a.button .icon, html #root #wrap_all #main .section.header_content .container .content a.button span:not(.button-title) {
  width: 13px;
  height: 18px;
  margin-left: 16px;
  display: inline-block;
}
html #root #wrap_all #main .section.header_content .container .content button .icon svg, html #root #wrap_all #main .section.header_content .container .content button span:not(.button-title) svg, html #root #wrap_all #main .section.header_content .container .content a.button .icon svg, html #root #wrap_all #main .section.header_content .container .content a.button span:not(.button-title) svg {
  width: 100%;
  height: 100%;
}
html #root #wrap_all #main .section.header_content .container .content button .icon svg [fill="currentColor"], html #root #wrap_all #main .section.header_content .container .content button span:not(.button-title) svg [fill="currentColor"], html #root #wrap_all #main .section.header_content .container .content a.button .icon svg [fill="currentColor"], html #root #wrap_all #main .section.header_content .container .content a.button span:not(.button-title) svg [fill="currentColor"] {
  fill: #fff;
}
html #root #wrap_all #main .section.header_content .container .content button .icon svg [stroke="currentColor"], html #root #wrap_all #main .section.header_content .container .content button span:not(.button-title) svg [stroke="currentColor"], html #root #wrap_all #main .section.header_content .container .content a.button .icon svg [stroke="currentColor"], html #root #wrap_all #main .section.header_content .container .content a.button span:not(.button-title) svg [stroke="currentColor"] {
  stroke: #fff;
}
html #root #wrap_all #main .section.header_content .container .content button:hover, html #root #wrap_all #main .section.header_content .container .content a.button:hover {
  background: #002940;
}
html #root #wrap_all #main .section.header_content .container .content button.toggle .close, html #root #wrap_all #main .section.header_content .container .content a.button.toggle .close {
  display: none !important;
}
html #root #wrap_all #main .section.header_content .container .content button.toggle[aria-expanded="true"] .open, html #root #wrap_all #main .section.header_content .container .content a.button.toggle[aria-expanded="true"] .open {
  display: none !important;
}
html #root #wrap_all #main .section.header_content .container .content button.toggle[aria-expanded="true"] .close, html #root #wrap_all #main .section.header_content .container .content a.button.toggle[aria-expanded="true"] .close {
  display: inline-block !important;
}
html #root #wrap_all #main .section.header_content .container .content button.toggle[aria-expanded="true"] span:not(.button-title), html #root #wrap_all #main .section.header_content .container .content a.button.toggle[aria-expanded="true"] span:not(.button-title) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
html #root #wrap_all #main .section.header_content .container:not(#read-more-header-1) {
  overflow: visible;
}
html #root #wrap_all #main .section.header_content .container:not(#read-more-header-1):after {
  background-image: url('/wp-content/themes/draadcore-child/assets/Desktop-Background.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 912px;
  height: 1091px;
  content: "";
  position: absolute;
  right: -10%;
  top: 37%;
  z-index: 1;
}
@media only screen and (max-width: 96rem) {
  html #root #wrap_all #main .section.header_content .container:not(#read-more-header-1):after {
    top: 45%;
  }
}
@media only screen and (max-width: 63.9375rem) {
  html #root #wrap_all #main .section.header_content .container:not(#read-more-header-1):after {
    top: 37%;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_content .container:not(#read-more-header-1):after {
    width: 750px;
    height: 897px;
    transform: matrix(1, 0, 0, -1, 0, 0);
    right: -53%;
    top: 40%;
  }
}
html #root #wrap_all #main .section.header_content .container[id^="read-more-header"][hidden], html #root #wrap_all #main .section.header_content .textblock--expandable[aria-hidden="true"] {
  display: none;
}
html #root #wrap_all #main .section.header_content .container[id^="read-more-header"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 30px;
  overflow: hidden;
  position: relative;
  padding: 64px clamp(64px, 20%, calc((100vw - 1090px) / 2 - 74px));
}
@media only screen and (max-width: 96rem) {
  html #root #wrap_all #main .section.header_content .container[id^="read-more-header"] {
    padding: 60px 32px;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root #wrap_all #main .section.header_content .container[id^="read-more-header"] {
    grid-template-columns: 1fr;
    padding-top: 0;
  }
  html #root #wrap_all #main .section.header_content .container[id^="read-more-header"] .left {
    order: 1;
    margin-top: 0;
  }
  html #root #wrap_all #main .section.header_content .container[id^="read-more-header"] .right {
    order: 2;
    margin-top: 0;
  }
  html #root #wrap_all #main .section.header_content .container[id^="read-more-header"] .heading {
    margin-block: 30px 15px;
  }
}
html #root #wrap_all #main .section.header_content .container[id^="read-more-header"] .content {
  width: 100%;
  margin-left: 0;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Falprokon%2Fdomains%2Falprokon.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fdraadcore-child%2Fsass%2F..%2F..%2Fdraadcore%2Fsass%2Fincludes%2Fmixins.scss%22%2C%22home%2Falprokon%2Fdomains%2Falprokon.com%2Fpublic_html%2Fwp-content%2Fthemes%2Fdraadcore-child%2Fsass%2Fheader_content.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AACI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACGH%3BAAAA%3BAAAA%3BAAAA%3BADgPG%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzOF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqOE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvND%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADuNC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACxMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWF%3BAAAA%3BAAAA%3BAAAA%3BAD8KC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACnKD%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADmKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC3JD%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMC%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAWF%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAOH%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADsFA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC1DF%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqDE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACvCA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAuBD%3BAAAA%3BAAAA%3BAAAA%22%7D */