.bb-portal{background:#f2f5f1;color:#203c34}.bb-portal main.container{max-width:1200px}.bb-portal h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:750;letter-spacing:-.035em;margin:1.5rem 0 1rem}.bb-portal h2.h4,.bb-portal h2.h5{font-size:1.2rem;letter-spacing:-.015em}.bb-portal .card{background:#fff;border:1px solid #dce5de;border-radius:16px;box-shadow:0 4px 18px #173d3606;overflow:visible}.bb-portal .btn{border-radius:9px;font-weight:600;white-space:normal}.bb-portal .btn-primary{background:#23624d;border-color:#23624d}.bb-portal .btn-outline-primary{color:#23624d;border-color:#9ebbac}.bb-portal .btn-outline-primary:hover{background:#23624d;color:white}.bb-portal a{color:#23624d}.bb-portal-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px;background:#173e35;border-radius:14px}.bb-portal-nav a{color:#e9f4ed!important;text-decoration:none;padding:10px 14px;border-radius:9px;font-size:.92rem}.bb-portal-nav a[aria-current]{background:#dcebc3;color:#173e35!important;font-weight:700}.bb-portal-home{font-weight:750;margin-right:auto}.bb-portal-subnav{display:flex;flex-wrap:wrap;gap:6px;padding:14px 0;border-bottom:1px solid #dce5de;margin-bottom:24px}.bb-portal-subnav a{padding:7px 11px;text-decoration:none;border-radius:8px;font-size:.9rem}.bb-portal-subnav a[aria-current],.bb-portal-subnav a:hover{background:#e0eae2}.bb-menu-group{margin:28px 0}.bb-menu-group>h2{font-size:1.3rem;letter-spacing:-.02em;margin-bottom:16px}.bb-portal details{border:1px solid #dce5de;border-radius:10px;padding:12px 16px;background:#fafcf9}.bb-portal summary{font-weight:650;cursor:pointer;padding:4px 0}.bb-portal details[open]>summary{margin-bottom:14px}.bb-portal input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.bb-portal select{max-width:100%;border:1px solid #b8c9be;border-radius:8px;padding:8px;background:white;color:#203c34}.bb-portal form{max-width:100%;overflow-wrap:anywhere}.bb-portal table{display:block;max-width:100%;overflow:auto}.bb-confirm-dialog{width:min(560px,calc(100% - 24px));max-height:85dvh;overflow:auto;border:0;border-radius:18px;padding:0;color:#203c34;box-shadow:0 24px 90px #0005}.bb-confirm-dialog::backdrop{background:#0b211bb3}.bb-confirm-dialog .card{border:0;margin:0!important;padding:28px!important;box-shadow:none}.bb-status{padding:14px 18px;border-left:4px solid #578267;border-radius:8px;background:#e8f0e8}.bb-portal :focus-visible{outline:3px solid #82a858;outline-offset:3px}@media(max-width:600px){.bb-portal main.container{padding-inline:16px}.bb-portal-nav{gap:3px}.bb-portal-home{flex-basis:100%}.bb-portal-nav a{padding:9px;font-size:.86rem}.bb-portal .card{padding:18px!important}.bb-portal form button{margin-top:6px}.bb-portal-subnav{gap:2px}.bb-portal-subnav a{font-size:.84rem}.bb-confirm-dialog .card{padding:20px!important}}
/* A single sidebar replaces the stacked navigation bars. */
.bb-portal main.container{position:relative;max-width:1380px;padding-left:280px;min-height:80vh}.bb-portal-nav{position:absolute;left:16px;top:0;width:235px;display:block;padding:20px 14px;background:#173d36;border-radius:18px}.bb-portal-nav .bb-portal-home{display:block;padding:10px;font-size:1rem;margin:0 0 16px}.bb-nav-sections section{margin:18px 0}.bb-nav-sections h2{font-size:.7rem!important;letter-spacing:.1em!important;text-transform:uppercase;color:#b5c9bd;font-weight:600;margin:0 10px 7px}.bb-nav-sections a{display:block;font-size:.88rem;padding:8px 10px}.bb-nav-toggle{display:none}.bb-menu-group .card{box-shadow:none!important;border:1px solid #dde5df!important}.bb-menu-group .card h2{font-size:1.1rem}.bb-menu-group .card p{font-size:.93rem;line-height:1.6;color:#61746a}.bb-menu-group .card .btn{border:0;background:#eef4ed;text-align:left}.bb-portal main>h1{margin-top:0}.bb-load-status{color:#5c7065;font-size:.9rem;padding:8px 0}.bb-portal main>p:has(>a:only-child){font-size:.85rem}.bb-portal form.my-2{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #edf1ed;padding:10px 0}.bb-portal form.my-2 button{margin-left:auto}.bb-portal .card.p-3{padding:24px!important}
@media(max-width:1050px){.bb-portal main.container{padding-left:16px}.bb-portal-nav{position:static;width:100%;margin-bottom:24px;padding:12px 16px;display:flex;justify-content:space-between}.bb-portal-nav .bb-portal-home{flex-basis:auto;margin:0;padding:8px 0}.bb-nav-toggle{display:block;background:transparent;color:#edf5ee;border:1px solid #ffffff50;border-radius:8px;padding:8px 10px;font-size:.85rem}.bb-nav-sections{display:none;flex-basis:100%}.bb-portal-nav.is-open .bb-nav-sections{display:block}.bb-portal .card.p-3{padding:18px!important}}

body.bb-portal{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.5;background:#f6f7f8;color:#283631}
body.bb-portal main.container{max-width:1220px;padding-left:244px;margin-top:28px!important}
body.bb-portal h1{font-size:28px;line-height:1.25;font-weight:650;letter-spacing:-.7px;margin:8px 0 12px}
body.bb-portal h2,body.bb-portal h2.h4,body.bb-portal h2.h5{font-size:16px;line-height:1.4;font-weight:650;letter-spacing:-.2px}
body.bb-portal h3,body.bb-portal h3.h5{font-size:14px;font-weight:600;letter-spacing:0}
body.bb-portal p{font-size:14px;line-height:1.55;margin-bottom:12px}body.bb-portal main>p{color:#65726b}
body.bb-portal .card,body.bb-portal .card.p-3{border-radius:9px;border-color:#e1e6e3;box-shadow:none;padding:18px!important}
body.bb-portal .btn{font-size:13px;line-height:1.4;padding:7px 12px;border-radius:6px;font-weight:550;min-height:32px}
body.bb-portal .btn-sm{font-size:12px;padding:5px 10px;min-height:30px}
body.bb-portal .btn-outline-danger{border-color:transparent;background:transparent;color:#a74747}body.bb-portal .btn-outline-danger:hover{background:#fff0ef;border-color:#efcfcd}
body.bb-portal .bb-portal-nav{width:205px;border-radius:10px;padding:12px 10px;background:#fff;border:1px solid #e1e6e3}
body.bb-portal .bb-portal-nav a{color:#53635b!important;font-size:13px;line-height:1.35;padding:6px 9px;border-radius:5px;font-weight:450}
body.bb-portal .bb-portal-nav a[aria-current]{color:#174f3c!important;background:#eaf2ed;font-weight:650}
body.bb-portal .bb-portal-nav .bb-portal-home{font-size:14px;font-weight:650;padding:8px 9px;margin:0}
body.bb-portal .bb-nav-sections section{margin:16px 0 0}body.bb-portal .bb-nav-sections h2{font-size:10px!important;color:#8a958f;letter-spacing:.08em!important;margin:0 9px 5px}
body.bb-portal .bb-status,body.bb-portal .alert[role=status]{padding:5px 0;border:0;border-radius:0;background:transparent;color:#738279;font-size:12px;box-shadow:none;margin-bottom:12px}
.bb-person-row{display:flex;gap:10px;align-items:center;min-height:49px;border-bottom:1px solid #edf0ee;padding:7px 0}.bb-person-name{display:flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere;margin-right:auto}.bb-person-row>span:not(.bb-person-name){margin-right:auto}.bb-person-avatar{display:inline-grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:8px;background:#eef2ef;color:#62776b;font-size:12px;font-weight:600}.bb-count{font-size:11px;font-weight:500;color:#728178;margin-left:7px;padding:2px 6px;background:#eff3f0;border-radius:5px}
body.bb-portal .bb-friends-page>section.card{max-width:850px}.bb-friends-page h2.mt-3{border-top:1px solid #edf0ee;padding-top:14px;margin-top:18px!important}.bb-friends-page form:not(.bb-person-row){display:flex;gap:10px;align-items:end;flex-wrap:wrap}.bb-friends-page form label{display:grid;gap:5px;font-size:12px;color:#67766d}
body.bb-portal input:not([type=hidden]):not([type=checkbox]):not([type=radio]),body.bb-portal select{font-size:13px;padding:7px 9px;border-radius:6px}body.bb-portal details{padding:9px 12px;border-radius:7px}body.bb-portal summary{font-size:13px;font-weight:550}
@media(max-width:1050px){body.bb-portal main.container{padding-left:16px;margin-top:18px!important}body.bb-portal .bb-portal-nav{width:100%;margin-bottom:20px}body.bb-portal .bb-nav-toggle{color:#325642;border-color:#c9d5cd;font-size:12px;padding:6px 10px}}@media(max-width:600px){body.bb-portal h1{font-size:24px}.bb-person-row{min-height:50px}.bb-friends-page form label{max-width:100%}}

/* Gemeinsame kompakte Formularregeln */
body.bb-portal input[type=checkbox]{appearance:auto!important;width:17px!important;height:17px!important;min-width:17px;padding:0!important;margin:0 9px 0 0!important;accent-color:#22634f;vertical-align:middle;cursor:pointer}
body.bb-portal .bb-setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0!important;min-height:40px;margin:0!important;border-bottom:1px solid #e8eeeb}
body.bb-portal .bb-setting-label{display:flex;align-items:center;flex:1;margin:0;cursor:pointer;color:#202d29;font-size:14px;font-weight:400}
body.bb-portal .bb-setting-row [hidden]{display:none!important}
body.bb-portal .bb-save-status{font-size:12px;color:#35614e;max-width:45%;line-height:1.4}
body.bb-portal details>summary{font-size:14px;padding:10px 0;font-weight:600}
body.bb-portal details{padding:0 12px!important;border-radius:6px!important}
body.bb-portal label:has(input[type=checkbox]){line-height:1.5;color:#202d29}
body.bb-portal .bb-region-actions{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px}

body.bb-portal .bb-setting-label{min-width:0;white-space:normal;overflow-wrap:anywhere} @media(max-width:600px){body.bb-portal .bb-setting-row{flex-wrap:wrap}body.bb-portal .bb-save-status{max-width:100%;flex-basis:100%;padding-left:26px}}