html,body{height:100%}body{font-family:Roboto,sans-serif;margin:0;padding:0;background-color:var(--color-neutral-100, #F9F9F9);text-align:center;color:var(--color-text, #2C2E2F);overflow:hidden}h1{font-size:25px;color:var(--color-text, #2C2E2F)}#flex-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}#centered-container{display:flex}#code-container{display:flex;align-items:center;justify-content:center;margin:160px 50px;width:370px}#description-container{z-index:-1;display:flex;margin-left:50px}#description-container img{border:1px solid var(--color-border, #DEDEDE)}#code-container button{font-family:inherit;font-size:18px;font-weight:500;line-height:1.4;color:var(--color-text-inverse, #FFFFFF);background:var(--color-neutral-400, #CED4DA);width:100%;padding:12px 16px;border:none;border-radius:var(--radius-md, 6px);cursor:pointer}#code-container button.btn-primary{color:var(--color-btn-primary-label, #FFFFFF);background-color:var(--color-btn-primary, #315600)}#code-container button:hover{filter:brightness(.95)}#code-container button:focus-visible{outline:2px solid var(--color-focus-ring, #2181E0);outline-offset:2px}#code-container button:disabled{color:var(--color-neutral-500, #8B929E);background:var(--color-neutral-300, #DEDEDE);cursor:not-allowed;filter:none}#input-list{display:flex;flex-wrap:nowrap;justify-content:center;padding:19px 0}#input-list input{border:none;border-bottom:1px solid;border-color:var(--color-border-input, #8B929E);background-color:var(--color-neutral-100, #F9F9F9);height:40px;font-family:inherit;font-size:36px;text-align:center;margin:0 7px;padding:0;width:34px;min-width:0;flex:0 1 34px;border-radius:0}#input-list input:focus{outline:none;border-color:var(--color-focus-ring, #2181E0)}.powered-by{margin:25px 0 10px;font-weight:400;font-size:14px;color:var(--color-neutral-700, #4D525C)}.privacy-imprint-container a,.privacy-imprint-container span,.mobile-user-qrcode-info{font-size:12px;color:var(--color-neutral-500, #8B929E)}.powered-by img{margin-top:10px;vertical-align:middle;height:21px}.mobile-user-help{display:none;font-size:12px;color:var(--color-link, #0C5EB0);cursor:pointer}.mobile-user-qrcode-info{display:none;text-align:center;padding-top:10px}.language-select{display:flex;justify-content:flex-end;padding:16px 0;margin:0 auto;max-width:942px}.language-select select{font-family:inherit;font-size:14px;color:var(--color-text, #2C2E2F);background-color:var(--color-bg-surface, #FFFFFF);padding:6px 10px;border:1px solid var(--color-border-input, #8B929E);border-radius:var(--radius-md, 6px);cursor:pointer}.language-select select:focus-visible{outline:2px solid var(--color-focus-ring, #2181E0);outline-offset:1px}.alert{width:100%;margin-bottom:0}.btn:disabled{opacity:1}@media(max-width:950px){#description-container{display:none}#code-container{padding:0;margin:0 auto 160px}.mobile-user-help,.mobile-user-qrcode-info{display:block}.language-select{max-width:370px}.footer-links{position:fixed;bottom:0;width:370px;padding-bottom:10px}}@media(max-width:410px){#code-container,.footer-links{width:340px}.language-select{max-width:340px}#input-list input{margin:0 5px}}@media(max-width:330px){#code-container,.footer-links{width:300px}.language-select{max-width:300px}#input-list input{margin:0 3px}}