.handicap-page{
    width:100%;
    padding-top:0!important;
    font-family:Arial,Helvetica,sans-serif;
}
.handicap-header-wrap{
    display:flex;
    justify-content:center;
    width:100%;
    margin:0 auto 28px;
}
.handicap-header-image{
    display:block;
    width:min(100%,var(--anbita-content-header-width,1200px));
    height:auto;
    object-fit:contain;
}


@media(min-width:621px){
    .handicap-page .handicap-header-wrap{
        margin:0 auto!important;
    }
    .handicap-page .handicap-header-wrap + .handicap-app{
        margin-top:32px!important;
    }
}

/* Chatraumnamen: im hellen Modus schwarz, im Dark Mode weiß. */
.handicap-room strong{
    color:#000!important;
}
html.dark-mode .handicap-room strong,
body.dark-mode .handicap-room strong{
    color:#fff!important;
}

/* Diktieren und Sprachnachricht mit eindeutigem Ein-/Aus-Zustand. */
.handicap-dictate-button,
.handicap-record-button{
    position:relative;
    transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.handicap-dictate-button.is-active,
.handicap-record-button.is-active,
.handicap-recording{
    background:#d7192d!important;
    color:#fff!important;
    border-color:#d7192d!important;
    box-shadow:0 0 0 4px rgba(215,25,45,.22),0 0 16px rgba(215,25,45,.38);
    transform:scale(1.05);
}
.handicap-dictate-button.is-active::after,
.handicap-record-button.is-active::after,
.handicap-recording::after{
    content:'';
    position:absolute;
    right:2px;
    top:2px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 0 2px rgba(215,25,45,.7);
}
html.dark-mode .handicap-dictate-button.is-active,
html.dark-mode .handicap-record-button.is-active,
body.dark-mode .handicap-dictate-button.is-active,
body.dark-mode .handicap-record-button.is-active{
    background:#ff334a!important;
    border-color:#ff6b78!important;
    box-shadow:0 0 0 4px rgba(255,107,120,.26),0 0 18px rgba(255,51,74,.5);
}
.handicap-entry-card{
    max-width:620px;
    margin:18px auto;
    padding:20px;
    border:1px solid #c8d3e6;
    border-radius:16px;
    background:#fff;
}
.handicap-entry-card h2{margin:0 0 10px;}
.handicap-entry-actions{display:flex;gap:10px;flex-wrap:wrap;}
.handicap-button,
.handicap-small-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto;
    min-height:40px;
    padding:9px 16px;
    border:1px solid #174ea6;
    border-radius:9px;
    background:#1f5bd8;
    color:#fff!important;
    text-decoration:none;
    font-weight:700;
}
.handicap-button-secondary{background:#fff;color:#174ea6!important;}
.handicap-consent{display:flex;gap:9px;align-items:flex-start;margin:16px 0;}

/* PC, Laptop und Tablet: Chat und Headerbild besitzen dieselbe Gesamtbreite. */
.handicap-app{
    display:grid;
    grid-template-columns:minmax(230px,280px) minmax(0,1fr);
    width:min(100%,var(--anbita-content-header-width,1200px));
    max-width:var(--anbita-content-header-width,1200px);
    height:clamp(620px,calc(100dvh - 250px),800px);
    min-height:620px;
    margin:0 auto;
    border:1px solid #c8d3e6;
    border-radius:16px;
    overflow:hidden;
    background:#fff;
    color:#18263d;
    box-shadow:0 8px 26px rgba(34,55,86,.10);
}
.handicap-sidebar{
    min-width:0;
    border-right:1px solid #d8dfeb;
    background:#f6f8fc;
    padding:12px;
    overflow:hidden;
}
.handicap-sidebar-head,
.handicap-chat-head{display:flex;align-items:center;gap:10px;}
.handicap-sidebar-head{justify-content:space-between;margin-bottom:10px;}
.handicap-room-list{
    display:flex;
    flex-direction:column;
    gap:6px;
    max-height:calc(100% - 92px);
    overflow:auto;
    scrollbar-gutter:stable;
}
.handicap-room{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:9px;
    align-items:center;
    width:100%;
    padding:7px;
    border:1px solid transparent;
    border-radius:12px;
    background:transparent;
    color:#18263d;
    text-align:left;
    cursor:pointer;
}
.handicap-room:hover,
.handicap-room:focus-visible,
.handicap-room.is-active{border-color:#d7192d;background:#fff;outline:none;}
.handicap-room img,
.handicap-current-room-image,
.handicap-avatar{
    width:44px;
    height:44px;
    border-radius:50%;
    object-fit:cover;
    background:#dce4f1;
}
.handicap-room small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.handicap-chat{
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto auto;
    min-width:0;
    min-height:0;
    background:#fff;
}
.handicap-chat-head{
    padding:11px 14px;
    border-bottom:1px solid #d8dfeb;
    background:#fff;
}
.handicap-chat-head>div{min-width:0;flex:1;}
.handicap-chat-head span{display:block;font-size:13px;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.handicap-icon-button,
.handicap-send{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:1px solid #b9c5d8;
    border-radius:50%;
    background:#fff;
    color:#18263d;
    font-size:19px;
    cursor:pointer;
}
.handicap-icon-button:focus-visible,
.handicap-send:focus-visible,
.handicap-attach:focus-within,
.handicap-composer textarea:focus-visible{
    outline:3px solid rgba(31,91,216,.28);
    outline-offset:2px;
}
.handicap-messages{
    min-height:0;
    padding:16px;
    overflow:auto;
    overscroll-behavior:contain;
    background:#eef3f8;
    scrollbar-gutter:stable;
}
.handicap-message{display:flex;gap:8px;align-items:flex-end;margin:0 0 12px;}
.handicap-message.is-own{flex-direction:row-reverse;}
.handicap-bubble{
    max-width:min(76%,680px);
    padding:9px 11px;
    border-radius:14px;
    background:#fff;
    color:#18263d;
    box-shadow:0 1px 2px rgba(0,0,0,.08);
    overflow-wrap:anywhere;
}
.handicap-message.is-own .handicap-bubble{background:#d8f7c8;}
.handicap-bubble strong{display:block;font-size:13px;}
.handicap-bubble time{display:block;text-align:right;font-size:11px;opacity:.65;margin-top:4px;}
.handicap-bubble a{color:#124ca3;text-decoration:underline;}
.handicap-bubble img,
.handicap-bubble video{display:block;max-width:100%;max-height:420px;border-radius:10px;}
.handicap-bubble audio{max-width:100%;}

/* Zweizeilig auf PC/Tablet, danach automatische Vergrößerung nach oben. */
.handicap-composer{
    position:relative;
    z-index:3;
    display:flex;
    align-items:flex-end;
    gap:7px;
    padding:10px;
    border-top:1px solid #d8dfeb;
    background:#fff;
}
.handicap-composer textarea{
    box-sizing:border-box;
    flex:1;
    width:100%;
    min-width:0;
    min-height:66px;
    height:66px;
    max-height:220px;
    padding:10px 12px;
    border:1px solid #b9c5d8;
    border-radius:16px;
    resize:none;
    overflow-y:hidden;
    background:#fff;
    color:#18263d;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    line-height:22px;
    caret-color:#18263d;
}
.handicap-composer textarea::placeholder{color:#65738a;opacity:1;}
.handicap-attach{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:1px solid #b9c5d8;
    border-radius:50%;
    background:#fff;
    color:#18263d;
    font-size:24px;
    cursor:pointer;
}
.handicap-attach input{display:none;}
.handicap-send{background:#1f5bd8;color:#fff;border-color:#1f5bd8;}
.handicap-send:hover{background:#174ea6;}
.handicap-file-name{
    min-height:0;
    padding:0 12px 8px;
    background:#fff;
    color:#43516a;
    font-size:12px;
}
.handicap-dialog{
    width:min(92vw,620px);
    max-height:85vh;
    border:1px solid #d8dfeb;
    border-radius:16px;
    padding:18px;
    background:#fff;
    color:#18263d;
}
.handicap-dialog::backdrop{background:rgba(0,0,0,.55);}
.handicap-member{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #e1e6ef;}
.handicap-member .handicap-avatar{width:42px;height:42px;}
.handicap-settings-grid{display:grid;gap:12px;}
.handicap-settings-grid label{display:flex;gap:9px;align-items:flex-start;}
.handicap-settings-grid textarea,
.handicap-settings-grid input[type=text],
.handicap-settings-grid select{
    width:100%;
    padding:9px;
    border:1px solid #b9c5d8;
    border-radius:8px;
    background:#fff;
    color:#18263d;
    font:16px Arial,Helvetica,sans-serif;
}
.handicap-empty{text-align:center;padding:30px 12px;}
.handicap-rathaus-intro{
    box-sizing:border-box;
    width:min(760px,100%);
    max-width:100%;
    margin:0 auto 16px;
    padding:16px 18px;
    border:1px solid #9fb8df;
    border-radius:15px;
    background:#f8fbff;
    color:#18263d;
    box-shadow:0 4px 14px rgba(26,55,96,.08);
    overflow:hidden;
    overflow-wrap:anywhere;
    word-break:normal;
    white-space:normal;
}
.handicap-rathaus-intro strong{display:block;max-width:100%;margin-bottom:7px;font:900 18px/1.35 Arial,Helvetica,sans-serif;overflow-wrap:anywhere;}
.handicap-rathaus-intro p{display:block;max-width:100%;margin:6px 0;font:700 16px/1.6 Arial,Helvetica,sans-serif;text-align:left;overflow-wrap:anywhere;word-break:normal;white-space:normal;}

/* Vollständige Dark-Mode-Darstellung für Chat, Eingabe und Dialoge. */
.dark-mode .handicap-app,
.dark-mode .handicap-entry-card,
.dark-mode .handicap-dialog{background:#151a22;color:#f3f6fb;border-color:#435064;box-shadow:0 8px 28px rgba(0,0,0,.34);}
.dark-mode .handicap-sidebar{background:#11161e;border-color:#435064;}
.dark-mode .handicap-chat,
.dark-mode .handicap-chat-head,
.dark-mode .handicap-composer,
.dark-mode .handicap-file-name{background:#171d27;color:#f3f6fb;border-color:#435064;}
.dark-mode .handicap-messages{background:#0c1118;}
.dark-mode .handicap-room{color:#f3f6fb;}
.dark-mode .handicap-room:hover,
.dark-mode .handicap-room:focus-visible,
.dark-mode .handicap-room.is-active{background:#273142;border-color:#ff6b78;color:#fff;}
.dark-mode .handicap-room small,
.dark-mode .handicap-chat-head span,
.dark-mode .handicap-file-name{color:#c7d1df;}
.dark-mode .handicap-bubble{background:#222b38;color:#f7f9fc;box-shadow:0 1px 3px rgba(0,0,0,.45);}
.dark-mode .handicap-message.is-own .handicap-bubble{background:#19543a;color:#fff;}
.dark-mode .handicap-bubble a{color:#8fc5ff;}
.dark-mode .handicap-icon-button,
.dark-mode .handicap-attach{background:#273142;color:#fff;border-color:#5b6a80;}
.dark-mode .handicap-send{background:#2d6de2;color:#fff;border-color:#2d6de2;}
.dark-mode .handicap-composer textarea,
.dark-mode .handicap-settings-grid textarea,
.dark-mode .handicap-settings-grid input[type=text],
.dark-mode .handicap-settings-grid select{
    background:#0f151e;
    color:#fff;
    border-color:#5b6a80;
    caret-color:#fff;
    color-scheme:dark;
}
.dark-mode .handicap-composer textarea::placeholder{color:#aeb9c8;}
.dark-mode .handicap-member{border-color:#435064;}
.dark-mode .handicap-rathaus-intro{background:#172132;color:#fff;border-color:#516b91;}

/* Smartphone: einzeilig starten und bei mehr Text nach oben wachsen. */
@media(max-width:620px){
    .handicap-header-wrap{margin-bottom:18px;}
    .handicap-app{
        display:block;
        width:100%;
        height:auto;
        min-height:0;
        border-radius:12px;
        box-shadow:none;
    }
    .handicap-sidebar{border-right:0;border-bottom:1px solid #d8dfeb;padding:9px;}
    .handicap-room-list{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:4px;}
    .handicap-room{min-width:150px;}
    .handicap-chat{height:calc(100dvh - 245px);min-height:480px;}
    .handicap-chat-head{padding:8px;}
    .handicap-messages{padding:10px;}
    .handicap-bubble{max-width:84%;}
    .handicap-composer{
        position:sticky;
        bottom:0;
        gap:5px;
        padding:8px 8px max(8px,env(safe-area-inset-bottom));
    }
    .handicap-icon-button,
    .handicap-send,
    .handicap-attach{width:38px;height:38px;flex-basis:38px;}
    .handicap-composer textarea{
        min-height:42px;
        height:42px;
        max-height:min(220px,36dvh);
        padding:10px 11px;
        line-height:20px;
        scroll-margin-bottom:12px;
    }
    .handicap-entry-card{margin:12px 0;padding:16px;}
    .handicap-entry-actions{flex-direction:column;align-items:flex-start;}
    .handicap-rathaus-intro{padding:14px;margin-bottom:12px;}
    .handicap-rathaus-intro strong{font-size:17px;}
}

/* Die installierte App verwendet immer das mobile Schreibverhalten. */
body.anbita-app .handicap-header-wrap{margin-bottom:18px;}
body.anbita-app .handicap-app{display:block;width:100%;height:auto;min-height:0;border-radius:12px;box-shadow:none;}
body.anbita-app .handicap-sidebar{border-right:0;border-bottom:1px solid #d8dfeb;padding:9px;}
body.anbita-app .handicap-room-list{flex-direction:row;max-height:none;overflow-x:auto;padding-bottom:4px;}
body.anbita-app .handicap-room{min-width:150px;}
body.anbita-app .handicap-chat{height:calc(100dvh - 245px);min-height:480px;}
body.anbita-app .handicap-composer{position:sticky;bottom:0;gap:5px;padding:8px 8px max(8px,env(safe-area-inset-bottom));}
body.anbita-app .handicap-icon-button,
body.anbita-app .handicap-send,
body.anbita-app .handicap-attach{width:38px;height:38px;flex-basis:38px;}
body.anbita-app .handicap-composer textarea{min-height:42px;height:42px;max-height:min(220px,36dvh);padding:10px 11px;line-height:20px;scroll-margin-bottom:12px;}
.handicap-send:disabled{opacity:.58;cursor:wait;}
.dark-mode .handicap-dialog select,
.dark-mode .handicap-dialog input[type=file]{color:#f3f6fb;color-scheme:dark;}
.dark-mode .handicap-button-secondary{background:#273142;color:#fff!important;border-color:#71819a;}
.dark-mode .handicap-room-list,
.dark-mode .handicap-messages{scrollbar-color:#5b6a80 #11161e;}


.handicap-app,
.handicap-sidebar,
.handicap-room,
.handicap-room strong,
.handicap-chat,
.handicap-chat-head,
.handicap-chat-head strong,
.handicap-chat-head span,
.handicap-messages,
.handicap-message,
.handicap-bubble,
.handicap-bubble strong,
.handicap-bubble time,
.handicap-composer,
.handicap-composer textarea{
    color:#000000!important;
    -webkit-text-fill-color:#000000!important;
}
.handicap-composer textarea{
    caret-color:#000000!important;
}
.handicap-composer textarea::placeholder{
    color:#65738a!important;
    -webkit-text-fill-color:#65738a!important;
    opacity:1!important;
}

html.dark-mode .handicap-app,
html.dark-mode .handicap-sidebar,
html.dark-mode .handicap-room,
html.dark-mode .handicap-room strong,
html.dark-mode .handicap-chat,
html.dark-mode .handicap-chat-head,
html.dark-mode .handicap-chat-head strong,
html.dark-mode .handicap-chat-head span,
html.dark-mode .handicap-messages,
html.dark-mode .handicap-message,
html.dark-mode .handicap-bubble,
html.dark-mode .handicap-bubble strong,
html.dark-mode .handicap-bubble time,
html.dark-mode .handicap-composer,
html.dark-mode .handicap-composer textarea,
body.dark-mode .handicap-app,
body.dark-mode .handicap-sidebar,
body.dark-mode .handicap-room,
body.dark-mode .handicap-room strong,
body.dark-mode .handicap-chat,
body.dark-mode .handicap-chat-head,
body.dark-mode .handicap-chat-head strong,
body.dark-mode .handicap-chat-head span,
body.dark-mode .handicap-messages,
body.dark-mode .handicap-message,
body.dark-mode .handicap-bubble,
body.dark-mode .handicap-bubble strong,
body.dark-mode .handicap-bubble time,
body.dark-mode .handicap-composer,
body.dark-mode .handicap-composer textarea{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
}
html.dark-mode .handicap-composer textarea,
body.dark-mode .handicap-composer textarea{
    caret-color:#ffffff!important;
}
html.dark-mode .handicap-composer textarea::placeholder,
body.dark-mode .handicap-composer textarea::placeholder{
    color:#b8c4d4!important;
    -webkit-text-fill-color:#b8c4d4!important;
    opacity:1!important;
}

/* Links bleiben in beiden Modi deutlich erkennbar. */
.handicap-bubble a{
    color:#124ca3!important;
    -webkit-text-fill-color:#124ca3!important;
}
html.dark-mode .handicap-bubble a,
body.dark-mode .handicap-bubble a{
    color:#9dcbff!important;
    -webkit-text-fill-color:#9dcbff!important;
}


.handicap-avatar-link{
    display:block;
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:50%;
    text-decoration:none;
}
.handicap-avatar-link .handicap-avatar{
    display:block;
    width:44px;
    height:44px;
}
.handicap-avatar-link:hover .handicap-avatar,
.handicap-avatar-link:focus-visible .handicap-avatar{
    outline:3px solid #2d6de2;
    outline-offset:2px;
}
.handicap-avatar-link:focus-visible{outline:none;}
.handicap-sound-button span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:20px;
    line-height:1;
}
.handicap-sound-button.is-active{
    background:#e9f8ef;
    border-color:#27824e;
    color:#145f35;
}
.handicap-member-main{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
}
.handicap-member-name{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.handicap-member-role{
    display:block;
    width:auto;
    max-width:100%;
    min-height:34px;
    margin:0;
    padding:5px 8px;
    font:14px Arial,Helvetica,sans-serif;
}
html.dark-mode .handicap-sound-button.is-active,
body.dark-mode .handicap-sound-button.is-active{
    background:#174b31;
    border-color:#62d092;
    color:#fff;
}


.handicap-favorites-button span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#d7192d;
    -webkit-text-fill-color:#d7192d;
    font-size:23px;
    line-height:1;
}
.handicap-favorites-button:hover,
.handicap-favorites-button:focus-visible{
    border-color:#d7192d;
    background:#fff1f3;
}
.handicap-favorites-button:disabled{opacity:.58;cursor:wait;}

.handicap-message-person{
    position:relative;
    width:44px;
    min-width:44px;
    flex:0 0 44px;
    align-self:flex-end;
}
.handicap-message-favorite{
    position:absolute;
    z-index:3;
    top:-18px;
    left:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    padding:0;
    border:0;
    background:transparent;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    -webkit-text-stroke:1px #263142;
    text-shadow:0 1px 2px rgba(0,0,0,.75);
    font:700 22px/1 Arial,Helvetica,sans-serif;
    cursor:pointer;
    transform:translateX(-50%);
}
.handicap-message-favorite:hover,
.handicap-message-favorite:focus-visible{
    outline:2px solid rgba(215,25,45,.35);
    outline-offset:1px;
    border-radius:50%;
}
.handicap-message-favorite.is-active{
    color:#e00021!important;
    -webkit-text-fill-color:#e00021!important;
    -webkit-text-stroke:1px #7f0013;
    text-shadow:0 1px 2px rgba(255,255,255,.55),0 1px 3px rgba(0,0,0,.45);
}
.handicap-message:not(.is-own){padding-top:15px;}

.handicap-profile-name-tooltip{
    position:absolute;
    z-index:8;
    left:52px;
    top:50%;
    max-width:min(240px,62vw);
    padding:6px 9px;
    border-radius:8px;
    background:#111827;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 5px 16px rgba(0,0,0,.28);
    font:700 14px/1.2 Arial,Helvetica,sans-serif;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transform:translateY(-50%) translateX(-4px);
    transition:opacity .12s ease,transform .12s ease;
}
.handicap-message.is-own .handicap-profile-name-tooltip{
    right:52px;
    left:auto;
    transform:translateY(-50%) translateX(4px);
}
.handicap-message-person:hover .handicap-profile-name-tooltip,
.handicap-message-person:focus-within .handicap-profile-name-tooltip,
.handicap-message-person:active .handicap-profile-name-tooltip{
    opacity:1;
    transform:translateY(-50%) translateX(0);
}

.handicap-member-favorite{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    -webkit-text-stroke:1px #263142;
    text-shadow:0 1px 2px rgba(0,0,0,.7);
}
.handicap-member-favorite.is-active{
    color:#e00021!important;
    -webkit-text-fill-color:#e00021!important;
    -webkit-text-stroke:1px #7f0013;
}
.handicap-favorite-person{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:9px 0;
    border-bottom:1px solid #e1e6ef;
}
.handicap-favorite-person>a,
.handicap-favorite-person>span{
    display:flex;
    min-width:0;
    align-items:center;
    gap:10px;
    color:inherit!important;
    text-decoration:none;
}
.handicap-favorite-person strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

html.dark-mode .handicap-favorites-button,
body.dark-mode .handicap-favorites-button{
    background:#273142;
    border-color:#5b6a80;
}
html.dark-mode .handicap-favorites-button span,
body.dark-mode .handicap-favorites-button span{
    color:#ff5267;
    -webkit-text-fill-color:#ff5267;
}
html.dark-mode .handicap-favorite-person,
body.dark-mode .handicap-favorite-person{border-color:#435064;}

@media(max-width:620px){
    .handicap-message-favorite{top:-16px;width:26px;height:26px;font-size:21px;}
    .handicap-message:not(.is-own){padding-top:13px;}
    .handicap-profile-name-tooltip{max-width:58vw;font-size:13px;}
}
body.anbita-app .handicap-message-favorite{top:-16px;width:26px;height:26px;font-size:21px;}
body.anbita-app .handicap-message:not(.is-own){padding-top:13px;}
body.anbita-app .handicap-profile-name-tooltip{max-width:58vw;font-size:13px;}


.handicap-group-link-box{
    display:grid;
    gap:7px;
    padding:12px;
    border:1px solid #c8d2e2;
    border-radius:12px;
    background:#f5f8fc;
}
.handicap-group-link-box strong{font-size:16px;}
.handicap-group-link-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
    align-items:center;
}
.handicap-group-link-row input[data-group-url]{
    width:100%;
    min-width:0;
    padding:9px 10px;
    border:1px solid #b9c5d8;
    border-radius:8px;
    background:#fff;
    color:#18263d;
    font:16px Arial,Helvetica,sans-serif;
}
.handicap-group-link-box a{color:#124ca3;text-decoration:underline;overflow-wrap:anywhere;}
.handicap-group-link-status{min-height:19px;color:#1b6f43;font-size:14px;font-weight:700;}
.handicap-group-link-disabled{margin:0;padding:10px 12px;border-radius:10px;background:#f1f4f8;color:#526078;}
.dark-mode .handicap-group-link-box{background:#1d2430;border-color:#46546a;color:#fff;}
.dark-mode .handicap-group-link-row input[data-group-url]{background:#10151d;border-color:#526178;color:#fff;-webkit-text-fill-color:#fff;}
.dark-mode .handicap-group-link-box a{color:#9fc2ff;}
.dark-mode .handicap-group-link-status{color:#8ee0b3;}
.dark-mode .handicap-group-link-disabled{background:#202936;color:#e4ebf5;}
@media(max-width:620px){
    .handicap-group-link-row{grid-template-columns:1fr;}
    .handicap-group-link-row .handicap-small-button{width:100%;}
}

/* Öffnungszeiten: Hinweis, wenn aktuell kein Chatraum geöffnet ist. */
.handicap-room-empty{
  margin:8px;
  padding:14px 10px;
  border:1px dashed rgba(100,116,139,.45);
  border-radius:12px;
  text-align:center;
  font:700 14px/1.45 Arial,sans-serif;
  color:#334155;
}
.handicap-room-closed-notice{
  margin:auto;
  max-width:560px;
  padding:18px;
  border:1px solid rgba(100,116,139,.4);
  border-radius:14px;
  text-align:center;
  font:700 16px/1.5 Arial,sans-serif;
  color:#111827;
  background:rgba(255,255,255,.78);
}
.handicap-composer.is-disabled{opacity:.62}
html.dark-mode .handicap-room-empty,
body.dark-mode .handicap-room-empty{color:#fff;border-color:rgba(255,255,255,.36)}
html.dark-mode .handicap-room-closed-notice,
body.dark-mode .handicap-room-closed-notice{color:#fff;background:rgba(15,23,42,.82);border-color:rgba(255,255,255,.28)}

/* Rathaus bleibt auch außerhalb seiner Öffnungszeiten sichtbar. */
.handicap-room.is-closed{
    border-color:#d5a73a;
    background:#fff8e7;
}
.handicap-room.is-closed small{
    color:#8a5a00;
    font-weight:800;
}
.handicap-opening-hours-notice{
    box-sizing:border-box;
    width:min(620px,calc(100% - 24px));
    max-width:100%;
    margin:auto;
    padding:24px;
    border:1px solid #d5a73a;
    border-radius:18px;
    background:#fffaf0;
    color:#18263d;
    text-align:center;
    box-shadow:0 10px 28px rgba(15,23,42,.08);
    font-family:Arial,Helvetica,sans-serif;
    overflow:hidden;
    overflow-wrap:anywhere;
    word-break:normal;
}
.handicap-opening-hours-icon{
    display:block;
    margin-bottom:8px;
    font-size:34px;
    line-height:1;
}
.handicap-opening-hours-notice h2{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 10px!important;
    padding:0!important;
    font:900 22px/1.25 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    align-self:center!important;
}
.handicap-opening-hours-notice p{
    display:block;
    width:100%;
    margin:0 auto 18px;
    max-width:520px;
    font:700 16px/1.5 Arial,Helvetica,sans-serif;
    text-align:center!important;
}
.handicap-opening-hours-grid{
    display:grid;
    gap:8px;
    width:100%;
    margin:0;
}
.handicap-opening-hours-row{
    display:grid;
    grid-template-columns:minmax(120px,1fr) minmax(170px,1.35fr);
    gap:18px;
    align-items:center;
    padding:12px 14px;
    border:1px solid #ead7a7;
    border-radius:13px;
    background:#fff;
    text-align:left;
}
.handicap-opening-hours-row span,
.handicap-opening-hours-row strong{
    display:block;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:normal;
}
.handicap-opening-hours-row span{
    color:#344054;
    font:900 16px/1.4 Arial,Helvetica,sans-serif;
}
.handicap-opening-hours-row strong{
    text-align:right;
    font:900 16px/1.4 Arial,Helvetica,sans-serif;
}
html.dark-mode .handicap-room.is-closed,
body.dark-mode .handicap-room.is-closed{
    border-color:#d8a93e;
    background:#312a1a;
    color:#fff;
}
html.dark-mode .handicap-room.is-closed small,
body.dark-mode .handicap-room.is-closed small{
    color:#ffd777;
}
html.dark-mode .handicap-opening-hours-notice,
body.dark-mode .handicap-opening-hours-notice{
    border-color:#d8a93e;
    background:#1b202a;
    color:#fff;
    box-shadow:none;
}
html.dark-mode .handicap-opening-hours-row,
body.dark-mode .handicap-opening-hours-row{
    border-color:#5d5134;
    background:#111720;
}
html.dark-mode .handicap-opening-hours-row span,
body.dark-mode .handicap-opening-hours-row span{
    color:#d5dbea;
}
@media(max-width:620px){
    .handicap-opening-hours-notice{padding:18px 14px;}
    .handicap-opening-hours-notice h2{font-size:20px;}
    .handicap-opening-hours-row{grid-template-columns:minmax(90px,1fr) minmax(135px,1.25fr);gap:10px;padding:11px 12px;}
    .handicap-opening-hours-row span,
    .handicap-opening-hours-row strong{font-size:15px;}
}


.handicap-current-room-meta{
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
}
.handicap-room-title-button{
    display:inline-flex;
    align-items:center;
    max-width:100%;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    -webkit-text-fill-color:inherit;
    font:900 26px/1.15 Arial,Helvetica,sans-serif;
    text-align:left;
    cursor:pointer;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.handicap-room-title-button:hover,
.handicap-room-title-button:focus-visible{
    color:#174ea6;
    -webkit-text-fill-color:#174ea6;
    text-decoration:underline;
    outline:none;
}
.handicap-room-info-hint{
    display:block;
    max-width:100%;
    color:#607089;
    font:700 13px/1.35 Arial,Helvetica,sans-serif;
    white-space:normal;
}
.handicap-chat-head [data-handicap-room-description]{display:none!important;}
.handicap-visually-hidden{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.handicap-room-description-dialog p{
    margin:0;
    font:700 16px/1.6 Arial,Helvetica,sans-serif;
    overflow-wrap:anywhere;
    white-space:normal;
}
.handicap-messages{
    display:flex;
    flex-direction:column;
    align-items:stretch;
}
.handicap-messages > .handicap-rathaus-intro,
.handicap-messages > .handicap-opening-hours-notice,
.handicap-messages > .handicap-room-closed-notice{
    align-self:center;
}
.handicap-opening-hours-notice,
.handicap-room-closed-notice{
    margin-left:auto!important;
    margin-right:auto!important;
}
.handicap-opening-hours-notice{
    width:min(620px,calc(100% - 32px));
}
.handicap-rathaus-intro{
    width:min(760px,calc(100% - 32px));
}
.handicap-dialog [data-handicap-dialog-close]{margin-top:16px;}
html.dark-mode .handicap-room-title-button,
body.dark-mode .handicap-room-title-button{
    color:#ffffff;
    -webkit-text-fill-color:#ffffff;
}
html.dark-mode .handicap-room-title-button:hover,
html.dark-mode .handicap-room-title-button:focus-visible,
body.dark-mode .handicap-room-title-button:hover,
body.dark-mode .handicap-room-title-button:focus-visible{
    color:#9dcbff;
    -webkit-text-fill-color:#9dcbff;
}
html.dark-mode .handicap-room-info-hint,
body.dark-mode .handicap-room-info-hint{
    color:#c5d0de;
}
@media(max-width:620px){
    .handicap-room-title-button{font-size:22px;}
    .handicap-room-info-hint{font-size:12px;}
    .handicap-opening-hours-notice,
    .handicap-rathaus-intro,
    .handicap-room-closed-notice{width:min(100%,calc(100% - 16px));}
}


.handicap-sidebar{
    display:flex;
    flex-direction:column;
    min-height:0;
}
.handicap-room-list{
    flex:1 1 auto;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scrollbar-gutter:auto;
}
.handicap-chat{
    min-height:0;
    overflow:hidden;
}
.handicap-messages{
    min-height:0;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scrollbar-gutter:auto;
}
.handicap-dialog{
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scrollbar-gutter:auto;
}
.handicap-room-list::-webkit-scrollbar,
.handicap-messages::-webkit-scrollbar,
.handicap-dialog::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}
.handicap-opening-hours-notice,
.handicap-rathaus-intro,
.handicap-room-closed-notice{
    flex:0 0 auto;
    margin-top:16px!important;
    margin-bottom:16px!important;
}
@media(max-width:620px){
    .handicap-room-list{
        flex:0 0 auto;
        overflow-x:auto;
        overflow-y:hidden;
        touch-action:pan-x;
    }
    .handicap-messages{
        touch-action:pan-y;
    }
}
body.anbita-app .handicap-room-list{
    flex:0 0 auto;
    overflow-x:auto;
    overflow-y:hidden;
    touch-action:pan-x;
}
body.anbita-app .handicap-messages{
    touch-action:pan-y;
}


.handicap-room-title-button{
    color:#17263f!important;
    -webkit-text-fill-color:#17263f!important;
}
html.dark-mode .handicap-room-title-button,
body.dark-mode .handicap-room-title-button{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
}
.handicap-rathaus-intro{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
}
.handicap-rathaus-intro-text{
    width:100%;
    text-align:center;
}
.handicap-rathaus-intro-title{
    margin:0 0 8px;
    font:700 18px/1.45 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
}
.handicap-rathaus-intro p{
    margin:6px 0;
    font:400 16px/1.65 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
}
.handicap-rathaus-intro-image{
    display:block;
    width:min(280px,72%);
    max-width:100%;
    height:auto;
    margin:6px auto 0;
}
.handicap-message.is-private .handicap-bubble{
    border:1px solid #f2c66d;
    background:#fff8e9;
}
.handicap-private-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 0 8px;
    padding:4px 10px;
    border-radius:999px;
    background:#f4d485;
    color:#6a4700;
    font:700 12px/1.3 Arial,Helvetica,sans-serif;
    letter-spacing:.01em;
}
.handicap-private-note{
    margin-top:8px;
    font:400 12px/1.5 Arial,Helvetica,sans-serif;
    color:#6c5730;
}
.handicap-message.is-private-question-action{
    cursor:pointer;
}
.handicap-message.is-private-question-action:focus-visible .handicap-bubble,
.handicap-message.is-private-question-action:hover .handicap-bubble{
    outline:3px solid rgba(45,109,226,.22);
    outline-offset:2px;
}
.handicap-private-reply-dialog{
    display:flex;
    flex-direction:column;
    gap:12px;
    font-family:Arial,Helvetica,sans-serif;
}
.handicap-private-reply-label,
.handicap-private-reply-question,
.handicap-private-reply-history-wrap,
.handicap-private-reply-entry,
.handicap-private-reply-empty{
    font:400 16px/1.55 Arial,Helvetica,sans-serif;
}
.handicap-private-reply-question{
    padding:10px 12px;
    border:1px solid #d7c08a;
    border-radius:12px;
    background:#fff8e9;
}
.handicap-private-reply-field{
    display:flex;
    flex-direction:column;
    gap:6px;
    font:700 15px/1.4 Arial,Helvetica,sans-serif;
}
.handicap-private-reply-field textarea{
    width:100%;
    min-height:110px;
    padding:10px 12px;
    border:1px solid #b9c5d8;
    border-radius:10px;
    background:#fff;
    color:#18263d;
    font:16px Arial,Helvetica,sans-serif;
    resize:vertical;
    box-sizing:border-box;
}
.handicap-private-reply-history-wrap{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.handicap-private-reply-history{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.handicap-private-reply-entry{
    padding:10px 12px;
    border:1px solid #d8dfeb;
    border-radius:12px;
    background:#f8fbff;
}
.handicap-private-reply-entry-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    margin-bottom:6px;
}
.handicap-private-reply-entry-head time{
    font:400 12px/1.4 Arial,Helvetica,sans-serif;
    color:#516179;
}
.handicap-private-reply-entry p,
.handicap-private-reply-empty{
    margin:0;
}
html.dark-mode .handicap-message.is-private .handicap-bubble,
body.dark-mode .handicap-message.is-private .handicap-bubble{
    background:#44361c;
    border-color:#d8aa4b;
}
html.dark-mode .handicap-private-badge,
body.dark-mode .handicap-private-badge{
    background:#c28e20;
    color:#231600;
}
html.dark-mode .handicap-private-note,
body.dark-mode .handicap-private-note{
    color:#f3ddad;
}
html.dark-mode .handicap-private-reply-question,
body.dark-mode .handicap-private-reply-question{
    background:#44361c;
    border-color:#d8aa4b;
}
html.dark-mode .handicap-private-reply-field textarea,
body.dark-mode .handicap-private-reply-field textarea,
html.dark-mode .handicap-private-reply-entry,
body.dark-mode .handicap-private-reply-entry{
    background:#172132;
    border-color:#516b91;
    color:#ffffff;
}
html.dark-mode .handicap-private-reply-entry-head time,
body.dark-mode .handicap-private-reply-entry-head time{
    color:#c9d4e4;
}
@media(max-width:620px){
    .handicap-rathaus-intro{padding:14px 12px;}
    .handicap-rathaus-intro-title{font-size:17px!important;}
    .handicap-rathaus-intro p{font-size:16px!important;}
    .handicap-rathaus-intro-image{width:min(230px,84%);}
}



.handicap-rathaus-intro-text{
    width:min(820px,100%);
    max-width:100%;
    margin:0 auto;
}
.handicap-rathaus-intro-text .handicap-rathaus-intro-title{
    text-align:center!important;
    text-align-last:center!important;
}
.handicap-rathaus-intro-text p:not(.handicap-rathaus-intro-title){
    width:100%;
    margin:12px 0;
    text-align:justify!important;
    text-align-last:left!important;
    hyphens:auto;
    -webkit-hyphens:auto;
    overflow-wrap:normal;
    word-break:normal;
}
@media(max-width:620px){
    .handicap-rathaus-intro-text{width:100%;}
    .handicap-rathaus-intro-text p:not(.handicap-rathaus-intro-title){
        text-align:left!important;
        text-align-last:left!important;
        hyphens:none;
        -webkit-hyphens:none;
    }
}



html.dark-mode .handicap-room small,
body.dark-mode .handicap-room small{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
}


.handicap-message-person{
    width:36px;
    min-width:36px;
    flex-basis:36px;
}
.handicap-message .handicap-avatar{
    width:36px;
    height:36px;
}
.handicap-message-favorite{
    top:-15px;
    width:25px;
    height:25px;
    font-size:19px;
}
.handicap-profile-name-tooltip{
    left:43px;
}
.handicap-message.is-own .handicap-profile-name-tooltip{
    right:43px;
}
.handicap-bubble time{
    margin-top:3px;
    font-size:9px!important;
    line-height:1.1;
    opacity:.62;
}
.handicap-messages{
    scroll-behavior:smooth;
    overscroll-behavior-y:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scroll-padding-block:10px;
}
.handicap-room-list{
    -webkit-overflow-scrolling:touch;
}

@media(max-width:620px){
    .handicap-chat{
        height:calc(100dvh - 225px);
        min-height:430px;
    }
    .handicap-messages{
        padding:9px;
        touch-action:pan-y;
    }
    .handicap-messages .handicap-message{
        zoom:var(--handicap-chat-scale,1);
    }
    .handicap-message{
        gap:6px;
        margin-bottom:9px;
    }
    .handicap-message-person{
        width:32px;
        min-width:32px;
        flex-basis:32px;
    }
    .handicap-message .handicap-avatar{
        width:32px;
        height:32px;
    }
    .handicap-message-favorite{
        top:-13px;
        width:23px;
        height:23px;
        font-size:18px;
    }
    .handicap-profile-name-tooltip{
        left:38px;
    }
    .handicap-message.is-own .handicap-profile-name-tooltip{
        right:38px;
    }
    .handicap-bubble{
        max-width:86%;
        padding:8px 10px;
    }
    .handicap-composer{
        position:sticky;
        bottom:0;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr));
        grid-template-areas:
            "message message message message"
            "attach record dictate send";
        align-items:center;
        gap:8px 6px;
        padding:8px 8px max(8px,env(safe-area-inset-bottom));
    }
    .handicap-composer textarea{
        grid-area:message;
        width:100%;
        min-height:42px;
        height:42px;
        max-height:min(176px,30dvh);
        margin:0;
        padding:10px 11px;
        border-radius:13px;
        line-height:20px;
        align-self:end;
    }
    .handicap-composer textarea::placeholder{
        color:transparent!important;
        -webkit-text-fill-color:transparent!important;
    }
    .handicap-composer .handicap-attach{
        grid-area:attach;
    }
    .handicap-composer .handicap-record-button{
        grid-area:record;
    }
    .handicap-composer .handicap-dictate-button{
        grid-area:dictate;
    }
    .handicap-composer .handicap-send{
        grid-area:send;
    }
    .handicap-composer .handicap-attach,
    .handicap-composer .handicap-record-button,
    .handicap-composer .handicap-dictate-button,
    .handicap-composer .handicap-send{
        justify-self:center;
        width:40px;
        height:40px;
        flex-basis:40px;
        margin:0;
    }
    .handicap-composer input[type="hidden"]{
        display:none;
    }
}

body.anbita-app .handicap-chat{
    height:calc(100dvh - 225px);
    min-height:430px;
}
body.anbita-app .handicap-messages{
    padding:9px;
    touch-action:pan-y;
}
body.anbita-app .handicap-messages .handicap-message{
    zoom:var(--handicap-chat-scale,1);
}
body.anbita-app .handicap-message{
    gap:6px;
    margin-bottom:9px;
}
body.anbita-app .handicap-message-person{
    width:32px;
    min-width:32px;
    flex-basis:32px;
}
body.anbita-app .handicap-message .handicap-avatar{
    width:32px;
    height:32px;
}
body.anbita-app .handicap-message-favorite{
    top:-13px;
    width:23px;
    height:23px;
    font-size:18px;
}
body.anbita-app .handicap-profile-name-tooltip{
    left:38px;
}
body.anbita-app .handicap-message.is-own .handicap-profile-name-tooltip{
    right:38px;
}
body.anbita-app .handicap-bubble{
    max-width:86%;
    padding:8px 10px;
}
body.anbita-app .handicap-composer{
    position:sticky;
    bottom:0;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-areas:
        "message message message message"
        "attach record dictate send";
    align-items:center;
    gap:8px 6px;
    padding:8px 8px max(8px,env(safe-area-inset-bottom));
}
body.anbita-app .handicap-composer textarea{
    grid-area:message;
    width:100%;
    min-height:42px;
    height:42px;
    max-height:min(176px,30dvh);
    margin:0;
    padding:10px 11px;
    border-radius:13px;
    line-height:20px;
    align-self:end;
}
body.anbita-app .handicap-composer textarea::placeholder{
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
}
body.anbita-app .handicap-composer .handicap-attach{
    grid-area:attach;
}
body.anbita-app .handicap-composer .handicap-record-button{
    grid-area:record;
}
body.anbita-app .handicap-composer .handicap-dictate-button{
    grid-area:dictate;
}
body.anbita-app .handicap-composer .handicap-send{
    grid-area:send;
}
body.anbita-app .handicap-composer .handicap-attach,
body.anbita-app .handicap-composer .handicap-record-button,
body.anbita-app .handicap-composer .handicap-dictate-button,
body.anbita-app .handicap-composer .handicap-send{
    justify-self:center;
    width:40px;
    height:40px;
    flex-basis:40px;
    margin:0;
}
body.anbita-app .handicap-composer input[type="hidden"]{
    display:none;
}


@media(max-width:620px){
    body.handicap-mobile-room-open{
        overflow:hidden!important;
    }
    body.handicap-mobile-room-open .site-shell>.site-header,
    body.handicap-mobile-room-open .site-shell>.site-footer,
    body.handicap-mobile-room-open .layout-grid>.side-menu,
    body.handicap-mobile-room-open .handicap-header-wrap{
        display:none!important;
    }
    body.handicap-mobile-room-open .site-shell,
    body.handicap-mobile-room-open .layout-grid,
    body.handicap-mobile-room-open .main-panel,
    body.handicap-mobile-room-open .handicap-page{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
    }
    body.handicap-mobile-room-open .layout-grid{
        display:block!important;
    }
    body.handicap-mobile-room-open .handicap-app{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        height:100dvh!important;
        min-height:100dvh!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        overflow:hidden!important;
    }
    body.handicap-mobile-room-open .handicap-sidebar{
        display:none!important;
    }
    body.handicap-mobile-room-open .handicap-chat{
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
        width:100%!important;
        height:100dvh!important;
        min-height:100dvh!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
    }
    body.handicap-mobile-room-open .handicap-chat-head{
        padding-top:max(8px,env(safe-area-inset-top))!important;
    }
    body.handicap-mobile-room-open .handicap-composer{
        padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
    }

    body.handicap-mobile-menu-open .handicap-app{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        overflow:visible!important;
    }
    body.handicap-mobile-menu-open .handicap-sidebar{
        display:flex!important;
        width:100%!important;
        min-height:0!important;
        padding:12px!important;
        border-right:0!important;
        border-bottom:0!important;
        box-sizing:border-box!important;
    }
    body.handicap-mobile-menu-open .handicap-room-list{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        max-height:none!important;
        overflow:visible!important;
        padding:0!important;
    }
    body.handicap-mobile-menu-open .handicap-room{
        width:100%!important;
        min-width:0!important;
    }
    body.handicap-mobile-menu-open .handicap-chat{
        display:none!important;
    }
}

body.anbita-app.handicap-mobile-room-open{
    overflow:hidden!important;
}
body.anbita-app.handicap-mobile-room-open .site-shell>.site-header,
body.anbita-app.handicap-mobile-room-open .site-shell>.site-footer,
body.anbita-app.handicap-mobile-room-open .layout-grid>.side-menu,
body.anbita-app.handicap-mobile-room-open .handicap-header-wrap{
    display:none!important;
}
body.anbita-app.handicap-mobile-room-open .site-shell,
body.anbita-app.handicap-mobile-room-open .layout-grid,
body.anbita-app.handicap-mobile-room-open .main-panel,
body.anbita-app.handicap-mobile-room-open .handicap-page{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}
body.anbita-app.handicap-mobile-room-open .layout-grid{
    display:block!important;
}
body.anbita-app.handicap-mobile-room-open .handicap-app{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
}
body.anbita-app.handicap-mobile-room-open .handicap-sidebar{
    display:none!important;
}
body.anbita-app.handicap-mobile-room-open .handicap-chat{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
}
body.anbita-app.handicap-mobile-room-open .handicap-chat-head{
    padding-top:max(8px,env(safe-area-inset-top))!important;
}
body.anbita-app.handicap-mobile-room-open .handicap-composer{
    padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
}
body.anbita-app.handicap-mobile-menu-open .handicap-app{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
}
body.anbita-app.handicap-mobile-menu-open .handicap-sidebar{
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    padding:12px!important;
    border-right:0!important;
    border-bottom:0!important;
    box-sizing:border-box!important;
}
body.anbita-app.handicap-mobile-menu-open .handicap-room-list{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
}
body.anbita-app.handicap-mobile-menu-open .handicap-room{
    width:100%!important;
    min-width:0!important;
}
body.anbita-app.handicap-mobile-menu-open .handicap-chat{
    display:none!important;
}


@media(max-width:620px){
    body.handicap-mobile-room-open .handicap-page,
    body.handicap-mobile-room-open .handicap-app,
    body.handicap-mobile-room-open .handicap-chat,
    body.handicap-mobile-room-open .handicap-chat-head,
    body.handicap-mobile-room-open .handicap-messages,
    body.handicap-mobile-room-open .handicap-composer,
    body.handicap-mobile-room-open .handicap-file-name{
        visibility:visible!important;
        opacity:1!important;
    }

    body.handicap-mobile-room-open .handicap-page{
        display:block!important;
        width:100%!important;
        height:100vh!important;
        height:100dvh!important;
        min-height:0!important;
        overflow:hidden!important;
    }

    body.handicap-mobile-room-open .handicap-app{
        display:block!important;
        width:100%!important;
        height:100vh!important;
        height:100dvh!important;
        min-height:0!important;
        overflow:hidden!important;
    }

    body.handicap-mobile-room-open .handicap-chat{
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        overflow:hidden!important;
    }

    body.handicap-mobile-room-open .handicap-chat-head{
        display:flex!important;
        min-height:56px!important;
        flex:0 0 auto!important;
    }

    body.handicap-mobile-room-open .handicap-messages{
        display:block!important;
        width:100%!important;
        min-height:0!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
        overscroll-behavior-y:contain!important;
    }

    body.handicap-mobile-room-open .handicap-composer{
        display:grid!important;
        position:relative!important;
        bottom:auto!important;
        width:100%!important;
        flex:0 0 auto!important;
    }

    body.handicap-mobile-room-open .handicap-file-name{
        display:block!important;
        flex:0 0 auto!important;
    }

    body.handicap-mobile-room-open .handicap-file-name:empty{
        display:none!important;
    }
}

body.anbita-app.handicap-mobile-room-open .handicap-page,
body.anbita-app.handicap-mobile-room-open .handicap-app,
body.anbita-app.handicap-mobile-room-open .handicap-chat,
body.anbita-app.handicap-mobile-room-open .handicap-chat-head,
body.anbita-app.handicap-mobile-room-open .handicap-messages,
body.anbita-app.handicap-mobile-room-open .handicap-composer,
body.anbita-app.handicap-mobile-room-open .handicap-file-name{
    visibility:visible!important;
    opacity:1!important;
}

body.anbita-app.handicap-mobile-room-open .handicap-page,
body.anbita-app.handicap-mobile-room-open .handicap-app{
    display:block!important;
    width:100%!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    overflow:hidden!important;
}

body.anbita-app.handicap-mobile-room-open .handicap-chat{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
}

body.anbita-app.handicap-mobile-room-open .handicap-chat-head{
    display:flex!important;
    min-height:56px!important;
}

body.anbita-app.handicap-mobile-room-open .handicap-messages{
    display:block!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
}

body.anbita-app.handicap-mobile-room-open .handicap-composer{
    display:grid!important;
    position:relative!important;
    bottom:auto!important;
    width:100%!important;
}

body.anbita-app.handicap-mobile-room-open .handicap-file-name:empty{
    display:none!important;
}


.handicap-overview-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 16px;
    border:1px solid #174ea6;
    border-radius:10px;
    background:#1f5bd8;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
}
.handicap-overview-button:hover,
.handicap-overview-button:focus-visible,
.handicap-overview-button.is-active{
    background:#174ea6;
    outline:2px solid rgba(23,78,166,.25);
    outline-offset:2px;
}
.handicap-mobile-discover-button{
    display:none;
}
.handicap-overview-panel[hidden]{
    display:none!important;
}
.handicap-chat.is-overview{
    display:block;
    min-width:0;
    min-height:0;
    overflow:auto;
    background:#fff;
}
.handicap-chat.is-overview>.handicap-chat-head,
.handicap-chat.is-overview>.handicap-messages,
.handicap-chat.is-overview>.handicap-composer,
.handicap-chat.is-overview>.handicap-file-name{
    display:none!important;
}
.handicap-overview-panel{
    width:100%;
    min-height:100%;
    padding:24px;
    box-sizing:border-box;
}
.handicap-overview-panel h2{
    margin:0 0 22px;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
    font-size:24px;
    color:#18263d;
}
.handicap-overview-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,220px));
    justify-content:center;
    gap:20px;
    width:100%;
}
.handicap-overview-room{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    width:100%;
    min-height:205px;
    padding:14px;
    box-sizing:border-box;
    border:1px solid #c8d3e6;
    border-radius:16px;
    background:#fff;
    color:#18263d;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    text-align:center;
    cursor:pointer;
    box-shadow:0 7px 18px rgba(34,55,86,.10);
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.handicap-overview-room:hover,
.handicap-overview-room:focus-visible{
    transform:translateY(-2px);
    border-color:#d7192d;
    box-shadow:0 10px 24px rgba(34,55,86,.16);
    outline:none;
}
.handicap-overview-room img{
    display:block;
    width:132px;
    height:132px;
    max-width:100%;
    border-radius:16px;
    object-fit:cover;
    background:#dce4f1;
}
.handicap-overview-room strong{
    display:block;
    width:100%;
    overflow-wrap:anywhere;
    color:#000;
    line-height:1.35;
}
.handicap-overview-empty{
    grid-column:1/-1;
    max-width:620px;
    margin:30px auto;
    padding:18px;
    border:1px dashed #aebbd0;
    border-radius:14px;
    text-align:center;
    color:#33445e;
}
.handicap-join-question{
    margin:22px 0 14px;
    font-size:17px;
    font-weight:700;
    text-align:center;
}
.handicap-join-actions{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
}
.handicap-small-button-secondary{
    background:#fff;
    color:#174ea6!important;
}

html.dark-mode .handicap-chat.is-overview,
body.dark-mode .handicap-chat.is-overview,
html.dark-mode .handicap-overview-panel,
body.dark-mode .handicap-overview-panel{
    background:#11161e;
}
html.dark-mode .handicap-overview-panel h2,
body.dark-mode .handicap-overview-panel h2,
html.dark-mode .handicap-overview-room,
body.dark-mode .handicap-overview-room,
html.dark-mode .handicap-overview-room strong,
body.dark-mode .handicap-overview-room strong{
    color:#fff;
}
html.dark-mode .handicap-overview-room,
body.dark-mode .handicap-overview-room{
    background:#1b2431;
    border-color:#435064;
}
html.dark-mode .handicap-overview-empty,
body.dark-mode .handicap-overview-empty{
    color:#f3f6fb;
    border-color:#5b6a80;
}

@media(max-width:620px){
    .handicap-mobile-discover-button{
        display:flex;
        align-items:center;
        justify-content:center;
        width:min(92%,420px);
        min-height:52px;
        margin:0 auto 18px;
        padding:11px 22px;
        border:2px solid #000;
        border-radius:13px;
        background:#ffd928;
        color:#000;
        font-family:Arial,Helvetica,sans-serif;
        font-size:20px;
        font-weight:800;
        line-height:1.2;
        text-align:center;
        cursor:pointer;
        box-shadow:0 5px 14px rgba(0,0,0,.16);
    }
    .handicap-mobile-discover-button:hover,
    .handicap-mobile-discover-button:focus-visible,
    .handicap-mobile-discover-button.is-active{
        background:#ffe75f;
        outline:3px solid rgba(0,0,0,.18);
        outline-offset:2px;
    }
    .handicap-overview-panel{
        min-height:0;
        padding:18px 12px 24px;
    }
    .handicap-overview-panel h2{
        margin-bottom:18px;
        font-size:22px;
    }
    .handicap-overview-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
        max-width:520px;
        margin:0 auto;
    }
    .handicap-overview-room{
        min-height:170px;
        padding:10px;
        border-radius:14px;
    }
    .handicap-overview-room img{
        width:112px;
        height:112px;
        border-radius:13px;
    }
    body.handicap-mobile-overview-open .handicap-app{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        overflow:visible!important;
        border-radius:12px!important;
    }
    body.handicap-mobile-overview-open .handicap-sidebar{
        display:none!important;
    }
    body.handicap-mobile-overview-open .handicap-chat{
        display:block!important;
        width:100%!important;
        height:auto!important;
        min-height:320px!important;
        overflow:visible!important;
    }
    body.handicap-mobile-overview-open .handicap-chat.is-overview{
        display:block!important;
    }
}

@media(max-width:390px){
    .handicap-overview-list{
        grid-template-columns:1fr;
        max-width:270px;
    }
    .handicap-overview-room{
        min-height:0;
    }
}

body.anbita-app .handicap-mobile-discover-button{
    display:flex;
    align-items:center;
    justify-content:center;
    width:min(92%,420px);
    min-height:52px;
    margin:0 auto 18px;
    padding:11px 22px;
    border:2px solid #000;
    border-radius:13px;
    background:#ffd928;
    color:#000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:20px;
    font-weight:800;
    text-align:center;
    cursor:pointer;
}
body.anbita-app.handicap-mobile-overview-open .handicap-app{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
}
body.anbita-app.handicap-mobile-overview-open .handicap-sidebar{
    display:none!important;
}
body.anbita-app.handicap-mobile-overview-open .handicap-chat{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:320px!important;
    overflow:visible!important;
}
body.anbita-app.handicap-mobile-overview-open .handicap-overview-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    max-width:520px;
    margin:0 auto;
}
@media(max-width:390px){
    body.anbita-app.handicap-mobile-overview-open .handicap-overview-list{
        grid-template-columns:1fr;
        max-width:270px;
    }
}

@media(max-width:620px){
    body.handicap-mobile-room-open .handicap-mobile-discover-button{
        display:none!important;
    }
}
body.anbita-app.handicap-mobile-room-open .handicap-mobile-discover-button{
    display:none!important;
}


@media(min-width:621px){
    .handicap-overview-empty-all{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        grid-column:1/-1;
        width:100%;
        max-width:760px;
        margin:34px auto 20px;
        padding:28px 34px 30px;
        box-sizing:border-box;
        border:0;
        border-radius:18px;
        background:transparent;
        color:#33445e;
        text-align:center;
    }
    .handicap-overview-empty-text{
        display:inline-flex;
        flex-direction:column;
        align-items:flex-start;
        max-width:100%;
        margin:0 auto;
        font-family:Arial,Helvetica,sans-serif;
        font-size:18px;
        font-weight:700;
        line-height:1.55;
        text-align:left;
        overflow-wrap:anywhere;
    }
    .handicap-overview-empty-text span{
        display:block;
        width:100%;
    }
    .handicap-overview-notice-image{
        display:block;
        width:min(360px,72%);
        max-width:100%;
        height:auto;
        margin:36px auto 0;
        object-fit:contain;
    }
    html.dark-mode .handicap-overview-empty-all,
    body.dark-mode .handicap-overview-empty-all{
        color:#f3f6fb;
    }
}

@media(min-width:621px) and (max-width:900px){
    .handicap-overview-empty-all{
        margin-top:28px;
        padding:24px 26px 28px;
    }
    .handicap-overview-empty-text{
        font-size:17px;
    }
    .handicap-overview-notice-image{
        width:min(320px,70%);
        margin-top:32px;
    }
}


.handicap-page .handicap-header-wrap{
    margin:0 auto 28px!important;
}

.handicap-chat.is-overview{
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    -ms-overflow-style:none;
    scrollbar-gutter:auto;
}
.handicap-chat.is-overview::-webkit-scrollbar{
    width:0;
    height:0;
    display:none;
}

@media(max-width:620px){
    .handicap-page .handicap-header-wrap{
        margin-bottom:20px!important;
    }
}
body.anbita-app .handicap-page .handicap-header-wrap{
    margin-bottom:20px!important;
}



.handicap-composer-entry{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    min-width:0;
    border:1px solid #b9c5d8;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
}
.handicap-composer-entry textarea{
    flex:1 1 auto!important;
    width:100%!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
}
.anbita-app-file-preview{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) 34px;
    align-items:center;
    gap:10px;
    min-height:64px;
    padding:7px 8px;
    border-bottom:1px solid #d8dfeb;
    background:#eef5ff;
    color:#18263d;
    box-sizing:border-box;
}
.anbita-app-file-preview[hidden]{display:none!important;}
.anbita-app-file-preview-media{
    display:flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    overflow:hidden;
    border-radius:10px;
    background:#dbe8fb;
}
.anbita-app-file-preview-media img,
.anbita-app-file-preview-media video{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.anbita-app-file-preview-icon{
    font-size:28px;
    line-height:1;
}
.anbita-app-file-preview-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:3px;
    text-align:left;
}
.anbita-app-file-preview-copy strong{
    display:block;
    overflow:hidden;
    color:#18263d;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    font-weight:800;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.anbita-app-file-preview-copy small{
    display:block;
    color:#53647d;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:1.25;
}
.anbita-app-file-preview-remove{
    display:flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    padding:0;
    border:1px solid #aab8cc;
    border-radius:50%;
    background:#fff;
    color:#1f2d43;
    font-size:23px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
}
.anbita-app-file-preview-remove:hover,
.anbita-app-file-preview-remove:focus-visible{
    border-color:#c91d2e;
    color:#c91d2e;
    outline:2px solid rgba(201,29,46,.18);
    outline-offset:2px;
}
html.dark-mode .handicap-composer-entry,
body.dark-mode .handicap-composer-entry{
    border-color:#5b6a80;
    background:#0f151e;
}
html.dark-mode .anbita-app-file-preview,
body.dark-mode .anbita-app-file-preview{
    border-color:#435064;
    background:#1b2738;
    color:#fff;
}
html.dark-mode .anbita-app-file-preview-media,
body.dark-mode .anbita-app-file-preview-media{
    background:#27374d;
}
html.dark-mode .anbita-app-file-preview-copy strong,
body.dark-mode .anbita-app-file-preview-copy strong{
    color:#fff;
}
html.dark-mode .anbita-app-file-preview-copy small,
body.dark-mode .anbita-app-file-preview-copy small{
    color:#c7d1df;
}
html.dark-mode .anbita-app-file-preview-remove,
body.dark-mode .anbita-app-file-preview-remove{
    border-color:#71819a;
    background:#273142;
    color:#fff;
}

@media(max-width:620px){
    .handicap-composer-entry{
        grid-area:message;
        width:100%;
        border-radius:13px;
    }
    .handicap-composer-entry textarea{
        grid-area:auto!important;
    }
    .anbita-app-file-preview{
        grid-template-columns:46px minmax(0,1fr) 32px;
        min-height:56px;
        gap:8px;
        padding:6px;
    }
    .anbita-app-file-preview-media{
        width:46px;
        height:46px;
    }
}
body.anbita-app .handicap-composer-entry{
    grid-area:message;
    width:100%;
    border-radius:13px;
}
body.anbita-app .handicap-composer-entry textarea{
    grid-area:auto!important;
}

/* Installierte App auf PC/Tablet/Laptop bleibt im normalen Seitenrahmen. */
@media(min-width:621px){
    body.anbita-app.handicap-mobile-room-open{
        overflow:auto!important;
    }
    body.anbita-app.handicap-mobile-room-open .site-shell>.site-header,
    body.anbita-app.handicap-mobile-room-open .site-shell>.site-footer{
        display:block!important;
    }
    body.anbita-app.handicap-mobile-room-open .handicap-header-wrap{
        display:block!important;
    }
    body.anbita-app.handicap-mobile-room-open .site-shell,
    body.anbita-app.handicap-mobile-room-open .layout-grid,
    body.anbita-app.handicap-mobile-room-open .main-panel,
    body.anbita-app.handicap-mobile-room-open .handicap-page{
        width:100%!important;
        max-width:100%!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    body.anbita-app.handicap-mobile-room-open .main-panel,
    body.anbita-app.handicap-mobile-room-open .handicap-page{
        padding:clamp(10px,1.5vw,22px)!important;
    }
    body.anbita-app.handicap-mobile-room-open .handicap-app{
        height:min(760px,calc(100dvh - 260px))!important;
        min-height:520px!important;
        border:1px solid #d8dfeb!important;
        border-radius:14px!important;
        box-shadow:0 8px 28px rgba(26,55,96,.10)!important;
    }
}



body.anbita-app .handicap-overview-button{
    width:auto!important;
    max-width:max-content!important;
    min-width:0!important;
    min-height:36px!important;
    padding:7px 12px!important;
    border-radius:9px!important;
    font-size:15px!important;
    white-space:nowrap!important;
}
@media(min-width:621px){
    body.anbita-app .handicap-app{
        display:grid!important;
        grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;
        width:min(100%,var(--anbita-content-header-width,1200px))!important;
        max-width:var(--anbita-content-header-width,1200px)!important;
        height:clamp(620px,calc(100dvh - 250px),800px)!important;
        min-height:620px!important;
        border-radius:16px!important;
        box-shadow:0 8px 26px rgba(34,55,86,.10)!important;
        overflow:hidden!important;
    }
    body.anbita-app .handicap-sidebar{
        display:block!important;
        min-width:0!important;
        padding:12px!important;
        border-right:1px solid #d8dfeb!important;
        border-bottom:0!important;
        overflow:hidden!important;
    }
    body.anbita-app .handicap-room-list{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        max-height:calc(100% - 58px)!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        padding:0!important;
        gap:6px!important;
    }
    body.anbita-app .handicap-room{
        width:100%!important;
        min-width:0!important;
    }
    body.anbita-app .handicap-chat{
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
        height:100%!important;
        min-height:0!important;
        overflow:hidden!important;
    }
    body.anbita-app .handicap-messages{
        min-height:0!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
        touch-action:pan-y!important;
        padding:16px!important;
    }
    body.anbita-app .handicap-composer{
        position:relative!important;
        bottom:auto!important;
        display:grid!important;
        grid-template-columns:40px minmax(0,1fr) 40px 40px!important;
        grid-template-areas:
            "attach message message send"
            ". . dictate record"!important;
        align-items:end!important;
        gap:7px!important;
        width:100%!important;
        padding:10px!important;
        box-sizing:border-box!important;
    }
    body.anbita-app .handicap-composer-entry{
        grid-area:message!important;
        min-width:0!important;
        width:100%!important;
    }
    body.anbita-app .handicap-composer textarea{
        width:100%!important;
        min-height:66px!important;
        height:66px!important;
        max-height:220px!important;
        margin:0!important;
        padding:10px 12px!important;
        border-radius:16px!important;
        line-height:22px!important;
    }
    body.anbita-app .handicap-composer textarea::placeholder{
        color:#65738a!important;
        -webkit-text-fill-color:#65738a!important;
    }
    body.dark-mode.anbita-app .handicap-composer textarea::placeholder,
    html.dark-mode body.anbita-app .handicap-composer textarea::placeholder{
        color:#aeb9c8!important;
        -webkit-text-fill-color:#aeb9c8!important;
    }
    body.anbita-app .handicap-composer .handicap-attach{
        grid-area:attach!important;
        justify-self:start!important;
        align-self:center!important;
    }
    body.anbita-app .handicap-composer .handicap-send{
        grid-area:send!important;
        justify-self:end!important;
        align-self:center!important;
    }
    body.anbita-app .handicap-composer .handicap-dictate-button{
        grid-area:dictate!important;
        justify-self:end!important;
    }
    body.anbita-app .handicap-composer .handicap-record-button{
        grid-area:record!important;
        justify-self:end!important;
    }
    body.anbita-app .handicap-composer .handicap-attach,
    body.anbita-app .handicap-composer .handicap-send,
    body.anbita-app .handicap-composer .handicap-dictate-button,
    body.anbita-app .handicap-composer .handicap-record-button{
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        flex-basis:40px!important;
        margin:0!important;
    }
}



@media(min-width:621px){
    body.anbita-app .handicap-sidebar-head{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 40px!important;
        align-items:center!important;
        gap:8px!important;
        width:100%!important;
        min-height:42px!important;
        margin:0 0 12px!important;
    }
    body.anbita-app .handicap-overview-button{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        min-height:0!important;
        margin:0!important;
        padding:2px 4px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        color:#111!important;
        -webkit-text-fill-color:#111!important;
        font:900 19px/1.25 Arial,Helvetica,sans-serif!important;
        text-align:center!important;
        cursor:pointer!important;
        white-space:normal!important;
    }
    body.anbita-app .handicap-overview-button:hover,
    body.anbita-app .handicap-overview-button:focus-visible,
    body.anbita-app .handicap-overview-button.is-active{
        border:0!important;
        background:transparent!important;
        color:#111!important;
        -webkit-text-fill-color:#111!important;
        outline:none!important;
        box-shadow:none!important;
        text-decoration:none!important;
    }
    body.anbita-app .handicap-favorites-button{
        justify-self:end!important;
        margin:0!important;
    }
    html.dark-mode body.anbita-app .handicap-overview-button,
    html.dark-mode body.anbita-app .handicap-overview-button:hover,
    html.dark-mode body.anbita-app .handicap-overview-button:focus-visible,
    html.dark-mode body.anbita-app .handicap-overview-button.is-active,
    body.dark-mode.anbita-app .handicap-overview-button,
    body.dark-mode.anbita-app .handicap-overview-button:hover,
    body.dark-mode.anbita-app .handicap-overview-button:focus-visible,
    body.dark-mode.anbita-app .handicap-overview-button.is-active{
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
        background:transparent!important;
    }
}


@media(min-width:621px){
    body.anbita-app .handicap-mobile-discover-button{
        display:flex!important;
        width:max-content!important;
        max-width:calc(100% - 24px)!important;
        min-width:0!important;
        min-height:40px!important;
        margin:0 auto 16px!important;
        padding:8px 16px!important;
        border-radius:10px!important;
        font-size:17px!important;
        line-height:1.2!important;
        white-space:nowrap!important;
    }
}
body.anbita-app.anbita-user-authenticated .site-shell>.site-footer,
body.anbita-app.anbita-user-authenticated .site-footer,
body.anbita-app.anbita-user-authenticated.handicap-mobile-room-open .site-shell>.site-footer{
    display:none!important;
}



@media(max-width:620px){
    html.dark-mode body.anbita-app .handicap-room,
    html.dark-mode body.anbita-app .handicap-room strong,
    body.dark-mode.anbita-app .handicap-room,
    body.dark-mode.anbita-app .handicap-room strong,
    html.dark-mode.anbita-app-mode body .handicap-room,
    html.dark-mode.anbita-app-mode body .handicap-room strong{
        color:#ffffff!important;
        -webkit-text-fill-color:#ffffff!important;
        opacity:1!important;
    }
}


body.anbita-app .handicap-mobile-discover-button,
html.anbita-app-mode body .handicap-mobile-discover-button{
    display:inline-flex!important;
    width:max-content!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0 auto 16px!important;
    padding:8px 15px!important;
    border-radius:10px!important;
    font:800 17px/1.2 Arial,Helvetica,sans-serif!important;
    white-space:nowrap!important;
}

/* Hellmodus: Raumbezeichnungen schwarz. */
body.anbita-app .handicap-room strong,
body.anbita-app .handicap-overview-room strong,
html.anbita-app-mode body .handicap-room strong,
html.anbita-app-mode body .handicap-overview-room strong{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    opacity:1!important;
}

/* Dark Mode: Raumbezeichnungen weiß. */
html.dark-mode body.anbita-app .handicap-room strong,
html.dark-mode body.anbita-app .handicap-overview-room strong,
body.dark-mode.anbita-app .handicap-room strong,
body.dark-mode.anbita-app .handicap-overview-room strong,
html.dark-mode.anbita-app-mode body .handicap-room strong,
html.dark-mode.anbita-app-mode body .handicap-overview-room strong{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
}

body.anbita-app [data-handicap-overview-title]::after,
html.anbita-app-mode body [data-handicap-overview-title]::after{
    display:none!important;
    content:none!important;
}



.handicap-sidebar-head{
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr) 74px!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    min-height:42px!important;
    margin:0 0 12px!important;
}
.handicap-sidebar-title{
    grid-column:2!important;
    display:block!important;
    min-width:0!important;
    margin:0!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font:900 19px/1.25 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
}
.handicap-sidebar-actions{
    grid-column:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:74px!important;
}
.handicap-overview-icon-button,
.handicap-favorites-button{
    flex:0 0 34px!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    margin:0!important;
    padding:0!important;
}
.handicap-overview-icon-button span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    color:#174ea6!important;
    -webkit-text-fill-color:#174ea6!important;
    font-size:22px!important;
    line-height:1!important;
}
.handicap-overview-icon-button:hover,
.handicap-overview-icon-button:focus-visible,
.handicap-overview-icon-button.is-active{
    border-color:#174ea6!important;
    background:#eef4ff!important;
}
.handicap-mobile-discover-button{
    display:none!important;
}
.handicap-room-hours{
    display:none!important;
}
html.dark-mode .handicap-sidebar-title,
body.dark-mode .handicap-sidebar-title{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
html.dark-mode .handicap-overview-icon-button span,
body.dark-mode .handicap-overview-icon-button span{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
html.dark-mode .handicap-overview-icon-button:hover,
html.dark-mode .handicap-overview-icon-button:focus-visible,
html.dark-mode .handicap-overview-icon-button.is-active,
body.dark-mode .handicap-overview-icon-button:hover,
body.dark-mode .handicap-overview-icon-button:focus-visible,
body.dark-mode .handicap-overview-icon-button.is-active{
    border-color:#9fc0ff!important;
    background:#243b62!important;
}
@media(max-width:420px){
    .handicap-sidebar-head{
        grid-template-columns:68px minmax(0,1fr) 68px!important;
        gap:4px!important;
    }
    .handicap-sidebar-actions{
        width:68px!important;
        gap:4px!important;
    }
    .handicap-overview-icon-button,
    .handicap-favorites-button{
        flex-basis:32px!important;
        width:32px!important;
        min-width:32px!important;
        height:32px!important;
        min-height:32px!important;
    }
    .handicap-sidebar-title{
        font-size:18px!important;
    }
}


.handicap-sidebar-head{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    min-height:42px!important;
    margin:0 0 12px!important;
}
.handicap-sidebar-title{
    display:block!important;
    flex:0 1 auto!important;
    grid-column:auto!important;
    min-width:0!important;
    margin:0!important;
    font-size:clamp(17px,4.8vw,19px)!important;
    white-space:nowrap!important;
    text-align:center!important;
}
.handicap-sidebar-actions{
    display:flex!important;
    flex:0 0 auto!important;
    grid-column:auto!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
}

/* „Weitere Chats“ rechts ohne rote Zierlinie. */
[data-handicap-overview-title],
.handicap-overview-panel h2{
    border-bottom:0!important;
    text-decoration:none!important;
}
[data-handicap-overview-title]::after,
.handicap-overview-panel h2::after{
    display:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
    border:0!important;
    background:none!important;
    content:none!important;
}



@media(max-width:620px){
    .handicap-overview-empty-all{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:flex-start!important;
        grid-column:1/-1!important;
        width:100%!important;
        max-width:520px!important;
        margin:22px auto 16px!important;
        padding:18px 14px 22px!important;
        box-sizing:border-box!important;
        border:0!important;
        background:transparent!important;
        text-align:center!important;
    }
    .handicap-overview-empty-text{
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        gap:4px!important;
        width:100%!important;
        margin:0 auto!important;
        font-family:Arial,Helvetica,sans-serif!important;
        font-size:16px!important;
        font-weight:700!important;
        line-height:1.45!important;
        text-align:center!important;
    }
    .handicap-overview-notice-image{
        display:block!important;
        width:min(300px,84%)!important;
        max-width:100%!important;
        height:auto!important;
        margin:24px auto 0!important;
        object-fit:contain!important;
    }
    html.dark-mode .handicap-overview-empty-all,
    body.dark-mode .handicap-overview-empty-all{
        color:#fff!important;
        -webkit-text-fill-color:#fff!important;
    }
}



.handicap-overview-room-detail{
    display:grid;
    grid-template-columns:minmax(120px,220px) minmax(0,1fr);
    align-items:start;
    gap:24px;
    width:100%;
    max-width:920px;
    margin:12px auto 24px;
}
.handicap-overview-room-detail-image{
    display:block;
    width:100%;
    height:auto;
    max-height:240px;
    object-fit:contain;
    border-radius:16px;
}
.handicap-overview-room-detail-copy{
    min-width:0;
}
.handicap-overview-room-detail-copy>p{
    margin:0 0 16px;
    line-height:1.55;
}
@media(max-width:620px){
    .handicap-overview-room-detail{
        grid-template-columns:1fr;
        gap:14px;
        margin-top:4px;
    }
    .handicap-overview-room-detail-image{
        width:min(220px,72%);
        margin:0 auto;
        max-height:200px;
    }
}


.handicap-room-status{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:2px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    line-height:1.35!important;
}
.handicap-room-opening-summary{
    display:block!important;
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
}
.handicap-overview-list{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:22px!important;
    width:100%!important;
    padding:8px 0 20px!important;
    box-sizing:border-box!important;
}
.handicap-overview-room{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:min(100%,680px)!important;
    margin:0 auto!important;
    padding:18px 22px!important;
    border:1px solid #d8dfeb!important;
    border-radius:16px!important;
    background:#fff!important;
    text-align:center!important;
}
.handicap-overview-room img{display:none!important;}
.handicap-overview-room-title,
.handicap-overview-room strong{
    display:block!important;
    margin:0!important;
    color:#18263d!important;
    font-size:20px!important;
    line-height:1.3!important;
    text-align:center!important;
}
.handicap-overview-room-description{
    display:block!important;
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    color:#42516b!important;
    font-size:15px!important;
    line-height:1.55!important;
    white-space:normal!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
}
.handicap-overview-empty-all{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    max-width:760px!important;
    margin:24px auto 18px!important;
    padding:20px 16px 24px!important;
    border:0!important;
    background:transparent!important;
    text-align:center!important;
}
.handicap-overview-empty-text{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:460px!important;
    margin:0 auto!important;
    color:#33445e!important;
    font-size:18px!important;
    font-weight:700!important;
    line-height:1.5!important;
    text-align:center!important;
    overflow-wrap:anywhere!important;
}
.handicap-overview-notice-image{
    display:block!important;
    width:min(340px,82%)!important;
    max-width:100%!important;
    height:auto!important;
    margin:24px auto 0!important;
    object-fit:contain!important;
}
html.dark-mode .handicap-overview-room,
body.dark-mode .handicap-overview-room{
    background:#18263d!important;
    border-color:#3a4a66!important;
}
html.dark-mode .handicap-overview-room-title,
html.dark-mode .handicap-overview-room strong,
html.dark-mode .handicap-overview-room-description,
html.dark-mode .handicap-overview-empty-text,
body.dark-mode .handicap-overview-room-title,
body.dark-mode .handicap-overview-room strong,
body.dark-mode .handicap-overview-room-description,
body.dark-mode .handicap-overview-empty-text{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
@media(max-width:620px){
    .handicap-overview-list{gap:16px!important;}
    .handicap-overview-room{width:min(100%,96%)!important;padding:16px 14px!important;}
    .handicap-overview-room-title,
    .handicap-overview-room strong{font-size:18px!important;}
    .handicap-overview-room-description{font-size:14px!important;line-height:1.5!important;}
    .handicap-overview-empty-text{max-width:290px!important;font-size:17px!important;line-height:1.45!important;}
    .handicap-overview-notice-image{width:min(280px,84%)!important;margin-top:20px!important;}
}



.handicap-room-status{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
.handicap-room-opening-summary{
    display:none!important;
}
.handicap-room.is-active{
    box-sizing:border-box!important;
    border-top-color:transparent!important;
    border-right-color:transparent!important;
    border-bottom-color:transparent!important;
    border-left:4px solid #d7192d!important;
    padding-left:4px!important;
    background:#fff!important;
    outline:none!important;
}
html.dark-mode .handicap-room.is-active,
body.dark-mode .handicap-room.is-active{
    border-top-color:transparent!important;
    border-right-color:transparent!important;
    border-bottom-color:transparent!important;
    border-left-color:#ff5b6d!important;
    background:#273142!important;
}
.handicap-overview-list{
    gap:24px!important;
    padding:10px 12px 22px!important;
}
.handicap-overview-room{
    box-sizing:border-box!important;
    width:min(420px,78%)!important;
    max-width:420px!important;
    min-width:0!important;
    padding:16px 18px 18px!important;
    gap:9px!important;
    border:1px solid #d8dfeb!important;
    border-radius:15px!important;
}
.handicap-overview-room img,
.handicap-overview-room-image{
    display:block!important;
    width:78px!important;
    height:78px!important;
    margin:0 auto 2px!important;
    border-radius:50%!important;
    object-fit:cover!important;
    background:#dce4f1!important;
}
.handicap-overview-room-title,
.handicap-overview-room strong{
    font-size:19px!important;
    line-height:1.3!important;
}
.handicap-overview-room-description{
    width:100%!important;
    max-width:360px!important;
    font-size:15px!important;
    line-height:1.5!important;
}
@media(max-width:760px){
    .handicap-overview-list{
        gap:18px!important;
        padding:8px 8px 18px!important;
    }
    .handicap-overview-room{
        width:min(340px,calc(100% - 20px))!important;
        max-width:340px!important;
        padding:14px 13px 16px!important;
        border-radius:14px!important;
    }
    .handicap-overview-room img,
    .handicap-overview-room-image{
        width:66px!important;
        height:66px!important;
    }
    .handicap-overview-room-title,
    .handicap-overview-room strong{
        font-size:18px!important;
    }
    .handicap-overview-room-description{
        max-width:300px!important;
        font-size:14px!important;
        line-height:1.45!important;
    }
}
@media(max-width:380px){
    .handicap-overview-room{
        width:calc(100% - 12px)!important;
        padding:13px 11px 15px!important;
    }
    .handicap-overview-room img,
    .handicap-overview-room-image{
        width:60px!important;
        height:60px!important;
    }
}



[data-handicap-overview-title][hidden]{
    display:none!important;
}
.handicap-chat:not(.is-overview) [data-handicap-overview-title]{
    display:none!important;
}


.handicap-dialog [data-handicap-dialog-close][hidden]{display:none!important;}


.handicap-sidebar-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
}
.handicap-profile-icon-button,
.handicap-overview-icon-button,
.handicap-favorites-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    margin:0!important;
    padding:0!important;
    text-decoration:none!important;
}
.handicap-profile-icon-button span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    font-size:18px!important;
    line-height:1!important;
}
.handicap-profile-icon-button:hover,
.handicap-profile-icon-button:focus-visible{
    border-color:#16833f!important;
    background:#edf9f1!important;
}
.handicap-room>span{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
}
.handicap-room>span>strong{
    display:block!important;
    width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
.handicap-room small,
.handicap-room-status,
.handicap-room-opening-summary{
    display:none!important;
}
body.handicap-member-area [data-anbita-view-back-row]{
    display:none!important;
}
body.handicap-member-area.anbita-app .anbita-app-account-nav,
html.anbita-app-mode body.handicap-member-area .anbita-app-account-nav{
    display:none!important;
}
body.handicap-member-area.anbita-app .site-header .welcome-media,
html.anbita-app-mode body.handicap-member-area .site-header .welcome-media{
    display:none!important;
}
html.dark-mode .handicap-profile-icon-button,
body.dark-mode .handicap-profile-icon-button{
    background:#273142!important;
    color:#fff!important;
    border-color:#5b6a80!important;
}
html.dark-mode .handicap-profile-icon-button:hover,
html.dark-mode .handicap-profile-icon-button:focus-visible,
body.dark-mode .handicap-profile-icon-button:hover,
body.dark-mode .handicap-profile-icon-button:focus-visible{
    border-color:#86efac!important;
    background:#174b31!important;
}
@media(max-width:760px){
    body.handicap-member-area .site-header .welcome-media,
    body.handicap-member-area .anbita-mobile-symbol-nav{
        display:none!important;
    }
    .handicap-sidebar-head{
        gap:6px!important;
    }
    .handicap-sidebar-title{
        flex:0 1 auto!important;
        font-size:18px!important;
    }
}
@media(max-width:360px){
    .handicap-sidebar-head{gap:4px!important;}
    .handicap-sidebar-title{font-size:17px!important;}
    .handicap-profile-icon-button,
    .handicap-overview-icon-button,
    .handicap-favorites-button{
        flex-basis:30px!important;
        width:30px!important;
        min-width:30px!important;
        height:30px!important;
        min-height:30px!important;
    }
}

/* Den kompletten Logo-/Werbebannerbereich ohne leeren Restabstand entfernen. */
body.handicap-member-area.anbita-app .site-header .welcome-row,
html.anbita-app-mode body.handicap-member-area .site-header .welcome-row{
    display:none!important;
}
@media(max-width:760px){
    body.handicap-member-area .site-header .welcome-row{
        display:none!important;
    }
}

/* --------------------------------------------------------------------------
   Handicap@Netzwerk Update 156: zuverlässiger Dialog, klare Startansicht und Touch-Scroll
   -------------------------------------------------------------------------- */

/* Eigener, browser- und WebView-unabhängiger Dialog statt nativem <dialog>. */
.handicap-dialog-layer[hidden]{
    display:none!important;
}
.handicap-dialog-layer{
    position:fixed!important;
    z-index:2147483000!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100vw!important;
    height:100dvh!important;
    padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
    overflow:auto!important;
    background:rgba(0,0,0,.62)!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-overflow-scrolling:touch!important;
}
.handicap-dialog-layer .handicap-dialog{
    position:relative!important;
    z-index:1!important;
    display:block!important;
    box-sizing:border-box!important;
    width:min(92vw,620px)!important;
    max-width:620px!important;
    max-height:min(85dvh,760px)!important;
    margin:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    pointer-events:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
}
.handicap-dialog-layer .handicap-dialog,
.handicap-dialog-layer .handicap-dialog *{
    pointer-events:auto!important;
}
body.handicap-dialog-open{
    overflow:hidden!important;
}
.handicap-join-actions{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:16px!important;
    width:100%!important;
}
.handicap-join-actions .handicap-small-button{
    position:relative!important;
    z-index:3!important;
    min-width:68px!important;
    min-height:46px!important;
    padding:10px 18px!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-user-select:none!important;
    user-select:none!important;
}
.handicap-join-actions .handicap-small-button:disabled{
    opacity:.58!important;
    cursor:wait!important;
}

/* Nach dem Beitritt bleiben nur Bedienleiste und Wetter im Portal-Kopf sichtbar. */
body.handicap-member-area .site-header .welcome-media{
    display:none!important;
}
body.handicap-member-area .site-header .welcome-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-height:0!important;
    padding:8px 14px!important;
    gap:0!important;
}
body.handicap-member-area .site-header .welcome-row>.weather-box.weather-country-overview{
    margin:0 0 0 auto!important;
}
body.handicap-member-area .anbita-app-account-nav{
    display:none!important;
}
/* Der alte Profilknopf unter dem ANBITA-Logo wird in Handicap@Netzwerk nicht mehr benötigt. */
body.handicap-member-area .side-menu .is-profile-green{
    display:none!important;
}

/* Mehr Luft zwischen „Meine Chats“ und den drei Bedien-Symbolen. */
.handicap-sidebar-head{
    justify-content:center!important;
    gap:18px!important;
}
.handicap-sidebar-actions{
    gap:8px!important;
}

@media(max-width:760px){
    /* Smartphone-Webbrowser und App: kein Logo-/Werbebereich und keine alte Portalnavigation. */
    body.handicap-member-area .site-header .welcome-row,
    body.handicap-member-area .anbita-mobile-symbol-nav,
    body.handicap-member-area .layout-grid>.side-menu{
        display:none!important;
    }
    body.handicap-member-area .layout-grid{
        display:block!important;
    }
    body.handicap-member-area .main-panel{
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
    }

    .handicap-sidebar-head{
        flex:0 0 auto!important;
        gap:14px!important;
        padding:2px 2px 8px!important;
        margin-bottom:8px!important;
    }
    .handicap-sidebar-actions{
        gap:7px!important;
    }

    /* In „Meine Chats“ kann mitten auf der Raumliste vertikal gewischt werden. */
    body.handicap-member-area.handicap-mobile-menu-open{
        overflow:hidden!important;
        touch-action:pan-y!important;
        overscroll-behavior-y:none!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-app{
        display:block!important;
        height:calc(100dvh - 64px)!important;
        min-height:0!important;
        max-height:calc(100dvh - 64px)!important;
        overflow:hidden!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-sidebar{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        overflow:hidden!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-room-list{
        display:flex!important;
        flex:1 1 auto!important;
        flex-direction:column!important;
        width:100%!important;
        min-height:0!important;
        max-height:none!important;
        padding:0 2px calc(24px + env(safe-area-inset-bottom))!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior-x:none!important;
        overscroll-behavior-y:contain!important;
        scrollbar-width:none!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-room-list::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-room{
        flex:0 0 auto!important;
        width:100%!important;
        min-width:0!important;
        touch-action:pan-y!important;
    }
}

/* Die installierte App nutzt dieselbe aufgeräumte Startansicht unabhängig von der Breite. */
body.handicap-member-area.anbita-app .site-header .welcome-row,
html.anbita-app-mode body.handicap-member-area .site-header .welcome-row,
body.handicap-member-area.anbita-app .anbita-app-account-nav,
html.anbita-app-mode body.handicap-member-area .anbita-app-account-nav{
    display:none!important;
}

@media(max-width:380px){
    .handicap-sidebar-head{gap:10px!important;}
    .handicap-sidebar-actions{gap:5px!important;}
}


/* --------------------------------------------------------------------------
   Handicap@Netzwerk Update 166: volle mobile/App-Fläche unter der Bedienleiste
   -------------------------------------------------------------------------- */

/* Die sichtbare Browser-/WebView-Höhe wird vom Handicap@Netzwerk-JavaScript gesetzt. */
html.handicap-member-html,
html.handicap-member-html body.handicap-member-area{
    min-height:var(--handicap-viewport-height,100dvh)!important;
}

/* Smartphone-Webbrowser: nur die Bedienleiste bleibt oberhalb von Handicap@Netzwerk. */
@media(max-width:760px), (max-height:600px) and (pointer:coarse){
    html.handicap-member-html,
    body.handicap-member-area{
        width:100%!important;
        height:var(--handicap-viewport-height,100dvh)!important;
        max-height:var(--handicap-viewport-height,100dvh)!important;
        margin:0!important;
        overflow:hidden!important;
        overscroll-behavior:none!important;
    }
    body.handicap-member-area{
        touch-action:pan-y pinch-zoom!important;
    }
    body.handicap-member-area .site-shell{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        max-width:none!important;
        height:var(--handicap-viewport-height,100dvh)!important;
        min-height:0!important;
        max-height:var(--handicap-viewport-height,100dvh)!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }
    body.handicap-member-area .site-shell>.site-header,
    body.handicap-member-area.handicap-mobile-room-open .site-shell>.site-header{
        display:block!important;
        flex:0 0 auto!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        margin:0!important;
        padding:0!important;
        overflow:visible!important;
        z-index:40!important;
    }
    body.handicap-member-area .site-header .utility-bar{
        position:relative!important;
        inset:auto!important;
        z-index:41!important;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding-left:max(6px,env(safe-area-inset-left))!important;
        padding-right:max(6px,env(safe-area-inset-right))!important;
        box-sizing:border-box!important;
    }
    body.handicap-member-area .site-header .utility-bar .weather-mobile-top{
        display:flex!important;
        flex:1 1 auto!important;
        min-width:0!important;
    }
    body.handicap-member-area .site-header .welcome-row,
    body.handicap-member-area .anbita-app-account-nav,
    body.handicap-member-area .anbita-mobile-symbol-nav,
    body.handicap-member-area .layout-grid>.side-menu,
    body.handicap-member-area .site-shell>.site-footer,
    body.handicap-member-area .handicap-header-wrap{
        display:none!important;
    }
    body.handicap-member-area .layout-grid{
        display:block!important;
        flex:1 1 auto!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        min-height:0!important;
        height:auto!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
    }
    body.handicap-member-area .main-panel,
    body.handicap-member-area .handicap-page{
        display:block!important;
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        margin:0!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
    }
    body.handicap-member-area .handicap-app,
    body.handicap-member-area.handicap-mobile-menu-open .handicap-app,
    body.handicap-member-area.handicap-mobile-room-open .handicap-app,
    body.handicap-member-area.handicap-mobile-overview-open .handicap-app{
        width:100%!important;
        max-width:none!important;
        min-width:0!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        box-shadow:none!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
    }

    /* Startansicht „Meine Chats“: die gesamte Mitte ist eine Wischfläche. */
    body.handicap-member-area.handicap-mobile-menu-open .handicap-sidebar{
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
        border:0!important;
        overflow:hidden!important;
        box-sizing:border-box!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-room-list{
        display:flex!important;
        flex:1 1 auto!important;
        flex-direction:column!important;
        width:100%!important;
        min-height:0!important;
        max-height:none!important;
        padding:0 2px max(18px,env(safe-area-inset-bottom))!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior-x:none!important;
        overscroll-behavior-y:contain!important;
        scroll-behavior:smooth!important;
        scroll-padding-block:10px 28px!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-room-list::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-room{
        flex:0 0 auto!important;
        width:100%!important;
        min-width:0!important;
        touch-action:pan-y!important;
    }
    body.handicap-member-area.handicap-mobile-menu-open .handicap-chat{
        display:none!important;
    }

    /* Chatraum: Kopf und Schreibbereich bleiben stehen, nur der Verlauf wischt. */
    body.handicap-member-area:not(.handicap-mobile-menu-open):not(.handicap-mobile-overview-open) .handicap-sidebar,
    body.handicap-member-area.handicap-mobile-room-open .handicap-sidebar{
        display:none!important;
    }
    body.handicap-member-area:not(.handicap-mobile-menu-open):not(.handicap-mobile-overview-open) .handicap-chat,
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat{
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        margin:0!important;
        overflow:hidden!important;
    }
    body.handicap-member-area .handicap-messages{
        min-height:0!important;
        max-height:none!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior-x:none!important;
        overscroll-behavior-y:contain!important;
        scroll-padding-block:12px 28px!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }
    body.handicap-member-area .handicap-messages::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }
    body.handicap-member-area .handicap-composer{
        position:relative!important;
        bottom:auto!important;
        flex:0 0 auto!important;
        width:100%!important;
        max-width:100%!important;
        margin:0!important;
        padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
        box-sizing:border-box!important;
    }
    body.handicap-member-area .handicap-composer-entry,
    body.handicap-member-area .handicap-composer textarea{
        min-width:0!important;
        max-width:100%!important;
    }

    /* Gruppenübersicht/Favoritenansicht scrollt ebenfalls innerhalb der Fläche. */
    body.handicap-member-area.handicap-mobile-overview-open .handicap-sidebar{
        display:none!important;
    }
    body.handicap-member-area.handicap-mobile-overview-open .handicap-chat,
    body.handicap-member-area.handicap-mobile-overview-open .handicap-chat.is-overview{
        display:block!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior-y:contain!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }
    body.handicap-member-area.handicap-mobile-overview-open .handicap-chat::-webkit-scrollbar{
        display:none!important;
        width:0!important;
        height:0!important;
    }
    body.handicap-member-area.handicap-mobile-overview-open .handicap-overview-panel{
        min-height:100%!important;
        padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
    }
}

/* Installierte App: unabhängig von der Fensterbreite die gesamte Restfläche nutzen. */
body.anbita-app.handicap-member-area{
    width:100%!important;
    height:var(--handicap-viewport-height,100dvh)!important;
    max-height:var(--handicap-viewport-height,100dvh)!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
}
body.anbita-app.handicap-member-area .site-shell{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    max-width:none!important;
    height:var(--handicap-viewport-height,100dvh)!important;
    min-height:0!important;
    max-height:var(--handicap-viewport-height,100dvh)!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
body.anbita-app.handicap-member-area .site-shell>.site-header,
body.anbita-app.handicap-member-area.handicap-mobile-room-open .site-shell>.site-header{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    z-index:40!important;
}
body.anbita-app.handicap-member-area .site-header .utility-bar{
    position:relative!important;
    z-index:41!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding-left:max(6px,env(safe-area-inset-left))!important;
    padding-right:max(6px,env(safe-area-inset-right))!important;
    box-sizing:border-box!important;
}
body.anbita-app.handicap-member-area .site-header .welcome-row,
body.anbita-app.handicap-member-area .anbita-app-account-nav,
body.anbita-app.handicap-member-area .anbita-mobile-symbol-nav,
body.anbita-app.handicap-member-area .layout-grid>.side-menu,
body.anbita-app.handicap-member-area .site-shell>.site-footer,
body.anbita-app.handicap-member-area .handicap-header-wrap{
    display:none!important;
}
body.anbita-app.handicap-member-area .layout-grid{
    display:block!important;
    flex:1 1 auto!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
body.anbita-app.handicap-member-area .main-panel,
body.anbita-app.handicap-member-area .handicap-page{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
body.anbita-app.handicap-member-area .handicap-app{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden!important;
}

/* App auf Tablet/PC: zweigeteilt, aber weiterhin über die volle Resthöhe. */
@media(min-width:761px){
    body.anbita-app.handicap-member-area .handicap-app{
        display:grid!important;
        grid-template-columns:minmax(230px,280px) minmax(0,1fr)!important;
    }
    body.anbita-app.handicap-member-area .handicap-sidebar{
        display:flex!important;
        flex-direction:column!important;
        min-height:0!important;
        max-height:100%!important;
        overflow:hidden!important;
    }
    body.anbita-app.handicap-member-area .handicap-room-list{
        flex:1 1 auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior-y:contain!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }
    body.anbita-app.handicap-member-area .handicap-chat{
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        overflow:hidden!important;
    }
    body.anbita-app.handicap-member-area .handicap-chat.is-overview{
        display:block!important;
        overflow-y:auto!important;
        overscroll-behavior-y:contain!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }
    body.anbita-app.handicap-member-area .handicap-messages{
        min-height:0!important;
        overflow-y:auto!important;
        overscroll-behavior-y:contain!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
    }
}


/* Rathaus-Begrüßung: mittiger, ruhiger Textblock auf allen Geräten. */
.handicap-rathaus-intro{
    width:min(820px,calc(100% - 32px));
    padding:clamp(18px,2.4vw,28px);
    gap:16px;
}
.handicap-rathaus-intro-text{
    width:min(690px,100%);
    margin:0 auto;
    text-align:center;
}
.handicap-rathaus-intro-text .handicap-rathaus-intro-title{
    max-width:100%;
    margin:0 auto 16px;
    font:700 clamp(18px,2vw,21px)/1.45 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    text-wrap:balance;
}
.handicap-rathaus-intro-text p:not(.handicap-rathaus-intro-title){
    max-width:640px;
    margin:12px auto;
    font:400 clamp(16px,1.55vw,18px)/1.7 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    text-align-last:center!important;
    text-wrap:pretty;
    hyphens:none!important;
    -webkit-hyphens:none!important;
    overflow-wrap:normal;
    word-break:normal;
}
@media(max-width:620px){
    .handicap-rathaus-intro{
        width:calc(100% - 16px);
        padding:18px 14px;
        gap:12px;
    }
    .handicap-rathaus-intro-text{
        width:100%;
    }
    .handicap-rathaus-intro-text .handicap-rathaus-intro-title{
        margin-bottom:14px;
        font-size:18px!important;
    }
    .handicap-rathaus-intro-text p:not(.handicap-rathaus-intro-title){
        max-width:34rem;
        margin:11px auto;
        font-size:16px!important;
        line-height:1.65!important;
        text-align:center!important;
        text-align-last:center!important;
        text-wrap:pretty;
    }
    .handicap-rathaus-intro-image{
        width:min(220px,78%);
        margin-top:4px;
    }
}
.handicap-rathaus-intro-ps{margin-top:16px!important;padding-top:14px;border-top:1px solid rgba(31,91,216,.22);font-size:15px;line-height:1.5}
html.dark-mode .handicap-rathaus-intro-ps,body.dark-mode .handicap-rathaus-intro-ps{border-top-color:rgba(255,255,255,.18)}
@media(max-width:620px){.handicap-rathaus-intro-ps{font-size:14px;line-height:1.48}}


/* Handicap@Netzwerk v3.0: mobile Startseite und mobile Schreibleiste. */
@media(max-width:760px), (max-height:600px) and (pointer:coarse){
    .handicap-entry-card-intro .handicap-entry-actions{
        align-items:center!important;
        justify-content:center!important;
        width:100%!important;
    }
    .handicap-entry-card-intro .handicap-entry-actions .handicap-button{
        width:min(220px,100%)!important;
        min-width:0!important;
        margin:0 auto!important;
    }
    .handicap-composer .handicap-dictate-button,
    .handicap-composer .handicap-record-button{
        display:none!important;
    }
    .handicap-composer{
        grid-template-columns:44px minmax(0,1fr) 44px!important;
        grid-template-areas:
            "message message message"
            "attach . send"!important;
    }
}
body.anbita-app .handicap-composer .handicap-dictate-button,
body.anbita-app .handicap-composer .handicap-record-button,
html.anbita-app-mode body .handicap-composer .handicap-dictate-button,
html.anbita-app-mode body .handicap-composer .handicap-record-button{
    display:none!important;
}
body.anbita-app .handicap-composer,
html.anbita-app-mode body .handicap-composer{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    grid-template-areas:"attach message send"!important;
}


/* Handicap@Netzwerk v3.1: sichtbarer Rückweg im mobilen Browser direkt im Chatkopf. */
.handicap-mobile-chat-back[hidden]{display:none!important;}
.handicap-mobile-chat-back{
    flex:0 0 40px;
    width:40px;
    height:40px;
    min-width:40px;
    min-height:40px;
    text-decoration:none;
    font-size:1.55rem;
    font-weight:900;
    line-height:1;
}
.handicap-mobile-chat-back span{
    display:block;
    transform:translateX(-1px) scaleX(1.18);
}
html.dark-mode .handicap-mobile-chat-back,
body.dark-mode .handicap-mobile-chat-back{
    border-color:#6d7f98!important;
    color:#fff!important;
    background:#273142!important;
}

/* --------------------------------------------------------------------------
   Handicap@Netzwerk Update 342: klare Raum-/Profileinstellungen und Räume ohne Pflichtbild
   -------------------------------------------------------------------------- */
.handicap-room.has-no-image{
    grid-template-columns:minmax(0,1fr)!important;
    padding:10px 12px!important;
}
.handicap-room.has-no-image>span{min-width:0;}
.handicap-current-room-image[hidden]{display:none!important;}
.handicap-overview-room.has-no-image{
    padding-top:18px!important;
}
.handicap-overview-room.has-no-image .handicap-overview-room-title{
    margin-top:0!important;
}
.handicap-overview-room-detail.has-no-image{
    grid-template-columns:minmax(0,1fr)!important;
}
.handicap-avatar-empty{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px dashed #9aa8bb!important;
    background:transparent!important;
}
.handicap-avatar-empty::before{
    content:'👤';
    font-size:20px;
    line-height:1;
    opacity:.65;
}
.handicap-profile-open{
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
}
.handicap-member-profile{
    display:block;
    width:42px;
    height:42px;
    border-radius:50%;
}
.handicap-favorite-profile{
    display:flex;
    min-width:0;
    align-items:center;
    gap:10px;
}
.handicap-profile-open:focus-visible{
    outline:3px solid rgba(31,91,216,.32);
    outline-offset:3px;
    border-radius:10px;
}
.handicap-birthday-badge{
    display:inline-flex;
    margin-left:5px;
    vertical-align:middle;
    font-size:.9em;
    line-height:1;
}
.handicap-message-person>.handicap-birthday-badge{
    position:absolute;
    right:-4px;
    bottom:-4px;
    z-index:4;
    margin:0;
    padding:2px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 4px rgba(0,0,0,.22);
}

.handicap-dialog-layer .handicap-dialog{
    width:min(94vw,720px)!important;
    max-width:720px!important;
    padding:22px!important;
}
.handicap-dialog h2{
    margin:0 0 16px;
    font:900 24px/1.2 Arial,Helvetica,sans-serif;
}
.handicap-settings-tabs{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 18px;
    padding-bottom:12px;
    border-bottom:1px solid #d8dfeb;
}
.handicap-settings-tab{
    width:auto!important;
    min-width:0!important;
    min-height:38px;
    padding:7px 14px;
    border:1px solid #b9c5d8;
    border-radius:999px;
    background:#f3f6fb;
    color:#18263d;
    font:800 15px/1.2 Arial,Helvetica,sans-serif;
    cursor:pointer;
}
.handicap-settings-tab.is-active{
    border-color:#1f5bd8;
    background:#1f5bd8;
    color:#fff;
}
.handicap-settings-shell,
.handicap-settings-panel{
    display:grid;
    gap:18px;
}
.handicap-settings-panel[hidden]{display:none!important;}
.handicap-settings-field{
    display:grid!important;
    gap:7px!important;
    margin:0!important;
}
.handicap-settings-label{
    display:block;
    font:800 16px/1.3 Arial,Helvetica,sans-serif;
}
.handicap-settings-field small{
    display:block;
    color:#65738a;
    font:400 13px/1.45 Arial,Helvetica,sans-serif;
}
.handicap-clear-history-field .handicap-small-button{
    justify-self:start!important;
    width:max-content!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal;
}
.handicap-native-audio-input{
    display:none!important;
}
.handicap-settings-field textarea,
.handicap-settings-field select,
.handicap-settings-field input[type=text],
.handicap-settings-field input[type=file]{
    box-sizing:border-box;
    display:block;
    width:100%;
    max-width:100%;
    margin:0;
    padding:10px 11px;
    border:1px solid #b9c5d8;
    border-radius:10px;
    background:#fff;
    color:#18263d;
    font:16px/1.45 Arial,Helvetica,sans-serif;
}
.handicap-settings-field textarea{
    min-height:96px;
    resize:vertical;
}
.handicap-settings-field select{
    min-height:44px;
}
.handicap-settings-checks{
    display:grid;
    gap:10px;
}
.handicap-settings-check{
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    margin:0!important;
    font:700 15px/1.45 Arial,Helvetica,sans-serif;
}
.handicap-settings-check input{
    flex:0 0 auto;
    margin-top:3px;
}
.handicap-settings-note{
    margin:0;
    padding:11px 12px;
    border-radius:10px;
    background:#f3f6fb;
    font:600 14px/1.5 Arial,Helvetica,sans-serif;
}
.handicap-settings-actions{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
}
.handicap-settings-actions .handicap-small-button,
.handicap-group-link-row .handicap-small-button{
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    white-space:nowrap;
}
.handicap-settings-image-preview{
    display:flex;
    align-items:center;
    justify-content:center;
    width:112px;
    height:112px;
    margin:0;
    overflow:hidden;
    border:1px solid #c8d3e6;
    border-radius:14px;
    background:#eef3f8;
}
.handicap-settings-image-preview img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.handicap-settings-image-preview span{
    padding:10px;
    color:#65738a;
    font:700 13px/1.35 Arial,Helvetica,sans-serif;
    text-align:center;
}
.handicap-group-link-box{
    display:grid;
    gap:9px;
    margin:0!important;
    padding:13px!important;
}
.handicap-group-link-row{
    grid-template-columns:minmax(0,1fr) auto!important;
}
.handicap-group-link-row input[data-group-url]{
    min-width:0;
}

.handicap-public-profile-head{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:20px;
}
.handicap-public-profile-head h2{
    margin:0 0 4px;
}
.handicap-public-profile-image{
    display:flex;
    align-items:center;
    justify-content:center;
    width:92px;
    height:92px;
    flex:0 0 92px;
    overflow:hidden;
    border-radius:50%;
    object-fit:cover;
    background:#dce4f1;
}
.handicap-birthday-text{
    margin:0;
    font-weight:800;
}
.handicap-public-profile{
    display:grid;
    gap:14px;
}
.handicap-public-profile-row,
.handicap-public-profile-section{
    margin:0;
    padding:12px 13px;
    border:1px solid #d8dfeb;
    border-radius:11px;
    background:#f8fafc;
}
.handicap-public-profile-row{
    display:grid;
    grid-template-columns:minmax(100px,.45fr) minmax(0,1fr);
    gap:12px;
}
.handicap-public-profile-section strong{
    display:block;
    margin-bottom:6px;
}
.handicap-public-profile-section p{
    margin:0;
    line-height:1.55;
    overflow-wrap:anywhere;
}

html.dark-mode .handicap-settings-tabs,
body.dark-mode .handicap-settings-tabs{border-color:#435064;}
html.dark-mode .handicap-settings-tab,
body.dark-mode .handicap-settings-tab{
    border-color:#5b6a80;
    background:#273142;
    color:#fff;
}
html.dark-mode .handicap-settings-tab.is-active,
body.dark-mode .handicap-settings-tab.is-active{
    border-color:#6fa0ff;
    background:#2d6de2;
}
html.dark-mode .handicap-settings-field textarea,
html.dark-mode .handicap-settings-field select,
html.dark-mode .handicap-settings-field input[type=text],
html.dark-mode .handicap-settings-field input[type=file],
body.dark-mode .handicap-settings-field textarea,
body.dark-mode .handicap-settings-field select,
body.dark-mode .handicap-settings-field input[type=text],
body.dark-mode .handicap-settings-field input[type=file]{
    border-color:#5b6a80;
    background:#0f151e;
    color:#fff;
    color-scheme:dark;
}
html.dark-mode .handicap-settings-field small,
body.dark-mode .handicap-settings-field small{color:#c5d0de;}
html.dark-mode .handicap-settings-note,
body.dark-mode .handicap-settings-note,
html.dark-mode .handicap-public-profile-row,
html.dark-mode .handicap-public-profile-section,
body.dark-mode .handicap-public-profile-row,
body.dark-mode .handicap-public-profile-section{
    border-color:#435064;
    background:#202936;
    color:#fff;
}
html.dark-mode .handicap-settings-image-preview,
body.dark-mode .handicap-settings-image-preview{
    border-color:#526178;
    background:#111720;
}
html.dark-mode .handicap-message-person>.handicap-birthday-badge,
body.dark-mode .handicap-message-person>.handicap-birthday-badge{background:#273142;}

@media(max-width:620px){
    .handicap-dialog-layer{
        align-items:flex-start!important;
        padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    }
    .handicap-dialog-layer .handicap-dialog{
        width:100%!important;
        max-width:none!important;
        max-height:calc(100dvh - 16px)!important;
        padding:17px 14px!important;
        border-radius:14px!important;
    }
    .handicap-dialog h2{font-size:21px;}
    .handicap-settings-tabs{
        position:sticky;
        top:-17px;
        z-index:6;
        margin:0 -14px 16px;
        padding:10px 14px 12px;
        background:inherit;
    }
    .handicap-settings-tab{
        min-height:40px;
        padding:8px 15px;
    }
    .handicap-settings-shell,
    .handicap-settings-panel{gap:16px;}
    .handicap-settings-image-preview{
        width:96px;
        height:96px;
    }
    .handicap-group-link-row{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .handicap-group-link-row .handicap-small-button{
        justify-self:start;
    }
    .handicap-public-profile-head{
        align-items:flex-start;
        gap:12px;
    }
    .handicap-public-profile-image{
        width:76px;
        height:76px;
        flex-basis:76px;
    }
    .handicap-public-profile-row{
        grid-template-columns:1fr;
        gap:4px;
    }
    .handicap-room.has-no-image{min-width:132px!important;}
}
body.anbita-app .handicap-dialog-layer{
    align-items:flex-start!important;
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
}
body.anbita-app .handicap-dialog-layer .handicap-dialog{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 16px)!important;
    padding:17px 14px!important;
}

/* Handicap@Netzwerk Update 343: Mitglieder, Favoritenanfragen und blockierte Profile */
.handicap-city-member-list,
.handicap-blocked-list{
    display:grid;
    gap:10px;
}
.handicap-city-member{
    box-sizing:border-box;
    display:flex;
    width:100%;
    min-width:0;
    align-items:center;
    gap:11px;
    padding:10px 12px;
    border:1px solid #d8dfeb;
    border-radius:12px;
    background:#f8fafc;
    color:#18263d;
    font:700 16px/1.35 Arial,Helvetica,sans-serif;
    text-align:left;
    cursor:pointer;
}
.handicap-city-member:hover,
.handicap-city-member:focus-visible{
    border-color:#7798d7;
    background:#eef4ff;
}
.handicap-city-member .handicap-avatar,
.handicap-blocked-person .handicap-avatar{
    width:42px;
    height:42px;
    flex:0 0 42px;
}
.handicap-city-member-name{
    min-width:0;
    overflow-wrap:anywhere;
}
.handicap-member-loading{
    margin:0;
    padding:14px;
    border-radius:11px;
    background:#f3f6fb;
}
.handicap-public-profile-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
    margin-top:18px;
    padding-top:16px;
    border-top:1px solid #d8dfeb;
}
.handicap-public-profile-actions .handicap-small-button{
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    white-space:normal;
}
.handicap-profile-action-note,
.handicap-profile-action-status{
    margin:0;
    font:600 14px/1.5 Arial,Helvetica,sans-serif;
}
.handicap-profile-action-status{
    color:#52647f;
}
.handicap-message.is-favorite-request .handicap-bubble{
    width:min(100%,560px);
    max-width:min(88%,560px);
}
.handicap-favorite-request-card{
    box-sizing:border-box;
    display:grid;
    width:100%;
    min-width:0;
    gap:14px;
    margin-top:12px;
    padding:15px;
    border:1px solid #c8d6ef;
    border-radius:12px;
    background:#f3f7ff;
}
.handicap-favorite-request-copy{
    display:grid;
    gap:6px;
}
.handicap-favorite-request-card p,
.handicap-favorite-request-result{
    margin:0;
    font:600 14px/1.55 Arial,Helvetica,sans-serif;
}
.handicap-favorite-request-copy p:first-child{
    font-weight:700;
}
.handicap-favorite-request-copy strong{
    display:inline;
    font-size:inherit;
}
.handicap-favorite-request-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:10px;
    margin-top:2px;
}
.handicap-favorite-request-actions .handicap-small-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:42px;
    padding:9px 12px!important;
    white-space:normal;
    line-height:1.3;
}
.handicap-small-button-danger{
    border-color:#a82c35!important;
    background:#b9343e!important;
    color:#fff!important;
}
.handicap-small-button-danger:hover,
.handicap-small-button-danger:focus-visible{
    background:#992832!important;
}
.handicap-favorite-request-result{
    margin-top:12px;
    padding:9px 10px;
    border-radius:9px;
    background:#eef3f8;
}
.handicap-blocked-person{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    padding:10px 11px;
    border:1px solid #d8dfeb;
    border-radius:12px;
    background:#f8fafc;
}
.handicap-blocked-person strong{
    min-width:0;
    overflow-wrap:anywhere;
}
.handicap-blocked-person .handicap-small-button{
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    white-space:nowrap;
}
.handicap-blocked-empty{
    margin:0;
    padding:13px;
    border-radius:10px;
    background:#f3f6fb;
}
html.dark-mode .handicap-city-member,
html.dark-mode .handicap-blocked-person,
body.dark-mode .handicap-city-member,
body.dark-mode .handicap-blocked-person{
    border-color:#435064;
    background:#202936;
    color:#fff;
}
html.dark-mode .handicap-city-member:hover,
html.dark-mode .handicap-city-member:focus-visible,
body.dark-mode .handicap-city-member:hover,
body.dark-mode .handicap-city-member:focus-visible{
    border-color:#6f91cf;
    background:#27364d;
}
html.dark-mode .handicap-member-loading,
html.dark-mode .handicap-blocked-empty,
html.dark-mode .handicap-favorite-request-result,
body.dark-mode .handicap-member-loading,
body.dark-mode .handicap-blocked-empty,
body.dark-mode .handicap-favorite-request-result{
    background:#202936;
    color:#fff;
}
html.dark-mode .handicap-favorite-request-card,
body.dark-mode .handicap-favorite-request-card{
    border-color:#4c6388;
    background:#1c2a40;
}
html.dark-mode .handicap-public-profile-actions,
body.dark-mode .handicap-public-profile-actions{
    border-color:#435064;
}
html.dark-mode .handicap-profile-action-status,
body.dark-mode .handicap-profile-action-status{
    color:#c5d0de;
}
@media(max-width:620px){
    .handicap-settings-tabs{
        overflow-x:auto;
        overflow-y:hidden;
        scrollbar-width:none;
    }
    .handicap-settings-tabs::-webkit-scrollbar{display:none;}
    .handicap-settings-tab{flex:0 0 auto;}
    .handicap-city-member-list,
    .handicap-blocked-list{gap:8px;}
    .handicap-city-member{
        padding:9px 10px;
        font-size:15px;
    }
    .handicap-blocked-person{
        grid-template-columns:auto minmax(0,1fr);
        padding:9px 10px;
    }
    .handicap-blocked-person .handicap-small-button{
        grid-column:2;
        justify-self:start;
    }
    .handicap-message.is-favorite-request .handicap-bubble{
        width:calc(100% - 38px);
        max-width:calc(100% - 38px);
    }
    .handicap-favorite-request-card{
        gap:13px;
        padding:13px;
    }
    .handicap-favorite-request-actions{
        grid-template-columns:1fr;
        gap:9px;
    }
    .handicap-favorite-request-actions .handicap-small-button{
        min-height:44px;
        padding:10px 12px!important;
    }
    .handicap-public-profile-actions{
        align-items:flex-start;
    }
}

.handicap-favorite-request-person{
    box-sizing:border-box;
    display:flex;
    width:100%;
    min-width:0;
    align-items:center;
    gap:10px;
    padding:9px 10px;
    border:1px solid #c8d6ef;
    border-radius:10px;
    background:#fff;
    color:#18263d;
    font:700 15px/1.35 Arial,Helvetica,sans-serif;
    text-align:left;
    cursor:pointer;
}
.handicap-favorite-request-person:hover,
.handicap-favorite-request-person:focus-visible{
    border-color:#7798d7;
    background:#eef4ff;
}
.handicap-favorite-request-person .handicap-avatar{
    width:40px;
    height:40px;
    flex:0 0 40px;
}
.handicap-favorite-request-person strong{
    min-width:0;
    overflow-wrap:anywhere;
}
.handicap-settings-member-section{
    display:grid;
    gap:10px;
    margin-top:20px;
    padding-top:17px;
    border-top:1px solid #d8dfeb;
}
.handicap-settings-member-section h3{
    margin:0;
    font:700 17px/1.35 Arial,Helvetica,sans-serif;
}
.handicap-settings-member-list{
    display:grid;
    gap:9px;
}
.handicap-settings-member{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:9px 10px;
    border:1px solid #d8dfeb;
    border-radius:11px;
    background:#f8fafc;
}
.handicap-settings-member-profile{
    display:flex;
    min-width:0;
    align-items:center;
    gap:10px;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
    font:700 15px/1.35 Arial,Helvetica,sans-serif;
    text-align:left;
    cursor:pointer;
}
.handicap-settings-member-profile .handicap-avatar{
    width:38px;
    height:38px;
    flex:0 0 38px;
}
.handicap-settings-member-profile strong{
    min-width:0;
    overflow-wrap:anywhere;
}
.handicap-settings-member-role-label{
    color:#52647f;
    font:600 13px/1.35 Arial,Helvetica,sans-serif;
    white-space:nowrap;
}
.handicap-settings-member .handicap-member-role{
    width:auto;
    min-width:110px;
    max-width:140px;
}
html.dark-mode .handicap-favorite-request-person,
body.dark-mode .handicap-favorite-request-person,
html.dark-mode .handicap-settings-member,
body.dark-mode .handicap-settings-member{
    border-color:#435064;
    background:#202936;
    color:#fff;
}
html.dark-mode .handicap-favorite-request-person:hover,
html.dark-mode .handicap-favorite-request-person:focus-visible,
body.dark-mode .handicap-favorite-request-person:hover,
body.dark-mode .handicap-favorite-request-person:focus-visible{
    border-color:#6f91cf;
    background:#27364d;
}
html.dark-mode .handicap-settings-member-section,
body.dark-mode .handicap-settings-member-section{
    border-color:#435064;
}
html.dark-mode .handicap-settings-member-role-label,
body.dark-mode .handicap-settings-member-role-label{
    color:#c5d0de;
}
@media(max-width:620px){
    .handicap-favorite-request-person{
        padding:8px 9px;
    }
    .handicap-settings-member{
        grid-template-columns:minmax(0,1fr);
        gap:8px;
    }
    .handicap-settings-member .handicap-member-role,
    .handicap-settings-member-role-label{
        justify-self:start;
        margin-left:48px;
    }
}


/* Handicap@Netzwerk Update 344: Ausloggen und Profil löschen in den Profileinstellungen */
.handicap-settings-toolbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    margin:0 0 18px;
    padding-bottom:12px;
    border-bottom:1px solid #d8dfeb;
}
.handicap-settings-toolbar .handicap-settings-tabs{
    min-width:0;
    margin:0;
    padding:0;
    border:0;
}
.handicap-settings-logout{
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    white-space:nowrap;
}
.handicap-settings-bottom-actions{
    justify-content:flex-start;
}
.handicap-profile-settings-actions{
    display:grid!important;
    grid-template-columns:auto auto minmax(8px,1fr) auto;
    align-items:center;
    gap:8px!important;
    width:100%;
}
.handicap-profile-settings-actions .handicap-small-button{
    width:auto!important;
    min-width:0!important;
    max-width:max-content!important;
    white-space:nowrap;
}
.handicap-settings-action-spacer{
    min-width:8px;
}
.handicap-profile-delete-layer{
    position:fixed;
    inset:0;
    z-index:12000;
    display:grid;
    place-items:center;
    padding:16px;
    background:rgba(5,12,24,.68);
}
.handicap-profile-delete-confirm{
    box-sizing:border-box;
    width:min(92vw,390px);
    padding:22px;
    border:1px solid #c8d2e2;
    border-radius:15px;
    background:#fff;
    color:#17243a;
    box-shadow:0 22px 70px rgba(0,0,0,.35);
    text-align:center;
}
.handicap-profile-delete-confirm h3{
    margin:0;
    font:800 20px/1.4 Arial,Helvetica,sans-serif;
}
.handicap-profile-delete-actions{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:20px;
}
.handicap-profile-delete-actions .handicap-small-button{
    width:auto!important;
    min-width:72px!important;
    max-width:max-content!important;
}
html.dark-mode .handicap-settings-toolbar,
body.dark-mode .handicap-settings-toolbar{
    border-color:#435064;
}
html.dark-mode .handicap-profile-delete-confirm,
body.dark-mode .handicap-profile-delete-confirm{
    border-color:#4b5b72;
    background:#171f2b;
    color:#fff;
}
@media(max-width:620px){
    .handicap-settings-toolbar{
        position:sticky;
        top:-17px;
        z-index:6;
        margin:0 -14px 16px;
        padding:10px 14px 12px;
        background:inherit;
    }
    .handicap-settings-toolbar .handicap-settings-tabs{
        position:static;
        margin:0;
        padding:0;
        background:transparent;
    }
    .handicap-settings-logout{
        padding:8px 11px!important;
        font-size:14px!important;
    }
    .handicap-profile-settings-actions{
        gap:6px!important;
    }
    .handicap-profile-settings-actions .handicap-small-button{
        padding:7px 10px!important;
        font-size:14px!important;
    }
    .handicap-profile-delete-confirm{
        width:min(94vw,370px);
        padding:20px 16px;
    }
}
@media(max-width:370px){
    .handicap-settings-toolbar{
        gap:6px;
        padding-left:10px;
        padding-right:10px;
    }
    .handicap-settings-tab{
        padding:7px 11px!important;
        font-size:14px!important;
    }
    .handicap-settings-logout{
        padding:7px 9px!important;
        font-size:13px!important;
    }
    .handicap-profile-settings-actions .handicap-small-button{
        padding:7px 8px!important;
        font-size:13px!important;
    }
}

/* Handicap@Netzwerk 352: Sprachaufnahme bleibt in jedem Chat sichtbar und steht direkt links vor Senden. */
.handicap-composer .handicap-record-button{
    display:inline-flex!important;
    visibility:visible!important;
}
.handicap-settings-role-help{
    margin:0 0 12px;
    padding:10px 12px;
    border:1px solid #d5deea;
    border-radius:10px;
    background:#f7f9fc;
    color:#34445d;
    font-size:13px;
    line-height:1.45;
}
html.dark-mode .handicap-settings-role-help,
body.dark-mode .handicap-settings-role-help{
    border-color:#46546a;
    background:#202a39;
    color:#e8edf5;
}
@media(max-width:760px), (max-height:600px) and (pointer:coarse){
    .handicap-composer .handicap-dictate-button{
        display:none!important;
    }
    .handicap-composer .handicap-record-button{
        display:inline-flex!important;
        grid-area:record!important;
        justify-self:end!important;
        align-self:center!important;
    }
    .handicap-composer{
        grid-template-columns:44px minmax(0,1fr) 44px 44px!important;
        grid-template-areas:
            "message message message message"
            "attach . record send"!important;
    }
    .handicap-composer-entry{
        grid-area:message!important;
    }
    .handicap-composer .handicap-send{
        grid-area:send!important;
        justify-self:end!important;
    }
    .handicap-composer .handicap-attach{
        grid-area:attach!important;
        justify-self:start!important;
    }
}
body.anbita-app .handicap-composer .handicap-record-button,
html.anbita-app-mode body .handicap-composer .handicap-record-button{
    display:inline-flex!important;
    grid-area:record!important;
    justify-self:end!important;
    align-self:center!important;
}
body.anbita-app .handicap-composer .handicap-dictate-button,
html.anbita-app-mode body .handicap-composer .handicap-dictate-button{
    display:none!important;
}
body.anbita-app .handicap-composer,
html.anbita-app-mode body .handicap-composer{
    grid-template-columns:40px minmax(0,1fr) 40px 40px!important;
    grid-template-areas:"attach message record send"!important;
}
@media(max-width:760px), (max-height:600px) and (pointer:coarse){
    body.anbita-app .handicap-composer,
    html.anbita-app-mode body .handicap-composer{
        grid-template-columns:40px minmax(0,1fr) 40px 40px!important;
        grid-template-areas:
            "message message message message"
            "attach . record send"!important;
    }
}

/* Handicap@Netzwerk Update 353: kompakte Textnachrichten und öffentliche Geburtstagsgrüße im Rathaus. */
.handicap-message.is-compact-text{
    min-height:0;
    margin:0 0 4px;
    gap:5px;
    align-items:flex-end;
}
.handicap-message.is-compact-text:not(.is-own){
    padding-top:0;
}
.handicap-message.is-compact-text .handicap-message-person{
    width:30px;
    min-width:30px;
    flex-basis:30px;
}
.handicap-message.is-compact-text .handicap-avatar{
    width:30px;
    height:30px;
}
.handicap-message.is-compact-text .handicap-birthday-badge{
    right:-3px;
    bottom:-3px;
    padding:1px;
    font-size:12px;
}
.handicap-message.is-compact-text .handicap-profile-name-tooltip{
    left:36px;
}
.handicap-message.is-compact-text.is-own .handicap-profile-name-tooltip{
    right:36px;
    left:auto;
}
.handicap-message.is-compact-text .handicap-bubble{
    display:flex;
    align-items:flex-end;
    gap:7px;
    min-height:0;
    padding:5px 8px;
    border-radius:11px;
    line-height:1.28;
}
.handicap-message.is-compact-text .handicap-bubble>div:first-child{
    min-width:0;
}
.handicap-message.is-compact-text .handicap-bubble time{
    flex:0 0 auto;
    margin:0 0 1px;
    line-height:1;
}
.handicap-message.is-birthday-announcement{
    align-items:center;
    margin:8px 0 10px;
    padding-top:0!important;
}
.handicap-message.is-birthday-announcement .handicap-bubble{
    max-width:min(88%,720px);
    padding:9px 11px;
    border:1px solid #e0b83e;
    border-radius:13px;
    background:#fff7cf;
    color:#352900;
    box-shadow:0 2px 8px rgba(98,70,0,.13);
}
.handicap-birthday-announcement-title{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 0 4px;
    font-weight:800;
    font-size:13px;
    line-height:1.25;
}
html.dark-mode .handicap-message.is-birthday-announcement .handicap-bubble,
body.dark-mode .handicap-message.is-birthday-announcement .handicap-bubble{
    border-color:#9d7d25;
    background:#3a3118;
    color:#fff4c7;
}
@media(max-width:620px){
    .handicap-message.is-compact-text{
        margin-bottom:3px;
        gap:4px;
    }
    .handicap-message.is-compact-text .handicap-message-person{
        width:27px;
        min-width:27px;
        flex-basis:27px;
    }
    .handicap-message.is-compact-text .handicap-avatar{
        width:27px;
        height:27px;
    }
    .handicap-message.is-compact-text .handicap-profile-name-tooltip{
        left:33px;
    }
    .handicap-message.is-compact-text.is-own .handicap-profile-name-tooltip{
        right:33px;
        left:auto;
    }
    .handicap-message.is-compact-text .handicap-bubble{
        max-width:88%;
        padding:5px 7px;
        gap:6px;
    }
    .handicap-message.is-birthday-announcement{
        margin:6px 0 8px;
    }
    .handicap-message.is-birthday-announcement .handicap-bubble{
        max-width:calc(100% - 38px);
        padding:8px 9px;
    }
}



/* Handicap@Netzwerk Update 354: sichtbarer Rückweg im mobilen Browser und robuste Sprachnachrichten. */
@media(min-width:761px){
    .handicap-mobile-chat-back{display:none!important;}
}
@media(max-width:760px){
    .handicap-chat-head .handicap-mobile-chat-back{
        display:inline-flex!important;
        order:-10;
        flex:0 0 40px!important;
    }
}

/* Markttag-Hinweis im Rathaus: nur während der tatsächlichen Marktöffnung sichtbar. */
.handicap-market-day-banner{
    align-self:center;
    width:min(460px,calc(100% - 32px));
    margin:4px auto 14px;
    padding:0;
    text-align:center;
}
.handicap-market-day-banner img{
    display:block;
    width:min(380px,100%);
    height:auto;
    margin:0 auto;
    border-radius:16px;
    box-shadow:0 4px 18px rgba(19,36,63,.18);
}
@media(max-width:620px){
    .handicap-market-day-banner{width:min(100%,calc(100% - 16px));margin-bottom:12px;}
    .handicap-market-day-banner img{width:min(300px,100%);border-radius:13px;}
}


/* Handicap@Netzwerk Update 361: feste mobile Rücktaste und Rollensteuerung der Gruppenmitglieder. */
.handicap-group-leadership{
    display:grid;
    gap:5px;
    margin:0 0 12px;
    padding:10px 12px;
    border:1px solid #d5deea;
    border-radius:10px;
    background:#f7f9fc;
}
.handicap-group-leadership p{margin:0;font-size:13px;line-height:1.45;}
.handicap-settings-member-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    flex-wrap:wrap;
}
.handicap-member-action{
    display:inline-flex;
    width:34px;
    height:34px;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid #b8c6da;
    border-radius:9px;
    background:#fff;
    color:#23334d;
    font:800 17px/1 Arial,Helvetica,sans-serif;
    cursor:pointer;
}
.handicap-member-action:hover,
.handicap-member-action:focus-visible,
.handicap-member-action.is-active{
    border-color:#0f4fd8;
    background:#e8f0ff;
    color:#0f4fd8;
}
.handicap-member-action.is-remove{
    border-color:#d8a2a2;
    color:#a91515;
}
.handicap-member-action.is-remove:hover,
.handicap-member-action.is-remove:focus-visible{
    border-color:#b31212;
    background:#fff0f0;
    color:#8d0d0d;
}
html.dark-mode .handicap-group-leadership,
body.dark-mode .handicap-group-leadership{
    border-color:#46546a;
    background:#202a39;
    color:#e8edf5;
}
html.dark-mode .handicap-member-action,
body.dark-mode .handicap-member-action{
    border-color:#52627a;
    background:#273142;
    color:#fff;
}
html.dark-mode .handicap-member-action.is-active,
body.dark-mode .handicap-member-action.is-active{
    border-color:#78a0ef;
    background:#183d83;
}
@media(max-width:620px){
    .handicap-settings-member{
        grid-template-columns:minmax(0,1fr) auto;
    }
    .handicap-settings-member-actions{
        justify-self:end;
    }
    .handicap-settings-member-role-label{
        margin-left:0;
    }
}

/* Handicap@Netzwerk Update 363: Touch-Hinweise und barrierefreie Symbolerklärungen. */
.handicap-touch-help{
    position:fixed;
    z-index:100000;
    max-width:min(88vw,360px);
    padding:8px 11px;
    border:1px solid rgba(0,0,0,.28);
    border-radius:9px;
    background:rgba(20,27,39,.96);
    color:#fff;
    font:700 14px/1.35 Arial,Helvetica,sans-serif;
    text-align:center;
    box-shadow:0 6px 22px rgba(0,0,0,.28);
    pointer-events:none;
    transform:translate(-50%,-100%);
}
.handicap-touch-help.is-below{transform:translate(-50%,0);}
.handicap-touch-help[hidden]{display:none!important;}
html.dark-mode .handicap-touch-help,
body.dark-mode .handicap-touch-help{
    border-color:rgba(255,255,255,.42);
    background:rgba(255,255,255,.97);
    color:#111827;
}
@media (hover:none),(pointer:coarse){
    .handicap-icon-button,
    .handicap-send,
    .handicap-attach,
    .anbita-app-file-preview-remove,
    .handicap-member-action,
    .handicap-birthday-badge{
        -webkit-tap-highlight-color:transparent;
    }
}


/* Handicap@Netzwerk Update 368: unaufdringlicher Rückweg aus „Weitere Chats“. */
.handicap-overview-head{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    margin:0 0 18px;
}
.handicap-overview-head [data-handicap-overview-title]{
    min-width:0;
    margin:0!important;
}
.handicap-overview-back{display:none!important;}
@media(max-width:760px){
    .handicap-overview-panel{padding-top:10px!important;}
    .handicap-overview-head{min-height:42px;margin-bottom:12px;}
    .handicap-overview-back{
        position:absolute;
        top:0;
        left:0;
        z-index:2;
        display:inline-flex!important;
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        padding:0!important;
        border-radius:50%!important;
        font-size:22px!important;
        line-height:1!important;
    }
    .handicap-overview-head [data-handicap-overview-title]{
        max-width:100%;
        padding:0 44px;
        box-sizing:border-box;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
}
body.anbita-app .handicap-overview-panel{padding-top:10px!important;}
body.anbita-app .handicap-overview-head{min-height:42px;margin-bottom:12px;}
body.anbita-app .handicap-overview-back{
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:inline-flex!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:22px!important;
    line-height:1!important;
}
body.anbita-app .handicap-overview-head [data-handicap-overview-title]{
    max-width:100%;
    padding:0 44px;
    box-sizing:border-box;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}


/* Handicap@Netzwerk Update 369: Medien ohne farbige Chat-Blase. */
.handicap-message.is-image-message .handicap-bubble,
.handicap-message.is-audio-message .handicap-bubble,
html.dark-mode .handicap-message.is-image-message .handicap-bubble,
html.dark-mode .handicap-message.is-audio-message .handicap-bubble,
body.dark-mode .handicap-message.is-image-message .handicap-bubble,
body.dark-mode .handicap-message.is-audio-message .handicap-bubble{
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.handicap-message.is-image-message .handicap-bubble img{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.handicap-message.is-audio-message .handicap-bubble audio{
    display:block;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
}
.handicap-message.is-image-message .handicap-bubble time,
.handicap-message.is-audio-message .handicap-bubble time{
    width:max-content;
    margin:4px 4px 0 auto;
    padding:2px 5px;
    border-radius:999px;
    background:rgba(17,24,39,.66);
    color:#fff;
    opacity:1;
}

/* Handicap@Netzwerk Update 377: Favoritenanfrage im Haus/Wohnungs-Chat */
body.anbita-app .handicap-message.is-favorite-request .handicap-bubble{
    width:calc(100% - 38px);
    max-width:calc(100% - 38px);
}
body.anbita-app .handicap-favorite-request-card{
    gap:13px;
    padding:13px;
}
body.anbita-app .handicap-favorite-request-actions{
    grid-template-columns:1fr;
    gap:9px;
}
body.anbita-app .handicap-favorite-request-actions .handicap-small-button{
    width:100%!important;
    max-width:none!important;
    min-height:44px;
    padding:10px 12px!important;
    white-space:normal;
}


/* Handicap@Netzwerk Update 380: Bedien-Symbole oben, "Meine Chats" mittig darunter. */
.handicap-sidebar-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    width:100%!important;
    min-height:0!important;
    margin:0 0 14px!important;
    padding:0!important;
}
.handicap-sidebar-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
.handicap-sidebar-title{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:12px 0 0!important;
    padding:0!important;
    flex:none!important;
    text-align:center!important;
    white-space:nowrap!important;
}
.handicap-room-list{
    margin-top:0!important;
    padding-top:4px!important;
}
@media(max-width:760px){
    .handicap-sidebar-head{
        gap:0!important;
        margin:0 0 12px!important;
        padding:0!important;
    }
    .handicap-sidebar-actions{
        gap:7px!important;
    }
    .handicap-sidebar-title{
        margin-top:11px!important;
    }
    .handicap-room-list{
        padding-top:4px!important;
    }
}
body.anbita-app .handicap-sidebar-head,
html.anbita-app-mode body .handicap-sidebar-head{
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    margin-bottom:12px!important;
    padding:0!important;
}
body.anbita-app .handicap-sidebar-title,
html.anbita-app-mode body .handicap-sidebar-title{
    width:100%!important;
    margin:11px 0 0!important;
    text-align:center!important;
}
body.anbita-app .handicap-room-list,
html.anbita-app-mode body .handicap-room-list{
    padding-top:4px!important;
}


/* Handicap@Netzwerk Update 381: Titel ist eine echte eigene Zeile zwischen Symbolen und Raumliste. */
.handicap-sidebar-head{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
}
.handicap-sidebar-head .handicap-sidebar-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
}
.handicap-sidebar-title-row{
    display:block!important;
    width:100%!important;
    margin:12px 0 14px!important;
    padding:0!important;
    text-align:center!important;
    clear:both!important;
}
.handicap-sidebar-title-row .handicap-sidebar-title{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    white-space:nowrap!important;
}
.handicap-room-list{
    margin-top:0!important;
    padding-top:0!important;
}
@media(max-width:760px){
    .handicap-sidebar-head .handicap-sidebar-actions{gap:7px!important;}
    .handicap-sidebar-title-row{margin:11px 0 13px!important;}
}
body.anbita-app .handicap-sidebar-title-row,
html.anbita-app-mode body .handicap-sidebar-title-row{
    margin:11px 0 13px!important;
}


/* Handicap@Netzwerk Update 383: Gruppen-Einstellungen und Abstand der Seitenleisten-Kopfzeile. */
.handicap-sidebar-title-row{
    margin-top:24px!important;
    margin-bottom:14px!important;
}
.handicap-group-settings-actions{
    display:inline-flex!important;
    align-items:stretch!important;
    gap:10px!important;
    width:max-content!important;
    max-width:100%!important;
    margin-top:26px!important;
}
.handicap-group-settings-actions.has-save{
    display:inline-grid!important;
    grid-template-columns:repeat(2,1fr);
}
.handicap-group-settings-actions .handicap-small-button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    white-space:nowrap!important;
}
.handicap-settings-close-button{
    background:#ffd400!important;
    border-color:#d4ad00!important;
    color:#000!important;
}
.handicap-settings-close-button:hover,
.handicap-settings-close-button:focus-visible{
    background:#ffe14d!important;
    border-color:#b89400!important;
    color:#000!important;
}
@media(max-width:760px){
    .handicap-sidebar-title-row{
        margin-top:22px!important;
        margin-bottom:13px!important;
    }
    .handicap-group-settings-actions{
        gap:9px!important;
        margin-top:24px!important;
    }
}
body.anbita-app .handicap-sidebar-title-row,
html.anbita-app-mode body .handicap-sidebar-title-row{
    margin-top:22px!important;
    margin-bottom:13px!important;
}

/* Handicap@Netzwerk Update 388: kompaktes Profil-Aktionsmenü mit Chat-Profilkopf */
.handicap-dialog-layer .handicap-dialog.handicap-profile-action-dialog{
    width:min(92vw,430px)!important;
    max-width:430px!important;
    padding:18px!important;
}
.handicap-profile-action-shell{
    display:grid;
    gap:15px;
    width:100%;
    min-width:0;
}
.handicap-profile-action-head{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
    padding:2px 2px 12px;
    border-bottom:1px solid #d8dfeb;
}
.handicap-profile-action-avatar{
    display:block;
    flex:0 0 62px;
    width:62px;
    height:62px;
    object-fit:cover;
    border-radius:50%;
    border:2px solid #fff;
    background:#e8edf5;
    box-shadow:0 1px 6px rgba(20,35,58,.20);
}
.handicap-profile-action-avatar.handicap-avatar-empty{
    border-color:#cbd5e3;
}
.handicap-profile-action-person{
    display:grid;
    gap:3px;
    min-width:0;
}
.handicap-profile-action-title{
    margin:0!important;
    font:700 20px/1.25 Arial,Helvetica,sans-serif!important;
    overflow-wrap:anywhere;
}
.handicap-profile-action-subtitle{
    color:#66758b;
    font:400 13px/1.3 Arial,Helvetica,sans-serif;
}
.handicap-profile-action-menu{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:100%;
}
.handicap-profile-action-button{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:8px;
    min-width:0;
    width:100%;
    min-height:42px;
    padding:8px 10px;
    border:1px solid #c8d2e1;
    border-radius:10px;
    background:#fff;
    color:#172033;
    font:700 14px/1.2 Arial,Helvetica,sans-serif;
    text-align:left;
    cursor:pointer;
}
.handicap-profile-action-button:hover,
.handicap-profile-action-button:focus-visible{
    border-color:#7e9ed0;
    background:#f3f7fd;
}
.handicap-profile-action-button.is-danger{
    border-color:#e0a1a1;
    color:#a61f1f;
}
.handicap-profile-action-button:disabled{
    opacity:.48;
    cursor:not-allowed;
}
.handicap-profile-action-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 24px;
    width:24px;
    height:24px;
    font-size:18px;
    line-height:1;
}
.handicap-profile-action-label{
    min-width:0;
    overflow-wrap:anywhere;
}
html.dark-mode .handicap-profile-action-head,
body.dark-mode .handicap-profile-action-head{
    border-bottom-color:#455267;
}
html.dark-mode .handicap-profile-action-subtitle,
body.dark-mode .handicap-profile-action-subtitle{
    color:#b9c4d4;
}
html.dark-mode .handicap-profile-action-avatar,
body.dark-mode .handicap-profile-action-avatar{
    border-color:#3d4a60;
    background:#202a3a;
}
html.dark-mode .handicap-profile-action-button,
body.dark-mode .handicap-profile-action-button{
    border-color:#4c5a70;
    background:#253044;
    color:#fff;
}
html.dark-mode .handicap-profile-action-button:hover,
html.dark-mode .handicap-profile-action-button:focus-visible,
body.dark-mode .handicap-profile-action-button:hover,
body.dark-mode .handicap-profile-action-button:focus-visible{
    border-color:#6fa0ff;
    background:#2d3b52;
}
html.dark-mode .handicap-profile-action-button.is-danger,
body.dark-mode .handicap-profile-action-button.is-danger{
    border-color:#9e5959;
    color:#ffb5b5;
}
@media(max-width:760px), (max-height:600px) and (pointer:coarse){
    .handicap-dialog-layer .handicap-dialog.handicap-profile-action-dialog{
        width:min(calc(100vw - 28px),360px)!important;
        max-width:360px!important;
        margin:auto!important;
        padding:16px!important;
        border-radius:14px!important;
    }
    .handicap-profile-action-shell{
        gap:14px;
    }
    .handicap-profile-action-head{
        gap:11px;
        padding:1px 1px 12px;
    }
    .handicap-profile-action-avatar{
        flex-basis:56px;
        width:56px;
        height:56px;
    }
    .handicap-profile-action-title{
        text-align:left!important;
        font-size:18px!important;
    }
    .handicap-profile-action-menu{
        grid-template-columns:repeat(4,52px);
        justify-content:center;
        gap:10px;
        width:100%;
        padding:2px 0;
    }
    .handicap-profile-action-button{
        justify-content:center;
        width:52px;
        height:52px;
        min-height:52px;
        padding:0;
        border-radius:12px;
    }
    .handicap-profile-action-icon{
        width:auto;
        height:auto;
        flex:0 0 auto;
        font-size:23px;
    }
    .handicap-profile-action-label{
        display:none;
    }
}
body.anbita-app .handicap-dialog-layer .handicap-dialog.handicap-profile-action-dialog,
html.anbita-app-mode body .handicap-dialog-layer .handicap-dialog.handicap-profile-action-dialog{
    width:min(calc(100vw - 28px),360px)!important;
    max-width:360px!important;
    margin:auto!important;
    padding:16px!important;
    border-radius:14px!important;
}
body.anbita-app .handicap-profile-action-menu,
html.anbita-app-mode body .handicap-profile-action-menu{
    grid-template-columns:repeat(4,52px);
    justify-content:center;
    gap:10px;
    padding:2px 0;
}
body.anbita-app .handicap-profile-action-button,
html.anbita-app-mode body .handicap-profile-action-button{
    justify-content:center;
    width:52px;
    height:52px;
    min-height:52px;
    padding:0;
}
body.anbita-app .handicap-profile-action-label,
html.anbita-app-mode body .handicap-profile-action-label{
    display:none;
}
body.anbita-app .handicap-profile-action-icon,
html.anbita-app-mode body .handicap-profile-action-icon{
    width:auto;
    height:auto;
    flex:0 0 auto;
    font-size:23px;
}

/* Handicap@Netzwerk: Öffnungszeiten in den Gruppeneinstellungen */
.handicap-settings-time-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.handicap-settings-time-row label{
    display:grid;
    gap:6px;
    font:700 14px/1.35 Arial,Helvetica,sans-serif;
}
.handicap-settings-time-row input[type=time]{
    box-sizing:border-box;
    width:100%;
    min-height:44px;
    padding:9px 10px;
    border:1px solid #b9c5d8;
    border-radius:10px;
    background:#fff;
    color:#18263d;
    font:16px/1.3 Arial,Helvetica,sans-serif;
}
html.dark-mode .handicap-settings-time-row input[type=time],
body.dark-mode .handicap-settings-time-row input[type=time]{
    border-color:#536174;
    background:#17202d;
    color:#fff;
}
@media (max-width:520px){
    .handicap-settings-time-row{grid-template-columns:1fr;}
}

/* Handicap@Netzwerk Info-Begrüßung: verwaltbarer Text mit automatisch umflossenen Bildern. */
.handicap-rathaus-intro{
    width:min(940px,calc(100% - 32px));
}
.handicap-rathaus-intro-text{
    display:block;
    width:min(820px,100%);
    margin:0 auto;
    text-align:left!important;
}
.handicap-rathaus-intro-text::after{
    content:"";
    display:block;
    clear:both;
}
.handicap-rathaus-intro-text p:not(.handicap-rathaus-intro-title){
    max-width:none!important;
    margin:0 0 1.05em!important;
    font:400 clamp(16px,1.55vw,18px)/1.72 Arial,Helvetica,sans-serif!important;
    text-align:left!important;
    text-align-last:auto!important;
    text-wrap:pretty;
    overflow-wrap:anywhere;
}
.handicap-rathaus-intro-media{
    width:clamp(130px,24%,210px);
    margin:5px 20px 14px 0;
    float:left;
}
.handicap-rathaus-intro-media.is-right{
    float:right;
    margin:7px 0 16px 22px;
}
.handicap-rathaus-intro-media .handicap-rathaus-intro-image{
    display:block;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    border-radius:14px;
    object-fit:contain;
}
@media(max-width:700px){
    .handicap-rathaus-intro{
        width:calc(100% - 14px);
        padding:17px 13px;
    }
    .handicap-rathaus-intro-text{
        width:100%;
    }
    .handicap-rathaus-intro-text p:not(.handicap-rathaus-intro-title){
        margin:0 0 15px!important;
        font-size:16px!important;
        line-height:1.66!important;
        text-align:left!important;
        text-align-last:auto!important;
    }
    .handicap-rathaus-intro-media,
    .handicap-rathaus-intro-media.is-right{
        float:none;
        clear:both;
        width:min(210px,70vw);
        margin:10px auto 16px;
    }
}


/* Handicap@Netzwerk Update 395: einheitlicher, display-sicherer Chat auf Smartphone, mobilem Browser und Smartphone-App. */
html.handicap-mobile-chat-ui,
html.handicap-mobile-chat-ui body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
}
html.handicap-mobile-chat-ui .handicap-page,
html.handicap-mobile-chat-ui .handicap-app,
html.handicap-mobile-chat-ui .handicap-chat,
html.handicap-mobile-chat-ui .handicap-chat-head,
html.handicap-mobile-chat-ui .handicap-messages,
html.handicap-mobile-chat-ui .handicap-composer,
html.handicap-mobile-chat-ui .handicap-composer-entry{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
}
html.handicap-mobile-chat-ui .handicap-chat{
    width:100%!important;
    overflow:hidden!important;
}
html.handicap-mobile-chat-ui .handicap-chat-head{
    display:flex!important;
    width:100%!important;
    gap:6px!important;
    padding:8px max(7px,env(safe-area-inset-right)) 8px max(7px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
}
html.handicap-mobile-chat-ui .handicap-current-room-meta{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
}
html.handicap-mobile-chat-ui .handicap-room-title-button{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}
html.handicap-mobile-chat-ui .handicap-current-room-image{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
}
html.handicap-mobile-chat-ui .handicap-chat-head>.handicap-icon-button,
html.handicap-mobile-chat-ui .handicap-mobile-chat-back{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    flex:0 0 38px!important;
}
html.handicap-mobile-chat-ui .handicap-messages{
    width:100%!important;
    padding:10px max(8px,env(safe-area-inset-right)) 10px max(8px,env(safe-area-inset-left))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}
html.handicap-mobile-chat-ui .handicap-message{
    max-width:100%!important;
    min-width:0!important;
}
html.handicap-mobile-chat-ui .handicap-bubble{
    max-width:min(86%,calc(100% - 38px))!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
}
html.handicap-mobile-chat-ui .handicap-bubble img,
html.handicap-mobile-chat-ui .handicap-bubble video,
html.handicap-mobile-chat-ui .handicap-bubble audio{
    max-width:100%!important;
}
html.handicap-mobile-chat-ui .handicap-composer{
    position:relative!important;
    bottom:auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-areas:
        "message message message message"
        "attach dictate record send"!important;
    align-items:center!important;
    width:100%!important;
    gap:8px 6px!important;
    margin:0!important;
    padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    overflow:hidden!important;
}
html.handicap-mobile-chat-ui .handicap-composer-entry{
    grid-area:message!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
}
html.handicap-mobile-chat-ui .handicap-composer textarea{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:42px!important;
    height:42px;
    max-height:min(176px,30dvh)!important;
    margin:0!important;
    padding:10px 11px!important;
    line-height:20px!important;
    border-radius:13px!important;
    overflow-x:hidden!important;
    overflow-y:auto;
}
html.handicap-mobile-chat-ui .handicap-composer textarea::placeholder{
    color:#65738a!important;
    -webkit-text-fill-color:#65738a!important;
    opacity:1!important;
}
html.dark-mode.handicap-mobile-chat-ui .handicap-composer textarea::placeholder,
html.handicap-mobile-chat-ui body.dark-mode .handicap-composer textarea::placeholder{
    color:#b8c4d4!important;
    -webkit-text-fill-color:#b8c4d4!important;
}
html.handicap-mobile-chat-ui .handicap-composer .handicap-attach{
    grid-area:attach!important;
}
html.handicap-mobile-chat-ui .handicap-composer .handicap-dictate-button{
    grid-area:dictate!important;
    display:inline-flex!important;
    visibility:visible!important;
}
html.handicap-mobile-chat-ui .handicap-composer .handicap-record-button{
    grid-area:record!important;
    display:inline-flex!important;
    visibility:visible!important;
}
html.handicap-mobile-chat-ui .handicap-composer .handicap-send{
    grid-area:send!important;
}
html.handicap-mobile-chat-ui .handicap-composer .handicap-attach,
html.handicap-mobile-chat-ui .handicap-composer .handicap-dictate-button,
html.handicap-mobile-chat-ui .handicap-composer .handicap-record-button,
html.handicap-mobile-chat-ui .handicap-composer .handicap-send{
    justify-self:center!important;
    align-self:center!important;
    box-sizing:border-box!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    margin:0!important;
    flex:0 0 40px!important;
}
html.handicap-mobile-chat-ui .anbita-app-file-preview{
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
}
html.handicap-mobile-chat-ui .anbita-app-file-preview-copy{
    min-width:0!important;
}

@media(max-width:360px){
    html.handicap-mobile-chat-ui .handicap-composer{
        gap:7px 4px!important;
        padding-left:max(6px,env(safe-area-inset-left))!important;
        padding-right:max(6px,env(safe-area-inset-right))!important;
    }
    html.handicap-mobile-chat-ui .handicap-composer .handicap-attach,
    html.handicap-mobile-chat-ui .handicap-composer .handicap-dictate-button,
    html.handicap-mobile-chat-ui .handicap-composer .handicap-record-button,
    html.handicap-mobile-chat-ui .handicap-composer .handicap-send{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
        min-height:38px!important;
        max-width:38px!important;
        max-height:38px!important;
        flex-basis:38px!important;
    }
}


/* Handicap@Netzwerk Update 396: feste Gruppenübersicht unter dem Begrüßungstext der Info Gruppe. */
.handicap-rathaus-intro-actions{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:min(820px,100%);
    max-width:100%;
    margin:20px auto 0;
    padding:0;
}
.handicap-rathaus-groups-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:auto!important;
    min-width:0!important;
    max-width:100%;
    flex:0 0 auto;
    margin:0;
    padding:10px 16px;
    border:1px solid #111;
    border-radius:9px;
    background:#ffd51f;
    color:#111;
    font:700 15px/1.2 Arial,Helvetica,sans-serif;
    text-align:center;
    white-space:normal;
    cursor:pointer;
}
.handicap-rathaus-groups-button:hover,
.handicap-rathaus-groups-button:focus-visible{
    filter:brightness(.97);
    outline:2px solid currentColor;
    outline-offset:2px;
}
@media(max-width:700px){
    .handicap-rathaus-intro-actions{
        width:100%;
        margin-top:18px;
    }
    .handicap-rathaus-groups-button{
        width:auto!important;
        max-width:100%;
        padding:10px 15px;
    }
}

/* Handicap@Netzwerk Update 397: echte Gruppenmitgliedschaft erst nach "Beitreten". */
.handicap-overview-room{
    cursor:default!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    text-align:left!important;
}
.handicap-overview-room:hover{
    transform:none!important;
}
.handicap-overview-room-copy{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width:100%;
    min-width:0;
    gap:0;
}
.handicap-overview-room-title,
.handicap-overview-room strong{
    width:100%!important;
    text-align:left!important;
}
.handicap-overview-room-description{
    width:100%!important;
    max-width:none!important;
    margin:8px 0 0!important;
    text-align:left!important;
    overflow-wrap:anywhere!important;
}
.handicap-overview-join-button{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:16px 0 0!important;
    padding:9px 15px!important;
    border:1px solid #111!important;
    border-radius:9px!important;
    background:#ffd51f!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font:700 15px/1.2 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    white-space:normal!important;
    cursor:pointer!important;
}
.handicap-overview-join-button:hover,
.handicap-overview-join-button:focus-visible{
    filter:brightness(.97);
    outline:2px solid currentColor;
    outline-offset:2px;
}
/* Die Info Gruppe besitzt einen normalen Textchat: Schreiben, Diktieren und
   Senden bleiben sichtbar. Nur Sprachnachrichten und die Mitgliederliste sind
   dort nicht verfügbar. */
.handicap-chat.is-info-room [data-handicap-members],
.handicap-chat.is-info-room .handicap-record-button{
    display:none!important;
}
.handicap-chat.is-info-room [data-handicap-settings]{
    display:inline-flex!important;
}
.handicap-chat.is-info-room>.handicap-messages{
    padding-bottom:22px!important;
}
@media(max-width:760px){
    .handicap-overview-room-copy{
        width:100%;
    }
    .handicap-overview-room-title,
    .handicap-overview-room strong,
    .handicap-overview-room-description{
        text-align:left!important;
    }
    .handicap-overview-join-button{
        width:auto!important;
        max-width:100%!important;
        margin-top:14px!important;
        padding:9px 14px!important;
    }
}



/* Handicap@Netzwerk Update 399: Begrüßungsbild kompakter; gleiche Chat-Auswahl für alle Nutzer. */
.handicap-rathaus-intro-media{
    width:clamp(130px,24%,210px)!important;
}
@media(max-width:700px){
    .handicap-rathaus-intro-media,
    .handicap-rathaus-intro-media.is-right{
        width:min(210px,70vw)!important;
        margin-top:10px!important;
        margin-bottom:16px!important;
    }
}


/* Handicap@Netzwerk Update 400: Profilbild, Zurück in der Gruppenübersicht und Gruppenaustritt. */
.handicap-profile-icon-button .handicap-profile-icon-avatar{
    display:block!important;
    width:28px!important;
    height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    object-fit:cover!important;
    object-position:center!important;
}
.handicap-profile-icon-button [data-handicap-profile-avatar-fallback]{
    width:100%!important;
    height:100%!important;
}
.handicap-profile-icon-button .handicap-profile-icon-avatar[hidden],
.handicap-profile-icon-button [data-handicap-profile-avatar-fallback][hidden],
[data-handicap-member-only][hidden]{
    display:none!important;
}
.handicap-overview-room-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:10px!important;
    width:100%!important;
    margin:16px 0 0!important;
}
.handicap-overview-room-actions .handicap-overview-join-button{
    margin:0!important;
}
.handicap-overview-back-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:9px 15px!important;
    border:1px solid #111!important;
    border-radius:9px!important;
    background:#ffd51f!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font:700 15px/1.2 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    white-space:nowrap!important;
    cursor:pointer!important;
}
.handicap-overview-back-button:hover,
.handicap-overview-back-button:focus-visible{
    filter:brightness(.97);
    outline:2px solid currentColor;
    outline-offset:2px;
}
.handicap-leave-group-field .handicap-small-button{
    justify-self:start!important;
    width:max-content!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
}
.handicap-leave-group-button{
    background:#ffd51f!important;
    border-color:#111!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
}
.handicap-leave-group-button:hover,
.handicap-leave-group-button:focus-visible{
    background:#ffe14d!important;
    color:#111!important;
}
@media(max-width:760px){
    .handicap-profile-icon-button .handicap-profile-icon-avatar{
        width:26px!important;
        height:26px!important;
        max-width:26px!important;
        max-height:26px!important;
    }
    .handicap-overview-room-actions{
        gap:9px!important;
        margin-top:14px!important;
    }
    .handicap-overview-back-button,
    .handicap-overview-room-actions .handicap-overview-join-button{
        width:auto!important;
        max-width:100%!important;
        padding:9px 14px!important;
    }
}

/* Handicap@Netzwerk Update 401: Info Gruppe – kleines Begrüßungsbild und Mitgliederübersicht. */
.handicap-rathaus-intro-media,
.handicap-rathaus-intro-media.is-right{
    width:clamp(90px,14vw,135px)!important;
    max-width:135px!important;
}
.handicap-rathaus-intro-media .handicap-rathaus-intro-image{
    width:100%!important;
    max-width:135px!important;
    max-height:155px!important;
    object-fit:contain!important;
}
.handicap-info-member-summary{
    width:min(900px,calc(100% - 24px));
    margin:18px auto 24px;
    display:grid;
    gap:20px;
    box-sizing:border-box;
}
.handicap-info-summary-section{
    min-width:0;
    padding:17px;
    border:1px solid rgba(66,101,148,.24);
    border-radius:14px;
    background:rgba(255,255,255,.72);
    box-sizing:border-box;
}
.handicap-info-summary-section h2{
    margin:0 0 13px;
    font:800 18px/1.3 Arial,Helvetica,sans-serif;
}
.handicap-info-updates,.handicap-info-hours{
    display:grid;
    gap:10px;
    min-width:0;
}
.handicap-info-update,.handicap-info-hours-row{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    border:1px solid rgba(66,101,148,.22);
    border-radius:11px;
    background:#fff;
    color:#111;
    text-align:left;
    font-family:Arial,Helvetica,sans-serif;
    cursor:pointer;
}
.handicap-info-update{
    display:block;
    padding:12px 13px;
}
.handicap-info-update-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-width:0;
}
.handicap-info-update-head strong{
    min-width:0;
    overflow-wrap:anywhere;
}
.handicap-info-update-head time{
    flex:0 0 auto;
    font-size:12px;
    color:#5f6875;
}
.handicap-info-update-author{
    display:block;
    margin-top:5px;
    font-size:13px;
    font-weight:700;
    color:#45505f;
}
.handicap-info-update-text{
    display:block;
    margin-top:6px;
    font-size:15px;
    line-height:1.48;
    white-space:normal;
    overflow-wrap:anywhere;
}
.handicap-info-hours-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:11px 13px;
}
.handicap-info-hours-row>span{
    min-width:0;
    display:grid;
    gap:4px;
}
.handicap-info-hours-row strong,.handicap-info-hours-row small{
    overflow-wrap:anywhere;
}
.handicap-info-hours-row small{
    font-size:13px;
    line-height:1.4;
    color:#586271;
}
.handicap-info-hours-row em{
    flex:0 0 auto;
    font-size:12px;
    font-style:normal;
    font-weight:800;
    white-space:nowrap;
}
.handicap-info-hours-row em.is-open{color:#167a3a;}
.handicap-info-hours-row em.is-closed{color:#a13b31;}
.handicap-info-empty{
    margin:0;
    padding:10px 2px;
    font-size:15px;
    line-height:1.5;
}
html.dark-mode .handicap-info-summary-section,
body.dark-mode .handicap-info-summary-section{
    background:#172132;
    border-color:#516b91;
    color:#fff;
}
html.dark-mode .handicap-info-update,
html.dark-mode .handicap-info-hours-row,
body.dark-mode .handicap-info-update,
body.dark-mode .handicap-info-hours-row{
    background:#101927;
    color:#fff;
    border-color:#43556f;
}
html.dark-mode .handicap-info-update-head time,
html.dark-mode .handicap-info-update-author,
html.dark-mode .handicap-info-hours-row small,
body.dark-mode .handicap-info-update-head time,
body.dark-mode .handicap-info-update-author,
body.dark-mode .handicap-info-hours-row small{
    color:#c6d0dd;
}
@media(max-width:700px){
    .handicap-rathaus-intro-media,
    .handicap-rathaus-intro-media.is-right{
        width:min(118px,36vw)!important;
        max-width:118px!important;
        margin:7px auto 12px!important;
    }
    .handicap-rathaus-intro-media .handicap-rathaus-intro-image{
        max-width:118px!important;
        max-height:135px!important;
    }
    .handicap-info-member-summary{
        width:calc(100% - 12px);
        margin:12px auto 18px;
        gap:13px;
    }
    .handicap-info-summary-section{
        padding:13px 11px;
    }
    .handicap-info-summary-section h2{
        font-size:17px;
        margin-bottom:10px;
    }
    .handicap-info-update,.handicap-info-hours-row{
        border-radius:10px;
    }
    .handicap-info-update{
        padding:11px;
    }
    .handicap-info-hours-row{
        align-items:flex-start;
        padding:11px;
        gap:9px;
    }
    .handicap-info-hours-row em{
        font-size:11px;
    }
}

/* Handicap@Netzwerk Update 403: Moderationszeiten statt Öffnungszeiten */
.handicap-moderation-times{
    box-sizing:border-box;
    width:100%;
    margin:20px 0 0;
    padding:15px 16px;
    border:1px solid #d6dfeb;
    border-radius:12px;
    background:#f7f9fc;
    color:#172033;
}
.handicap-moderation-times-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin:0 0 8px;
}
.handicap-moderation-times h3{
    margin:0;
    font:800 17px/1.35 Arial,Helvetica,sans-serif;
}
.handicap-moderation-times>p{
    margin:0 0 12px;
    font:400 15px/1.55 Arial,Helvetica,sans-serif;
}
.handicap-moderation-times-grid{
    display:grid;
    gap:8px;
    width:100%;
}
.handicap-moderation-times-row{
    display:grid;
    grid-template-columns:minmax(110px,.65fr) minmax(150px,1fr);
    align-items:center;
    gap:14px;
    box-sizing:border-box;
    width:100%;
    padding:10px 12px;
    border:1px solid #dde5ef;
    border-radius:9px;
    background:#fff;
}
.handicap-moderation-times-row span,
.handicap-moderation-times-row strong{
    min-width:0;
    overflow-wrap:anywhere;
    font:600 14px/1.4 Arial,Helvetica,sans-serif;
}
.handicap-moderation-times-row strong{font-weight:800;}
.handicap-moderation-status{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:4px 8px;
    border-radius:999px;
    background:#f4e9e8;
    color:#8f392f;
    font:800 11px/1.35 Arial,Helvetica,sans-serif;
    white-space:normal;
    text-align:center;
}
.handicap-moderation-status.is-active{
    background:#e5f5ea;
    color:#16723a;
}
.handicap-moderation-settings-note{
    margin:2px 0 4px!important;
}
html.dark-mode .handicap-moderation-times,
body.dark-mode .handicap-moderation-times{
    border-color:#43556f;
    background:#172132;
    color:#fff;
}
html.dark-mode .handicap-moderation-times-row,
body.dark-mode .handicap-moderation-times-row{
    border-color:#43556f;
    background:#101927;
    color:#fff;
}
html.dark-mode .handicap-moderation-status,
body.dark-mode .handicap-moderation-status{
    background:#4c2d2d;
    color:#ffd0c9;
}
html.dark-mode .handicap-moderation-status.is-active,
body.dark-mode .handicap-moderation-status.is-active{
    background:#173f2a;
    color:#b9f3cd;
}
@media(max-width:620px){
    .handicap-moderation-times{
        margin-top:16px;
        padding:13px 11px;
    }
    .handicap-moderation-times-head{
        flex-direction:column;
        align-items:flex-start;
        gap:7px;
    }
    .handicap-moderation-times>p{
        margin-bottom:10px;
        font-size:14px;
    }
    .handicap-moderation-times-row{
        grid-template-columns:minmax(88px,.7fr) minmax(0,1fr);
        gap:9px;
        padding:9px 10px;
    }
    .handicap-moderation-times-row span,
    .handicap-moderation-times-row strong{
        font-size:13px;
    }
    .handicap-info-hours-row{
        grid-template-columns:minmax(0,1fr)!important;
    }
    .handicap-info-hours-row em{
        justify-self:start;
        white-space:normal;
    }
}

/* Handicap@Netzwerk Update 405: stabiler Startzustand für Smartphone, mobilen Browser und App. */
body.handicap-member-area.handicap-loading .handicap-composer,
body.handicap-member-area.handicap-loading [data-handicap-members],
body.handicap-member-area.handicap-loading [data-handicap-settings]{
    visibility:hidden!important;
    pointer-events:none!important;
}
@media(max-width:760px), (max-height:600px) and (pointer:coarse){
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat{
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
    }
    body.handicap-member-area.handicap-mobile-room-open .handicap-messages{
        display:block!important;
        width:100%!important;
        min-width:0!important;
        min-height:0!important;
    }
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room>.handicap-messages{
        overflow-x:hidden!important;
        overflow-y:auto!important;
        padding-bottom:max(22px,env(safe-area-inset-bottom))!important;
    }
}


/* Handicap@Netzwerk PWA 406: dieselbe mobile Chatoberfläche im installierten Standalone-Modus. */
body.anbita-app.handicap-member-area,
html.anbita-app-mode body.handicap-member-area{
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    max-width:100%!important;
    height:var(--handicap-viewport-height,100dvh)!important;
    max-height:var(--handicap-viewport-height,100dvh)!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
}
body.anbita-app.handicap-member-area .site-shell,
html.anbita-app-mode body.handicap-member-area .site-shell,
body.anbita-app.handicap-member-area .layout-grid,
html.anbita-app-mode body.handicap-member-area .layout-grid,
body.anbita-app.handicap-member-area .main-panel,
html.anbita-app-mode body.handicap-member-area .main-panel,
body.anbita-app.handicap-member-area .handicap-page,
html.anbita-app-mode body.handicap-member-area .handicap-page,
body.anbita-app.handicap-member-area .handicap-app,
html.anbita-app-mode body.handicap-member-area .handicap-app{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
}
body.anbita-app.handicap-member-area .handicap-chat,
html.anbita-app-mode body.handicap-member-area .handicap-chat,
body.anbita-app.handicap-member-area .handicap-sidebar,
html.anbita-app-mode body.handicap-member-area .handicap-sidebar{
    min-width:0!important;
    max-width:100%!important;
    overflow-x:hidden!important;
}
body.anbita-app.handicap-member-area .handicap-composer,
html.anbita-app-mode body.handicap-member-area .handicap-composer{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
}
body.anbita-app.handicap-member-area .handicap-composer .handicap-dictate-button,
body.anbita-app.handicap-member-area .handicap-composer .handicap-record-button,
html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-dictate-button,
html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-record-button{
    display:inline-flex!important;
    visibility:visible!important;
}
@media(max-width:760px), (max-height:600px) and (pointer:coarse){
    body.anbita-app.handicap-member-area .handicap-composer,
    html.anbita-app-mode body.handicap-member-area .handicap-composer{
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        grid-template-areas:"message message message message" "attach dictate record send"!important;
        gap:8px 6px!important;
        padding-left:max(8px,env(safe-area-inset-left))!important;
        padding-right:max(8px,env(safe-area-inset-right))!important;
        padding-bottom:max(8px,env(safe-area-inset-bottom))!important;
    }
    body.anbita-app.handicap-member-area .handicap-composer-entry,
    html.anbita-app-mode body.handicap-member-area .handicap-composer-entry{grid-area:message!important;width:100%!important;min-width:0!important}
    body.anbita-app.handicap-member-area .handicap-composer .handicap-attach,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-attach{grid-area:attach!important}
    body.anbita-app.handicap-member-area .handicap-composer .handicap-dictate-button,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-dictate-button{grid-area:dictate!important}
    body.anbita-app.handicap-member-area .handicap-composer .handicap-record-button,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-record-button{grid-area:record!important}
    body.anbita-app.handicap-member-area .handicap-composer .handicap-send,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-send{grid-area:send!important}
    body.anbita-app.handicap-member-area .handicap-composer .handicap-attach,
    body.anbita-app.handicap-member-area .handicap-composer .handicap-dictate-button,
    body.anbita-app.handicap-member-area .handicap-composer .handicap-record-button,
    body.anbita-app.handicap-member-area .handicap-composer .handicap-send,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-attach,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-dictate-button,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-record-button,
    html.anbita-app-mode body.handicap-member-area .handicap-composer .handicap-send{
        justify-self:center!important;
        width:40px!important;
        height:40px!important;
        min-width:40px!important;
        min-height:40px!important;
        max-width:40px!important;
        max-height:40px!important;
    }
}

/* Handicap@Netzwerk Update 409: Linkvorschauen mit dem Vorschaubild der geteilten Webseite. */
.handicap-link-preview{
    display:block;
    width:min(420px,100%);
    margin-top:8px;
    overflow:hidden;
    border:1px solid rgba(28,45,72,.2);
    border-radius:12px;
    background:rgba(255,255,255,.72);
    color:inherit!important;
    text-decoration:none!important;
}
.handicap-link-preview-image{
    display:block;
    width:100%;
    max-width:none!important;
    height:auto;
    max-height:260px!important;
    object-fit:cover;
    border-radius:0!important;
    background:#e7ebf0;
}
.handicap-link-preview-copy{
    display:grid;
    gap:3px;
    padding:8px 10px 9px;
}
.handicap-link-preview-copy small{
    overflow:hidden;
    color:#5c6879;
    font-size:11px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.handicap-link-preview-copy strong{
    display:-webkit-box;
    overflow:hidden;
    font-size:14px;
    line-height:1.3;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.handicap-link-preview-copy>span{
    display:-webkit-box;
    overflow:hidden;
    color:#435066;
    font-size:12px;
    line-height:1.35;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.handicap-link-preview.is-image-missing .handicap-link-preview-copy{padding-top:9px;}
html.dark-mode .handicap-link-preview,
body.dark-mode .handicap-link-preview{
    border-color:rgba(255,255,255,.18);
    background:rgba(8,14,22,.38);
}
html.dark-mode .handicap-link-preview-copy small,
body.dark-mode .handicap-link-preview-copy small{color:#b7c3d3;}
html.dark-mode .handicap-link-preview-copy>span,
body.dark-mode .handicap-link-preview-copy>span{color:#d7e0ec;}
@media(max-width:620px){
    .handicap-link-preview{width:100%;max-width:340px;}
    .handicap-link-preview-image{max-height:210px!important;}
}

/* Handicap@Netzwerk 411: Info Gruppe mit Text-/Diktier-Composer, aber ohne Sprachnachricht. */
[data-handicap-root] .handicap-chat.is-info-room .handicap-record-button{
    display:none!important;
    visibility:hidden!important;
}
html.handicap-mobile-chat-ui [data-handicap-root] .handicap-chat.is-info-room>.handicap-composer{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:
        "message message message"
        "attach dictate send"!important;
}

/* Handicap@Netzwerk Update 412: persönliche ANBITA-PN direkt aus dem Chat Profil */
.handicap-chat-profile-pn{
    margin-top:18px;
    border:1px solid #cfd8e6;
    border-radius:12px;
    background:#f8fafc;
    overflow:hidden;
}
.handicap-chat-profile-pn>summary{
    padding:12px 14px;
    cursor:pointer;
    font:700 15px/1.3 Arial,Helvetica,sans-serif;
    color:#172033;
    background:#eef3fa;
}
.handicap-chat-profile-pn[open]>summary{
    border-bottom:1px solid #cfd8e6;
}
.handicap-chat-profile-pn-form{
    display:grid;
    gap:10px;
    padding:14px;
}
.handicap-chat-profile-pn-form label{
    font:700 14px/1.3 Arial,Helvetica,sans-serif;
}
.handicap-chat-profile-pn-form textarea{
    width:100%;
    min-height:96px;
    max-height:220px;
    resize:vertical;
    box-sizing:border-box;
    padding:10px 11px;
    border:1px solid #bfcadc;
    border-radius:10px;
    background:#fff;
    color:#172033;
    font:400 16px/1.45 Arial,Helvetica,sans-serif;
}
.handicap-chat-profile-pn-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}
.handicap-chat-profile-pn-status{
    min-height:20px;
    font:700 13px/1.35 Arial,Helvetica,sans-serif;
}
.handicap-chat-profile-pn-status.is-success{color:#17733b;}
.handicap-chat-profile-pn-status.is-error{color:#b42318;}
.handicap-chat-profile-pn-hint{
    margin:0;
    color:#5f6c7d;
    font:400 13px/1.4 Arial,Helvetica,sans-serif;
}
.handicap-chat-profile-pn-unavailable{
    margin-top:16px!important;
}
html.dark-mode .handicap-chat-profile-pn,
body.dark-mode .handicap-chat-profile-pn{
    border-color:#435064;
    background:#202936;
}
html.dark-mode .handicap-chat-profile-pn>summary,
body.dark-mode .handicap-chat-profile-pn>summary{
    border-color:#435064;
    background:#273142;
    color:#fff;
}
html.dark-mode .handicap-chat-profile-pn-form textarea,
body.dark-mode .handicap-chat-profile-pn-form textarea{
    border-color:#5b6a80;
    background:#0f151e;
    color:#fff;
}
html.dark-mode .handicap-chat-profile-pn-hint,
body.dark-mode .handicap-chat-profile-pn-hint{
    color:#c5d0de;
}
html.dark-mode .handicap-chat-profile-pn-status.is-success,
body.dark-mode .handicap-chat-profile-pn-status.is-success{
    color:#74d99c;
}
html.dark-mode .handicap-chat-profile-pn-status.is-error,
body.dark-mode .handicap-chat-profile-pn-status.is-error{
    color:#ff9d96;
}
@media(max-width:620px){
    .handicap-chat-profile-pn{
        margin-top:14px;
    }
    .handicap-chat-profile-pn>summary{
        padding:11px 12px;
    }
    .handicap-chat-profile-pn-form{
        padding:12px;
    }
    .handicap-chat-profile-pn-actions .handicap-small-button{
        width:100%;
    }
}

/* Handicap@Netzwerk: mehr Abstand zwischen Chatbeiträgen und Zusatz/Umfragen. */
.handicap-message{
    margin-bottom:16px;
}
.handicap-message.is-compact-text{
    margin-bottom:10px;
}
.handicap-extra-button>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    font-weight:900;
    letter-spacing:1px;
    line-height:1;
    transform:translateY(-2px);
}
.handicap-extra-actions{
    display:grid;
    gap:10px;
}
.handicap-extra-action{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    padding:12px;
    border:1px solid #ccd5e2;
    border-radius:12px;
    background:#fff;
    color:#17243a;
    text-align:left;
    cursor:pointer;
}
.handicap-extra-action>span:first-child{font-size:25px;line-height:1;}
.handicap-extra-action>span:last-child{display:grid;gap:2px;}
.handicap-extra-action strong{font-size:16px;}
.handicap-extra-action small{font-size:13px;color:#5d6a7e;}
.handicap-extra-action:disabled{opacity:.5;cursor:not-allowed;}
.handicap-extra-note{margin:2px 0 0;font-size:14px;line-height:1.45;}
.handicap-message.is-poll-message .handicap-bubble{
    width:min(560px,82%);
    max-width:min(560px,82%);
    padding:12px;
}
.handicap-poll{display:grid;gap:10px;min-width:0;}
.handicap-poll-label{
    width:max-content;
    padding:3px 8px;
    border-radius:999px;
    background:#e7eef9;
    font-size:12px;
    font-weight:800;
}
.handicap-poll-question{font-size:16px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;}
.handicap-poll-options{display:grid;gap:7px;}
.handicap-poll-option{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:7px;
    width:100%;
    min-height:40px;
    padding:8px 10px;
    border:1px solid #bac7d8;
    border-radius:10px;
    background:#f8fbff;
    color:#17243a;
    text-align:left;
    cursor:pointer;
}
.handicap-poll-option:hover:not(:disabled),
.handicap-poll-option:focus-visible:not(:disabled){border-color:#1f5bd8;background:#eef5ff;}
.handicap-poll-option.is-selected{border-color:#2f8b38;background:#e9f8e9;}
.handicap-poll-option:disabled{cursor:default;opacity:.78;}
.handicap-poll-option.is-selected:disabled{opacity:1;}
.handicap-poll-check{font-weight:900;color:#25742d;}
.handicap-poll-results-link{
    justify-self:start;
    padding:0;
    border:0;
    background:transparent;
    color:#124ca3;
    font:700 13px/1.3 Arial,Helvetica,sans-serif;
    text-decoration:underline;
    cursor:pointer;
}
.handicap-poll-editor{display:grid;gap:12px;}
.handicap-poll-editor-question{display:grid;gap:6px;font-weight:800;}
.handicap-poll-editor-question input,
.handicap-poll-editor-option input{
    width:100%;
    min-height:42px;
    padding:9px 10px;
    border:1px solid #bcc8d7;
    border-radius:9px;
    background:#fff;
    color:#17243a;
    font:400 15px/1.3 Arial,Helvetica,sans-serif;
}
.handicap-poll-editor-heading{font-weight:800;}
.handicap-poll-editor-options{display:grid;gap:8px;}
.handicap-poll-editor-option{display:grid;grid-template-columns:28px minmax(0,1fr) 34px;gap:7px;align-items:center;}
.handicap-poll-editor-letter{font-weight:800;}
.handicap-poll-editor-remove{
    width:34px;height:34px;padding:0;border:1px solid #c9d1dc;border-radius:50%;background:#fff;color:#5c2630;font-size:21px;line-height:1;cursor:pointer;
}
.handicap-poll-editor-remove:disabled{opacity:.35;cursor:not-allowed;}
.handicap-poll-editor-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;}
.handicap-poll-editor-hint{margin:0;font-size:13px;color:#647187;}
.handicap-poll-results{display:grid;gap:10px;}
.handicap-poll-results-question{font-size:16px;font-weight:800;line-height:1.4;}
.handicap-poll-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #e2e7ef;}
.handicap-poll-result-row b{min-width:32px;text-align:right;font-size:17px;}
.handicap-poll-result-total{padding-top:2px;font-size:14px;}
html.dark-mode .handicap-extra-action,
body.dark-mode .handicap-extra-action,
html.dark-mode .handicap-poll-editor-question input,
body.dark-mode .handicap-poll-editor-question input,
html.dark-mode .handicap-poll-editor-option input,
body.dark-mode .handicap-poll-editor-option input,
html.dark-mode .handicap-poll-editor-remove,
body.dark-mode .handicap-poll-editor-remove{
    border-color:#5e6d82;
    background:#17202d;
    color:#fff;
}
html.dark-mode .handicap-extra-action small,
body.dark-mode .handicap-extra-action small,
html.dark-mode .handicap-poll-editor-hint,
body.dark-mode .handicap-poll-editor-hint{color:#c5cfdd;}
html.dark-mode .handicap-poll-label,
body.dark-mode .handicap-poll-label{background:#2a3648;color:#fff;}
html.dark-mode .handicap-poll-option,
body.dark-mode .handicap-poll-option{border-color:#52627a;background:#202b3a;color:#fff;}
html.dark-mode .handicap-poll-option.is-selected,
body.dark-mode .handicap-poll-option.is-selected{border-color:#72b87b;background:#203c28;}
html.dark-mode .handicap-poll-results-link,
body.dark-mode .handicap-poll-results-link{color:#9dcbff;}
@media(max-width:620px){
    .handicap-message{margin-bottom:14px;}
    .handicap-message.is-compact-text{margin-bottom:9px;}
    .handicap-message.is-poll-message .handicap-bubble{width:calc(100% - 38px);max-width:calc(100% - 38px);}
    .handicap-poll-editor-controls{display:grid;grid-template-columns:1fr;}
}

/* Handicap@Netzwerk Update 415: klarer Abstand zwischen einzelnen Chatbeiträgen. */
.handicap-messages > .handicap-message{
    margin-bottom:22px!important;
}
.handicap-messages > .handicap-message.is-compact-text{
    margin-bottom:18px!important;
}
@media(max-width:620px){
    .handicap-messages > .handicap-message{
        margin-bottom:18px!important;
    }
    .handicap-messages > .handicap-message.is-compact-text{
        margin-bottom:16px!important;
    }
}
body.anbita-app .handicap-messages > .handicap-message,
html.anbita-app-mode body .handicap-messages > .handicap-message{
    margin-bottom:18px!important;
}
body.anbita-app .handicap-messages > .handicap-message.is-compact-text,
html.anbita-app-mode body .handicap-messages > .handicap-message.is-compact-text{
    margin-bottom:16px!important;
}

/* Handicap@Netzwerk Update 416: Beiträge dürfen niemals ineinander schrumpfen.
   Jeder Text-, Bild-, Video-, Audio-, Datei- und Umfragebeitrag behält seine
   vollständige eigene Höhe; gescrollt wird ausschließlich im Chatverlauf. */
.handicap-messages > .handicap-message{
    flex:0 0 auto!important;
    flex-shrink:0!important;
    align-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:0 0 22px!important;
    overflow:visible!important;
}
.handicap-messages > .handicap-message.is-compact-text{
    margin-bottom:18px!important;
}
.handicap-messages > .handicap-message:last-child{
    margin-bottom:10px!important;
}
.handicap-message > .handicap-bubble{
    min-width:0;
    height:auto!important;
    box-sizing:border-box;
}

/* Eigene Beiträge: fünf Minuten lang bearbeiten oder löschen. */
.handicap-message-meta{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:5px;
    width:100%;
    min-width:0;
    min-height:22px;
    margin-top:4px;
    box-sizing:border-box;
}
.handicap-message-meta time{
    width:auto;
    margin:0!important;
    flex:0 0 auto;
}
.handicap-message-edited{
    white-space:nowrap;
}
.handicap-message-manage{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 24px;
    width:24px;
    min-width:24px;
    height:24px;
    min-height:24px;
    padding:0;
    border:1px solid rgba(93,106,126,.42);
    border-radius:50%;
    background:rgba(255,255,255,.72);
    color:#26354b!important;
    -webkit-text-fill-color:#26354b!important;
    font:900 16px/1 Arial,Helvetica,sans-serif;
    cursor:pointer;
}
.handicap-message-manage:hover,
.handicap-message-manage:focus-visible{
    border-color:#1f5bd8;
    outline:2px solid rgba(31,91,216,.2);
    outline-offset:1px;
}
.handicap-message.is-compact-text .handicap-message-meta{
    width:auto;
    flex:0 0 auto;
    min-height:22px;
    margin-top:0;
}
.handicap-message.is-image-message .handicap-message-meta,
.handicap-message.is-audio-message .handicap-message-meta{
    margin-top:4px;
    padding:0 2px;
}
.handicap-message.is-image-message .handicap-message-manage,
.handicap-message.is-audio-message .handicap-message-manage{
    border-color:rgba(255,255,255,.22);
    background:rgba(17,24,39,.66);
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
.handicap-own-message-editor{
    display:grid;
    gap:12px;
}
.handicap-own-message-editor-field{
    display:grid;
    gap:7px;
}
.handicap-own-message-editor-field textarea{
    width:100%;
    min-height:120px;
    max-height:42vh;
    resize:vertical;
    box-sizing:border-box;
    padding:10px 11px;
    border:1px solid #bcc8d7;
    border-radius:10px;
    background:#fff;
    color:#17243a;
    font:400 15px/1.45 Arial,Helvetica,sans-serif;
}
.handicap-own-message-editor-hint{
    margin:0;
    color:#647187;
    font-size:13px;
    line-height:1.4;
}
.handicap-own-message-editor-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    justify-content:space-between;
}
.handicap-message-delete-button{
    border-color:#b42332!important;
    background:#fff3f4!important;
    color:#8f1422!important;
    -webkit-text-fill-color:#8f1422!important;
}
html.dark-mode .handicap-message-manage,
body.dark-mode .handicap-message-manage{
    border-color:#65758d;
    background:#263244;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
}
html.dark-mode .handicap-own-message-editor-field textarea,
body.dark-mode .handicap-own-message-editor-field textarea{
    border-color:#5e6d82;
    background:#17202d;
    color:#fff;
}
html.dark-mode .handicap-own-message-editor-hint,
body.dark-mode .handicap-own-message-editor-hint{
    color:#c5cfdd;
}
html.dark-mode .handicap-message-delete-button,
body.dark-mode .handicap-message-delete-button{
    border-color:#d56875!important;
    background:#3d2026!important;
    color:#ffd8dc!important;
    -webkit-text-fill-color:#ffd8dc!important;
}
@media(max-width:620px){
    .handicap-messages > .handicap-message{
        flex:0 0 auto!important;
        margin-bottom:18px!important;
    }
    .handicap-messages > .handicap-message.is-compact-text{
        margin-bottom:16px!important;
    }
    .handicap-messages > .handicap-message:last-child{
        margin-bottom:8px!important;
    }
    .handicap-message-manage{
        width:26px;
        min-width:26px;
        height:26px;
        min-height:26px;
        flex-basis:26px;
    }
    .handicap-own-message-editor-actions{
        display:grid;
        grid-template-columns:1fr;
    }
}
body.anbita-app .handicap-messages > .handicap-message,
html.anbita-app-mode body .handicap-messages > .handicap-message,
html.handicap-mobile-chat-ui .handicap-messages > .handicap-message{
    flex:0 0 auto!important;
    flex-shrink:0!important;
    height:auto!important;
    margin-bottom:18px!important;
}
body.anbita-app .handicap-messages > .handicap-message.is-compact-text,
html.anbita-app-mode body .handicap-messages > .handicap-message.is-compact-text,
html.handicap-mobile-chat-ui .handicap-messages > .handicap-message.is-compact-text{
    margin-bottom:16px!important;
}


/* Handicap@Netzwerk Update 258: sicher eingebettete Facebook-Beiträge aus eingefügtem Facebook-iframe-Code. */
.handicap-facebook-embed{display:block;width:min(500px,100%);max-width:100%;margin-top:10px;overflow:hidden;border:1px solid rgba(28,45,72,.2);border-radius:12px;background:#fff;box-sizing:border-box}
.handicap-facebook-embed-frame{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:0;border:0!important;background:#fff}
.handicap-facebook-open{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border-top:1px solid #d7deea;color:#0f4fd8!important;-webkit-text-fill-color:#0f4fd8!important;font:700 14px/1.3 Arial,Helvetica,sans-serif;text-align:center;text-decoration:none!important;box-sizing:border-box}
.handicap-facebook-open:hover,.handicap-facebook-open:focus-visible{text-decoration:underline!important;outline:2px solid rgba(15,79,216,.28);outline-offset:-2px}
html.dark-mode .handicap-facebook-embed,body.dark-mode .handicap-facebook-embed{border-color:rgba(255,255,255,.18);background:#fff}
@media(max-width:620px){.handicap-facebook-embed{width:100%;max-width:100%;margin-top:8px;border-radius:10px}.handicap-facebook-open{min-height:40px;padding:8px 10px;font-size:13px}}
body.anbita-app .handicap-facebook-embed,html.anbita-app-mode body .handicap-facebook-embed{width:100%;max-width:100%}


/* Update 263: Facebook-Posts sowie Facebook-Videos/Reels in allen Gruppen. */
.handicap-facebook-embed.is-video{
    width:min(500px,100%);
}
.handicap-facebook-embed.is-video .handicap-facebook-embed-frame{
    margin-left:auto!important;
    margin-right:auto!important;
}
@media(min-width:621px){
    .handicap-facebook-embed.is-video{
        width:max-content;
        max-width:100%;
    }
    .handicap-facebook-embed.is-video .handicap-facebook-open{
        min-width:220px;
    }
}
@media(max-width:620px){
    .handicap-facebook-embed.is-video{
        display:flex;
        flex-direction:column;
        align-items:center;
        width:100%;
    }
    .handicap-facebook-embed.is-video .handicap-facebook-embed-frame{
        max-width:100%!important;
    }
    .handicap-facebook-embed.is-video .handicap-facebook-open{
        width:100%;
    }
}

/* ANBITA Update 424: vertikales Scrollen auf Smartphone, mobilem Browser und PWA immer erreichbar. */
@media (max-width:760px), (pointer:coarse) {
    body.handicap-member-area .handicap-messages,
    body.handicap-member-area .handicap-overview-panel,
    body.handicap-member-area .handicap-dialog,
    body.handicap-member-area .handicap-room-list {
        -webkit-overflow-scrolling:touch!important;
    }
    body.handicap-member-area .handicap-messages,
    body.handicap-member-area .handicap-overview-panel,
    body.handicap-member-area .handicap-dialog {
        touch-action:pan-y!important;
        overscroll-behavior-y:auto!important;
    }
    body.handicap-member-area .handicap-room-list {
        overscroll-behavior-y:auto!important;
    }

    /* Die Info Gruppe bekommt eine eigene vertikal scrollbare Gesamtfläche.
       So bleiben langer Begrüßungstext, Gruppenübersicht und Eingabe immer erreichbar. */
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room {
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        touch-action:pan-y!important;
        overscroll-behavior-y:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room > .handicap-chat-head,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room > .handicap-chat-head,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room > .handicap-chat-head {
        position:sticky!important;
        top:0!important;
        z-index:8!important;
        flex:0 0 auto!important;
    }
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room > .handicap-messages,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room > .handicap-messages,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room > .handicap-messages {
        display:block!important;
        flex:0 0 auto!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow:visible!important;
        touch-action:pan-y!important;
    }
    body.handicap-member-area .handicap-rathaus-intro {
        max-height:none!important;
        overflow-x:hidden!important;
        overflow-y:visible!important;
        touch-action:pan-y!important;
    }
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room > .handicap-composer,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room > .handicap-composer,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room > .handicap-composer {
        position:sticky!important;
        bottom:0!important;
        z-index:9!important;
        flex:0 0 auto!important;
    }
}


/* ANBITA Update 425: Info Gruppe – nur der Inhaltsbereich scrollt zuverlässig.
   Der frühere Versuch, die komplette Chat-Fläche zu scrollen, kollidierte auf
   Android/PWA mit dem bildschirmfüllenden Layout. Kopf und Eingabe bleiben fest,
   die Nachrichten-/Info-Fläche ist die einzige vertikale Wischfläche. */
@media (max-width:760px), (pointer:coarse) {
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room {
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr) auto auto!important;
        width:100%!important;
        height:100%!important;
        min-height:0!important;
        max-height:100%!important;
        overflow:hidden!important;
        touch-action:auto!important;
    }
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room > .handicap-chat-head,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room > .handicap-chat-head,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room > .handicap-chat-head,
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room > .handicap-composer,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room > .handicap-composer,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room > .handicap-composer {
        position:relative!important;
        top:auto!important;
        bottom:auto!important;
        flex:0 0 auto!important;
    }
    body.handicap-member-area.handicap-mobile-room-open .handicap-chat.is-info-room > .handicap-messages,
    body.anbita-app.handicap-member-area .handicap-chat.is-info-room > .handicap-messages,
    html.anbita-app-mode body.handicap-member-area .handicap-chat.is-info-room > .handicap-messages {
        display:flex!important;
        flex-direction:column!important;
        width:100%!important;
        height:auto!important;
        min-height:0!important;
        max-height:none!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior-y:contain!important;
        touch-action:pan-y!important;
        -webkit-overflow-scrolling:touch!important;
        scroll-behavior:auto!important;
        padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
    }
    body.handicap-member-area .handicap-rathaus-intro {
        flex:0 0 auto!important;
        max-height:none!important;
        overflow:visible!important;
        touch-action:pan-y!important;
    }
    body.handicap-member-area .handicap-rathaus-intro-text,
    body.handicap-member-area .handicap-rathaus-intro-text * {
        touch-action:pan-y!important;
    }
}
.handicap-rathaus-intro-actions{
    gap:10px!important;
    flex-wrap:nowrap!important;
}
.handicap-rathaus-intro-actions .handicap-rathaus-groups-button,
.handicap-rathaus-intro-actions .handicap-rathaus-chats-button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:10px 12px!important;
    border:1px solid #111!important;
    border-radius:9px!important;
    background:#ffd51f!important;
    color:#111!important;
    -webkit-text-fill-color:#111!important;
    font:700 15px/1.2 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    white-space:normal!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
}
@media(max-width:360px){
    .handicap-rathaus-intro-actions{gap:7px!important}
    .handicap-rathaus-intro-actions .handicap-rathaus-groups-button,
    .handicap-rathaus-intro-actions .handicap-rathaus-chats-button{font-size:14px!important;padding:9px 8px!important}
}