html,:host{--vaadin-app-layout-drawer-width: 280px}.link-in-text{margin-left:5px;margin-right:5px}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}[slot=drawer]{background-image:linear-gradient(0deg,var(--lumo-shade-5pct),var(--lumo-shade-5pct))}[slot=drawer] nav a{text-decoration:none;transition:color .14s}[slot=drawer] nav a .la{margin-top:calc(var(--lumo-space-xs) * .5)}[slot=drawer] nav a:before{border-radius:var(--lumo-border-radius);bottom:calc(var(--lumo-space-xs) * .5);content:"";left:0;position:absolute;right:0;top:calc(var(--lumo-space-xs) * .5);transition:background-color .14s}[slot=drawer] nav a[highlight]{color:var(--lumo-primary-text-color)}[slot=drawer] nav a[highlight]:before{background-color:var(--lumo-primary-color-10pct)}[slot=drawer] footer vaadin-context-menu{align-items:center;display:flex}.form-item-total+label{font-weight:bolder}.form-item-indent1+label{padding-left:20px}.form-item-indent2+label{padding-left:40px}.block{flex:1 1 33%;min-width:200px;color:red}.responsivelayout{flex-wrap:wrap;align-content:flex-start}.registrationField{width:318px}@media screen and (max-width:1360px){.responsivelayout .block{flex:1 1 50%}}@media screen and (max-width:1255px){.responsivelayout .block{flex:1 1 100%}}@media screen and (max-width:550px){.registrationField{width:100%}}span.textWithButton{display:inline-flex;align-items:center;padding-right:4px}.loginButton,.registerButton{background-color:green}.realisatie{color:gray}.realisatie a{color:gray;text-decoration:underline}.labelComponent label{padding-right:5px}.person-form-view{display:block;margin:0 auto;padding:0 var(--lumo-space-l)}.person-form-view .button-layout{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-m)}html{--lumo-tint-5pct: rgba(244, 238, 225, .05);--lumo-tint-10pct: rgba(244, 238, 225, .1);--lumo-tint-20pct: rgba(244, 238, 225, .2);--lumo-tint-30pct: rgba(244, 238, 225, .3);--lumo-tint-40pct: rgba(244, 238, 225, .4);--lumo-tint-50pct: rgba(244, 238, 225, .5);--lumo-tint-60pct: rgba(244, 238, 225, .6);--lumo-tint-70pct: rgba(244, 238, 225, .7);--lumo-tint-80pct: rgba(244, 238, 225, .8);--lumo-tint-90pct: rgba(244, 238, 225, .9);--lumo-shade-5pct: rgba(44, 38, 22, .05);--lumo-shade-10pct: rgba(44, 38, 22, .1);--lumo-shade-20pct: rgba(44, 38, 22, .2);--lumo-shade-30pct: rgba(44, 38, 22, .3);--lumo-shade-40pct: rgba(44, 38, 22, .4);--lumo-shade-50pct: rgba(44, 38, 22, .5);--lumo-shade-60pct: rgba(44, 38, 22, .6);--lumo-shade-70pct: rgba(44, 38, 22, .7);--lumo-shade-80pct: rgba(44, 38, 22, .8);--lumo-shade-90pct: rgba(44, 38, 22, .9);--lumo-primary-text-color: rgb(216, 171, 65);--lumo-primary-color-50pct: rgba(216, 171, 65, .5);--lumo-primary-color-10pct: rgba(216, 171, 65, .1);--lumo-error-text-color: rgb(237, 127, 151);--lumo-error-color-50pct: rgba(237, 127, 151, .5);--lumo-error-color-10pct: rgba(237, 127, 151, .1);--lumo-success-text-color: rgb(84, 222, 110);--lumo-success-color-50pct: rgba(84, 222, 110, .5);--lumo-success-color-10pct: rgba(84, 222, 110, .1);--lumo-tint: #f4eee1;--lumo-shade: hsl(42, 33%, 13%);--lumo-primary-color: #d8ab41;--lumo-error-color: #ED7F97;--lumo-success-color: #54DE6E;--lumo-header-text-color: #b7830b}