/* compiled by scssphp v0.6.3 on Tue, 14 Mar 2023 12:06:06 +0100 (0.0303s) */

@font-face {
  font-display: swap;
  font-family: ProximaNova;
  src: local(ProximaNova), url("../draadcore-child/fonts/proxima-nova/ProximaNova-Regular.woff2") format("woff2"), url("../draadcore-child/fonts/proxima-nova/ProximaNova-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  unicode-range: U0-5FF;
}
@font-face {
  font-display: swap;
  font-family: ProximaNova;
  src: local(ProximaNova), url("../draadcore-child/fonts/proxima-nova/ProximaNova-Black.woff2") format("woff2"), url("../draadcore-child/fonts/proxima-nova/ProximaNova-Black.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  unicode-range: U0-5FF;
}
/* line 4, sass/textblock_media.scss */
/* line 5, sass/textblock_media.scss */
html #root .section.textblock.textblock--media {
  padding: 80px 0;
  overflow: hidden;
}
@media only screen and (max-width: 63.9375rem) {
  html #root .section.textblock.textblock--media {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 29.9375rem) {
  html #root .section.textblock.textblock--media {
    padding: 20px 0;
  }
}
/* line 15, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/* line 19, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .column.left {
  order: -1;
  margin-bottom: 30px !important;
}
@media only screen and (max-width: 63.9375rem) {
  html #root .section.textblock.textblock--media .column.left {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
/* line 28, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .column ul {
  margin: 0;
  margin-bottom: 35px;
}
/* line 33, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .column li {
  color: #fff;
  line-height: 1.87;
}
/* line 39, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  z-index: 2;
}
/* line 44, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content {
  max-width: 550px;
  width: 100%;
}
@media only screen and (max-width: 63.9375rem) {
  html #root .section.textblock.textblock--media .container .content {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
/* line 52, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  margin: 0 0 10px;
  line-height: 1.5;
}
/* line 60, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content h2 {
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.5;
  text-transform: uppercase;
  margin: 0 0 30px;
}
@media only screen and (max-width: 71.1875rem) {
  html #root .section.textblock.textblock--media .container .content h2 {
    font-size: 22px;
  }
}
/* line 73, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content p {
  color: #fff;
  line-height: 1.87;
  margin: 0 0 35px;
}
/* line 78, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content p:last-of-type {
  margin: 0 0 10px;
  position: relative;
}
/* line 85, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .textblock--expandable {
  color: #fff;
  line-height: 1.87;
  margin: 0;
  display: block;
  font-size: 0;
  position: relative;
  -webkit-transition: 0.4s height;
  transition: 0.4s height;
}
/* line 94, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .textblock--expandable::before {
  content: "";
  background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, #202020 100%);
  position: absolute;
  width: 100%;
  height: 63px;
  top: -60px;
}
/* line 103, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .textblock--expandable[aria-hidden="false"] {
  height: 100%;
  font-size: inherit;
}
/* line 107, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .textblock--expandable[aria-hidden="false"]::before {
  content: none;
}
/* line 113, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .button, html #root .section.textblock.textblock--media .container .content button {
  margin-top: 20px;
  margin-right: 20px;
}
/* line 117, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .button .button-title, html #root .section.textblock.textblock--media .container .content button .button-title {
  font-family: 'ProximaNova', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue';
}
/* line 122, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .button-row {
  display: inline-block;
  min-width: 205px;
  width: 100%;
}
@media only screen and (max-width: 29.9375rem) {
  html #root .section.textblock.textblock--media .container .content .button-row {
    margin-top: 0;
  }
}
/* line 131, sass/textblock_media.scss */
/* line 132, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .button-row a, html #root .section.textblock.textblock--media .container .content .button-wrapper a {
  background-color: #65b32e;
  max-width: 100%;
  width: auto;
  padding-right: 80px;
}
/* line 138, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .button-row a .icon, html #root .section.textblock.textblock--media .container .content .button-wrapper a .icon {
  background-color: #3c3c3b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-8' role='img' viewBox='0 0 256 512'%3E%3Cpath fill='%23fff' d='M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z'/%3E%3C/svg%3E");
}
/* line 143, sass/textblock_media.scss */
/* line 144, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .content .button-row a:hover:after, html #root .section.textblock.textblock--media .container .content .button-wrapper a:hover:after {
  background-color: #3c3c3b;
  width: 60px;
}
/* line 153, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .media {
  max-width: 590px;
  width: 100%;
  float: left;
}
@media only screen and (max-width: 63.9375rem) {
  html #root .section.textblock.textblock--media .container .media {
    max-width: 100%;
  }
}
/* line 161, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .media .image-container {
  -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.69);
  box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.69);
  overflow: visible;
}
@media only screen and (max-width: 63.9375rem) {
  html #root .section.textblock.textblock--media .container .media .image-container {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root .section.textblock.textblock--media .container .media .image-container {
    -webkit-box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.69);
    box-shadow: 0 0 75px 0 rgba(0, 0, 0, 0.69);
  }
}
/* line 171, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .media .image-container img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 63.9375rem) {
  html #root .section.textblock.textblock--media .container .media .image-container img {
    width: 50%;
  }
}
@media only screen and (max-width: 47.9375rem) {
  html #root .section.textblock.textblock--media .container .media .image-container img {
    width: 100%;
  }
}
/* line 184, sass/textblock_media.scss */
/* line 185, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .media.video button {
  background: none;
  border: none;
  cursor: pointer;
}
/* line 191, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .media.video .icon.play {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='play-circle' class='svg-inline--fa fa-play-circle fa-w-16' role='img' viewBox='0 0 512 512'%3E%3Cpath fill='%2365b32e' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z'/%3E%3C/svg%3E");
  height: 50px;
  width: 51px;
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}
/* line 206, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .button-colored {
  max-width: 220px;
  display: inline;
  float: left;
  background-color: #202020;
}
/* line 212, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .button-colored:hover {
  color: #fff;
}
/* line 218, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .button[aria-expanded="true"] {
  cursor: pointer;
}
/* line 221, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .container .button[aria-expanded="true"] .icon {
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
  background-position: 20px center;
}
/* line 228, sass/textblock_media.scss */
/* line 230, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .background-choice.left, html #root .section.textblock.textblock--media .background-choice.right {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0d0d0d;
}
/* line 239, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .background-choice.left:before, html #root .section.textblock.textblock--media .background-choice.right:before {
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: #202020;
  content: "";
  height: 100%;
  min-height: 1000px;
  width: 400px;
  -webkit-transform: scaleX(4);
  transform: scaleX(4);
  -webkit-box-shadow: 0 0 115px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 115px 0 rgba(0, 0, 0, 0.6);
  clip-path: polygon(30% 0%, 70% 0, 120% 100%, 87% 100%);
  filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.1));
}
/* line 255, sass/textblock_media.scss */
/* line 256, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .background-choice.left:before {
  left: 0;
}
/* line 261, sass/textblock_media.scss */
/* line 262, sass/textblock_media.scss */
html #root .section.textblock.textblock--media .background-choice.right:before {
  right: 30%;
}