@layer component{.ylLopa_threeColumnCard{--module-bg-color:#fff;--card-bg-color:#fff;--eyebrow-color:var(--getronics-light-green);--card-border-color:var(--getronics-cool-grey);--card-border-radius:.8rem;--card-inner-bg-color:var(--getronics-light-grey)}.ylLopa_threeColumnCard .ylLopa_header{grid-template-columns:subgrid;grid-column:1/-1;padding-block:2.5rem 3.4rem;display:grid}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_header{padding-block:3.6rem 5rem}}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_header{padding-block:4.4rem 5.6rem}}@media only screen and (min-width:1920px){.ylLopa_threeColumnCard .ylLopa_header{padding-block:6.2rem 5.2rem}}.ylLopa_threeColumnCard .ylLopa_eyebrow{grid-column:1/-1;align-items:start;display:flex}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_eyebrow{grid-column:1/3}}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_eyebrow{padding-inline-start:1rem}}@media only screen and (min-width:1920px){.ylLopa_threeColumnCard .ylLopa_eyebrow{padding-inline-start:2rem}}.ylLopa_threeColumnCard .ylLopa_body{flex-direction:column;grid-column:1/-1;align-items:start;padding-block:1.6rem 0;display:flex}@media only screen and (min-width:768px){.ylLopa_threeColumnCard .ylLopa_body{grid-column:1/7}}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_body{grid-column:3/9;padding-block:0}}.ylLopa_threeColumnCard .ylLopa_body h2{font-family:helvetica-lt-pro,helvetica,sans-serif;font-size:4rem;font-weight:400;line-height:1}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_body h2{font-size:4.8rem}}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_body h2{font-size:6.4rem}}@media only screen and (min-width:1920px){.ylLopa_threeColumnCard .ylLopa_body h2{font-size:7.2rem}}.ylLopa_threeColumnCard .ylLopa_body h2{max-width:var(--module-headline-max-width);color:var(--getronics-cool-grey-dark);text-wrap:balance}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_body h2{--module-headline-max-width:40ch}}.ylLopa_threeColumnCard .ylLopa_body h2:first-line{color:#000;font-weight:700}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_body h2{font-family:helvetica-lt-pro,helvetica,sans-serif;font-size:3.2rem;font-weight:400;line-height:1}}@media only screen and (min-width:1024px) and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_body h2{font-size:4rem}}@media only screen and (min-width:1024px) and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_body h2{font-size:5.6rem}}@media only screen and (min-width:1024px) and (min-width:1920px){.ylLopa_threeColumnCard .ylLopa_body h2{font-size:7.2rem}}.ylLopa_threeColumnCard .ylLopa_cardsWrapper{grid-template-columns:subgrid;margin-inline:var(--negative-container-padding);scrollbar-width:none;grid-column:1/-1;padding-block:0 2.4rem;display:grid;overflow-x:scroll}.ylLopa_threeColumnCard .ylLopa_cardsWrapper::-webkit-scrollbar{display:none}@media only screen and (min-width:768px){.ylLopa_threeColumnCard .ylLopa_cardsWrapper{margin-inline:var(--negative-container-padding-sm)}}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_cardsWrapper{overflow-x:unset;scrollbar-width:unset;grid-column:3/11;margin-inline:0;padding-block-end:3.2rem}}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_cardsWrapper{grid-column:3/12;padding-block-end:4rem}}@media only screen and (min-width:1920px){.ylLopa_threeColumnCard .ylLopa_cardsWrapper{padding-block-end:6.4rem}}.ylLopa_threeColumnCard .ylLopa_cards{padding-inline:var(--container-padding);grid-column:1/-1;gap:1.6rem;display:flex}@media only screen and (min-width:768px){.ylLopa_threeColumnCard .ylLopa_cards{padding-inline:var(--container-padding-sm);gap:2.4rem}}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_cards{grid-template-columns:1fr 1fr;padding-inline:0;display:grid}}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_cards{grid-template-columns:1fr 1fr 1fr}}.ylLopa_threeColumnCard .ylLopa_cardScrollSpacer{flex-shrink:0;inline-size:.001rem;margin-inline-start:-.4rem}@media only screen and (min-width:768px){.ylLopa_threeColumnCard .ylLopa_cardScrollSpacer{margin-inline-start:-.9rem}}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_cardScrollSpacer{display:none}}.ylLopa_threeColumnCard .ylLopa_card{background-color:var(--card-bg-color);border:1px solid var(--card-border-color);border-radius:var(--card-border-radius);flex-direction:column;flex-shrink:0;gap:2.4rem;inline-size:29rem;padding:1.6rem;display:flex}@media only screen and (min-width:768px){.ylLopa_threeColumnCard .ylLopa_card{inline-size:28rem}}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_card{flex-shrink:unset;inline-size:unset;padding:2.4rem}}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_card{padding:3.2rem}}.ylLopa_threeColumnCard .ylLopa_card h3{font-family:segoe-ui,Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;line-height:1}@media only screen and (min-width:1024px){.ylLopa_threeColumnCard .ylLopa_card h3{font-size:1.8rem}}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_card h3{font-size:2rem}}@media only screen and (min-width:1920px){.ylLopa_threeColumnCard .ylLopa_card h3{font-size:2.4rem}}.ylLopa_threeColumnCard .ylLopa_card hr{background-color:var(--getronics-green);border:none;width:3.2rem;height:.15rem}.ylLopa_threeColumnCard .ylLopa_card p{white-space:pre-wrap;font-family:segoe-ui,Segoe UI,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.5}.ylLopa_threeColumnCard .ylLopa_card .ylLopa_cardTags{flex-wrap:wrap;gap:1.2rem;display:flex}.ylLopa_threeColumnCard .ylLopa_card .ylLopa_innerCard{background-color:var(--card-inner-bg-color);border-radius:.4rem;flex-direction:column;gap:2.4rem;margin-top:auto;padding-block:2.4rem;padding-inline:2.4rem;display:flex}@media only screen and (min-width:1280px){.ylLopa_threeColumnCard .ylLopa_card .ylLopa_innerCard{padding-block:3.2rem;padding-inline:3.2rem}}.ylLopa_threeColumnCard .ylLopa_card .ylLopa_innerCard a{width:fit-content;color:var(--black);gap:1rem;font-family:segoe-ui,Segoe UI,sans-serif;font-size:1.8rem;font-weight:400;line-height:1.25;text-decoration:underline;display:flex}.ylLopa_threeColumnCard .ylLopa_card .ylLopa_innerCard a:hover{text-decoration:none}}