html{font-size:14px}body{margin:0}html.light body{background-color:#fff}html.dark body{background-color:#000}[hidden]{display:none !important}html.light a[href],html.light a:-webkit-any-link{color:#6e68fb}html.light a[href]:hover,html.light a:-webkit-any-link:hover{color:#9996fa}html.dark a[href],html.dark a:-webkit-any-link{color:#6e68fb}html.dark a[href]:hover,html.dark a:-webkit-any-link:hover{color:#9996fa}.banner{display:flex;flex-direction:row;align-items:center;gap:10px;border-radius:6px;padding:8px;margin-bottom:24px}html.light .banner-success{color:#059669;background-color:#d1fae5}html.light .banner-info{color:#0284c7;background-color:#e0f2fe}html.light .banner-warning{color:#ea580c;background-color:#ffedd5}html.light .banner-error{color:#e11d48;background-color:#ffe4e6}html.dark .banner-success{color:#059669;background-color:#012d1f}html.dark .banner-info{color:#0284c7;background-color:#012c42}html.dark .banner-warning{color:#ea580c;background-color:#491c04}html.dark .banner-error{color:#e11d48;background-color:#580c1c}.button{font-weight:500;font-size:1rem;text-align:center;letter-spacing:-0.01em;height:48px;border-radius:24px;line-height:48px;cursor:pointer}.button.primary{margin-top:30px;transition-duration:200ms;transition-timing-function:ease;transition-property:background-color}html.light .button.primary{color:#fff;background-color:#6e68fb}html.light .button.primary:hover{background-color:#9996fa}html.light .button.primary:disabled{background-color:#c4b5fd}html.dark .button.primary{color:#e8e8e8;background-color:#6e68fb}html.dark .button.primary:hover{background-color:#9996fa}html.dark .button.primary:disabled{background-color:#2e2b6c}.button.primary:disabled{cursor:default}.button.primary svg{vertical-align:middle;margin-right:8px}.button.danger{transition-duration:200ms;transition-timing-function:ease;transition-property:background-color}html.light .button.danger{color:#e11d48;background-color:#ffe4e6}html.dark .button.danger{color:#e11d48;background-color:#580c1c}input.button,button.button{outline:none;border:none}a.button{text-decoration:none}@font-face{font-family:"EudoxusSans";font-weight:200;font-variant:normal;src:url(../font/EudoxusSans-ExtraLight.ttf) format("truetype"),url(../font/EudoxusSans-ExtraLight.woff) format("woff"),url(../font/EudoxusSans-ExtraLight.woff2) format("woff2")}@font-face{font-family:"EudoxusSans";font-weight:300;font-variant:normal;src:url(../font/EudoxusSans-Light.ttf) format("truetype"),url(../font/EudoxusSans-Light.woff) format("woff"),url(../font/EudoxusSans-Light.woff2) format("woff2")}@font-face{font-family:"EudoxusSans";font-weight:400;font-variant:normal;src:url(../font/EudoxusSans-Regular.ttf) format("truetype"),url(../font/EudoxusSans-Regular.woff) format("woff"),url(../font/EudoxusSans-Regular.woff2) format("woff2")}@font-face{font-family:"EudoxusSans";font-weight:500;font-variant:normal;src:url(../font/EudoxusSans-Medium.ttf) format("truetype"),url(../font/EudoxusSans-Medium.woff) format("woff"),url(../font/EudoxusSans-Medium.woff2) format("woff2")}@font-face{font-family:"EudoxusSans";font-weight:700;font-variant:normal;src:url(../font/EudoxusSans-Bold.ttf) format("truetype"),url(../font/EudoxusSans-Bold.woff) format("woff"),url(../font/EudoxusSans-Bold.woff2) format("woff2")}@font-face{font-family:"EudoxusSans";font-weight:800;font-variant:normal;src:url(../font/EudoxusSans-ExtraBold.ttf) format("truetype"),url(../font/EudoxusSans-ExtraBold.woff) format("woff"),url(../font/EudoxusSans-ExtraBold.woff2) format("woff2")}html{font-family:"EudoxusSans",sans-serif}.form-page{margin:8px 14px;display:grid;align-items:center;overflow:hidden}@media(min-width: 1024px){.form-page{grid-template-columns:1fr 1fr;gap:64px;flex-direction:row;min-height:100vh;margin:0}}.form-page main{align-self:stretch}@media(min-width: 1024px){.form-page main{padding:24px;align-self:inherit;width:calc(50vw - 48px)}}.form-page main .form-container{max-width:calc(100vw - 28px)}.form-page main .form-container form{display:flex;flex-direction:column;justify-items:stretch;width:100%;max-width:500px;margin:0 auto}@media(min-width: 1536px){.form-page main .form-container form{margin:0;float:right;padding-right:20%}}.form-page main .form-container form .logo{height:32px;margin-top:15px;margin-bottom:54px;align-self:baseline;aspect-ratio:177/50;background-size:contain}html.light .form-page main .form-container form .logo{background-image:url(https://static-assets.vinlivt.de/logo/b2c/light@1x.png)}html.dark .form-page main .form-container form .logo{background-image:url(https://static-assets.vinlivt.de/logo/b2c/dark@1x.png)}@media(min-width: 1024px){.form-page main .form-container form .logo{height:46px}}.form-page main .form-container form .form-field{position:relative;display:flex;flex-direction:column;justify-items:stretch;margin-bottom:24px}.form-page main .form-container form .form-field.checkbox{flex-direction:row}.form-page main .form-container form .form-field.checkbox label{margin-bottom:0;margin-left:8px}.form-page main .form-container form .form-field.option{flex-direction:row;align-items:center}.form-page main .form-container form .form-field.option input{position:absolute;z-index:-1;opacity:0}.form-page main .form-container form .form-field.option input+label{display:flex;flex-direction:row;gap:10px;align-items:center;font-size:1.14rem;padding:8px 0;font-weight:400;margin:0 10px 0 4px}.form-page main .form-container form .form-field.option input+label .option-indicator{width:26px;height:26px;border-width:1px;border-style:solid;border-radius:13px}html.light .form-page main .form-container form .form-field.option input+label .option-indicator{border-color:#e8e8e8}html.dark .form-page main .form-container form .form-field.option input+label .option-indicator{border-color:#e8e8e8}.form-page main .form-container form .form-field.option input:checked+label .option-indicator:before{content:"";display:block;margin:3px;width:20px;height:20px;border-radius:11.5px}html.light .form-page main .form-container form .form-field.option input:checked+label .option-indicator:before{background-color:#6e68fb}html.dark .form-page main .form-container form .form-field.option input:checked+label .option-indicator:before{background-color:#6e68fb}.form-page main .form-container form .form-field.phone-number{display:grid;grid-template-columns:85px auto;grid-template-rows:auto auto;grid-template-areas:"label label" "prefix input"}.form-page main .form-container form .form-field.phone-number label{grid-area:label}.form-page main .form-container form .form-field.phone-number .phone-number-prefix{grid-area:prefix;display:flex;flex-direction:row;align-items:center;border-width:1px;border-style:solid;border-right:none;padding:6px 14px;border-top-left-radius:12px;border-bottom-left-radius:12px;position:relative}html.light .form-page main .form-container form .form-field.phone-number .phone-number-prefix{background-color:#c4b5fd;border-color:#d4dae3}html.light .form-page main .form-container form .form-field.phone-number .phone-number-prefix span{color:#000}html.dark .form-page main .form-container form .form-field.phone-number .phone-number-prefix{background-color:#5e5abd;border-color:#515457}html.dark .form-page main .form-container form .form-field.phone-number .phone-number-prefix span{color:#e8e8e8}.form-page main .form-container form .form-field.phone-number .phone-number-prefix span{height:20px;text-align:center;width:100%}.form-page main .form-container form .form-field.phone-number .phone-number-prefix select{position:absolute;inset:0;opacity:0;cursor:pointer}.form-page main .form-container form .form-field.phone-number input{grid-area:input;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.form-page main .form-container form .form-field label{display:block;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:-0.01em;margin-bottom:5px}html.light .form-page main .form-container form .form-field label{color:#000}html.dark .form-page main .form-container form .form-field label{color:#fff}html.light .form-page main .form-container form .form-field input{accent-color:#6e68fb}html.dark .form-page main .form-container form .form-field input{accent-color:#6e68fb}.form-page main .form-container form .form-field input:not([type=checkbox]):not([type=radio]){border-width:1px;border-style:solid;border-radius:12px;padding:16px 24px;line-height:1.4;transition:200ms ease border;font-size:1.1rem}html.light .form-page main .form-container form .form-field input:not([type=checkbox]):not([type=radio]){background-color:#fff;border-color:#d4dae3;color:#000}html.dark .form-page main .form-container form .form-field input:not([type=checkbox]):not([type=radio]){background-color:#000;border-color:#515457;color:#fff}.form-page main .form-container form .form-field input:not([type=checkbox]):not([type=radio]):focus{outline:none}html.light .form-page main .form-container form .form-field input:not([type=checkbox]):not([type=radio]):focus{border-color:#a8a8a8}html.dark .form-page main .form-container form .form-field input:not([type=checkbox]):not([type=radio]):focus{border-color:#707070}.form-page main .form-container form .form-field input+.password-show-hide>*{display:inline-block;position:absolute;right:1px;bottom:1px;padding:16px 24px;cursor:pointer}.form-page main .form-container form .form-field input+.password-show-hide>*,.form-page main .form-container form .form-field input+.password-show-hide>*>svg{width:21px;height:21px}html.light .form-page main .form-container form .form-field input+.password-show-hide>*:nth-child(1){color:#6e68fb}html.light .form-page main .form-container form .form-field input+.password-show-hide>*:nth-child(2){color:#666}html.dark .form-page main .form-container form .form-field input+.password-show-hide>*:nth-child(1){color:#6e68fb}html.dark .form-page main .form-container form .form-field input+.password-show-hide>*:nth-child(2){color:#666}.form-page main .form-container form .form-field input[type=password]+.password-show-hide>:nth-child(1){display:none}.form-page main .form-container form .form-field input[type=text]+.password-show-hide>:nth-child(2){display:none}.form-page main .form-container form .form-row{display:flex;flex-direction:column;width:100%}@media(min-width: 640px){.form-page main .form-container form .form-row{flex-direction:row;gap:12px}}.form-page main .form-container form .form-row>*{flex-grow:1}.form-page main .form-container form .extra-buttons{display:flex;flex-direction:column;align-self:stretch;margin-top:16px;gap:16px}@media(min-width: 1024px){.form-page main .form-container form .extra-buttons{flex-direction:row}.form-page main .form-container form .extra-buttons>*{width:100%}}.form-page main .form-container form .extra-buttons .button{position:relative;transition:background-color,color 200ms ease-in-out}html.light .form-page main .form-container form .extra-buttons .button{color:#6e68fb}html.dark .form-page main .form-container form .extra-buttons .button{color:#6e68fb}.form-page main .form-container form .extra-buttons .button:before{position:absolute;content:"";inset:0;border-width:1px;border-style:solid;border-radius:24px}html.light .form-page main .form-container form .extra-buttons .button:before{border-color:#6e68fb}html.dark .form-page main .form-container form .extra-buttons .button:before{border-color:#6e68fb}html.light .form-page main .form-container form .extra-buttons .button:hover{background-color:#6e68fb;color:#fff}html.dark .form-page main .form-container form .extra-buttons .button:hover{background-color:#6e68fb;color:#e8e8e8}.form-page main .password-requirements{display:flex;flex-direction:column;margin:24px 0}@media(min-width: 640px){.form-page main .password-requirements{flex-direction:row;gap:16px}}.form-page main .password-requirements>div{flex-grow:1;margin:0;padding:0;display:flex;flex-direction:column}.form-page main .password-requirements>div span{display:grid;grid-template-columns:24px auto;gap:6px;width:100%;align-items:center;font-style:normal;font-weight:500;font-size:14px;margin:3px 0}html.light .form-page main .password-requirements>div span{color:#e11d48}html.dark .form-page main .password-requirements>div span{color:#e11d48}.form-page main .password-requirements>div span:before{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMjEuOTE2QzE2Ljk3MDYgMjEuOTE2IDIxIDE3Ljg4NjYgMjEgMTIuOTE2QzIxIDcuOTQ1NDUgMTYuOTcwNiAzLjkxNjAyIDEyIDMuOTE2MDJDNy4wMjk0NCAzLjkxNjAyIDMgNy45NDU0NSAzIDEyLjkxNkMzIDE3Ljg4NjYgNy4wMjk0NCAyMS45MTYgMTIgMjEuOTE2WiIgZmlsbD0iI0RDMjYyNiIgc3Ryb2tlPSIjREMyNjI2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xNSA5LjkxNjAyTDkgMTUuOTE2IE05IDkuOTE2MDJMMTUgMTUuOTE2IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPgo=);width:24px;height:24px}html.light .form-page main .password-requirements>div span[data-valid]{color:#059669}html.dark .form-page main .password-requirements>div span[data-valid]{color:#059669}.form-page main .password-requirements>div span[data-valid]:before{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMjEuOTE2QzE2Ljk3MDYgMjEuOTE2IDIxIDE3Ljg4NjYgMjEgMTIuOTE2QzIxIDcuOTQ1NDUgMTYuOTcwNiAzLjkxNjAyIDEyIDMuOTE2MDJDNy4wMjk0NCAzLjkxNjAyIDMgNy45NDU0NSAzIDEyLjkxNkMzIDE3Ljg4NjYgNy4wMjk0NCAyMS45MTYgMTIgMjEuOTE2WiIgZmlsbD0iIzEwQjk4MSIgc3Ryb2tlPSIjMTBCOTgxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTE1IDEwLjkxNkwxMSAxNC45MTZMOSAxMi45MTYiIHN0cm9rZT0iI0YzRjJGRiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4K)}.form-page .form-graphic{display:none;object-fit:cover;object-position:top;max-width:40%;height:inherit;max-height:60vh;margin:0 auto}@media(min-width: 1024px){.form-page .form-graphic{display:block}}@media(min-width: 1536px){.form-page .form-graphic{margin:0 !important;padding-left:20%}}@media(min-width: 1280px){.form-page .form-graphic{max-height:80vh;object-fit:contain;margin:0 auto}}