:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:3.2em;line-height:1.1}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: #242529;--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: #242529;--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: #c0c0c1}}body{background:#242529;color:#c0c0c1}#app{display:grid;grid-template-columns:1fr;margin:34px auto 0;padding:0 12px;max-width:1000px}a,.green{transition:.4s;text-decoration:none}.text-error{color:#a54f90;color:#91eb1d;color:#65a513}input:focus,textarea:focus{outline:1px solid #787878}.form-input.input-error,.form-control .block input.input-error{outline:1px solid #91eb1d}main{margin:auto;border-bottom:1px solid #3e3e3e}h1,h2,h3{margin:0;color:#fff;font-weight:400;text-transform:uppercase}h1{padding-bottom:4px;font-size:27px}.pageheader{display:flex;position:fixed;justify-content:space-between;z-index:100;border-bottom:1px solid #3e3e3e;background:#242529;width:976px}.pagebody.me,.pagebody.create,.pagebody.family-login,.pagebody.index,.pagebody.manage{padding-top:46px;padding-bottom:22px;height:calc(100vh - 180px);overflow-x:hidden;overflow-y:scroll}.pagebody.motu,.pagebody.manage-invites{padding-top:46px;height:calc(100vh - 180px);overflow-y:scroll}.pagebody{padding-top:70px;height:calc(100vh - 180px);overflow-y:scroll}.pagebody.manage{display:flex;flex-direction:column}.pagebody.manage .manage-invites-table{display:block;width:1000px;height:calc(100vh - 548px);overflow-y:scroll}.pagebody.motu{display:flex;flex-direction:column}.pagebody.motu .motu-family-table{display:block;width:1000px;height:calc(100vh - 446px);overflow-y:scroll}.pagebody.index{padding-bottom:50px;font-size:18px}.pagebody h2{font-size:22px}.center{display:block;margin:auto;padding:0 0 3rem;width:100%;max-width:700px}.flex{display:flex}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-20{gap:20px}.index-container-column{display:flex;font-size:20px}.left_column,.right_column{flex:1}.card-title{margin:0;font-size:27px}.avatar{margin-top:10px;margin-bottom:10px;border:1px solid #3e3e3e;border-radius:50%;width:80px;height:80px;overflow:hidden}.avatar img{width:100%;height:100%}ul.family-options{display:grid;grid-template-columns:1fr;gap:20px;padding:0;list-style:none}ul.family-options li{cursor:pointer;margin:0;border:1px solid #3e3f42;border-radius:10px;background-image:url(pfeilRight.svg);background-position:center right;background-repeat:no-repeat;padding:20px;list-style:none}ul.family-options li:hover{border:1px solid #fff;background-image:url(pfeilRightactive.svg)}ul.family-options li span.familyname{font-size:20px;text-transform:uppercase}ul.family-options li span{display:block}ul.family-options li button{width:200px}ul.family-options li span.role:first-letter,.table-role span{text-transform:capitalize}.card-actions{padding:10px 0}.block,.editmode.profil .card-body{display:grid;grid-template-rows:50px;grid-template-columns:200px 1fr;align-items:center}.pagebody.manage .bottomtoolbar .form-control{position:absolute;right:0;border:none}.pagebody.manage .bottomtoolbar .block{display:grid;grid-template-rows:32px;grid-template-columns:2fr 40px;align-items:center}.pagebody.manage .bottomtoolbar .control{top:-3px;right:29px;left:unset}.viewmode.profil .card-body{display:grid;grid-template-columns:200px 1fr;align-items:center;border-bottom:1px solid #3e3e3e}.viewmode.profil .card-body input{margin-bottom:0}.pagebody.manage .toptoolbar,.pagebody.manage .bottomtoolbar{display:flex;padding:8px 0 4px}.pagebody.manage .toptoolbar{justify-content:space-between;border-bottom:1px solid #3e3f42;padding-left:2px}.pagebody.manage .bottomtoolbar{position:relative;justify-content:center;gap:8px}.pagebody.manage .toptoolbar .blaettern{display:flex;gap:8px}.pagebody.manage .bottomtoolbar .blaettern{display:flex;justify-content:space-between;gap:8px}.pagebody.manage .bottomtoolbar .blaettern .p-paginator-pages{display:flex;gap:8px}.pagebody.manage .bottomtoolbar .blaettern .p-paginator-pages button{background:transparent;text-align:center}.pagebody.manage .bottomtoolbar .blaettern select{margin-right:8px;padding-right:30px;width:auto}.form-control{position:relative;border-bottom:1px solid #3e3e3e}.pagebody.motu .p-datatable-table-container .pagebody.motu .p-datatable-table-container .form-control{position:relative;border-bottom:0}.pagebody.motu .p-datatable-table-container td:first-child:hover,.pagebody.motu .p-datatable-table-container td:nth-child(2):hover{cursor:pointer}.pagebody.motu .p-datatable-table-container td:first-child:hover,.pagebody.motu .p-datatable-table-container td:nth-child(2):hover{cursor:pointer;background:#313235!important;height:31px}.pagebody.motu .p-datatable-table-container .form-control input{margin-bottom:0;margin-left:1px}.p-datatable-column-header-content{gap:0!important}.form-control .block input{border-bottom:1px solid #3e3e3e}.form-control label.label{position:absolute;top:12px;right:10px}.form-control .label{text-align:right}.form-control .label span{display:block}.form-checkbox{all:unset;display:flex;appearance:auto;margin:0;border-radius:var(--_bdrs, .2em);padding:0;width:10px}.control{position:absolute;top:8px;left:200px;cursor:pointer}.control input{position:absolute;top:1px;left:1px;opacity:0;z-index:-1;width:28px;height:28px}.control_indicator{position:absolute;top:2px;left:0;box-shadow:0 1px #ffffff47,inset 0 1px #0000008c;border:0px solid #000000;border-radius:2px;background:#2c3033;background-image:linear-gradient(to bottom,#33363b,#2b2e31);width:30px;height:30px}.control:hover input~.control_indicator,.control input:focus~.control_indicator{background:#393e41}.control input:checked~.control_indicator{background:#983eba}.control:hover input:not([disabled]):checked~.control_indicator,.control input:checked:focus~.control_indicator{background:#862aa8}.control input:disabled~.control_indicator{opacity:1;box-shadow:none;background:#2c3033;pointer-events:none}.control_indicator:after{display:none;position:absolute;box-sizing:unset;content:""}.control input:checked~.control_indicator:after{display:block}.copied .control_indicator:after,.control-checkbox .control_indicator:after,.control_indicator:after{top:4px;left:10px;transform:rotate(45deg);border:solid #ffffff;border-width:0 3px 3px 0;width:7px;height:16px}.control-checkbox input:disabled~.control_indicator:after{border-color:#cdcdcd}.card-actions{text-align:right}.message-error[data-v-21a9b133]{border:0!important;border-left:1px solid red!important;border-radius:0!important;background:#ff000038}.message-success[data-v-21a9b133]{border:0!important;border-left:1px solid #00ff14!important;border-radius:0!important;background:#00ff141c}.message-container p[data-v-21a9b133],p[data-v-b5bad8cc]{margin:0;color:#c0c0c1!important}.message-container button.close-btn{position:absolute;top:10px;right:10px;background-image:url(cancel.svg);background-position:center;background-repeat:no-repeat}.message-container button.close-btn:hover{background-image:url(cancelactive.svg)}select,input,textarea,button,.button{appearance:none;cursor:pointer;box-sizing:border-box;margin-bottom:6px;border:0;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;padding:0 10px;min-width:43px;height:31px;font-size:15px;font-family:Open Sans,Sans Serif;text-align:left}select,input,textarea{width:calc(100% - 2px)}input,textarea{box-shadow:0 1px #ffffff47,inset 0 1px #0000008c;background-image:linear-gradient(to bottom,#33363b,#2b2e31);color:#aeb1b7}input.search{background-image:url(search.svg),linear-gradient(to bottom,#33363b,#2b2e31);background-position:center left;padding-top:0;padding-left:33px;max-width:400px}input.search:hover,input.search:focus{background-image:url(searchactive.svg),linear-gradient(to bottom,#33363b,#2b2e31)}textarea{cursor:auto;padding-top:7px;min-height:50px}select,button,.button{box-shadow:0 1px 4px #00000080,inset 0 0 0 1px #ffffff1a;border-color:#2b2f35;background-image:linear-gradient(to bottom,#33363b,#2b2e31);color:#aeb1b7}select{background-image:url(pfeilDown.svg),linear-gradient(to bottom,#33363b,#2b2e31);background-position:center right}select:hover,select:focus{background-image:url(pfeilDownactive.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.saveButton{margin-left:9px;background-image:url(save.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.saveButton:hover{background-image:url(saveactive.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.saveButton.changed{background-image:url(saveactive.svg),linear-gradient(to bottom,#91eb1d,#4ca800)}button.saveButton.changed:hover{background-image:url(saveactive.svg),linear-gradient(to bottom,#91eb1d 0% 100%)}.saveButton.invalid{background-image:url(saveactive.svg),linear-gradient(to bottom,#91eb1d,#4ca800)}button.cancelButton{background-image:url(cancel.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.cancelButton:hover{background-image:url(cancelactive.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.editButton{background-image:url(edit.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.editButton:hover{background-image:url(editactive.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.previous{background-image:url(go_left.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.previous:hover{background-image:url(go_leftactive.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.next{background-image:url(go_right.svg),linear-gradient(to bottom,#33363b,#2b2e31)}button.next:hover{background-image:url(go_rightactive.svg),linear-gradient(to bottom,#33363b,#2b2e31)}.p-datatable-tbody>tr>td:first-child,.p-datatable-header-cell:first-child{padding-left:0!important}p-datatable-header-cell:last-child,.p-datatable-tbody>tr>th:last-child,.p-datatable-tbody>tr>td:last-child,.p-datatable-header-cell:last-child{padding-right:0!important;text-align:right!important}.p-datatable-header-cell:last-child .p-datatable-column-header-content{display:inline-flex;padding-right:10px}.p-datatable-tbody>tr>td,.p-datatable-header-cell{border-bottom:1px solid #3e3f42!important;background:#242529!important;padding:6px 4px!important;color:#b1b1b1!important;font-weight:400!important}.p-button-icon-only.p-button-rounded,.delete{box-shadow:none;border:0;background-image:url(delete.svg),linear-gradient(to bottom,#242529 0% 100%)}.delete:hover,.p-button:not(:disabled):hover,.p-button-danger:not(:disabled):hover{box-shadow:none;border:0!important;background-image:url(deleteactive.svg),linear-gradient(to bottom,#242529 0% 100%)!important}.p-confirmpopup{border:1px solid #3e3f42!important;background:#33363b!important;color:#fff!important}.p-confirmpopup:before,.p-confirmpopup:after{border-bottom-color:#3e3f42!important}.p-confirmpopup-footer .delete:hover,.p-confirmpopup-footer .p-button:not(:disabled):hover,.p-confirmpopup-footer .p-button-danger:not(:disabled):hover{border:1px solid #ffffff70!important;background-image:none!important}.p-button-outlined.p-button-secondary{border:1px solid #3e3f42!important;color:#aeb1b7!important}.p-button-outlined.p-button-secondary:hover{border:1px solid red!important;background:#33363b!important;color:#fff!important}.deleteButtonContainer{text-align:right}.p-confirmpopup-footer .button:not(:disabled):hover{box-shadow:none;border:0!important;background-image:none!important}.p-datatable-tbody>tr>td select{margin-bottom:0;width:100px}.p-datatable-tbody>tr>td[data-p-cell-editing=true] div{margin:0!important;padding:0!important}.table-name span,.table-email span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-datatable-paginator-bottom{border-bottom:0!important}.p-paginator{background:#242529!important}.p-paginator-page,.p-paginator-next,.p-paginator-last,.p-paginator-first,.p-paginator-prev{border:0!important;color:#c0c0c1!important}.p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,.p-paginator-first:not(.p-disabled):hover,.p-paginator-prev:not(.p-disabled):hover,.p-paginator-next:not(.p-disabled):hover,.p-paginator-last:not(.p-disabled):hover{background:#3d4046!important;color:#fff!important}.p-paginator-page.p-paginator-page-selected{background:#983dba!important;color:#fff!important}.p-select{border-color:#c0c0c1!important;background:0!important;color:#c0c0c1!important}.p-select{border-color:#3e3f42!important}.p-select:hover{border-color:#525358!important;background-color:#3d4046!important}.p-select:hover .p-select-label{color:#fff!important}.p-select-label{color:#c0c0c1!important}.p-datatable-sort-icon{color:#b1b1b1!important}.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover .p-datatable-sort-icon,.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover .p-datatable-column-title{color:#c1c1c1!important}hanko-login::part(container),hanko-profile::part(container){display:block;margin:auto;background-color:#242529;padding:0;padding:0 0 3rem;width:100%;max-width:initial;max-width:700px}hanko-login::part(container){position:relative;background-color:#242529;padding-top:80px}hanko-login::part(headline1){position:absolute;top:0;left:-150px;z-index:10;margin-bottom:40px;border-bottom:1px solid #3e3e3e;padding-top:4px;padding-bottom:4px;width:1000px;font-size:30px}@media (max-width: 1160px){hanko-login::part(headline1){left:auto;width:100%}}hanko-login::part(headline1),hanko-profile::part(headline1),hanko-login::part(headline2),hanko-profile::part(headline2),hanko-login::part(divider-text),hanko-login::part(secondary-button){color:#fff;font-weight:400;font-size:27px;font-family:open sans;text-transform:uppercase}hanko-login::part(error){appearance:none;border:0;background:#242529;min-width:43px;font-size:15px;font-family:Open Sans,Sans Serif;text-align:left}hanko-login::part(input){appearance:none;cursor:pointer;box-sizing:border-box;margin-bottom:6px;box-shadow:0 1px #ffffff47,inset 0 1px #0000008c;border:0;border-radius:2px;background-image:linear-gradient(to bottom,#33363b,#2b2e31);background-position:center;background-size:contain;background-repeat:no-repeat;padding:0 10px;min-width:43px;height:31px;color:#aeb1b7;font-size:15px;font-family:Open Sans,Sans Serif;text-align:left}hanko-login::part(passcode-input){padding:40px 0;font-size:30px;text-align:center}hanko-login::part(primary-button),hanko-login::part(secondary-button){appearance:none;cursor:pointer;box-sizing:border-box;margin-bottom:6px;box-shadow:0 1px 4px #00000080,inset 0 0 0 1px #ffffff1a;border:0;border-radius:2px;background-image:linear-gradient(to bottom,#33363b,#2b2e31);background-position:center;background-size:contain;background-repeat:no-repeat;padding:0 10px;min-width:43px;height:31px;color:#aeb1b7;font-size:15px;font-family:Open Sans,Sans Serif;text-align:left}hanko-login::part(primary-button){flex-grow:initial;margin-left:auto;width:auto}hanko-login::part(link){color:#cb56f7}hanko-login::part(primary-button):disabled,hanko-login::part(input):disabled,hanko-login::part(input):focus,hanko-login::part(primary-button):hover,hanko-login::part(primary-button):active,hanko-login::part(primary-button):focus,hanko-login::part(secondary-button):hover,hanko-login::part(secondary-button):active,hanko-login::part(secondary-button):focus{border-color:initial;background:linear-gradient(to bottom,#2b2e31 0% 100%);color:#fff}hanko-login::part(paragraph){color:#fff;font-family:Open Sans}hanko-login::part(link):disabled{color:#c00}hanko-login::part(form-item){min-width:100%}.hanko_icon.hanko_secondary,.hanko_loadingSpinnerWrapper .hanko_secondary.hanko_loadingSpinner,.hanko_loadingSpinnerWrapperIcon .hanko_secondary.hanko_loadingSpinner,.hanko_secondary.hanko_exclamationMark,.hanko_secondary.hanko_checkmark{fill:#aeb1b7}hanko-login::part(secondary-button):hover .hanko_icon.hanko_secondary,hanko-login::part(secondary-button):active .hanko_icon.hanko_secondary,hanko-login::part(secondary-button):focus .hanko_icon.hanko_secondary,.hanko_loadingSpinnerWrapper .hanko_secondary.hanko_loadingSpinner:hover,.hanko_loadingSpinnerWrapperIcon .hanko_secondary.hanko_loadingSpinner:hover,.hanko_secondary.hanko_exclamationMark:hover,.hanko_secondary.hanko_checkmark:hover{fill:#fff}hanko-login::part(hanko_icon) .hanko-login::part(hanko_secondary),.hanko_loadingSpinnerWrapper .hanko_secondary.hanko_loadingSpinner,.hanko_loadingSpinnerWrapperIcon .hanko_secondary.hanko_loadingSpinner,.hanko_secondary.hanko_exclamationMark,.hanko_secondary.hanko_checkmark{fill:#fff}.p-toast.p-toast-bottom-center{bottom:50px!important}.product-image{width:100%;margin:20px auto;display:block}.nolicense a{color:#b1b1b1;display:block;margin-top:10px;font-size:20px}.nolicense a:hover{color:#fff}