@layer components.components{[name=Footer]{background-color:var(--dark);border-start-start-radius:1.375rem;border-start-end-radius:1.375rem;color:var(--white);margin-block-start:-1.375rem;padding-block-end:5.5rem;padding-block-start:3.75rem;position:relative}[name=Footer] .footer-inner{display:grid;gap:var(--space-section);grid-template-areas:"brand" "offerings" "more" "legal";grid-template-columns:minmax(0,1fr)}@media screen and (min-width:768px){[name=Footer] .footer-inner{-moz-column-gap:var(--space-md);column-gap:var(--space-md);grid-template-areas:"brand offerings more legal";grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));row-gap:var(--space-section)}}[name=Footer] .brand{grid-area:brand}[name=Footer] .menu-offerings{grid-area:offerings}[name=Footer] .menu-more{grid-area:more}[name=Footer] .menu-legal{grid-area:legal}[name=Footer] .brand{display:flex;flex-direction:column;gap:var(--space-md)}[name=Footer] .teaser{color:var(--white);font-size:var(--font-base);line-height:1.5;margin:0;max-inline-size:28ch}[name=Footer] .socials{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}[name=Footer] .socials .item{display:inline-flex;list-style:none}[name=Footer] .icon-wrapper{align-items:center;block-size:2.25rem;border:1px solid var(--white);border-radius:.625rem;color:var(--white);display:inline-flex;inline-size:2.25rem;justify-content:center;text-decoration:none;transition:background-color var(--transition-speed) ease-in-out,color var(--transition-speed) ease-in-out}[name=Footer] .icon-wrapper svg{block-size:1rem;inline-size:1rem}[name=Footer] .icon-wrapper:hover,[name=Footer] .icon-wrapper:focus-visible{background-color:var(--white);color:var(--dark)}[name=Footer] .icon-wrapper:focus-visible{outline:.125rem dotted var(--white);outline-offset:.1875rem}[name=Footer] .menu-headline{color:var(--white);display:block;font-size:var(--font-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin-block-end:var(--space-1);text-transform:uppercase}[name=Footer] .menu{display:flex;flex-direction:column;gap:.25rem;margin:0;padding:0}[name=Footer] .menu .item{list-style:none}[name=Footer] .menu a{color:var(--white);display:inline-block;font-size:var(--font-base);line-height:1.5;text-decoration:none;transition:opacity var(--transition-speed) ease-in-out}[name=Footer] .menu a:hover{opacity:.7}[name=Footer] .menu a:focus-visible{outline:.125rem dotted var(--white);outline-offset:.1875rem}[name=Footer] .menu a[aria-current=page]{text-decoration:underline;text-underline-offset:.25rem}}