/* =============================================================================
   Block: two_col_text  (partial/content-two_col_text.php)
   Eyebrow + title on the left, text behind a red rule on the right, on gray.
   Base two_col_section styles live in shared/two-columns.css (also used by the
   FAQ and klanten templates); everything here is scoped to .two_col_block.
============================================================================= */

.two_col_section.two_col_block {background-color:var(--backgrondColorGray);}
.two_col_block .outer_part {display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:80px;align-items:start;}
.two_col_block .left_text, .two_col_block .right_text {width:auto;}
.two_col_block .left_text .wrap {max-width:520px;}
.two_col_block .left_text h2 {line-height:1.12;}
.two_col_block .right_text .wrap {max-width:none;margin-left:0;padding-left:26px;border-left:3px solid var(--backgrondColorRed);}
.two_col_block .right_text .wrap p {margin-bottom:18px;font-size:16px;line-height:1.7;color:var(--textColor);}
.two_col_block .right_text .wrap p:first-child {font-family:var(--font-semibold);font-weight:var(--font-weight-semibold);font-size:19px;line-height:1.6;}
.two_col_block .right_text .wrap > :last-child {margin-bottom:0;}
.two_col_block .two_col_link {display:inline-flex;align-items:center;gap:8px;margin:28px 0 0 29px;color:var(--backgrondColorRed);font-family:var(--font-semibold);font-weight:var(--font-weight-semibold);font-size:15px;line-height:1.3;text-decoration:none;}
.two_col_block .two_col_link svg {display:block;flex:none;transition:transform .2s ease;}
.two_col_block .two_col_link:hover {text-decoration:underline;}
.two_col_block .two_col_link:hover svg {transform:translateX(3px);}

@media (max-width:1023px) {
    .two_col_block .outer_part {grid-template-columns:minmax(0,1fr);row-gap:32px;}
    .two_col_block .left_text {margin-bottom:0;}
    .two_col_block .left_text .wrap {max-width:100%;}
}

@media (max-width:767px) {
    .two_col_block .right_text .wrap {padding-left:20px;}
    .two_col_block .right_text .wrap p:first-child {font-size:17px;}
    .two_col_block .two_col_link {margin-left:23px;}
}