footer{font-size:var(--fs-200);container-type:inline-size;margin-top:clamp(3.75rem,3.4375rem + 1.3021vw,5rem)}@container (width > 1056px){footer .footer-wrapper-top{min-width:27%;position:relative;top:-5rem}}@container (width > 1056px){footer .footer-wrapper-middle{flex:1}}@container (width > 1056px){footer .footer-notice-wrapper{display:flex;justify-content:end}}footer .footer-notice-wrapper .footer-notice{position:relative;border-bottom-right-radius:.66rem;margin-bottom:-2.5rem;padding:1.5rem;background-color:var(--clr-brand-50)}@container (width > 1056px){footer .footer-notice-wrapper .footer-notice{padding:2.5rem;max-width:41.875rem}}footer .footer-notice-wrapper .footer-notice .notice-headline{font-size:var(--fs-600);font-weight:var(--fw-600);line-height:var(--lh-200);color:var(--clr-brand-800)}footer .footer-notice-wrapper .footer-notice .notice-content{padding-top:1rem;color:var(--clr-brand-800);font-size:var(--fs-400);letter-spacing:.01em}footer .footer-notice-wrapper .footer-notice .notice-content ul{list-style:none;margin-top:.66rem}footer .footer-notice-wrapper .footer-notice .notice-content ul li{padding-left:1.5rem;position:relative;font-size:var(--fs-200)}@container (width > 1056px){footer .footer-notice-wrapper .footer-notice .notice-content ul li{font-size:var(--fs-400)}}footer .footer-notice-wrapper .footer-notice .notice-content ul li:before{content:"";position:absolute;width:1rem;height:1rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'/%3E%3Cpolyline points='40 144 96 200 224 72' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'/%3E%3C/svg%3E");background-size:contain;top:.2rem;left:0}footer .footer-notice-wrapper .footer-notice .notice-form{padding:1.5rem 0 0}@container (width > 1056px){footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper{display:flex;align-items:end;gap:1.5rem}}footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper label{font-size:var(--fs-100);margin-bottom:.66rem}footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper .form-element--input{flex-grow:1}footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper .form-element--input input{height:3rem;outline:none!important}footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper .form-element-button{padding-top:2rem}@container (width > 1056px){footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper .form-element-button{padding-top:0}}footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper .form-element-button button{padding:.875rem 1.5rem;height:3rem}footer .footer-notice-wrapper .footer-notice .notice-form .notice-form-wrapper .form-element-button button .button__label{font-weight:var(--fw-600)}footer .footer-dark{background-color:var(--clr-brand-900);color:var(--clr-base-100)}footer .footer-wrapper{padding:5rem 0 2.5rem;display:block;flex-wrap:wrap;justify-content:center;gap:5rem}@container (width > 1056px){footer .footer-wrapper{display:flex;align-items:start;padding-top:9rem}}footer .footer-wrapper .footer-wrapper-middler{flex-grow:1}footer .footer-wrapper .footer-wrapper-bottom{width:100%}footer .logo-container{padding-bottom:2.5rem;display:flex;justify-content:center}footer .logo-container img{width:100%;max-width:10.25rem}footer .impress{display:grid;grid-template-columns:1fr auto;gap:2.5rem}@container (width > 1056px){footer .impress{grid-template-columns:auto;align-items:center;justify-content:center}}footer .impress .contact .address{padding-bottom:.625rem}@container (width > 1056px){footer .impress .contact .address,footer .impress .contact .phone,footer .impress .contact .mail{text-align:center}}footer .impress .contact .phone a:before,footer .impress .contact .mail a:before{bottom:0;opacity:0;transition:opacity .2s ease,transform .2s ease;transform:translateY(1px)}footer .impress .contact .phone a:hover:before,footer .impress .contact .phone a:focus-visible:before,footer .impress .contact .mail a:hover:before,footer .impress .contact .mail a:focus-visible:before{opacity:1;transform:translateY(0)}footer .impress .contact .phone a:after,footer .impress .contact .mail a:after{width:16px;height:16px;font-size:16px;line-height:1;top:calc(50% - .5rem);left:calc(-2ch - 4px);color:var(--clr-base-100)}footer .impress .socials{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;grid-template-rows:min-content}footer .impress .socials .link--social{width:2.5rem;height:2.5rem}footer .impress .socials .link__icon{margin:0;line-height:1;width:1rem}@container (width > 1056px){footer .impress .socials{display:flex;justify-content:center}}footer .links.links--mobile{padding:3rem 0 2.5rem}@container (width > 1056px){footer .links.links--mobile{display:none}}footer .links.links--desktop{display:none;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;padding:3.8rem 0 0}@container (width > 1056px){footer .links.links--desktop{display:flex;justify-content:space-between;gap:3rem}}footer .links.links--desktop .link-group .link-group-title{font-size:var(--fs-500);font-weight:var(--fw-600)}footer .links.links--desktop .link-group .link-group-title:before{content:none}footer .links.links--desktop .link-group .link-group-link-list{padding-top:1.5rem}footer .links.links--desktop .link-group .link-group-link-list a{color:var(--clr-brand-200)}footer .links.links--desktop .link-group .link-group-link-list .link-group-link-item:not(:last-child){padding-bottom:.5rem}footer .links.links--desktop .link-group .link-group-link-list .link-group-link-item:not(:last-child) a{font-weight:var(--fw-400)}footer .bottom-links{display:grid;grid-template-columns:1fr;gap:3rem;border-top:1px solid var(--clr-brand-600);padding:1.33rem 0 0}@container (width > 1056px){footer .bottom-links{grid-template-columns:1fr auto}}footer .bottom-links .copy{font-weight:var(--fw-400);color:var(--clr-brand-200);font-size:var(--fs-100);color:var(--clr-brand-300)}footer .bottom-links .legal-links ul{display:flex;flex-wrap:wrap;gap:1.5rem}footer .bottom-links .legal-links ul li a{font-weight:var(--fw-400);color:var(--clr-brand-200);font-size:var(--fs-100)}
