.catalog-teaser{--hb-catalog-bg-start:#fffdfa;--hb-catalog-bg-end:#f7f3ee;--hb-catalog-primary:#144e9e;--hb-catalog-primary-hover:#0f3d7d;--hb-catalog-accent:#c88434;--hb-catalog-title:#665f59;--hb-catalog-text:#7a726a;--hb-catalog-focus:#c88434;--hb-catalog-container-width:87.5rem;--hb-catalog-content-width:56.25rem;--hb-catalog-text-width:47.5rem;--hb-catalog-inline-space:clamp(1.25rem,4vw,4rem);--hb-catalog-block-space-top:clamp(0.75rem,2vw,1.5rem);--hb-catalog-block-space-bottom:clamp(4rem,7vw,7rem);--hb-catalog-radius-pill:999rem;--hb-catalog-transition:color 200ms ease,background-color 200ms ease,border-color 200ms ease,box-shadow 200ms ease,transform 200ms ease;position:relative;isolation:isolate;width:100%;max-width:100%;padding:var(--hb-catalog-block-space-top) var(--hb-catalog-inline-space) var(--hb-catalog-block-space-bottom);overflow:hidden;background:linear-gradient( 180deg,var(--hb-catalog-bg-start) 0%,var(--hb-catalog-bg-end) 100% )} .catalog-teaser,.catalog-teaser *,.catalog-teaser *::before,.catalog-teaser *::after{box-sizing:border-box} .catalog-teaser img,.catalog-teaser svg{display:block;max-width:100%} .catalog-teaser a{-webkit-tap-highlight-color:transparent} .catalog-teaser__inner{display:grid;width:100%;max-width:var(--hb-catalog-container-width);margin-inline:auto;justify-items:center;gap:clamp(1.5rem,4vw,2.5rem);text-align:center} .catalog-teaser__image{width:min(100%,var(--hb-catalog-content-width));height:auto} .catalog-teaser__content{width:100%;max-width:var(--hb-catalog-text-width)} .catalog-teaser__title{margin:0;color:var(--hb-catalog-title);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400;line-height:1.15;letter-spacing:-0.025em;overflow-wrap:break-word;text-wrap:balance} .catalog-teaser__text{margin:1.25rem auto 0;color:var(--hb-catalog-text);font-size:clamp(1rem,2vw,1.18rem);line-height:1.7;overflow-wrap:break-word} .catalog-teaser__cta{display:inline-flex;width:fit-content;max-width:100%;min-height:3.4375rem;margin-top:1.8rem;padding:0.375rem 0.4375rem 0.375rem 1.375rem;align-items:center;justify-content:center;gap:0.75rem;color:#ffffff;font-size:1rem;font-weight:500;line-height:1.2;text-align:center;text-decoration:none;background:var(--hb-catalog-primary);border:0.0625rem solid var(--hb-catalog-primary);border-radius:var(--hb-catalog-radius-pill);box-shadow:0 0.5rem 1.375rem rgb(20 78 158 / 14%);transition:var(--hb-catalog-transition)} .catalog-teaser__cta-text{min-width:0;overflow-wrap:break-word} .catalog-teaser__cta-icon{display:inline-flex;width:2.625rem;height:2.625rem;flex:0 0 2.625rem;align-items:center;justify-content:center;color:var(--hb-catalog-primary);background:#ffffff;border:0.0625rem solid rgb(255 255 255 / 75%);border-radius:50%;box-shadow:0 0.25rem 0.75rem rgb(5 33 72 / 16%);transition:var(--hb-catalog-transition)} .catalog-teaser__cta-icon svg{width:1.125rem;height:1.125rem;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .catalog-teaser__cta:hover{color:#ffffff;text-decoration:none;background:var(--hb-catalog-primary-hover);border-color:var(--hb-catalog-primary-hover);box-shadow:0 0.625rem 1.625rem rgb(20 78 158 / 20%)} .catalog-teaser__cta:hover .catalog-teaser__cta-icon{color:var(--hb-catalog-primary-hover);transform:translateY(0.14rem)} .catalog-teaser__cta:focus-visible{color:#ffffff;outline:0.1875rem solid var(--hb-catalog-focus);outline-offset:0.25rem} @media (max-width:34rem){.catalog-teaser__cta{width:100%} .catalog-teaser__cta-text{flex:1 1 auto}} @media (prefers-reduced-motion:reduce){.catalog-teaser *,.catalog-teaser *::before,.catalog-teaser *::after{scroll-behavior:auto !important;transition-duration:0.001ms !important;animation-duration:0.001ms !important;animation-iteration-count:1 !important} .catalog-teaser__cta:hover .catalog-teaser__cta-icon{transform:none}} [data-contrast="high"] .catalog-teaser{--hb-catalog-bg-start:#000000;--hb-catalog-bg-end:#000000;--hb-catalog-primary:#ffffff;--hb-catalog-primary-hover:#ffffff;--hb-catalog-accent:#ffffff;--hb-catalog-title:#ffffff;--hb-catalog-text:#ffffff;--hb-catalog-focus:#ffffff} [data-contrast="high"] .catalog-teaser__cta{color:#000000;background:#ffffff;border-color:#ffffff} [data-font-size="large"] .catalog-teaser{font-size:1.125rem}