/* =============================================================================
   shared/two-columns.css
   Extracted from style.css. Loaded only on: block two_col_text, page-template/template-faq.php, page-template/template-klanten.php, taxonomy-klanten_category.php
============================================================================= */

.two_col_section .outer_part {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.two_col_section .left_text {width: 49%;}
.two_col_section .left_text .wrap {max-width: 480px;}
.two_col_section .left_text h2 {line-height: 1.15;}
.two_col_section .right_text h3 {font-size: 18px; margin-bottom: 8px;}
.two_col_section .right_text {width: 49%;}
.two_col_section .right_text .wrap {max-width: 566px;margin-left: auto;padding-left: 34px;border-left: 2px solid var(--backgrondColorGray);}
.two_col_section .right_text .wrap p:first-child {font-size: 18px;line-height: 1.6;}

@media (min-width:1024px) {
    .two_col_section .left_text {position: -webkit-sticky; position: sticky; top: 110px; align-self: flex-start;}
}

@media (max-width:767px) {
    .two_col_section .right_text .wrap {padding-left: 20px;}
    .two_col_section .right_text .wrap p:first-child {font-size: 16px;}
}

@media (max-width: 1023px) {
    .two_col_section {padding: 50px 0 0 0;}
    .two_col_section .left_text,
  .two_col_section .right_text {width: 100%;}
    .two_col_section .left_text {margin-bottom: 30px;}
    .two_col_section .left_text .wrap {max-width: 100%;}
    .two_col_section .right_text .wrap {max-width: 100%; margin-left: 0;}
}