/* extracted from feed.html block 1 */
.feed-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.feed-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.post-card{overflow:hidden;padding:0}
.post-img{width:100%;max-height:560px;object-fit:cover;display:block;background:#e5e7eb}
.post-body{padding:16px}
.post-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#6b7280;font-size:13px;font-weight:700}
.post-title{font-size:20px;font-weight:950;margin:7px 0}
.post-note{white-space:pre-wrap;line-height:1.45}
.post-actions{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}
.mini-map-link{font-size:13px;font-weight:900;color:#1877f2;text-decoration:none}
.field-list{margin-top:8px;font-size:13px;color:#374151}
.field-list b{color:#111827}

.post-tags{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 8px;
    margin-top:4px;
}

/* Kategorien/Gruppen direkt unter Autor/Ort und oberhalb des Bildes. */
.post-tags-top{
    margin:0 !important;
    padding:0 16px 10px 16px;
}

@media(max-width:560px){
    .post-tags-top{
        padding:0 12px 8px 12px;
    }
}

.tag-link{
    text-decoration:none;
    display:inline-flex;
    align-items:center;
}

.tag-link:hover{
    filter:brightness(.96);
    text-decoration:underline;
}

.group-chip-wrap{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-right:2px;
    margin-bottom:2px;
    flex-wrap:nowrap;
    white-space:nowrap;
    max-width:100%;
}

.group-follow-inline{
    display:inline-flex;
    margin:0;
}

.group-follow-btn{
    border:0;
    border-radius:999px;
    background:#eef2ff;
    color:#1d4ed8;
    font-size:12px;
    font-weight:900;
    padding:4px 8px;
    cursor:pointer;
}

.group-follow-btn:hover{
    background:#dbeafe;
}

.follow-state-btn,
.user-followed-state{
    border:0;
    border-radius:999px;
    background:#dcfce7;
    color:#166534;
    font-size:13px;
    font-weight:900;
    padding:8px 12px;
    cursor:pointer;
}

.follow-state-btn{
    font-size:12px;
    padding:4px 8px;
}

@media(max-width:520px){
    .feed-head{display:block}
    .post-img{max-height:420px}
}

/* SHENOX TARGET POST REVEAL START */

/*
 * Der Beitrag wird beim Scrollen nicht unter den beiden
 * fixierten Shenox-Kopfzeilen versteckt.
 */
.post-card{
    scroll-margin-top:calc(
        var(--sx-shared-header-height,72px)
        + var(--sx-shenox-nav-height,58px)
        + 16px
    );
}

/*
 * Kurzzeitige Hervorhebung des geöffneten Beitrags.
 */
.post-card.shenox-target-post{
    z-index:2;
    animation:
        shenoxTargetPostLift
        3.2s
        ease-out
        both;
}

.post-card.shenox-target-post::before{
    content:"";

    position:absolute;
    inset:0;
    z-index:100;

    pointer-events:none;

    border:4px solid #1877f2;
    border-radius:inherit;

    opacity:0;

    animation:
        shenoxTargetPostFrame
        3.2s
        ease-out
        both;
}

@keyframes shenoxTargetPostFrame{
    0%{
        opacity:0;
    }

    10%{
        opacity:1;
    }

    55%{
        opacity:1;
    }

    100%{
        opacity:0;
    }
}

@keyframes shenoxTargetPostLift{
    0%{
        box-shadow:
            0 6px 18px
            rgba(15,23,42,.05);
    }

    18%,
    55%{
        box-shadow:
            0 0 0 9px
            rgba(24,119,242,.16),
            0 18px 38px
            rgba(24,119,242,.24);
    }

    100%{
        box-shadow:
            0 6px 18px
            rgba(15,23,42,.05);
    }
}

/*
 * Barrierefreiheit:
 * Bei deaktivierten Animationen wird nicht gepulst.
 */
@media(prefers-reduced-motion:reduce){

    .post-card.shenox-target-post,
    .post-card.shenox-target-post::before{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }
}

/* SHENOX TARGET POST REVEAL END */

/* SHENOX NOTE CLAMP CSS START */
.post-note.note-collapsed{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.note-more-btn{
    margin-top:6px;
    border:0;
    background:transparent;
    color:#1877f2;
    font-weight:900;
    cursor:pointer;
    padding:0;
    font-size:14px;
}

.note-more-btn:hover{
    text-decoration:underline;
}
/* SHENOX NOTE CLAMP CSS END */
/* SHENOX REMOVE FEED HEADER BOX START */
.feed-hidden-controls{
    display:contents;
}

.feed-hidden-controls #countInfo{
    display:none !important;
}
/* SHENOX REMOVE FEED HEADER BOX END */

/* SHENOX IMAGE MAX BLUR THIRD START */

/* Feed am PC schmäler und zentriert wie Social-Feed */
#feedList{
    max-width:720px;
    margin:0 auto;
}

#feedList .post-card{
    max-width:720px;
    margin-left:auto;
    margin-right:auto;
}

.post-image-wrap{
    position:relative;
    width:100%;
    height:min(72vh, 720px);
    min-height:360px;
    overflow:hidden;
    background:#e5e7eb;
    display:flex;
    align-items:center;
    justify-content:center;
}

.post-image-bg{
    position:absolute;
    inset:-30px;
    background-size:cover;
    background-position:center;
    filter:blur(30px) saturate(1.12);
    transform:scale(1.10);
    opacity:.92;
}

.post-image-wrap::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.035);
    pointer-events:none;
    z-index:2;
}

.post-img{
    position:relative;
    z-index:3;
    display:block;
    object-fit:contain !important;
    cursor:pointer;
    background:transparent !important;
    max-width:none !important;
    max-height:none !important;
}

/* Tablet */
@media(max-width:900px){
    #feedList{
        max-width:720px;
    }

    .post-image-wrap{
        height:min(70vh, 640px);
        min-height:320px;
    }
}

/* Handy: Hochformatfotos groß und möglichst vollständig anzeigen */
@media(max-width:768px){
    #feedList{
        max-width:none;
        width:100%;
        margin:0;
    }

    #feedList .post-card{
        max-width:none;
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    .post-image-wrap{
        height:auto;
        min-height:0;
        display:block;
    }

    .post-image-bg{
        display:none;
    }

    .post-image-wrap::after{
        content:none;
    }

    .post-img{
        width:100% !important;
        height:auto !important;
        max-width:100% !important;
        max-height:none !important;
    }
}

/* SHENOX IMAGE MAX BLUR THIRD END */

/* SHENOX IMAGE NO FILL START */
/*
 * Keine künstlichen Leer-/Blur-Flächen mehr um Fotos.
 * Feedbilder bestimmen ihre Höhe ausschließlich über ihr echtes Seitenverhältnis.
 */
#feedList .post-image-wrap{
    height:auto !important;
    min-height:0 !important;
    background:transparent !important;
    display:block !important;
    overflow:hidden !important;
}
#feedList .post-image-bg,
#feedList .post-image-wrap::before,
#feedList .post-image-wrap::after{
    display:none !important;
    content:none !important;
}
#feedList .post-img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:initial !important;
    background:transparent !important;
}
/* SHENOX IMAGE NO FILL END */

/* SHENOX FEED AVATAR MENU CLEAN START */

.post-card{
    position:relative;
    overflow:hidden;
    padding:0;
}

.post-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:14px 16px 10px;
}

.post-head-left{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
    flex:1;
}

.post-author-avatar{
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:999px;
    background:#dbeafe;
    color:#1d4ed8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:800;
    letter-spacing:.02em;
    overflow:hidden;
    position:relative;
}

.post-author-avatar img{
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    object-fit:cover;
    display:block;
    border-radius:999px;
    transform-origin:center center;
}

.post-head-meta{
    min-width:0;
    flex:1;
    overflow:hidden;
}

.post-author-line{
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:nowrap;
    min-width:0;
    line-height:1.2;
    font-size:14px;
}

.post-author-name{
    color:#111827;
    font-weight:800;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:100%;
}

.post-author-age,
.post-author-sep{
    color:#6b7280;
    font-weight:400;
}

.post-place-line{
    margin-top:2px;
    font-size:13px;
    line-height:1.25;
    color:#6b7280;
    font-weight:400;
}

.post-author-online-dot{
    display:inline-block;
    width:8px;
    height:8px;
    min-width:8px;
    border-radius:50%;
    background:#64748b;
    box-shadow:0 0 0 2px #fff;
    vertical-align:middle;
    flex:0 0 8px;
}
.post-author-online-dot.is-online{
    background:#22c55e;
    box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(34,197,94,.18);
}

.post-author-call-actions{
    margin-left:0;
    display:inline-flex;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
}

.post-author-call-btn{
    width:32px;
    height:32px;
    border-radius:999px;
    border:1px solid #dbe3ee;
    background:#fff;
    color:#334155;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    box-shadow:0 2px 6px rgba(15,23,42,.06);
}

.post-author-call-btn svg{width:17px;height:17px}

.post-author-call-btn:hover,
.post-author-call-btn:focus-visible{
    background:#eff6ff;
    border-color:#93c5fd;
    color:#1877f2;
    outline:none;
}

.post-menu{
    position:relative;
    flex:0 0 auto;
}

.post-menu-trigger{
    appearance:none !important;
    -webkit-appearance:none !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    color:#6b7280 !important;
    font-size:24px !important;
    line-height:1 !important;
    padding:0 2px !important;
    margin:0 !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    cursor:pointer;
}

.post-menu-trigger:hover{
    color:#111827 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.post-menu-panel{
    display:none;
    position:absolute;
    top:24px;
    right:0;
    min-width:185px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    box-shadow:0 12px 32px rgba(0,0,0,.14);
    padding:8px;
    z-index:60;
}

.post-menu.open .post-menu-panel{
    display:block;
}

.post-menu-info{
    padding:8px 10px;
    font-size:13px;
    color:#6b7280;
    border-bottom:1px solid #f1f5f9;
    margin-bottom:4px;
}

.post-menu-link{
    display:block;
    width:100%;
    text-align:left;
    padding:8px 10px;
    border:0;
    background:transparent;
    color:#111827;
    border-radius:8px;
    cursor:pointer;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    font-family:inherit;
}

.post-menu-link:hover{
    background:#f3f4f6;
}

.post-menu-link.danger{
    color:#b91c1c;
}

.post-menu-form{
    margin:0;
}

.post-body{
    padding:12px 16px 16px;
}

.post-title{
    margin-top:0;
}

@media(max-width:560px){
    .post-head{
        padding:12px 12px 8px;
        gap:10px;
    }

    .post-author-avatar{
        width:34px;
        height:34px;
        min-width:34px;
        font-size:12px;
    }

    .post-author-line{
        font-size:14px;
    }

    .post-place-line{
        font-size:13px;
    }
}

/* SHENOX FEED AVATAR MENU CLEAN END */


/* SHENOX FOLLOW TOP LINE START */

/* Folgen-Button direkt neben Name/Zeit */
.post-author-line .user-follow-form{
    display:inline-flex !important;
    margin:0 0 0 4px !important;
    padding:0 !important;
    vertical-align:baseline;
    flex:0 0 auto;
}

.post-author-line .user-follow-form button,
.post-author-line .btn.small.secondary,
.post-author-line .user-followed-state{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    padding:0 !important;
    margin:0 !important;
    color:#1877f2 !important;
    font-size:14px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    cursor:pointer;
}

.post-author-line .user-followed-state{
    color:#6b7280 !important;
    flex:0 0 auto;
}

/* Unten darf der Folgen-Button nicht mehr erscheinen */
.post-actions .user-follow-form{
    display:none !important;
}

@media(max-width:560px){
    .post-author-line .user-follow-form button,
    .post-author-line .btn.small.secondary,
    .post-author-line .user-followed-state{
        font-size:14px !important;
    }
}

/* SHENOX FOLLOW TOP LINE END */


/* SHENOX USER CLICK POSTS START */
.post-author-avatar-link{
    display:inline-flex;
    text-decoration:none;
    color:inherit;
    flex:0 0 auto;
}

.post-author-name-link{
    color:#111827;
    text-decoration:none;
    font-weight:800;
    min-width:0;
    flex:1 1 auto;
}

.post-author-name-link:hover{
    text-decoration:underline;
}

.post-author-name-link .post-author-name{
    color:inherit;
    font-weight:inherit;
}
/* SHENOX USER CLICK POSTS END */


/* SHENOX INSTA ACTIONS COMMENTS START */

.post-actions{
    margin-top:14px;
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.post-icon-row{
    display:flex;
    align-items:center;
    gap:16px;
    width:100%;
}

.post-icon-action{
    appearance:none;
    -webkit-appearance:none;
    border:0;
    background:transparent;
    padding:0;
    margin:0;
    box-shadow:none;
    color:#111827;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:25px;
    line-height:1;
    font-weight:500;
}

.post-icon-action:hover{
    opacity:.72;
}

.post-icon-action.is-liked .heart-symbol{
    color:#e11d48;
}

.heart-symbol{
    font-size:28px;
    line-height:1;
    color:#111827;
}

.comment-symbol{
    font-size:25px;
    line-height:1;
    color:#111827;
}

.post-action-count{
    font-size:14px;
    color:#111827;
    font-weight:500;
    line-height:1;
}

.post-action-map{
    margin-left:auto;
    font-size:13px;
    font-weight:800;
    color:#1877f2;
    text-decoration:none;
}

.post-action-map:hover{
    text-decoration:underline;
}

.comments-panel{
    width:100%;
    margin-top:12px;
    border-top:1px solid #eef2f7;
    padding-top:10px;
}

.comments-panel[hidden]{
    display:none !important;
}

.comments-list{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-bottom:10px;
}

.comment-item{
    font-size:14px;
    line-height:1.35;
    color:#111827;
}

.comment-author{
    font-weight:800;
    margin-right:5px;
}

.comment-text{
    white-space:pre-wrap;
}

.comment-delete{
    border:0;
    background:transparent;
    color:#9ca3af;
    font-size:12px;
    padding:0;
    margin-left:6px;
    cursor:pointer;
}

.comment-delete:hover{
    color:#b91c1c;
    text-decoration:underline;
}

.comment-empty{
    color:#6b7280;
    font-size:14px;
}

.comment-form{
    display:flex;
    align-items:center;
    gap:8px;
}

.comment-input{
    flex:1;
    border:1px solid #e5e7eb;
    border-radius:999px;
    padding:9px 13px;
    font-size:14px;
    outline:none;
}

.comment-input:focus{
    border-color:#93c5fd;
    box-shadow:0 0 0 3px rgba(59,130,246,.12);
}

.comment-submit{
    border:0;
    background:transparent;
    color:#1877f2;
    font-weight:900;
    cursor:pointer;
    padding:8px 4px;
}

.comment-submit:disabled{
    color:#9ca3af;
    cursor:not-allowed;
}

@media(max-width:560px){
    .post-icon-row{
        gap:14px;
    }

    .heart-symbol{
        font-size:30px;
    }

    .comment-symbol{
        font-size:27px;
    }

    .post-action-map{
        width:100%;
        margin-left:0;
    }
}

/* SHENOX INSTA ACTIONS COMMENTS END */


/* SHENOX COMMENT THREAD UI V2 START */
.post-icon-row{display:flex;align-items:center;gap:18px;width:100%}
.post-icon-action{appearance:none;border:0;background:transparent;padding:0;display:inline-flex;align-items:center;gap:6px;color:#111827;cursor:pointer;font:inherit}
.post-icon-action:hover{opacity:.78}
.post-icon-action.is-liked{color:#e11d48}
.post-svg-icon{width:24px;height:24px;display:block;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.post-svg-icon.heart-fill.filled{fill:currentColor}
.post-action-count{font-size:14px;font-weight:600;color:#111827}
.post-view-action{cursor:default;white-space:nowrap}
.post-view-action:hover{opacity:1}
.post-view-label{font-size:14px;font-weight:700;color:#475569}
.post-action-map{margin-left:auto;font-size:13px;font-weight:900;color:#1877f2;text-decoration:none}
.comments-panel{margin-top:14px;border-top:1px solid #e5e7eb;padding-top:12px}
.comments-list{display:flex;flex-direction:column;gap:14px}
.comment-empty{color:#6b7280;font-size:14px}
.thread-comment{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.thread-comment-main{display:flex;gap:10px;align-items:flex-start;min-width:0;flex:1}
.thread-comment-avatar{width:34px;height:34px;min-width:34px;font-size:12px}
.thread-comment-body{min-width:0;flex:1}
.thread-comment-top{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;line-height:1.25;font-size:14px}
.thread-comment-name{font-weight:800;color:#111827}
.thread-comment-age{color:#6b7280;font-size:13px}
.thread-comment-text{margin-top:2px;white-space:pre-wrap;line-height:1.35;color:#111827}
.thread-comment-tools{display:flex;gap:12px;align-items:center;margin-top:6px}
.thread-comment-link{border:0;background:transparent;padding:0;color:#6b7280;font-size:13px;font-weight:700;cursor:pointer}
.thread-comment-like{border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:2px;color:#6b7280;cursor:pointer;min-width:28px}
.thread-comment-like.is-liked{color:#e11d48}
.thread-comment-like .post-svg-icon{width:20px;height:20px}
.thread-comment-like-count{font-size:13px;font-weight:700;color:inherit}
.thread-replies{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding-left:14px;border-left:2px solid #eef2f7}
.thread-comment-form{display:flex;gap:10px;align-items:flex-end;margin-top:12px}
.thread-comment-input{flex:1;min-height:46px;max-height:120px;resize:vertical;border:1px solid #d1d5db;border-radius:18px;padding:12px 14px;font:inherit;line-height:1.35;background:#fff;color:#111827}
.thread-comment-send,.thread-reply-cancel{border:0;border-radius:999px;cursor:pointer;font-weight:800}
.thread-comment-send{
    background:#1877f2;
    color:#fff;
    width:46px;
    height:46px;
    min-width:46px;
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 8px 18px rgba(24,119,242,.22);
    transition:transform .12s ease, opacity .12s ease;
}
.thread-comment-send:hover{transform:translateY(-1px)}
.thread-comment-send svg{width:20px;height:20px;display:block}
.thread-comment-send:disabled,
.thread-comment-send.is-loading{opacity:.6;cursor:default;transform:none}
.thread-reply-cancel{background:#eef2ff;color:#334155;padding:10px 14px}
.thread-reply-box{display:flex;gap:8px;align-items:flex-start;margin-top:8px}
.thread-reply-box[hidden]{display:none !important}
/* SHENOX COMMENT THREAD UI V2 END */

/* SHENOX COMMENT ALIGNMENT FIX START */

/*
   Fixe Berechnung:
   - --shenox-input-right-gap: Abstand vom rechten Feed-Innenrand bis zur roten Linie
   - --shenox-like-right: fixer Abstand der Kommentar-Herzen vom rechten Feed-Innenrand
*/
.comments-panel{
    position:relative !important;
    --shenox-input-right-gap:86px;
    --shenox-like-right:10px;
}

/* Rechts Platz für die fixe Herz-Spalte reservieren */
.comments-list{
    box-sizing:border-box !important;
    padding-right:58px !important;
}

/* Kommentarzeilen selbst dürfen nicht mehr die Herzposition bestimmen */
.thread-comment{
    position:static !important;
    box-sizing:border-box !important;
    max-width:100% !important;
}

.thread-comment-main,
.thread-comment-body{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

/* Kommentar-Herz wird per JS absolut auf die fixe rechte Spalte gesetzt */
.thread-comment-like{
    z-index:3 !important;
}

/* Antwortformular bleibt in einer Zeile: Emoji, Eingabe, Sende-Pfeil. */
.thread-reply-form{
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-end !important;
    gap:10px !important;
    width:100% !important;
    min-width:0 !important;
}

.thread-reply-form > .sx-emoji-field{
    flex:1 1 auto !important;
    min-width:0 !important;
}

.thread-reply-form > .thread-comment-send{
    flex:0 0 48px !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    margin:0 !important;
}

/* Alle Eingabefelder werden per JS auf dieselbe rechte Linie gerechnet */
.thread-comment-input{
    box-sizing:border-box !important;
    max-width:none !important;
}

/* Antwortfeld gleich hoch wie Emoji- und Sende-Button. */
.thread-reply-form .thread-comment-input{
    min-height:48px !important;
    height:48px !important;
}

/* Normales Kommentar-Eingabefeld bleibt niedriger */
.comments-panel > .thread-comment-form:not(.thread-reply-form) .thread-comment-input{
    min-height:52px !important;
}

/* Verschachtelung sichtbar lassen, aber nicht übertreiben */
.thread-replies{
    padding-left:14px !important;
}

.thread-replies .thread-replies{
    padding-left:12px !important;
}

.thread-replies .thread-replies .thread-replies{
    padding-left:10px !important;
}

@media(max-width:560px){
    .comments-panel{
        --shenox-input-right-gap:8px;
        --shenox-like-right:6px;
    }

    .comments-list{
        padding-right:42px !important;
    }

    .thread-comment-send{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
    }

    .thread-comment-input{
        min-height:44px !important;
    }

    .thread-replies{
        padding-left:10px !important;
    }

    .thread-replies .thread-replies,
    .thread-replies .thread-replies .thread-replies{
        padding-left:8px !important;
    }
}

/* SHENOX COMMENT ALIGNMENT FIX END */


/* SHENOX COMMENT EDIT DELETE CSS START */
.thread-comment-delete-link{
    color:#b91c1c !important;
}

.thread-comment-delete-link:hover{
    text-decoration:underline !important;
}

.thread-comment-editing .thread-comment-text{
    opacity:.65;
}
/* SHENOX COMMENT EDIT DELETE CSS END */


/* SHENOX INLINE COMMENT EDIT START */

.thread-edit-box{
    margin-top:8px !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
}

.thread-edit-box .thread-comment-input{
    width:100% !important;
    max-width:100% !important;
    min-height:70px !important;
    box-sizing:border-box !important;
}

.thread-edit-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    margin-top:8px !important;
    flex-wrap:wrap !important;
}

.thread-edit-save,
.thread-edit-cancel{
    border:0 !important;
    border-radius:999px !important;
    padding:9px 14px !important;
    cursor:pointer !important;
    font-weight:800 !important;
}

.thread-edit-save{
    background:#1877f2 !important;
    color:#fff !important;
}

.thread-edit-cancel{
    background:#eef2ff !important;
    color:#334155 !important;
}

.thread-comment-delete-link{
    color:#b91c1c !important;
}

.thread-comment-delete-link:hover{
    text-decoration:underline !important;
}

.thread-comment-editing .thread-comment-text,
.thread-comment-editing .thread-comment-tools{
    display:none !important;
}

/* SHENOX INLINE COMMENT EDIT END */


/* SHENOX COMMENT USER CLICKABLE START */

.thread-comment-avatar-link{
    display:inline-flex !important;
    flex:0 0 auto !important;
    text-decoration:none !important;
    color:inherit !important;
}

.thread-comment-name-link{
    color:#111827 !important;
    text-decoration:none !important;
    font-weight:800 !important;
}

.thread-comment-name-link:hover{
    text-decoration:underline !important;
}

.thread-comment-name-link .thread-comment-name{
    color:inherit !important;
    font-weight:inherit !important;
}

/* SHENOX COMMENT USER CLICKABLE END */

/* SHENOX FEED MOBILE FINAL ALIGN START */
@media(max-width:768px){
    html,body{
        overflow-x:hidden !important;
        max-width:100% !important;
    }

    #feedList{
        width:100vw !important;
        max-width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }

    #feedList .post-card{
        width:100vw !important;
        max-width:100vw !important;
        margin:0 0 16px 0 !important;
        padding:0 !important;
        border-radius:0 !important;
        box-shadow:none !important;
        overflow:hidden !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }

    #feedList .post-head{
        width:100% !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:8px !important;
        padding:10px 8px 8px 8px !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    #feedList .post-head-left{
        display:flex !important;
        align-items:center !important;
        gap:9px !important;
        flex:1 1 auto !important;
        min-width:0 !important;
        margin:0 !important;
    }

    #feedList .post-author-avatar{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        flex:0 0 42px !important;
        margin:0 !important;
    }

    #feedList .post-head-meta{
        min-width:0 !important;
        flex:1 1 auto !important;
        margin:0 !important;
    }

    #feedList .post-author-line{
        display:flex !important;
        align-items:center !important;
        gap:5px !important;
        line-height:1.15 !important;
        flex-wrap:nowrap !important;
        min-width:0 !important;
    }

    #feedList .post-author-name-link{
        min-width:0 !important;
        flex:1 1 auto !important;
    }

    #feedList .post-author-name{
        display:block !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
    }

    #feedList .post-author-call-actions{
        margin-left:0 !important;
        width:auto !important;
        justify-content:flex-start !important;
        flex:0 0 auto !important;
    }

    #feedList .post-place-line{
        margin-top:2px !important;
        line-height:1.15 !important;
    }

    #feedList .post-menu{
        margin-left:auto !important;
        padding:0 !important;
        flex:0 0 auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
    }

    #feedList .post-menu-trigger{
        min-width:28px !important;
        padding:0 !important;
        margin:0 !important;
        text-align:right !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
    }

    #feedList .post-image-wrap{
        width:100vw !important;
        max-width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        padding:0 !important;
        border-radius:0 !important;
        overflow:hidden !important;
        background:#000 !important;
        box-sizing:border-box !important;
    }

    #feedList .post-image-bg,
    #feedList .post-image-wrap::before,
    #feedList .post-image-wrap::after{
        display:none !important;
        content:none !important;
    }

    #feedList .post-img{
        width:100vw !important;
        max-width:100vw !important;
        height:auto !important;
        max-height:none !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        border-radius:0 !important;
        object-fit:cover !important;
        box-sizing:border-box !important;
    }

    #feedList .post-body{
        width:100% !important;
        max-width:100% !important;
        padding:10px 8px 14px 8px !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    #feedList .post-title,
    #feedList .post-note,
    #feedList .post-actions,
    #feedList .post-icon-row{
        margin-left:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
        box-sizing:border-box !important;
    }

    #feedList .post-actions,
    #feedList .post-icon-row{
        width:100% !important;
        max-width:100% !important;
        display:flex !important;
        align-items:center !important;
    }

    #feedList .post-action-map,
    #feedList .mini-map-link{
        margin-left:auto !important;
        text-align:right !important;
        padding-right:0 !important;
    }

    #feedList .comments-panel{
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }
}
/* SHENOX FEED MOBILE FINAL ALIGN END */


/* SHENOX GROUP FOLLOW TOGGLE START */
.group-follow-inline{
    display:inline-flex !important;
    margin:0 !important;
    padding:0 !important;
}

.group-follow-btn{
    border:0 !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#1d4ed8 !important;
    font-size:12px !important;
    font-weight:900 !important;
    padding:4px 8px !important;
    cursor:pointer !important;
    line-height:1.2 !important;
}

.group-follow-btn:hover{
    background:#dbeafe !important;
}

.group-follow-btn.follow-state-btn{
    background:#dcfce7 !important;
    color:#166534 !important;
}

.group-follow-btn.is-saving{
    opacity:.65 !important;
    pointer-events:none !important;
}
/* SHENOX GROUP FOLLOW TOGGLE END */


/* SHENOX GROUP MEMBERSHIP BUTTON START */
.group-follow-btn.follow-pending-btn{
    background:#fff7ed !important;
    color:#9a3412 !important;
}
/* SHENOX GROUP MEMBERSHIP BUTTON END */


/* SHENOX GROUP MEMBERSHIP SYNC START */

.group-follow-inline{
    display:inline-flex !important;
    margin:0 !important;
    padding:0 !important;
}

.group-follow-btn{
    border:0 !important;
    border-radius:999px !important;
    background:#eef2ff !important;
    color:#1d4ed8 !important;
    font-size:12px !important;
    font-weight:900 !important;
    padding:4px 8px !important;
    cursor:pointer !important;
    line-height:1.2 !important;
}

.group-follow-btn.follow-state-btn{
    background:#dcfce7 !important;
    color:#166534 !important;
}

.group-follow-btn.follow-pending-btn{
    background:#fff7ed !important;
    color:#9a3412 !important;
}

.group-follow-btn.is-saving{
    opacity:.65 !important;
    pointer-events:none !important;
}

/* SHENOX GROUP MEMBERSHIP SYNC END */


/* SHENOX MOBILE SIGNAL COMMENT SEND START */

/*
 * Grundgestaltung für den runden Signal-Sendebutton.
 */
.thread-comment-send{
    appearance:none !important;
    -webkit-appearance:none !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;

    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;

    background:#1877f2 !important;
    color:#ffffff !important;

    box-shadow:
        0 5px 14px rgba(24,119,242,.26) !important;

    cursor:pointer !important;
    flex:0 0 auto !important;
}

.thread-comment-send svg{
    display:block !important;
    width:22px !important;
    height:22px !important;
}

.thread-comment-send:active{
    transform:scale(.96) !important;
}

.thread-comment-send:disabled,
.thread-comment-send.is-loading{
    opacity:.58 !important;
    cursor:default !important;
    transform:none !important;
}

/*
 * Handy:
 * Eingabefeld und Sende-Button stehen immer nebeneinander.
 */
@media(max-width:560px){

    .comments-panel{
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .comments-panel > .thread-comment-form:not(.thread-reply-form){
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 48px !important;
        align-items:end !important;
        gap:9px !important;

        width:100% !important;
        margin-top:12px !important;
    }

    .comments-panel >
    .thread-comment-form:not(.thread-reply-form)
    .thread-comment-input{
        width:100% !important;
        min-width:0 !important;

        min-height:48px !important;
        max-height:112px !important;

        margin:0 !important;
        padding:12px 16px !important;

        border:1px solid #d1d5db !important;
        border-radius:24px !important;

        font-size:16px !important;
        line-height:1.35 !important;

        resize:none !important;
        overflow-y:auto !important;
    }

    .thread-comment-send{
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        min-height:48px !important;
    }

    .thread-comment-send svg{
        width:23px !important;
        height:23px !important;
    }

    /*
     * Antworten auf Kommentare:
     * Emoji + Eingabe links, runder Sende-Button direkt rechts.
     */
    .thread-reply-form{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) 48px !important;
        align-items:end !important;
        gap:9px !important;
        width:100% !important;
        min-width:0 !important;
    }

    .thread-reply-form > .sx-emoji-field{
        grid-column:1 !important;
        min-width:0 !important;
        width:100% !important;
    }

    .thread-reply-form .thread-comment-input{
        width:100% !important;
        min-width:0 !important;
        min-height:48px !important;
        height:48px !important;
        max-height:112px !important;
        margin:0 !important;
        padding:12px 16px !important;
        border-radius:24px !important;
        font-size:16px !important;
        line-height:1.35 !important;
        resize:none !important;
        overflow-y:auto !important;
    }

    .thread-reply-form > .thread-comment-send{
        grid-column:2 !important;
        width:48px !important;
        height:48px !important;
        min-width:48px !important;
        min-height:48px !important;
        margin:0 !important;
    }
}

/* SHENOX MOBILE SIGNAL COMMENT SEND END */


/* SHENOX REPLY INPUT RIGHT ALIGNMENT START */
/*
 * Das Antwortformular liegt innerhalb des Kommentartextes und war deshalb
 * um genau eine Sende-Schaltfläche schmaler als das normale Kommentarformular.
 * Der kontrollierte Überhang sorgt dafür, dass beide Eingabefelder und beide
 * Sende-Pfeile an derselben rechten Linie enden.
 */
.thread-reply-form{
    width:calc(100% + 58px) !important;
    max-width:none !important;
    margin-right:-58px !important;
    box-sizing:border-box !important;
}

@media(max-width:560px){
    .thread-reply-form{
        width:calc(100% + 57px) !important;
        margin-right:-57px !important;
    }
}
/* SHENOX REPLY INPUT RIGHT ALIGNMENT END */


/* SHENOX IMAGE NO FILL FINAL START */
#feedList .post-image-wrap{
    height:auto !important;
    min-height:0 !important;
    background:transparent !important;
    display:block !important;
}
#feedList .post-image-bg,
#feedList .post-image-wrap::before,
#feedList .post-image-wrap::after{
    display:none !important;
    content:none !important;
}
#feedList .post-img{
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:initial !important;
    background:transparent !important;
}
/* SHENOX IMAGE NO FILL FINAL END */


/* extracted from feed.html block 2 */
.guest-mode .user-follow-form,
.guest-mode .group-follow-inline,
.guest-mode .like-action,
.guest-mode .comment-action,
.guest-mode .comments-panel{
    display:none !important;
}

.invite-preview-card{
    max-width:760px;
    margin:0 auto 14px;
    padding:12px 14px;
    border:1px solid #bfdbfe;
    border-radius:16px;
    background:#eff6ff;
    color:#1e3a8a;
    font-weight:400;
    line-height:1.4;
}
.invite-preview-title{font-weight:700;color:#1d4ed8;margin-bottom:3px}
.invite-preview-text{font-weight:400}
.invite-preview-expired{background:#eff6ff;border-color:#93c5fd;color:#1e40af}


/* SHENOX LIGHT TYPOGRAPHY 260 START */
.post-author-name,
.post-author-name-link,
.post-author-name-link .post-author-name,
.post-author-age,
.post-author-sep,
.post-meta,
.tag,
.tag-link,
.group-follow-btn,
.follow-state-btn,
.user-followed-state,
.post-author-line .user-follow-form button,
.post-author-line .btn.small.secondary,
.post-author-line .user-followed-state,
.post-action-count,
.post-view-label,
.post-action-map,
.mini-map-link{
    font-weight:400 !important;
}
/* SHENOX LIGHT TYPOGRAPHY 260 END */

/* SHENOX LIGHT TYPOGRAPHY 261 START */
/* Die im UI markierten Feed-Metadaten bleiben bewusst leicht. */
.post-tags .tag,
.post-tags .group-follow-btn,
.post-tags .follow-state-btn,
.post-place-line,
.post-action-map{
    font-weight:400 !important;
}
/* SHENOX LIGHT TYPOGRAPHY 261 END */


/* SHENOX LIGHT TYPOGRAPHY 262 START */
/* Kommentar-Name und Kommentar-Aktionen bewusst ohne Fettdruck. */
.thread-comment-name-link,
.thread-comment-name-link .thread-comment-name,
.thread-comment-name,
.thread-comment-link,
.thread-comment-like-count{
    font-weight:400 !important;
}
/* SHENOX LIGHT TYPOGRAPHY 262 END */

.post-author-online-dot,
.post-author-age,
.post-author-sep,
.post-author-call-btn,
.post-author-call-actions,
.post-author-line .user-follow-form button,
.post-author-line .btn.small.secondary,
.post-author-line .user-followed-state{
    flex:0 0 auto;
}

@media(max-width:560px){
    .post-tags-top{
        display:flex;
        flex-wrap:wrap;
        gap:6px 8px;
        align-items:center;
    }
}

/* SHENOX FEED HEADER ALIGN 271 */
.post-author-age{white-space:nowrap;}
.post-author-call-actions{white-space:nowrap;}

/* SHENOX FEED AUTHOR ROW 272 START */
.post-head-left{min-width:0;flex:1 1 auto}
.post-head-meta{min-width:0;flex:1 1 auto;overflow:hidden}
.post-author-line{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
    min-width:0 !important;
    width:100% !important;
}
.post-author-name-link{
    flex:0 1 auto !important;
    min-width:0 !important;
    max-width:min(240px,42vw) !important;
    overflow:hidden !important;
}
.post-author-name{
    display:block !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}
.post-author-online-dot,
.post-author-age,
.post-author-call-actions,
.post-author-call-btn{
    flex:0 0 auto !important;
}
.post-author-call-actions{
    margin-left:0 !important;
    width:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
}
.post-menu{margin-left:auto !important;flex:0 0 auto !important}
.post-author-sep{display:none !important}
.post-author-line .user-follow-form,
.post-author-line .user-followed-state{display:none !important}
@media(min-width:769px){
    .post-author-name-link{max-width:320px !important}
}
@media(max-width:768px){
    #feedList .post-author-line{flex-wrap:nowrap !important;justify-content:flex-start !important}
    #feedList .post-author-name-link{flex:0 1 auto !important;max-width:34vw !important}
    #feedList .post-author-call-actions{margin-left:0 !important;width:auto !important;justify-content:flex-start !important}
}
/* SHENOX FEED AUTHOR ROW 272 END */


/* SHENOX FEED AUTHOR ROW 273 START */
.post-author-line{
    display:inline-flex !important;
    width:auto !important;
    max-width:100% !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:nowrap !important;
}
.post-author-name-link{flex:0 1 auto !important;min-width:0 !important;max-width:260px !important}
.post-author-online-dot,.post-author-age,.post-author-call-actions{margin-left:0 !important;flex:0 0 auto !important}
.post-author-call-actions{display:inline-flex !important;width:auto !important;justify-content:flex-start !important;gap:6px !important}
@media(min-width:769px){
    .post-author-line{width:max-content !important;max-width:100% !important}
    .post-author-name-link{max-width:260px !important}
}
@media(max-width:768px){
    #feedList .post-author-line{display:inline-flex !important;width:auto !important;max-width:100% !important}
    #feedList .post-author-name-link{max-width:34vw !important}
}
/* SHENOX FEED AUTHOR ROW 273 END */