.login{margin:0 auto;max-width:56.875rem}@media screen and (min-width:768px){.login{display:grid;grid-template-areas:"heading aside" "form aside";grid-template-columns:23.125rem auto}}.login--flex{align-items:center;display:flex;flex-direction:column}.login__heading{grid-area:heading;margin:0 0 1.875rem;text-align:left}.login--flex .login__heading{text-align:center}@media screen and (min-width:768px){.login--flex .login__heading{text-align:left}}.login--flex .login__heading,.login--flex .login__ingress{max-width:var(--max-width-article);text-align:center}.login__heading+.login__ingress{margin-top:-1.25rem}.login__form{grid-area:form;margin:0 auto 3.125rem;max-width:20.625rem}@media screen and (min-width:768px){.login__form{margin:0;width:20.625rem}}.login__aside{background:var(--color-white);border:1px solid var(--color-webshop-medium);border-radius:8px;grid-area:aside;margin:0 auto;max-width:28.125rem;padding:var(--spacing)}@media screen and (min-width:768px){.login__aside{align-self:start;margin:0 0 0 auto;padding:var(--spacing-l)}}.login__aside-heading{margin:0 0 1.25rem}.login__error{margin:0 auto var(--spacing);max-width:37.5rem;width:100%}.login__error ul{list-style:initial;list-style-position:inside}.login__submit-button .btn{width:100%}.login__forgotten-password-link{margin-top:var(--spacing-xs)}.login__link{display:flex;gap:var(--spacing-s);justify-content:center;margin:var(--spacing) 0}