.CardProductList{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;max-width:var(--max-content-breakout-width);padding-left:var(--content-padding);padding-right:var(--content-padding);position:relative;z-index:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.CardProductList.CardProductList--with-background{background-color:var(--color-background-base)}@media (max-width:767px){.CardProductList.CardProductList--with-background .ctas{display:none}.CardProductList.CardProductList--with-background .list:has(.card-holder:nth-child(3))~.ctas{display:block}}@media (min-width:768px){.CardProductList.CardProductList--with-background .ctas{display:none}.CardProductList.CardProductList--with-background .list:has(.card-holder:nth-child(5))~.ctas{display:block}}@media (min-width:1920px){.CardProductList.CardProductList--with-background{padding-left:calc(var(--content-padding)*2);padding-right:calc(var(--content-padding)*2)}}.CardProductList.CardProductList--with-background>.content{padding-bottom:160px;padding-top:160px}.CardProductList.CardProductList--with-background>.content .copytext,.CardProductList.CardProductList--with-background>.content .headline{color:var(--color-text-base-inverted)}.CardProductList.CardProductList--with-background>.content>.list>.card-holder:nth-child(n+3){display:none;opacity:0;-webkit-transition:opacity 1.6s;transition:opacity 1.6s}@media (min-width:768px){.CardProductList.CardProductList--with-background>.content>.list>.card-holder:nth-child(n+3){display:block;opacity:1}.CardProductList.CardProductList--with-background>.content>.list>.card-holder:nth-child(n+5){display:none;opacity:0;-webkit-transition:opacity 1.6s;transition:opacity 1.6s}}@media (max-width:767px){.CardProductList.CardProductList--alternative .ctas{display:none}.CardProductList.CardProductList--alternative .list:has(.card-holder:nth-child(3))~.ctas{display:block}}@media (min-width:992px){.CardProductList.CardProductList--alternative .ctas{display:none}.CardProductList.CardProductList--alternative .list:has(.card-holder:nth-child(4))~.ctas{display:block}}@media (min-width:992px){.CardProductList.CardProductList--alternative>.content>.list>.card-holder{grid-column-end:span 4;grid-column-end:0;grid-column-start:0}}.CardProductList.CardProductList--alternative>.content>.list>.card-holder:nth-child(n+3){display:none;opacity:0;-webkit-transition:opacity 1.6s;transition:opacity 1.6s}@media (min-width:992px){.CardProductList.CardProductList--alternative>.content>.list>.card-holder:nth-child(n+3){display:block;opacity:1}.CardProductList.CardProductList--alternative>.content>.list>.card-holder:nth-child(n+4){display:none;opacity:0;-webkit-transition:opacity 1.6s;transition:opacity 1.6s}}.CardProductList>.content>.intro{margin-bottom:56px}.CardProductList>.content>.list{display:grid;grid-auto-flow:row;grid-template-columns:repeat(12,1fr);grid-column-gap:var(--grid-gutter);grid-row-gap:0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;row-gap:var(--gap-xxlarge)}@media (min-width:768px){.CardProductList>.content>.list{row-gap:var(--gap-xxxlarge)}}.CardProductList>.content>.list>.card-holder{grid-column-end:span 12;grid-column-end:0;grid-column-start:0}@media (min-width:768px){.CardProductList>.content>.list>.card-holder{grid-column-end:span 6;grid-column-end:0;grid-column-start:0;height:100%}}@media (min-width:992px){.CardProductList>.content>.list>.card-holder{grid-column-end:span 3;grid-column-end:0;grid-column-start:0}}.CardProductList>.content>.list.show-all>.card-holder{display:block!important;opacity:1!important}.CardProductList>.content .ctas{padding-top:40px}@media (min-width:768px){.CardProductList>.content .ctas{padding-top:56px;text-align:right}}.ModuleContainer.u-backgroundElement+.ModuleContainer:has(.u-backgroundElement) .CardProductList>.content{padding-top:0}.ModuleContainer:has(.u-backgroundElement)+.ModuleContainer.u-backgroundElement .CardProductList>.content{padding-top:0}.ModuleContainer:has(.u-backgroundElement)+.ModuleContainer:has(.u-backgroundElement) .CardProductList>.content{padding-top:0}.ModuleContainer.u-backgroundElement+.ModuleContainer.u-backgroundElement .CardProductList>.content{padding-top:0}.ModuleContainer:has(.CardProductList--with-background)+.ModuleContainer--no-gap:has(.CardProductList--with-background) .CardProductList>.content{padding-top:0}