@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap);figure{align-items:center;background-color:var(--background-light);display:flex;justify-content:center;margin:0;overflow:hidden}figure img{height:100%;object-fit:cover;width:100%}figure.figure-location-icon,figure.figure-person-icon{border-radius:50%;box-sizing:border-box}figure.figure-location-icon:not(.no-image),figure.figure-person-icon:not(.no-image){border:2px solid #96cb9e}figure.figure-location-icon:not(.no-image) img,figure.figure-person-icon:not(.no-image) img{border-radius:50%;height:100%;width:100%}figure.figure-location-icon.no-image,figure.figure-person-icon.no-image{border:2px solid #96cb9e;display:flex}figure.figure-location-icon svg,figure.figure-person-icon svg{fill:#e88d8d}figure.figure-location-icon svg{fill:#96cb9e;height:50%;width:auto}figure.figure-person-icon svg{height:auto;width:75%}figure.figure-person-icon.no-image{align-items:flex-end;border:2px solid #e88d8d}figure.figure-border-spot svg{fill:#e88d8d}figure.figure-border-spot:not(.no-image){border:2px solid #e88d8d}figure.figure-white-with-shadow{border-radius:50%;box-shadow:0 0 4px #0003;box-sizing:border-box}figure.figure-white-with-shadow:not(.no-image){border:4px solid #fff}figure.figure-white-with-shadow:not(.no-image) img{border-radius:50%;height:100%;width:100%}figure.figure-white-with-shadow.no-image{border:4px solid #fff}figure.figure-border-none{border-width:0!important}figure.figure-border-success{border:2px solid #96cb9e!important}figure.figure-border-success svg{fill:#96cb9e}figure.figure-border-success:not(.no-image){border:2px solid #96cb9e}.action-menu{background:#fff;border-radius:5px;box-shadow:0 2px 10px 0 #00000008;list-style:none;margin:0;min-width:180px;padding:5px 0}.action-menu a,.action-menu button{align-items:center;color:var(--text);display:flex;font-size:12px;font-weight:400;line-height:14px;padding:12px 20px 11px;text-align:left}.action-menu a svg,.action-menu button svg{height:14px;margin-right:10px;width:auto}.action-menu a:hover,.action-menu button:hover{background:#f4faf5;text-decoration:none}.action-menu button{box-sizing:border-box;width:100%}.main-menu{list-style:none}.main-menu li{background:#fef9f9;border-radius:5px}.main-menu a{align-items:center;border-radius:5px;color:#23272a;display:flex;flex-direction:row;font-size:14px;gap:10px;line-height:20px;min-width:280px;padding:15px;text-decoration:none;transition:background-color .3s}@media only screen and (max-width:767px){.main-menu a{min-width:auto}}.main-menu a svg{fill:#e88d8d;height:auto;margin-right:10px;width:20px}.main-menu a:hover{background-color:#e88d8d}.main-menu a:hover,.main-menu a:hover em{color:#fff}.main-menu a:hover svg{fill:#fff}.dropdown-menu{background:#fafcfa;border-radius:5px;box-shadow:0 2px 10px 0 #00000008}.dropdown-menu .main-menu{grid-row-gap:10px;grid-column-gap:20px;background-color:#fff;border-radius:0 0 5px 5px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;margin:0;padding:20px;row-gap:10px}.menu-header{align-items:center;display:flex;font-size:14px;gap:20px;line-height:21px;padding:20px 30px}.menu-header figure{height:40px;min-width:40px;width:40px}.menu-header strong{display:block;font-size:16px}nav{-webkit-user-select:none;user-select:none}@media only screen and (max-width:767px){nav{height:80px}}nav .inner{align-items:center;display:flex;gap:16px;height:100%;margin:0;max-width:none;padding:0 35px;position:relative;transition:height .25s;width:100%}@media only screen and (max-width:767px){nav .inner{height:80px;min-height:0!important;min-height:auto!important;padding:0 20px}}nav .inner .spacer{flex-grow:1}nav .inner h2.logo{margin:0}nav .inner h2.logo a{align-items:center;display:flex;gap:15px}nav .inner h2.logo a svg{display:block;width:auto}nav .inner h2.logo a svg.familienet{height:25px}nav .inner h2.logo a svg.familynet{height:32px;top:2px}nav .inner h2.logo a svg.jaar-20,nav .inner h2.logo a svg.year-20{height:45px}@media only screen and (max-width:767px){nav .inner h2.logo a svg.familienet{height:22px}nav .inner h2.logo a svg.familynet{height:25px}nav .inner h2.logo a svg.jaar-20,nav .inner h2.logo a svg.year-20{height:36px}}nav .menu button,nav .role{align-items:center;background:#96cb9e1a;box-sizing:border-box;color:#96cb9e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:var(--nav-height);padding:0 25px}nav .menu button figure,nav .role figure{background-color:#dbeddb;height:40px;margin-right:20px;min-width:40px;width:40px}nav .menu button figure.no-image,nav .role figure.no-image{background:#fff;border-color:#dbeddb}nav .menu button svg,nav .role svg{fill:#96cb9ecc;width:30px}nav .menu button svg.chevron,nav .role svg.chevron{height:8px;margin-right:15px;transform:rotate(.5turn);width:15px}nav .menu button:hover,nav .role:hover{background:#96cb9e33;text-decoration:none}nav .menu button>svg:last-child,nav .role>svg:last-child{margin-left:20px}@media only screen and (max-width:767px){nav .menu button .text-overflow,nav .role .text-overflow{white-space:inherit!important}}nav .role{line-height:16px;margin:0 auto 0 0}nav .role figure{margin-right:10px}@media only screen and (max-width:767px){nav .role{margin:0 0 0 auto}}nav .menu button{font-weight:700;padding-left:40px}@media only screen and (max-width:1023px){nav .menu button{padding-left:20px}nav .menu button span{display:none}}nav .dropdown-menu{position:absolute;right:15px;top:calc(var(--nav-height) + 20px)}@media(max-width:992px){nav .dropdown-menu{right:15px;top:80px}}@media only screen and (max-width:767px){nav .dropdown-menu{left:auto;margin:0;right:5px;top:calc(100% + 5px)}}nav .logo+.menu{margin-left:auto}@media only screen and (max-width:767px){nav .menu button,nav .role{height:80px}}.btn.notifications{border-radius:25px;border-radius:50%;display:flex;height:50px;padding-left:16px;padding-right:16px;position:relative;width:50px}.btn.notifications svg{height:25px;margin:auto;max-width:none;width:25px}.btn.notifications svg:first-child{margin:auto}.btn.notifications .badge{border:2px solid #fff;position:absolute;right:-7px;top:-7px}@keyframes bellshake{0%{transform:rotate(0)}1%{transform:rotate(5deg)}3%{transform:rotate(-5deg)}4%{transform:rotate(4deg)}6%{transform:rotate(-4deg)}7%{transform:rotate(2deg)}8%{transform:rotate(-2deg)}9%{transform:rotate(1deg)}10%,to{transform:rotate(0)}}.notifications.unread svg,.notifications:hover svg{animation:bellshake 5s cubic-bezier(.36,.07,.19,.97) both;backface-visibility:hidden;transform-origin:top right}.notifications.unread svg{animation-iteration-count:infinite}.loading-ripple{height:80px;position:relative;width:80px}.loading-ripple div{animation:ripple 2s cubic-bezier(0,.2,.8,1) infinite;border:4px solid #e88d8d54;border-radius:50%;display:block;opacity:1;position:absolute}.loading-ripple div+div{animation-delay:-1s}.loading-ripple.loading-ripple-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes ripple{0%{height:0;left:36px;opacity:0;top:36px;width:0}3%{height:0;left:36px;opacity:1;top:36px;width:0}97%{height:72px;left:0;opacity:0;top:0;width:72px}to{height:72px;left:0;opacity:0;top:0;width:72px}}.loading-spinner{box-shadow:inset 0 0 0 1em;color:#e0e0e0;display:block;font-size:11px;height:10em;margin:55px auto;position:relative;text-indent:-99999em;transform:translateZ(0);width:10em}.loading-spinner,.loading-spinner:after,.loading-spinner:before{border-radius:50%}.loading-spinner:after,.loading-spinner:before{content:"";position:absolute}.loading-spinner:before{animation:loading-spinner-animation 2s ease 1.5s infinite;border-radius:10.2em 0 0 10.2em;left:-.1em;transform-origin:5.2em 5.1em}.loading-spinner:after,.loading-spinner:before{background:#eee;height:10.2em;top:-.1em;width:5.2em}.loading-spinner:after{animation:loading-spinner-animation 2s ease infinite;border-radius:0 10.2em 10.2em 0;left:5.1em;transform-origin:0 5.1em}.loading-spinner.on-white:after,.loading-spinner.on-white:before{background:#fff}.loading-spinner.on-light:after,.loading-spinner.on-light:before{background:var(--background-light)}.loading-spinner.on-action:after,.loading-spinner.on-action:before,.loading-spinner.on-brand:after,.loading-spinner.on-brand:before,.loading-spinner.on-success:after,.loading-spinner.on-success:before{background:#96cb9e}.loading-spinner.loading-spinner-small{box-shadow:inset 0 0 0 3px;display:inline-block;height:18px;margin:0 0 0 6px;top:-1px;vertical-align:text-bottom;width:18px}.loading-spinner.loading-spinner-small:before{border-radius:9px 0 0 9px;height:18px;left:0;top:0;transform-origin:9px 9px;width:9px}.loading-spinner.loading-spinner-small:after{border-radius:0 18px 18px 0;height:18px;left:9px;top:0;transform-origin:0 9px;width:9px}button .loading-spinner{margin-left:0;margin-right:8px}@keyframes loading-spinner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-page{align-items:center;display:flex;flex-direction:column;flex-grow:1;height:100%;justify-content:center;min-height:calc(100vh - var(--nav-height)*2 - var(--main-padding));width:100%}.loading-page,.loading-page a{color:#e88d8d}@keyframes logobg{0%{opacity:1}50%{opacity:.7}to{opacity:1}}main:has(.loading-page){margin-top:0!important;padding-top:0!important}.loading-page:has(.loading-logo){justify-content:normal}.loading-logo{margin-top:384px}.loading-logo svg{height:auto;width:96px}.loading-logo svg .background{animation:logobg 1s ease-in-out infinite}@media only screen and (max-width:767px){.loading-logo{margin-top:404px}}.loading-icon{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:40px}.loading-icon svg{fill:var(--spot);height:auto;width:40%}.loading-icon .loading-ring{animation:ring 1s linear infinite;border:2px solid var(--spot);border-bottom:2px solid #0000;border-radius:80px;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.splash-page{align-items:center;background-color:var(--spot);display:flex;flex-direction:column;flex-grow:1;height:100vh;justify-content:center;min-height:calc(100vh - var(--nav-height)*2 - var(--main-padding));width:100%}.splash-page svg{height:auto;margin-bottom:30px;width:128px}body:has(.splash-page){background:var(--spot)}:root{--nav-height:90px;--nav-mobile-height:80px;--nav-menu-height:90px;--main-padding:40px;--gap:30px;--gap-mobile:15px;--brand:#96cb9e;--brand-rgb:150,203,158;--spot:#e88d8d;--spot-rgb:232,141,141;--family:#0090cf;--family-rgb:0,145,245;--spot-darker:#c06f6f;--text:#23272a;--text-lighter:#a1aab0;--toastify-color-success:var(--brand);--toastify-icon-color-success:var(--brand);--background-light:#fbf5f9}body{-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:#f2f9f3;color:#23272a;color:var(--text);font-size:16px;line-height:26px;margin:0;padding:0;scroll-behavior:smooth}body,button,input,select,textarea{font-family:Rubik,sans-serif}input,select,textarea{font-size:16px!important}input::placeholder,select::placeholder,textarea::placeholder{font-size:14px}body,html{box-sizing:border-box;height:100%;overflow-x:hidden}button,html,html a,input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{padding-top:90px}nav{background:#fff;box-shadow:0 0 15px 3px #00000008;height:90px;height:var(--nav-height);left:0;position:fixed;right:0;top:0;width:100%;z-index:1}.wrapper{background-image:url(/static/media/scribble.b6ae4a3a747da37b2e0a.svg);background-position:center -90px;background-repeat:repeat-x;display:flex;flex-direction:column}@media only screen and (max-width:767px){.wrapper{display:block}.wrapper nav.topbar{height:auto;padding-top:var(--safe-area-inset-top);position:relative;z-index:auto}.wrapper nav.tabbar{bottom:0;padding-bottom:calc(var(--safe-area-inset-bottom) - 20px);position:fixed}}main{margin:0 auto;max-width:1060px;padding-bottom:40px;padding-bottom:var(--main-padding);padding-top:90px;padding-top:var(--nav-height);position:relative;width:calc(100vw - 80px);width:calc(100vw - var(--main-padding)*2)}main .inner{min-height:calc(100vh - 220px);min-height:calc(100vh - var(--nav-height)*2 - var(--main-padding))}@media only screen and (max-width:767px){main{margin-left:15px;margin-left:var(--gap-mobile);margin-right:15px;margin-right:var(--gap-mobile);padding-bottom:90px;padding-bottom:var(--nav-menu-height);padding-top:15px;padding-top:var(--gap-mobile);width:auto}main .inner{min-height:0;min-height:auto}}label[for]{cursor:pointer;-webkit-user-select:none;user-select:none}dialog:modal{border:none;border-radius:5px;margin:0;max-height:none;max-width:none;overflow:visible;overflow:initial;padding:0}dialog::backdrop{background:#96cb9e80;background:rgba(var(--brand-rgb),.5)}